Changeset 0.25.1 (#161)

src/js/user-menu.js

@@ -12,12 +12,11 @@
 //   menu.destroy();
 
 const UserMenu = {
-    primary: null,
-    _instances: new Map(),
+    ...createComponentRegistry('UserMenu'),
 
     create(opts) {
         const pfx = opts.id || '';
-        const instance = {
+        const instance = componentMixin({
             id: pfx,
             btnEl:         document.getElementById(pfx + 'userMenuBtn'),
             avatarEl:      document.getElementById(pfx + 'userAvatar'),
@@ -30,7 +29,6 @@ const UserMenu = {
             debugEl:       document.getElementById(pfx + 'menuDebug'),
             signoutEl:     document.getElementById(pfx + 'menuSignout'),
             _open: false,
-            _listeners: [],
 
             // ── User display ────────────────────
 
@@ -127,28 +125,9 @@ const UserMenu = {
                 this._on(this.debugEl, 'click', () => { this.close(); if (handlers.onDebug) handlers.onDebug(); });
                 this._on(this.signoutEl, 'click', () => { this.close(); if (handlers.onSignout) handlers.onSignout(); });
             },
+        }, UserMenu);
 
-            // ── Lifecycle ───────────────────────
-
-            destroy() {
-                this._listeners.forEach(({ el, event, handler }) => el.removeEventListener(event, handler));
-                this._listeners = [];
-                UserMenu._instances.delete(this.id);
-                if (UserMenu.primary === this) UserMenu.primary = null;
-            },
-
-            // ── Internal ────────────────────────
-
-            _on(el, event, handler) {
-                if (!el) return;
-                el.addEventListener(event, handler);
-                this._listeners.push({ el, event, handler });
-            },
-        };
-
-        UserMenu._instances.set(pfx, instance);
+        UserMenu._register(pfx, instance);
         return instance;
     },
-
-    get(id) { return this._instances.get(id) || null; },
 };