anentrypoint-design 0.0.74 → 0.0.75

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "0.0.74",
+  "version": "0.0.75",
   "description": "247420 design system SDK — webjsx + modified ripple-ui, single-file ESM bundle for reproducible use of the AnEntrypoint design.",
   "type": "module",
   "main": "./dist/247420.js",
@@ -19,6 +19,7 @@
     "./desktop/theme.css": "./src/desktop/theme.css",
     "./desktop/wm.css": "./src/desktop/wm.css",
     "./desktop/wm.js": "./src/desktop/wm.js",
+    "./desktop/launcher.js": "./src/desktop/launcher.js",
     "./desktop/launcher.css": "./src/desktop/launcher.css",
     "./desktop/validate.css": "./src/desktop/validate.css",
     "./desktop/icons.js": "./src/desktop/icons.js",

package/src/desktop/index.js

@@ -1,3 +1,5 @@
 export { icons } from './icons.js';
 export { createDesktopShell } from './shell.js';
+export { renderWindow } from './wm.js';
+export { renderDock } from './launcher.js';
 export const themeUrl = new URL('./theme.css', import.meta.url).href;

package/src/desktop/launcher.js

@@ -0,0 +1,87 @@
+// Launcher dock paint surface — pure DOM rendering, no lifecycle.
+// Consumer (thebird) owns instance creation, fs/worker/shell wiring, teardown.
+// renderDock returns a handle whose setInstances/setActive are called from
+// lifecycle code. Visuals are bible-aligned: panel-select bg + accent inset
+// rail for active, tonal hover, lowercase mono labels.
+
+export function renderDock(opts = {}) {
+    const { root = document.body, callbacks = {} } = opts;
+
+    const el = document.createElement('div');
+    el.className = 'launcher-dock';
+
+    const addBtn = document.createElement('button');
+    addBtn.className = 'launcher-btn launcher-add';
+    addBtn.textContent = '+';
+    addBtn.title = 'new instance';
+    addBtn.addEventListener('click', () => callbacks.onNewInstance && callbacks.onNewInstance());
+    el.appendChild(addBtn);
+
+    const instancesHost = document.createElement('div');
+    instancesHost.className = 'launcher-instances';
+    instancesHost.style.display = 'flex';
+    instancesHost.style.flexDirection = 'column';
+    instancesHost.style.gap = '8px';
+    instancesHost.style.alignItems = 'center';
+    el.appendChild(instancesHost);
+
+    root.appendChild(el);
+
+    let activeId = null;
+    const buttons = new Map();
+
+    function clear() {
+        while (instancesHost.firstChild) instancesHost.removeChild(instancesHost.firstChild);
+        buttons.clear();
+    }
+
+    function setInstances(list) {
+        clear();
+        for (const inst of list) {
+            const row = document.createElement('div');
+            row.className = 'launcher-row';
+            row.dataset.instanceId = inst.id;
+            row.style.display = 'flex';
+            row.style.flexDirection = 'column';
+            row.style.gap = '2px';
+            row.style.alignItems = 'center';
+
+            const selBtn = document.createElement('button');
+            selBtn.className = 'launcher-btn';
+            selBtn.textContent = inst.label || inst.id;
+            selBtn.title = 'instance ' + inst.id;
+            selBtn.dataset.role = 'select';
+            selBtn.dataset.instanceId = inst.id;
+            if (inst.active || inst.id === activeId) selBtn.classList.add('active');
+            selBtn.addEventListener('click', () => callbacks.onSelectInstance && callbacks.onSelectInstance(inst.id));
+
+            const closeBtn = document.createElement('button');
+            closeBtn.className = 'launcher-btn launcher-close';
+            closeBtn.textContent = 'x';
+            closeBtn.title = 'close ' + inst.id;
+            closeBtn.dataset.role = 'close';
+            closeBtn.dataset.instanceId = inst.id;
+            closeBtn.addEventListener('click', e => {
+                e.stopPropagation();
+                callbacks.onCloseInstance && callbacks.onCloseInstance(inst.id);
+            });
+
+            row.append(selBtn, closeBtn);
+            instancesHost.appendChild(row);
+            buttons.set(inst.id, { selBtn, closeBtn, row });
+        }
+        if (activeId && !buttons.has(activeId)) activeId = null;
+    }
+
+    function setActive(id) {
+        activeId = id;
+        for (const [iid, b] of buttons) b.selBtn.classList.toggle('active', iid === id);
+    }
+
+    function dispose() {
+        el.remove();
+        buttons.clear();
+    }
+
+    return { el, setInstances, setActive, dispose };
+}