wip: major refactor for web components and grid layout

 - hovering on notes from the key doesn't work.
 - need to show fret on/off, not notes, they're too distracting
 - save button broken

1 files changed, 6 insertions, 11 deletions

diff --git a/main.mjs b/main.mjs
index 5f49097..4108f5d 100644
--- a/main.mjs
+++ b/main.mjs
@@ -1,20 +1,15 @@
-import Fretboard, { fretToNote } from './fretboard.mjs';
-import KeyPicker from './key-picker.mjs';
+import Fretboard from './fretboard.mjs';
 import History from './history.mjs';
-
-function notes(form) {
-    const strings = ['string1', 'string2', 'string3', 'string4', 'string5', 'string6'];
-    const formData = new FormData(form);
-    console.debug('notes', form, formData);
-    return strings.map((klass) => fretToNote(form, klass, formData.get(klass)));
-}
+import KeyPicker from './key-picker.mjs';
+import String from './string.mjs';
 
 function init() {
     console.debug('init()', this);
 
+    String.register();
     Fretboard.register();
-    KeyPicker.register();
-    History.register();
+    // KeyPicker.register();
+    // History.register();
 
     // todo: maybe just attach the listener to document?
     document.querySelectorAll(Fretboard.name).forEach(f => {