Changeset 0.25.1 (#161)

src/js/code-editor.js

@@ -19,11 +19,11 @@
 //   editor.destroy();
 
 const CodeEditor = {
-    _instances: new Map(),
+    ...createComponentRegistry('CodeEditor'),
 
     create(opts) {
         const pfx = opts.id || 'editor';
-        const instance = {
+        const instance = componentMixin({
             id: pfx,
             tabsEl:     document.getElementById(pfx + 'EditorTabs'),
             contentEl:  document.getElementById(pfx + 'EditorContent'),
@@ -35,9 +35,8 @@ const CodeEditor = {
             workspaceId: opts.workspaceId || null,
             onSave:      opts.onSave || null,
             onActivate:  opts.onActivate || null,
-            _openFiles:  new Map(), // path → { tab, editorWrap, editor, content, modified, language }
+            _openFiles:  new Map(),
             _activeFile: null,
-            _listeners:  [],
 
             // ── Public API ──────────────────────
 
@@ -69,7 +68,7 @@ const CodeEditor = {
                 const fileName = path.split('/').pop();
                 tab.innerHTML =
                     '<span class="code-editor-tab-icon">' + _ceFileIcon(fileName) + '</span>' +
-                    '<span class="code-editor-tab-name">' + _ceEsc(fileName) + '</span>' +
+                    '<span class="code-editor-tab-name">' + esc(fileName) + '</span>' +
                     '<span class="code-editor-tab-modified" style="display:none">●</span>' +
                     '<button class="code-editor-tab-close" title="Close">✕</button>';
 
@@ -235,10 +234,7 @@ const CodeEditor = {
                 });
             },
 
-            // ── Lifecycle ───────────────────────
-
-            destroy() {
-                // Destroy all CM6 instances
+            _cleanup() {
                 for (const [, f] of this._openFiles) {
                     if (f.editor?.destroy) f.editor.destroy();
                     f.tab.remove();
@@ -246,9 +242,6 @@ const CodeEditor = {
                 }
                 this._openFiles.clear();
                 this._activeFile = null;
-                this._listeners.forEach(({ el, event, handler }) => el.removeEventListener(event, handler));
-                this._listeners = [];
-                CodeEditor._instances.delete(this.id);
             },
 
             // ── Internal ────────────────────────
@@ -288,23 +281,15 @@ const CodeEditor = {
                 return Promise.resolve(true);
             },
 
-            _on(el, event, handler) {
-                if (!el) return;
-                el.addEventListener(event, handler);
-                this._listeners.push({ el, event, handler });
-            },
-        };
+        }, CodeEditor);
 
-        CodeEditor._instances.set(pfx, instance);
+        CodeEditor._register(pfx, instance);
         return instance;
     },
-
-    get(id) { return this._instances.get(id) || null; },
 };
 
 // ── Helpers ─────────────────────────────────
 
-function _ceEsc(s) { const d = document.createElement('div'); d.textContent = s; return d.innerHTML; }
 
 function _ceFileIcon(name) {
     const ext = name.split('.').pop()?.toLowerCase();