anentrypoint-design 0.0.121 → 0.0.124

package/src/highlight.js

@@ -1,32 +1,65 @@
-// Syntax highlighting — lazy-loads Prism on first call. No-op safe.
-
-let _prism = null;
-let _ready = null;
-
-const PRISM_CORE = 'https://cdn.jsdelivr.net/npm/prismjs@1.30.0/components/prism-core.min.js';
-
-export async function ensurePrism() {
-    if (_prism) return _prism;
-    if (_ready) return _ready;
-    _ready = (async () => {
-        try {
-            // Prism is UMD; fetch & exec on the global.
-            const res = await fetch(PRISM_CORE);
-            const code = await res.text();
-            // eslint-disable-next-line no-new-func
-            new Function('window', code)(window);
-            _prism = window.Prism || null;
-            return _prism;
-        } catch (err) {
-            console.warn('[247420] prism loader failed:', err);
-            return null;
-        }
-    })();
-    return _ready;
-}
-
-export async function highlightAllUnder(root) {
-    const Prism = await ensurePrism();
-    if (!Prism || !root) return;
-    if (typeof Prism.highlightAllUnder === 'function') Prism.highlightAllUnder(root);
-}
+// Syntax highlighting — lazy-loads Prism + common language grammars on first call. No-op safe.
+
+let _prism = null;
+let _ready = null;
+
+const PRISM_BASE = 'https://cdn.jsdelivr.net/npm/prismjs@1.30.0/components/';
+const PRISM_CORE = PRISM_BASE + 'prism-core.min.js';
+const PRISM_LANGS = [
+    'prism-markup.min.js',
+    'prism-css.min.js',
+    'prism-clike.min.js',
+    'prism-javascript.min.js',
+    'prism-typescript.min.js',
+    'prism-json.min.js',
+    'prism-bash.min.js',
+    'prism-yaml.min.js',
+    'prism-markdown.min.js',
+    'prism-python.min.js',
+    'prism-rust.min.js',
+    'prism-go.min.js',
+    'prism-jsx.min.js',
+    'prism-tsx.min.js',
+    'prism-diff.min.js',
+    'prism-sql.min.js',
+    'prism-toml.min.js',
+];
+
+async function loadIntoGlobal(url) {
+    try {
+        const res = await fetch(url);
+        if (!res.ok) throw new Error('http ' + res.status);
+        const code = await res.text();
+        // eslint-disable-next-line no-new-func
+        new Function('window', code)(window);
+    } catch (err) {
+        console.warn('[247420] prism part failed:', url, err.message);
+    }
+}
+
+export async function ensurePrism() {
+    if (_prism) return _prism;
+    if (_ready) return _ready;
+    _ready = (async () => {
+        try {
+            await loadIntoGlobal(PRISM_CORE);
+            _prism = window.Prism || null;
+            if (_prism) {
+                for (const f of PRISM_LANGS) {
+                    await loadIntoGlobal(PRISM_BASE + f);
+                }
+            }
+            return _prism;
+        } catch (err) {
+            console.warn('[247420] prism loader failed:', err);
+            return null;
+        }
+    })();
+    return _ready;
+}
+
+export async function highlightAllUnder(root) {
+    const Prism = await ensurePrism();
+    if (!Prism || !root) return;
+    if (typeof Prism.highlightAllUnder === 'function') Prism.highlightAllUnder(root);
+}

package/src/index.js

@@ -1,86 +1,86 @@
-// 247420 design system — main entry.
-// Drop-in replacement: same export surface as the published SDK.
-//   import { mount, components as C, h, applyDiff, scope } from 'anentrypoint-design';
-
-import * as webjsx from '../vendor/webjsx/index.js';
-import { loadCss, scope } from './styles.js';
-import { registerDeckStage, getDeckStage } from './deck-stage.js';
-import * as components from './components.js';
-import * as motion from './motion.js';
-import * as debug from './debug.js';
-import { renderMarkdown, ensureReady as ensureMarkdownReady } from './markdown.js';
-import { ensurePrism, highlightAllUnder } from './highlight.js';
-import { renderPageHtml } from './page-html.js';
-import { mountKit } from './bootstrap.js';
-import * as theme from './theme.js';
-import { registerChatElement, DsChat } from './web-components/ds-chat.js';
-
-let _installed = false;
-export async function installStyles(target) {
-    if (_installed && !target) return;
-    if (typeof document === 'undefined') return;
-    const css = await loadCss();
-    const root = target || document.head;
-    if (!target && document.querySelector('style[data-247420]')) { _installed = true; return; }
-    const tag = document.createElement('style');
-    tag.setAttribute('data-247420', '');
-    tag.textContent = css;
-    root.appendChild(tag);
-    if (!target) {
-        motion.installMotion();
-        _installed = true;
-    }
-}
-
-export function mount(rootEl, viewFn, { autoScope = true } = {}) {
-    if (!rootEl) throw new Error('mount: rootEl required');
-    if (typeof viewFn !== 'function') throw new Error('mount: viewFn required');
-    if (autoScope && rootEl.classList && !rootEl.classList.contains(scope.slice(1))) {
-        const cls = scope.slice(1);
-        const inheritedFromAncestor = rootEl.closest && rootEl.closest('.' + cls);
-        if (!inheritedFromAncestor) rootEl.classList.add(cls);
-    }
-    // Auto-inject styles (idempotent) so single-line consumers don't need
-    // to remember installStyles() before mount.
-    installStyles().catch(() => {});
-    const render = () => {
-        webjsx.applyDiff(rootEl, viewFn(render));
-        requestAnimationFrame(() => motion.animateTree(rootEl));
-    };
-    render();
-    return render;
-}
-
-// Side-effect: register <ds-chat> as soon as the SDK loads in a browser.
-if (typeof window !== 'undefined' && typeof customElements !== 'undefined') {
-    registerChatElement();
-}
-
-export {
-    webjsx, loadCss, scope,
-    registerDeckStage, getDeckStage,
-    components, motion, debug, mountKit,
-    renderMarkdown, ensureMarkdownReady,
-    ensurePrism, highlightAllUnder,
-    registerChatElement, DsChat,
-    renderPageHtml,
-    theme
-};
-export { applyTheme, getTheme, resolvedTheme, onThemeChange, initTheme } from './theme.js';
-export const h = webjsx.createElement;
-export const applyDiff = webjsx.applyDiff;
-
-// Re-export freddie helpers so consumers can `import { FREDDIE_PAGES } from
-// 'anentrypoint-design'` directly.
-export {
-    FREDDIE_PAGES,
-    home, chat, voice, sessions, projects, agents, analytics,
-    models, cron, skills, config, env, tools, batch, gateway, chains,
-    skillLabel, getRecentPaths, saveRecentPath, renderChatMessages
-} from './components.js';
-
-export default {
-    webjsx, loadCss, scope, installStyles, mount, h, applyDiff,
-    registerDeckStage, getDeckStage, components, motion, debug, mountKit,
-    renderMarkdown, ensurePrism, registerChatElement, renderPageHtml
-};
+// 247420 design system — main entry.
+// Drop-in replacement: same export surface as the published SDK.
+//   import { mount, components as C, h, applyDiff, scope } from 'anentrypoint-design';
+
+import * as webjsx from '../vendor/webjsx/index.js';
+import { loadCss, scope } from './styles.js';
+import { registerDeckStage, getDeckStage } from './deck-stage.js';
+import * as components from './components.js';
+import * as motion from './motion.js';
+import * as debug from './debug.js';
+import { renderMarkdown, ensureReady as ensureMarkdownReady } from './markdown.js';
+import { ensurePrism, highlightAllUnder } from './highlight.js';
+import { renderPageHtml } from './page-html.js';
+import { mountKit } from './bootstrap.js';
+import * as theme from './theme.js';
+import { registerChatElement, DsChat } from './web-components/ds-chat.js';
+
+let _installed = false;
+export async function installStyles(target) {
+    if (_installed && !target) return;
+    if (typeof document === 'undefined') return;
+    const css = await loadCss();
+    const root = target || document.head;
+    if (!target && document.querySelector('style[data-247420]')) { _installed = true; return; }
+    const tag = document.createElement('style');
+    tag.setAttribute('data-247420', '');
+    tag.textContent = css;
+    root.appendChild(tag);
+    if (!target) {
+        motion.installMotion();
+        _installed = true;
+    }
+}
+
+export function mount(rootEl, viewFn, { autoScope = true } = {}) {
+    if (!rootEl) throw new Error('mount: rootEl required');
+    if (typeof viewFn !== 'function') throw new Error('mount: viewFn required');
+    if (autoScope && rootEl.classList && !rootEl.classList.contains(scope.slice(1))) {
+        const cls = scope.slice(1);
+        const inheritedFromAncestor = rootEl.closest && rootEl.closest('.' + cls);
+        if (!inheritedFromAncestor) rootEl.classList.add(cls);
+    }
+    // Auto-inject styles (idempotent) so single-line consumers don't need
+    // to remember installStyles() before mount.
+    installStyles().catch(() => {});
+    const render = () => {
+        webjsx.applyDiff(rootEl, viewFn(render));
+        requestAnimationFrame(() => motion.animateTree(rootEl));
+    };
+    render();
+    return render;
+}
+
+// Side-effect: register <ds-chat> as soon as the SDK loads in a browser.
+if (typeof window !== 'undefined' && typeof customElements !== 'undefined') {
+    registerChatElement();
+}
+
+export {
+    webjsx, loadCss, scope,
+    registerDeckStage, getDeckStage,
+    components, motion, debug, mountKit,
+    renderMarkdown, ensureMarkdownReady,
+    ensurePrism, highlightAllUnder,
+    registerChatElement, DsChat,
+    renderPageHtml,
+    theme
+};
+export { applyTheme, getTheme, resolvedTheme, onThemeChange, initTheme } from './theme.js';
+export const h = webjsx.createElement;
+export const applyDiff = webjsx.applyDiff;
+
+// Re-export freddie helpers so consumers can `import { FREDDIE_PAGES } from
+// 'anentrypoint-design'` directly.
+export {
+    FREDDIE_PAGES,
+    home, chat, voice, sessions, projects, agents, analytics,
+    models, cron, skills, config, env, tools, batch, gateway, chains,
+    skillLabel, getRecentPaths, saveRecentPath, renderChatMessages
+} from './components.js';
+
+export default {
+    webjsx, loadCss, scope, installStyles, mount, h, applyDiff,
+    registerDeckStage, getDeckStage, components, motion, debug, mountKit,
+    renderMarkdown, ensurePrism, registerChatElement, renderPageHtml
+};

package/src/kits/os/about-app.js

@@ -1,52 +1,52 @@
-// About-app paint surface — static info card, bible classes.
-// renderAboutApp({brand, tagline, bullets, links}) -> {node, dispose}.
-// Consumer provides content; module owns layout + classes.
-
-export function renderAboutApp(opts = {}) {
-    const {
-        brand = 'thebird / web os',
-        tagline = 'browser-native web OS. multi-instance, per-instance fs / worker / shell / browser. no server.',
-        bullets = [
-            'POSIX terminal · IndexedDB filesystem',
-            'OffscreenCanvas worker per instance',
-            'CDP-shaped browser pane',
-            'libsql via sql.js · freddie host',
-            'responsive: phone / tablet / desktop',
-        ],
-        footer = 'open <code>validator</code> to run isolation harness · click apps menu for more.',
-        links = [
-            { href: 'https://github.com/AnEntrypoint/thebird', text: 'source' },
-            { href: './validate.html', text: 'validate' },
-        ],
-    } = opts;
-
-    const node = document.createElement('div');
-    node.className = 'app-pane';
-    node.dataset.component = 'about-app';
-
-    const h2 = document.createElement('h2');
-    h2.textContent = brand;
-    const p = document.createElement('p');
-    p.textContent = tagline;
-    const ul = document.createElement('ul');
-    for (const b of bullets) {
-        const li = document.createElement('li');
-        li.textContent = b;
-        ul.appendChild(li);
-    }
-    const foot = document.createElement('p');
-    foot.innerHTML = footer;
-    const meta = document.createElement('p');
-    meta.className = 'meta';
-    links.forEach((l, i) => {
-        const a = document.createElement('a');
-        a.href = l.href;
-        a.textContent = l.text;
-        meta.appendChild(a);
-        if (i < links.length - 1) meta.appendChild(document.createTextNode(' · '));
-    });
-
-    node.append(h2, p, ul, foot, meta);
-
-    return { node, dispose() {} };
-}
+// About-app paint surface — static info card, bible classes.
+// renderAboutApp({brand, tagline, bullets, links}) -> {node, dispose}.
+// Consumer provides content; module owns layout + classes.
+
+export function renderAboutApp(opts = {}) {
+    const {
+        brand = 'thebird / web os',
+        tagline = 'browser-native web OS. multi-instance, per-instance fs / worker / shell / browser. no server.',
+        bullets = [
+            'POSIX terminal · IndexedDB filesystem',
+            'OffscreenCanvas worker per instance',
+            'CDP-shaped browser pane',
+            'libsql via sql.js · freddie host',
+            'responsive: phone / tablet / desktop',
+        ],
+        footer = 'open <code>validator</code> to run isolation harness · click apps menu for more.',
+        links = [
+            { href: 'https://github.com/AnEntrypoint/thebird', text: 'source' },
+            { href: './validate.html', text: 'validate' },
+        ],
+    } = opts;
+
+    const node = document.createElement('div');
+    node.className = 'app-pane';
+    node.dataset.component = 'about-app';
+
+    const h2 = document.createElement('h2');
+    h2.textContent = brand;
+    const p = document.createElement('p');
+    p.textContent = tagline;
+    const ul = document.createElement('ul');
+    for (const b of bullets) {
+        const li = document.createElement('li');
+        li.textContent = b;
+        ul.appendChild(li);
+    }
+    const foot = document.createElement('p');
+    foot.innerHTML = footer;
+    const meta = document.createElement('p');
+    meta.className = 'meta';
+    links.forEach((l, i) => {
+        const a = document.createElement('a');
+        a.href = l.href;
+        a.textContent = l.text;
+        meta.appendChild(a);
+        if (i < links.length - 1) meta.appendChild(document.createTextNode(' · '));
+    });
+
+    node.append(h2, p, ul, foot, meta);
+
+    return { node, dispose() {} };
+}