Added the .js extension to import paths as required by modern TypeScr…

…ipt.
johnnesky · Jul 12, 2024 · e4ac66e · e4ac66e
1 parent 5123be4
commit e4ac66e
Show file tree

Hide file tree

Showing 43 changed files with 251 additions and 250 deletions.
diff --git a/editor/BarScrollBar.ts b/editor/BarScrollBar.ts
@@ -1,8 +1,8 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {SongDocument} from "./SongDocument";
-import {HTML, SVG} from "imperative-html/dist/esm/elements-strict";
-import {ColorConfig} from "./ColorConfig";
+import {SongDocument} from "./SongDocument.js";
+import {HTML, SVG} from "imperative-html/dist/esm/elements-strict.js";
+import {ColorConfig} from "./ColorConfig.js";
 
 export class BarScrollBar {
 	private readonly _editorWidth: number = 512;

diff --git a/editor/BeatsPerBarPrompt.ts b/editor/BeatsPerBarPrompt.ts
@@ -1,11 +1,11 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {Config} from "../synth/SynthConfig";
-import {HTML} from "imperative-html/dist/esm/elements-strict";
-import {SongDocument} from "./SongDocument";
-import {Prompt} from "./Prompt";
-import {ChangeBeatsPerBar} from "./changes";
-import {ColorConfig} from "./ColorConfig";
+import {Config} from "../synth/SynthConfig.js";
+import {HTML} from "imperative-html/dist/esm/elements-strict.js";
+import {SongDocument} from "./SongDocument.js";
+import {Prompt} from "./Prompt.js";
+import {ChangeBeatsPerBar} from "./changes.js";
+import {ColorConfig} from "./ColorConfig.js";
 
 const {button, div, span, h2, input, br, select, option} = HTML;
 

diff --git a/editor/ChannelRow.ts b/editor/ChannelRow.ts
@@ -1,9 +1,9 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {Pattern} from "../synth/synth";
-import {ColorConfig, ChannelColors} from "./ColorConfig";
-import {SongDocument} from "./SongDocument";
-import {HTML} from "imperative-html/dist/esm/elements-strict";
+import {Pattern} from "../synth/synth.js";
+import {ColorConfig, ChannelColors} from "./ColorConfig.js";
+import {SongDocument} from "./SongDocument.js";
+import {HTML} from "imperative-html/dist/esm/elements-strict.js";
 
 export class Box {
 	private readonly _text: Text = document.createTextNode("");

diff --git a/editor/ChannelSettingsPrompt.ts b/editor/ChannelSettingsPrompt.ts
@@ -1,11 +1,11 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {Config} from "../synth/SynthConfig";
-import {HTML} from "imperative-html/dist/esm/elements-strict";
-import {SongDocument} from "./SongDocument";
-import {Prompt} from "./Prompt";
-import {ChangeGroup} from "./Change";
-import {ChangePatternsPerChannel, ChangeInstrumentsFlags, ChangeChannelCount} from "./changes";
+import {Config} from "../synth/SynthConfig.js";
+import {HTML} from "imperative-html/dist/esm/elements-strict.js";
+import {SongDocument} from "./SongDocument.js";
+import {Prompt} from "./Prompt.js";
+import {ChangeGroup} from "./Change.js";
+import {ChangePatternsPerChannel, ChangeInstrumentsFlags, ChangeChannelCount} from "./changes.js";
 
 const {button, div, label, br, h2, input} = HTML;
 

diff --git a/editor/ColorConfig.ts b/editor/ColorConfig.ts
@@ -1,8 +1,8 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {BeepBoxOption, DictionaryArray, toNameMap} from "../synth/SynthConfig";
-import {Song} from "../synth/synth";
-import {HTML} from "imperative-html/dist/esm/elements-strict";
+import {BeepBoxOption, DictionaryArray, toNameMap} from "../synth/SynthConfig.js";
+import {Song} from "../synth/synth.js";
+import {HTML} from "imperative-html/dist/esm/elements-strict.js";
 
 export interface ChannelColors extends BeepBoxOption {
 	readonly secondaryChannel: string;

diff --git a/editor/EditorConfig.ts b/editor/EditorConfig.ts
@@ -1,6 +1,6 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {DictionaryArray, BeepBoxOption, InstrumentType, toNameMap} from "../synth/SynthConfig";
+import {DictionaryArray, BeepBoxOption, InstrumentType, toNameMap} from "../synth/SynthConfig.js";
 
 export interface PresetCategory extends BeepBoxOption {
 	readonly presets: DictionaryArray<Preset>;

diff --git a/editor/EnvelopeEditor.ts b/editor/EnvelopeEditor.ts
@@ -1,10 +1,10 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {InstrumentType, Config} from "../synth/SynthConfig";
-import {Instrument} from "../synth/synth";
-import {SongDocument} from "./SongDocument";
-import {ChangeSetEnvelopeTarget, ChangeSetEnvelopeType, ChangeRemoveEnvelope} from "./changes";
-import {HTML} from "imperative-html/dist/esm/elements-strict";
+import {InstrumentType, Config} from "../synth/SynthConfig.js";
+import {Instrument} from "../synth/synth.js";
+import {SongDocument} from "./SongDocument.js";
+import {ChangeSetEnvelopeTarget, ChangeSetEnvelopeType, ChangeRemoveEnvelope} from "./changes.js";
+import {HTML} from "imperative-html/dist/esm/elements-strict.js";
 
 export class EnvelopeEditor {
 	public readonly container: HTMLElement = HTML.div({class: "envelopeEditor"});

diff --git a/editor/ExportPrompt.ts b/editor/ExportPrompt.ts
@@ -1,14 +1,14 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {InstrumentType, /*EnvelopeType,*/ Config, getArpeggioPitchIndex} from "../synth/SynthConfig";
-import {Instrument, Pattern, Note, Song, Synth} from "../synth/synth";
-import {ColorConfig} from "./ColorConfig";
-import {Preset, EditorConfig} from "./EditorConfig";
-import {SongDocument} from "./SongDocument";
-import {Prompt} from "./Prompt";
-import {HTML} from "imperative-html/dist/esm/elements-strict";
-import {ArrayBufferWriter} from "./ArrayBufferWriter";
-import {MidiChunkType, MidiFileFormat, MidiControlEventMessage, MidiEventType, MidiMetaEventMessage, MidiRegisteredParameterNumberMSB, MidiRegisteredParameterNumberLSB, volumeMultToMidiVolume, volumeMultToMidiExpression, defaultMidiPitchBend, defaultMidiExpression} from "./Midi";
+import {InstrumentType, /*EnvelopeType,*/ Config, getArpeggioPitchIndex} from "../synth/SynthConfig.js";
+import {Instrument, Pattern, Note, Song, Synth} from "../synth/synth.js";
+import {ColorConfig} from "./ColorConfig.js";
+import {Preset, EditorConfig} from "./EditorConfig.js";
+import {SongDocument} from "./SongDocument.js";
+import {Prompt} from "./Prompt.js";
+import {HTML} from "imperative-html/dist/esm/elements-strict.js";
+import {ArrayBufferWriter} from "./ArrayBufferWriter.js";
+import {MidiChunkType, MidiFileFormat, MidiControlEventMessage, MidiEventType, MidiMetaEventMessage, MidiRegisteredParameterNumberMSB, MidiRegisteredParameterNumberLSB, volumeMultToMidiVolume, volumeMultToMidiExpression, defaultMidiPitchBend, defaultMidiExpression} from "./Midi.js";
 
 const {button, div, h2, input, select, option} = HTML;
 

diff --git a/editor/FadeInOutEditor.ts b/editor/FadeInOutEditor.ts
@@ -1,12 +1,12 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {Config} from "../synth/SynthConfig";
-import {clamp, Instrument, Synth} from "../synth/synth";
-import {SongDocument} from "./SongDocument";
-import {HTML, SVG} from "imperative-html/dist/esm/elements-strict";
-import {ColorConfig} from "./ColorConfig";
-import {ChangeSequence, UndoableChange} from "./Change";
-import {ChangeFadeInOut} from "./changes";
+import {Config} from "../synth/SynthConfig.js";
+import {clamp, Instrument, Synth} from "../synth/synth.js";
+import {SongDocument} from "./SongDocument.js";
+import {HTML, SVG} from "imperative-html/dist/esm/elements-strict.js";
+import {ColorConfig} from "./ColorConfig.js";
+import {ChangeSequence, UndoableChange} from "./Change.js";
+import {ChangeFadeInOut} from "./changes.js";
 
 export class FadeInOutEditor {
 	private readonly _editorWidth: number = 120;

diff --git a/editor/FilterEditor.ts b/editor/FilterEditor.ts
@@ -1,14 +1,14 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {FilterCoefficients, FrequencyResponse} from "../synth/filtering";
-import {FilterType, Config} from "../synth/SynthConfig";
-import {FilterSettings, FilterControlPoint, Instrument} from "../synth/synth";
-import {SongDocument} from "./SongDocument";
-import {HTML, SVG} from "imperative-html/dist/esm/elements-strict";
-import {ColorConfig} from "./ColorConfig";
-import {ChangeSequence, UndoableChange} from "./Change";
-import {ChangeFilterAddPoint, ChangeFilterMovePoint} from "./changes";
-import {prettyNumber} from "./EditorConfig";
+import {FilterCoefficients, FrequencyResponse} from "../synth/filtering.js";
+import {FilterType, Config} from "../synth/SynthConfig.js";
+import {FilterSettings, FilterControlPoint, Instrument} from "../synth/synth.js";
+import {SongDocument} from "./SongDocument.js";
+import {HTML, SVG} from "imperative-html/dist/esm/elements-strict.js";
+import {ColorConfig} from "./ColorConfig.js";
+import {ChangeSequence, UndoableChange} from "./Change.js";
+import {ChangeFilterAddPoint, ChangeFilterMovePoint} from "./changes.js";
+import {prettyNumber} from "./EditorConfig.js";
 
 export class FilterEditor {
 	private readonly _editorWidth: number = 120;

diff --git a/editor/HarmonicsEditor.ts b/editor/HarmonicsEditor.ts
@@ -1,12 +1,12 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {Config} from "../synth/SynthConfig";
-import {HarmonicsWave, Instrument} from "../synth/synth";
-import {SongDocument} from "./SongDocument";
-import {HTML, SVG} from "imperative-html/dist/esm/elements-strict";
-import {ColorConfig} from "./ColorConfig";
-import {ChangeHarmonics} from "./changes";
-import {prettyNumber} from "./EditorConfig";
+import {Config} from "../synth/SynthConfig.js";
+import {HarmonicsWave, Instrument} from "../synth/synth.js";
+import {SongDocument} from "./SongDocument.js";
+import {HTML, SVG} from "imperative-html/dist/esm/elements-strict.js";
+import {ColorConfig} from "./ColorConfig.js";
+import {ChangeHarmonics} from "./changes.js";
+import {prettyNumber} from "./EditorConfig.js";
 
 export class HarmonicsEditor {
 	private readonly _editorWidth: number = 120;

diff --git a/editor/ImportPrompt.ts b/editor/ImportPrompt.ts
@@ -1,15 +1,15 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {InstrumentType, Config} from "../synth/SynthConfig";
-import {NotePin, Note, makeNotePin, Pattern, Instrument, Channel, Song, Synth} from "../synth/synth";
-import {Preset, EditorConfig} from "./EditorConfig";
-import {SongDocument} from "./SongDocument";
-import {Prompt} from "./Prompt";
-import {HTML} from "imperative-html/dist/esm/elements-strict";
-import {ChangeGroup} from "./Change";
-import {removeDuplicatePatterns, ChangeSong, ChangeReplacePatterns} from "./changes";
-import {AnalogousDrum, analogousDrumMap, MidiChunkType, MidiFileFormat, MidiEventType, MidiControlEventMessage, MidiMetaEventMessage, MidiRegisteredParameterNumberMSB, MidiRegisteredParameterNumberLSB, midiVolumeToVolumeMult, midiExpressionToVolumeMult} from "./Midi";
-import {ArrayBufferReader} from "./ArrayBufferReader";
+import {InstrumentType, Config} from "../synth/SynthConfig.js";
+import {NotePin, Note, makeNotePin, Pattern, Instrument, Channel, Song, Synth} from "../synth/synth.js";
+import {Preset, EditorConfig} from "./EditorConfig.js";
+import {SongDocument} from "./SongDocument.js";
+import {Prompt} from "./Prompt.js";
+import {HTML} from "imperative-html/dist/esm/elements-strict.js";
+import {ChangeGroup} from "./Change.js";
+import {removeDuplicatePatterns, ChangeSong, ChangeReplacePatterns} from "./changes.js";
+import {AnalogousDrum, analogousDrumMap, MidiChunkType, MidiFileFormat, MidiEventType, MidiControlEventMessage, MidiMetaEventMessage, MidiRegisteredParameterNumberMSB, MidiRegisteredParameterNumberLSB, midiVolumeToVolumeMult, midiExpressionToVolumeMult} from "./Midi.js";
+import {ArrayBufferReader} from "./ArrayBufferReader.js";
 
 const {button, p, div, h2, input} = HTML;
 

diff --git a/editor/KeyboardLayout.ts b/editor/KeyboardLayout.ts
@@ -1,7 +1,7 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {Config} from "../synth/SynthConfig";
-import {SongDocument} from "./SongDocument";
+import {Config} from "../synth/SynthConfig.js";
+import {SongDocument} from "./SongDocument.js";
 
 export class KeyboardLayout {
 	private static _pianoAtC: ReadonlyArray<ReadonlyArray<number | null>> = [

diff --git a/editor/Layout.ts b/editor/Layout.ts
@@ -1,7 +1,7 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {HTML} from "imperative-html/dist/esm/elements-strict";
-import {ColorConfig} from "./ColorConfig";
+import {HTML} from "imperative-html/dist/esm/elements-strict.js";
+import {ColorConfig} from "./ColorConfig.js";
 
 export class Layout {
 	private static readonly _layoutMap: {[K: string]: string} = {

diff --git a/editor/LayoutPrompt.ts b/editor/LayoutPrompt.ts
@@ -1,9 +1,9 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {SongDocument} from "./SongDocument";
-import {Layout} from "./Layout";
-import {Prompt} from "./Prompt";
-import {HTML, SVG} from "imperative-html/dist/esm/elements-strict";
+import {SongDocument} from "./SongDocument.js";
+import {Layout} from "./Layout.js";
+import {Prompt} from "./Prompt.js";
+import {HTML, SVG} from "imperative-html/dist/esm/elements-strict.js";
 
 const {button, label, div, form, h2, input} = HTML;
 

diff --git a/editor/LoopEditor.ts b/editor/LoopEditor.ts
@@ -1,9 +1,9 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {SongDocument} from "./SongDocument";
-import {HTML, SVG} from "imperative-html/dist/esm/elements-strict";
-import {ChangeLoop, ChangeChannelBar} from "./changes";
-import {ColorConfig} from "./ColorConfig";
+import {SongDocument} from "./SongDocument.js";
+import {HTML, SVG} from "imperative-html/dist/esm/elements-strict.js";
+import {ChangeLoop, ChangeChannelBar} from "./changes.js";
+import {ColorConfig} from "./ColorConfig.js";
 
 interface Cursor {
 	startBar: number;

diff --git a/editor/MidiInput.ts b/editor/MidiInput.ts
@@ -1,8 +1,8 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {Config} from "../synth/SynthConfig";
-import {SongDocument} from "./SongDocument";
-import {AnalogousDrum, analogousDrumMap, MidiEventType} from "./Midi";
+import {Config} from "../synth/SynthConfig.js";
+import {SongDocument} from "./SongDocument.js";
+import {AnalogousDrum, analogousDrumMap, MidiEventType} from "./Midi.js";
 
 declare global {
 	interface Navigator {

diff --git a/editor/MoveNotesSidewaysPrompt.ts b/editor/MoveNotesSidewaysPrompt.ts
@@ -1,11 +1,11 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {Config} from "../synth/SynthConfig";
-import {HTML} from "imperative-html/dist/esm/elements-strict";
-import {SongDocument} from "./SongDocument";
-import {Prompt} from "./Prompt";
-import {ChangeMoveNotesSideways} from "./changes";
-import {ColorConfig} from "./ColorConfig";
+import {Config} from "../synth/SynthConfig.js";
+import {HTML} from "imperative-html/dist/esm/elements-strict.js";
+import {SongDocument} from "./SongDocument.js";
+import {Prompt} from "./Prompt.js";
+import {ChangeMoveNotesSideways} from "./changes.js";
+import {ColorConfig} from "./ColorConfig.js";
 
 const {button, div, span, h2, input, br, select, option} = HTML;
 

diff --git a/editor/MuteEditor.ts b/editor/MuteEditor.ts
@@ -1,9 +1,9 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {SongDocument} from "./SongDocument";
-import {HTML} from "imperative-html/dist/esm/elements-strict";
-import {ColorConfig} from "./ColorConfig";
-import {ChannelRow} from "./ChannelRow";
+import {SongDocument} from "./SongDocument.js";
+import {HTML} from "imperative-html/dist/esm/elements-strict.js";
+import {ColorConfig} from "./ColorConfig.js";
+import {ChannelRow} from "./ChannelRow.js";
 
 export class MuteEditor {
 	private _cornerFiller: HTMLDivElement = HTML.div({style: `background: ${ColorConfig.editorBackground}; position: sticky; bottom: 0; left: 0; width: 32px; height: 30px;`});

diff --git a/editor/OctaveScrollBar.ts b/editor/OctaveScrollBar.ts
@@ -1,10 +1,10 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {Config} from "../synth/SynthConfig";
-import {SongDocument} from "./SongDocument";
-import {HTML, SVG} from "imperative-html/dist/esm/elements-strict";
-import {ChangeOctave} from "./changes";
-import {ColorConfig} from "./ColorConfig";
+import {Config} from "../synth/SynthConfig.js";
+import {SongDocument} from "./SongDocument.js";
+import {HTML, SVG} from "imperative-html/dist/esm/elements-strict.js";
+import {ChangeOctave} from "./changes.js";
+import {ColorConfig} from "./ColorConfig.js";
 
 export class OctaveScrollBar {
 	private readonly _editorWidth: number = 20;

diff --git a/editor/PatternEditor.ts b/editor/PatternEditor.ts
@@ -1,13 +1,13 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {Chord, Transition, Config} from "../synth/SynthConfig";
-import {NotePin, Note, makeNotePin, Pattern, Instrument} from "../synth/synth";
-import {ColorConfig} from "./ColorConfig";
-import {SongDocument} from "./SongDocument";
-import {HTML, SVG} from "imperative-html/dist/esm/elements-strict";
-import {ChangeSequence, UndoableChange} from "./Change";
-import {ChangeChannelBar, ChangeDragSelectedNotes, ChangeEnsurePatternExists, ChangeNoteTruncate, ChangeNoteAdded, ChangePatternSelection, ChangePinTime, ChangeSizeBend, ChangePitchBend, ChangePitchAdded} from "./changes";
-import {prettyNumber} from "./EditorConfig";
+import {Chord, Transition, Config} from "../synth/SynthConfig.js";
+import {NotePin, Note, makeNotePin, Pattern, Instrument} from "../synth/synth.js";
+import {ColorConfig} from "./ColorConfig.js";
+import {SongDocument} from "./SongDocument.js";
+import {HTML, SVG} from "imperative-html/dist/esm/elements-strict.js";
+import {ChangeSequence, UndoableChange} from "./Change.js";
+import {ChangeChannelBar, ChangeDragSelectedNotes, ChangeEnsurePatternExists, ChangeNoteTruncate, ChangeNoteAdded, ChangePatternSelection, ChangePinTime, ChangeSizeBend, ChangePitchBend, ChangePitchAdded} from "./changes.js";
+import {prettyNumber} from "./EditorConfig.js";
 
 function makeEmptyReplacementElement<T extends Node>(node: T): T {
 	const clone: T = <T> node.cloneNode(false);

diff --git a/editor/Piano.ts b/editor/Piano.ts
@@ -1,9 +1,9 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {Config} from "../synth/SynthConfig";
-import {SongDocument} from "./SongDocument";
-import {HTML} from "imperative-html/dist/esm/elements-strict";
-import {ColorConfig} from "./ColorConfig";
+import {Config} from "../synth/SynthConfig.js";
+import {SongDocument} from "./SongDocument.js";
+import {HTML} from "imperative-html/dist/esm/elements-strict.js";
+import {ColorConfig} from "./ColorConfig.js";
 
 export class Piano {
 	private readonly _pianoContainer: HTMLDivElement = HTML.div({style: "width: 100%; height: 100%; display: flex; flex-direction: column-reverse; align-items: stretch;"});

diff --git a/editor/Preferences.ts b/editor/Preferences.ts
@@ -1,6 +1,6 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {Scale, Config} from "../synth/SynthConfig";
+import {Scale, Config} from "../synth/SynthConfig.js";
 
 export class Preferences {
 	public static readonly defaultVisibleOctaves: number = 3;

diff --git a/editor/RecordingSetupPrompt.ts b/editor/RecordingSetupPrompt.ts
@@ -1,13 +1,13 @@
 // Copyright (c) John Nesky and contributing authors, distributed under the MIT license, see accompanying the LICENSE.md file.
 
-import {Config} from "../synth/SynthConfig";
-import {EditorConfig} from "./EditorConfig";
-import {SongDocument} from "./SongDocument";
-import {Prompt} from "./Prompt";
-import {HTML} from "imperative-html/dist/esm/elements-strict";
-import {ColorConfig} from "./ColorConfig";
-import {KeyboardLayout} from "./KeyboardLayout";
-import {Piano} from "./Piano";
+import {Config} from "../synth/SynthConfig.js";
+import {EditorConfig} from "./EditorConfig.js";
+import {SongDocument} from "./SongDocument.js";
+import {Prompt} from "./Prompt.js";
+import {HTML} from "imperative-html/dist/esm/elements-strict.js";
+import {ColorConfig} from "./ColorConfig.js";
+import {KeyboardLayout} from "./KeyboardLayout.js";
+import {Piano} from "./Piano.js";
 
 const {button, label, div, p, a, h2, input, select, option} = HTML;