@zerolith/devtools 0.1.0-alpha.7 → 0.1.0-alpha.8

package/README.md

@@ -12,15 +12,15 @@ The dock shows the live reactive graph (every signal, computed value, and effect
 
 The package reads the hook the core publishes in development builds as `globalThis.__ZEROLITH_DEVTOOLS__`. Under the `development` export condition it is the inspector; otherwise it is a no-op, so the call can stay in application code.
 
-The guide is on the [docs site](https://molexxxx.github.io/zerolith/guide/dev-tools/).
+The guide is on the [docs site](https://zerolith.dev/guide/dev-tools/).
 
 Status: alpha. Install with `npm install @zerolith/devtools@alpha`, at the version of `zerolith` the project uses: the two share the `zerolith/internal` entry, and `mountDevtools` stops with `package_version_mismatch` on any other version. The API may change before 1.0.
 
 ## Documentation
 
-- The [dev tools guide](https://molexxxx.github.io/zerolith/guide/dev-tools/) explains it with examples that run as tests.
-- The [reference](https://molexxxx.github.io/zerolith/reference/zerolith-devtools/) lists every export, generated from the source.
-- New to zerolith? The [tutorial](https://molexxxx.github.io/zerolith/learn/) builds an app step by step, and the [playground](https://molexxxx.github.io/zerolith/playground/) runs code in the browser.
+- The [dev tools guide](https://zerolith.dev/guide/dev-tools/) explains it with examples that run as tests.
+- The [reference](https://zerolith.dev/reference/zerolith-devtools/) lists every export, generated from the source.
+- New to zerolith? The [tutorial](https://zerolith.dev/learn/) builds an app step by step, and the [playground](https://zerolith.dev/playground/) runs code in the browser.
 
 ## License
 

package/dist/production/index.js

@@ -0,0 +1,67 @@
+import{computed as e,css as t,each as n,html as r,render as i,signal as a,when as o}from"zerolith";import{devtoolsInternal as s}from"zerolith/internal";import{checkCoreVersion as c}from"./version.js";const l=t`
+    :scope { position: fixed; inset: auto 0 0 0; z-index: 2147483000; max-height: 45vh; display: grid; grid-template-rows: auto 1fr; background: #14171a; color: #e6e8eb; border-top: 1px solid #2a2f36; font: 12px/1.45 ui-monospace, monospace; }
+    header { display: flex; align-items: center; gap: 4px; padding: 4px 8px; border-bottom: 1px solid #2a2f36; }
+    header strong { margin-right: 8px; color: #7cc4ff; }
+    header button { background: none; border: 1px solid transparent; color: inherit; padding: 2px 8px; border-radius: 4px; cursor: pointer; font: inherit; }
+    header button[aria-selected="true"] { border-color: #2a2f36; background: #1d2126; }
+    header .spacer { flex: 1; }
+    .panel { overflow: auto; padding: 4px 8px 8px; }
+    table { width: 100%; border-collapse: collapse; }
+    th, td { text-align: left; padding: 2px 6px; border-bottom: 1px solid #1d2126; vertical-align: top; white-space: nowrap; }
+    td.value { white-space: pre-wrap; max-width: 40vw; overflow-wrap: anywhere; color: #c6e2b5; }
+    tr[data-kind="effect"] td.value { color: #9aa3ad; }
+    .code { color: #ff8a80; }
+    a { color: #7cc4ff; }
+    .empty { color: #9aa3ad; padding: 12px 0; }
+`,u=t`
+    :scope { position: fixed; right: 12px; bottom: 12px; z-index: 2147483000; background: #14171a; color: #7cc4ff; border: 1px solid #2a2f36; border-radius: 999px; padding: 6px 12px; font: 12px/1 ui-monospace, monospace; cursor: pointer; }
+`;function d(){return globalThis.__ZEROLITH_DEVTOOLS__}export function describeValue(e){if(typeof e==`string`)return JSON.stringify(e.length>120?e.slice(0,117)+`...`:e);if(typeof e==`function`)return`function ${e.name}`;if(typeof e!=`object`||!e)return String(e);if(typeof Node<`u`&&e instanceof Node)return`<${e.nodeName.toLowerCase()}>`;try{let t=JSON.stringify(e);return t===void 0?String(e):t.length>120?t.slice(0,117)+`...`:t}catch{return Object.prototype.toString.call(e)}}function f(e){if(e.nodeType!==1)return e.nodeName.toLowerCase();let t=e,n=t.id===``?``:`#${t.id}`,r=t.classList.length===0?``:`.`+Array.from(t.classList).join(`.`);return t.localName+n+r}function p(t){let i=e(()=>t().filter(e=>!e.internal));return o(e(()=>i.get().length>0),()=>r`
+        <table>
+            <thead><tr><th>id</th><th>kind</th><th>name</th><th>observers</th><th>value</th></tr></thead>
+            <tbody>${n(i,e=>e.id,t=>r`
+                <tr data-kind=${e(()=>t.get().kind)}>
+                    <td>${e(()=>t.get().id)}</td>
+                    <td>${e(()=>t.get().kind)}</td>
+                    <td>${e(()=>t.get().name??``)}</td>
+                    <td>${e(()=>t.get().observers)}</td>
+                    <td class="value">${e(()=>`value`in t.get()?describeValue(t.get().value):``)}</td>
+                </tr>`)}</tbody>
+        </table>`,()=>r`<p class="empty">No signals yet.</p>`)}function m(t){let i=e(()=>t().filter(e=>!e.internal));return o(e(()=>i.get().length>0),()=>r`
+        <table>
+            <thead><tr><th>id</th><th>kind</th><th>container</th></tr></thead>
+            <tbody>${n(i,e=>e.id,t=>r`
+                <tr>
+                    <td>${e(()=>t.get().id)}</td>
+                    <td>${e(()=>t.get().kind)}</td>
+                    <td>${e(()=>f(t.get().container))}</td>
+                </tr>`)}</tbody>
+        </table>`,()=>r`<p class="empty">No roots mounted.</p>`)}function h(t){let i=e(()=>t().map((e,t)=>({index:t,record:e})));return o(e(()=>i.get().length>0),()=>r`
+        <table>
+            <thead><tr><th>severity</th><th>code</th><th>cause</th><th>arguments</th></tr></thead>
+            <tbody>${n(i,e=>e.index,t=>r`
+                <tr>
+                    <td>${e(()=>t.get().record.severity)}</td>
+                    <td class="code"><a href=${e(()=>t.get().record.url)} target="_blank" rel="noopener">${e(()=>t.get().record.code)}</a></td>
+                    <td class="value">${e(()=>t.get().record.cause)}</td>
+                    <td class="value">${e(()=>describeValue(t.get().record.args??{}))}</td>
+                </tr>`)}</tbody>
+        </table>`,()=>r`<p class="empty">No diagnostics reported.</p>`)}export function mountDevtools(t={}){c();let n=d(),{open:f,tab:g,version:_}=s(()=>({open:a(t.open===!0),tab:a(`signals`),version:a(0)})),v=()=>(_.get(),n?.nodes()??[]),y=()=>(_.get(),n?.roots()??[]),b=()=>(_.get(),n?.diagnostics()??[]),x=!1,S=()=>{x||(x=!0,requestAnimationFrame(()=>{x=!1,_.set(_.get()+1)}))},C=n?.subscribe(S),w=e=>{e.altKey&&e.shiftKey&&e.code===`KeyZ`&&(e.preventDefault(),f.set(!f.get()))};document.addEventListener(`keydown`,w);let T=document.createElement(`div`);T.dataset.zerolithDevtools=``,document.body.append(T);let E=(t,n)=>r`<button type="button" role="tab" aria-selected=${e(()=>String(g.get()===t))} @click=${()=>g.set(t)}>${n}</button>`,D=s(()=>i(r`
+        ${o(f,()=>r`
+            <aside class=${l} aria-label="zerolith dev tools">
+                <header role="tablist">
+                    <strong>zerolith</strong>
+                    ${E(`signals`,`Signals`)}
+                    ${E(`roots`,`Roots`)}
+                    ${E(`diagnostics`,`Diagnostics`)}
+                    <span class="spacer"></span>
+                    <button type="button" @click=${()=>S()}>Refresh</button>
+                    <button type="button" aria-label="Close dev tools" @click=${()=>f.set(!1)}>Close</button>
+                </header>
+                <div class="panel">
+                    ${o(e(()=>n===void 0),()=>r`<p class="empty">No zerolith development build is running on this page.</p>`,()=>r`
+                        ${o(e(()=>g.get()===`signals`),()=>p(v))}
+                        ${o(e(()=>g.get()===`roots`),()=>m(y))}
+                        ${o(e(()=>g.get()===`diagnostics`),()=>h(b))}`)}
+                </div>
+            </aside>`,()=>r`<button type="button" class=${u} aria-label="Open zerolith dev tools" @click=${()=>f.set(!0)}>zerolith</button>`)}`,T));return{toggle(e){f.set(e??!f.get())},dispose(){C?.(),document.removeEventListener(`keydown`,w),D.dispose(),T.remove()}}}
+//# sourceMappingURL=index.js.map

package/dist/production/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["/**\n * @zerolith/devtools: an in-page inspector built with zerolith itself. It\n * reads the hook the core publishes in development and renders a dock\n * with the reactive graph, the mounted roots, and the diagnostics feed.\n */\nimport { type Diagnostic, computed, css, each, html, render, signal, when } from \"zerolith\";\nimport { type DevtoolsHook, type NodeSnapshot, type RootSnapshot, devtoolsInternal } from \"zerolith/internal\";\nimport { checkCoreVersion } from \"./version.js\";\n\nexport type { DevtoolsHandle, DevtoolsOptions } from \"./noop.js\";\nimport type { DevtoolsHandle, DevtoolsOptions } from \"./noop.js\";\n\ntype Tab = \"signals\" | \"roots\" | \"diagnostics\";\n\nconst dock = css`\n    :scope { position: fixed; inset: auto 0 0 0; z-index: 2147483000; max-height: 45vh; display: grid; grid-template-rows: auto 1fr; background: #14171a; color: #e6e8eb; border-top: 1px solid #2a2f36; font: 12px/1.45 ui-monospace, monospace; }\n    header { display: flex; align-items: center; gap: 4px; padding: 4px 8px; border-bottom: 1px solid #2a2f36; }\n    header strong { margin-right: 8px; color: #7cc4ff; }\n    header button { background: none; border: 1px solid transparent; color: inherit; padding: 2px 8px; border-radius: 4px; cursor: pointer; font: inherit; }\n    header button[aria-selected=\"true\"] { border-color: #2a2f36; background: #1d2126; }\n    header .spacer { flex: 1; }\n    .panel { overflow: auto; padding: 4px 8px 8px; }\n    table { width: 100%; border-collapse: collapse; }\n    th, td { text-align: left; padding: 2px 6px; border-bottom: 1px solid #1d2126; vertical-align: top; white-space: nowrap; }\n    td.value { white-space: pre-wrap; max-width: 40vw; overflow-wrap: anywhere; color: #c6e2b5; }\n    tr[data-kind=\"effect\"] td.value { color: #9aa3ad; }\n    .code { color: #ff8a80; }\n    a { color: #7cc4ff; }\n    .empty { color: #9aa3ad; padding: 12px 0; }\n`;\n\nconst launcher = css`\n    :scope { position: fixed; right: 12px; bottom: 12px; z-index: 2147483000; background: #14171a; color: #7cc4ff; border: 1px solid #2a2f36; border-radius: 999px; padding: 6px 12px; font: 12px/1 ui-monospace, monospace; cursor: pointer; }\n`;\n\nfunction hook(): DevtoolsHook | undefined\n{\n    return (globalThis as { __ZEROLITH_DEVTOOLS__?: DevtoolsHook }).__ZEROLITH_DEVTOOLS__;\n}\n\n/** A short, safe textual form of a value for the table. */\nexport function describeValue(value: unknown): string\n{\n    if (typeof value === \"string\")\n    {\n        return JSON.stringify(value.length > 120 ? value.slice(0, 117) + \"...\" : value);\n    }\n    if (typeof value === \"function\")\n    {\n        return `function ${value.name}`;\n    }\n    if (value === null || typeof value !== \"object\")\n    {\n        return String(value);\n    }\n    if (typeof Node !== \"undefined\" && value instanceof Node)\n    {\n        return `<${value.nodeName.toLowerCase()}>`;\n    }\n    try\n    {\n        const text = JSON.stringify(value);\n        return text === undefined ? String(value) : text.length > 120 ? text.slice(0, 117) + \"...\" : text;\n    }\n    catch\n    {\n        return Object.prototype.toString.call(value);\n    }\n}\n\nfunction describeContainer(node: Node): string\n{\n    if (node.nodeType !== 1)\n    {\n        return node.nodeName.toLowerCase();\n    }\n    const element = node as Element;\n    const id = element.id === \"\" ? \"\" : `#${element.id}`;\n    const classes = element.classList.length === 0 ? \"\" : \".\" + Array.from(element.classList).join(\".\");\n    return element.localName + id + classes;\n}\n\nfunction Signals(nodes: () => NodeSnapshot[])\n{\n    const rows = computed(() => nodes().filter((node) => !node.internal));\n    return when(computed(() => rows.get().length > 0), () => html`\n        <table>\n            <thead><tr><th>id</th><th>kind</th><th>name</th><th>observers</th><th>value</th></tr></thead>\n            <tbody>${each(rows, (node) => node.id, (node) => html`\n                <tr data-kind=${computed(() => node.get().kind)}>\n                    <td>${computed(() => node.get().id)}</td>\n                    <td>${computed(() => node.get().kind)}</td>\n                    <td>${computed(() => node.get().name ?? \"\")}</td>\n                    <td>${computed(() => node.get().observers)}</td>\n                    <td class=\"value\">${computed(() => (\"value\" in node.get() ? describeValue(node.get().value) : \"\"))}</td>\n                </tr>`)}</tbody>\n        </table>`, () => html`<p class=\"empty\">No signals yet.</p>`);\n}\n\nfunction Roots(roots: () => RootSnapshot[])\n{\n    const rows = computed(() => roots().filter((root) => !root.internal));\n    return when(computed(() => rows.get().length > 0), () => html`\n        <table>\n            <thead><tr><th>id</th><th>kind</th><th>container</th></tr></thead>\n            <tbody>${each(rows, (root) => root.id, (root) => html`\n                <tr>\n                    <td>${computed(() => root.get().id)}</td>\n                    <td>${computed(() => root.get().kind)}</td>\n                    <td>${computed(() => describeContainer(root.get().container))}</td>\n                </tr>`)}</tbody>\n        </table>`, () => html`<p class=\"empty\">No roots mounted.</p>`);\n}\n\nfunction Diagnostics(list: () => Diagnostic[])\n{\n    const rows = computed(() => list().map((record, index) => ({ index, record })));\n    return when(computed(() => rows.get().length > 0), () => html`\n        <table>\n            <thead><tr><th>severity</th><th>code</th><th>cause</th><th>arguments</th></tr></thead>\n            <tbody>${each(rows, (row) => row.index, (row) => html`\n                <tr>\n                    <td>${computed(() => row.get().record.severity)}</td>\n                    <td class=\"code\"><a href=${computed(() => row.get().record.url)} target=\"_blank\" rel=\"noopener\">${computed(() => row.get().record.code)}</a></td>\n                    <td class=\"value\">${computed(() => row.get().record.cause)}</td>\n                    <td class=\"value\">${computed(() => describeValue(row.get().record.args ?? {}))}</td>\n                </tr>`)}</tbody>\n        </table>`, () => html`<p class=\"empty\">No diagnostics reported.</p>`);\n}\n\n/**\n * Mounts the inspector dock at the bottom of the page. Returns a handle to\n * toggle or remove it. Everything the inspector creates is marked internal\n * so it does not appear in its own tables. Mounting fails with\n * `package_version_mismatch` when the installed zerolith is not the version\n * the inspector was released with.\n */\nexport function mountDevtools(options: DevtoolsOptions = {}): DevtoolsHandle\n{\n    checkCoreVersion();\n    const source = hook();\n    const { open, tab, version } = devtoolsInternal(() => ({ open: signal(options.open === true), tab: signal<Tab>(\"signals\"), version: signal(0) }));\n    const nodes = (): NodeSnapshot[] => (version.get(), source?.nodes() ?? []);\n    const roots = (): RootSnapshot[] => (version.get(), source?.roots() ?? []);\n    const list = (): Diagnostic[] => (version.get(), source?.diagnostics() ?? []);\n\n    let scheduled = false;\n    const refresh = (): void =>\n    {\n        if (scheduled)\n        {\n            return;\n        }\n        scheduled = true;\n        requestAnimationFrame(() =>\n        {\n            scheduled = false;\n            version.set(version.get() + 1);\n        });\n    };\n    const unsubscribe = source?.subscribe(refresh);\n\n    const onKey = (event: KeyboardEvent): void =>\n    {\n        if (event.altKey && event.shiftKey && event.code === \"KeyZ\")\n        {\n            event.preventDefault();\n            open.set(!open.get());\n        }\n    };\n    document.addEventListener(\"keydown\", onKey);\n\n    const host = document.createElement(\"div\");\n    host.dataset[\"zerolithDevtools\"] = \"\";\n    document.body.append(host);\n\n    const tabButton = (name: Tab, label: string) => html`<button type=\"button\" role=\"tab\" aria-selected=${computed(() => String(tab.get() === name))} @click=${() => tab.set(name)}>${label}</button>`;\n\n    const root = devtoolsInternal(() => render(html`\n        ${when(open, () => html`\n            <aside class=${dock} aria-label=\"zerolith dev tools\">\n                <header role=\"tablist\">\n                    <strong>zerolith</strong>\n                    ${tabButton(\"signals\", \"Signals\")}\n                    ${tabButton(\"roots\", \"Roots\")}\n                    ${tabButton(\"diagnostics\", \"Diagnostics\")}\n                    <span class=\"spacer\"></span>\n                    <button type=\"button\" @click=${() => refresh()}>Refresh</button>\n                    <button type=\"button\" aria-label=\"Close dev tools\" @click=${() => open.set(false)}>Close</button>\n                </header>\n                <div class=\"panel\">\n                    ${when(computed(() => source === undefined), () => html`<p class=\"empty\">No zerolith development build is running on this page.</p>`, () => html`\n                        ${when(computed(() => tab.get() === \"signals\"), () => Signals(nodes))}\n                        ${when(computed(() => tab.get() === \"roots\"), () => Roots(roots))}\n                        ${when(computed(() => tab.get() === \"diagnostics\"), () => Diagnostics(list))}`)}\n                </div>\n            </aside>`, () => html`<button type=\"button\" class=${launcher} aria-label=\"Open zerolith dev tools\" @click=${() => open.set(true)}>zerolith</button>`)}`, host));\n\n    return {\n        toggle(state?: boolean): void\n        {\n            open.set(state ?? !open.get());\n        },\n        dispose(): void\n        {\n            unsubscribe?.();\n            document.removeEventListener(\"keydown\", onKey);\n            root.dispose();\n            host.remove();\n        }\n    };\n}\n"],"names":["dock","launcher","hook","value","text","describeContainer","node","element","id","classes","Signals","rows","computed","nodes","when","each","Roots","roots","root","Diagnostics","list","row","checkCoreVersion","source","devtoolsInternal","signal","options","version","scheduled","refresh","unsubscribe","onKey","event","open","host","\"zerolithDevtools\"","tabButton","tab","name","label","render","state"],"mappings":"AAKA,OAA0B,cAAU,SAAK,UAAM,UAAM,YAAQ,YAAQ,cAAY,WACjF,OAAkE,0BAAwB,oBAC1F,OAAS,0BAAwB,eAOjC,MAAMA,EAAO,CAAG;;;;;;;;;;;;;;;EAiBVC,EAAW,CAAG;;EAIpB,SAASC,GAAI,CAET,OAAQ,WAAwD,qBACpE,CAGA,OAAM,SAAU,cAAc,EAAc,CAExC,GAAI,OAAOC,GAAU,SAEjB,OAAO,KAAK,UAAUA,EAAM,OAAS,IAAMA,EAAM,MAAM,EAAG,GAAG,EAAI,MAAQA,CAAK,EAElF,GAAI,OAAOA,GAAU,WAEjB,MAAO,YAAYA,EAAM,OAE7B,GAAsB,OAAOA,GAAU,WAAnCA,EAEA,OAAO,OAAOA,CAAK,EAEvB,GAAI,OAAO,KAAS,KAAeA,aAAiB,KAEhD,MAAO,IAAIA,EAAM,SAAS,YAAW,EAAE,GAE3C,GACA,CACI,IAAMC,EAAO,KAAK,UAAUD,CAAK,EACjC,OAAOC,IAAS,OAAY,OAAOD,CAAK,EAAIC,EAAK,OAAS,IAAMA,EAAK,MAAM,EAAG,GAAG,EAAI,MAAQA,CACjG,MAEA,CACI,OAAO,OAAO,UAAU,SAAS,KAAKD,CAAK,CAC/C,CACJ,CAEA,SAASE,EAAkB,EAAU,CAEjC,GAAIC,EAAK,WAAa,EAElB,OAAOA,EAAK,SAAS,YAAW,EAEpC,IAAMC,EAAUD,EACVE,EAAKD,EAAQ,KAAO,GAAK,GAAK,IAAIA,EAAQ,KAC1CE,EAAUF,EAAQ,UAAU,SAAW,EAAI,GAAK,IAAM,MAAM,KAAKA,EAAQ,SAAS,CAAC,CAAC,KAAK,GAAG,EAClG,OAAOA,EAAQ,UAAYC,EAAKC,CACpC,CAEA,SAASC,EAAQ,EAA2B,CAExC,IAAMC,EAAOC,MAAeC,EAAK,CAAE,CAAC,OAAQ,GAAS,CAACP,EAAK,QAAQ,CAAC,EACpE,OAAOQ,EAAKF,MAAeD,EAAK,IAAG,CAAE,CAAC,OAAS,CAAC,MAAS,CAAI;;;qBAG5CI,EAAKJ,EAAO,GAASL,EAAK,GAAK,GAAS,CAAI;gCACjCM,MAAeN,EAAK,IAAG,CAAE,CAAC,IAAI,EAAC;0BACrCM,MAAeN,EAAK,IAAG,CAAE,CAAC,EAAE,EAAC;0BAC7BM,MAAeN,EAAK,IAAG,CAAE,CAAC,IAAI,EAAC;0BAC/BM,MAAeN,EAAK,IAAG,CAAE,CAAC,MAAQ,EAAE,EAAC;0BACrCM,MAAeN,EAAK,IAAG,CAAE,CAAC,SAAS,EAAC;wCACtBM,MAAgB,UAAWN,EAAK,IAAG,EAAK,cAAcA,EAAK,IAAG,CAAE,CAAC,KAAK,EAAI,EAAG,EAAC;sBAChG,EAAC;sBACE,CAAI,sCAAsC,CACnE,CAEA,SAASU,EAAM,EAA2B,CAEtC,IAAML,EAAOC,MAAeK,EAAK,CAAE,CAAC,OAAQ,GAAS,CAACC,EAAK,QAAQ,CAAC,EACpE,OAAOJ,EAAKF,MAAeD,EAAK,IAAG,CAAE,CAAC,OAAS,CAAC,MAAS,CAAI;;;qBAG5CI,EAAKJ,EAAO,GAASO,EAAK,GAAK,GAAS,CAAI;;0BAEvCN,MAAeM,EAAK,IAAG,CAAE,CAAC,EAAE,EAAC;0BAC7BN,MAAeM,EAAK,IAAG,CAAE,CAAC,IAAI,EAAC;0BAC/BN,MAAeP,EAAkBa,EAAK,IAAG,CAAE,CAAC,SAAS,CAAC,EAAC;sBAC3D,EAAC;sBACE,CAAI,wCAAwC,CACrE,CAEA,SAASC,EAAY,EAAwB,CAEzC,IAAMR,EAAOC,MAAeQ,EAAI,CAAE,CAAC,KAAK,EAAQ,KAAW,CAAE,QAAO,QAAM,EAAG,CAAC,EAC9E,OAAON,EAAKF,MAAeD,EAAK,IAAG,CAAE,CAAC,OAAS,CAAC,MAAS,CAAI;;;qBAG5CI,EAAKJ,EAAO,GAAQU,EAAI,MAAQ,GAAQ,CAAI;;0BAEvCT,MAAeS,EAAI,IAAG,CAAE,CAAC,OAAO,QAAQ,EAAC;+CACpBT,MAAeS,EAAI,IAAG,CAAE,CAAC,OAAO,GAAG,EAAC,kCAAmCT,MAAeS,EAAI,IAAG,CAAE,CAAC,OAAO,IAAI,EAAC;wCACnHT,MAAeS,EAAI,IAAG,CAAE,CAAC,OAAO,KAAK,EAAC;wCACtCT,MAAe,cAAcS,EAAI,IAAG,CAAE,CAAC,OAAO,MAAQ,CAAA,CAAE,CAAC,EAAC;sBAC5E,EAAC;sBACE,CAAI,+CAA+C,CAC5E,CASA,OAAM,SAAU,cAAc,EAA2B,CAAA,EAAE,CAEvDC,EAAgB,EAChB,IAAMC,EAASrB,EAAI,EACb,CAAE,OAAM,MAAK,WAAYsB,OAAwB,CAAE,KAAMC,EAAOC,EAAQ,OAAS,EAAI,EAAG,IAAKD,EAAY,SAAS,EAAG,QAASA,EAAO,CAAC,CAAC,EAAG,EAC1IZ,OAA+Bc,EAAQ,IAAG,EAAIJ,GAAQ,MAAK,GAAM,CAAA,GACjEN,OAA+BU,EAAQ,IAAG,EAAIJ,GAAQ,MAAK,GAAM,CAAA,GACjEH,OAA4BO,EAAQ,IAAG,EAAIJ,GAAQ,YAAW,GAAM,CAAA,GAEtEK,EAAY,GACVC,MAAqB,CAEnBD,IAIJ,EAAY,GACZ,0BAA2B,CAEvB,EAAY,GACZD,EAAQ,IAAIA,EAAQ,IAAG,EAAK,CAAC,CACjC,CAAC,EACL,EACMG,EAAcP,GAAQ,UAAUM,CAAO,EAEvCE,EAAS,GAA8B,CAErCC,EAAM,QAAUA,EAAM,UAAYA,EAAM,OAAS,SAEjDA,EAAM,eAAc,EACpBC,EAAK,IAAI,CAACA,EAAK,IAAG,CAAE,EAE5B,EACA,SAAS,iBAAiB,UAAWF,CAAK,EAE1C,IAAMG,EAAO,SAAS,cAAc,KAAK,EACzC,EAAK,QAAQC,iBAAsB,GACnC,SAAS,KAAK,OAAOD,CAAI,EAEzB,IAAME,GAAa,EAAW,IAAkB,CAAI,kDAAkDxB,MAAe,OAAOyB,EAAI,IAAG,IAAOC,CAAI,CAAC,EAAC,cAAiBD,EAAI,IAAIC,CAAI,EAAC,GAAIC,EAAK,WAEjLrB,EAAOM,MAAuBgB,EAAO,CAAI;UACzC1B,EAAKmB,MAAY,CAAI;2BACJjC,EAAI;;;sBAGToC,EAAU,UAAW,SAAS,EAAC;sBAC/BA,EAAU,QAAS,OAAO,EAAC;sBAC3BA,EAAU,cAAe,aAAa,EAAC;;uDAEJP,EAAO,EAAE;oFACoBI,EAAK,IAAI,EAAK,EAAC;;;sBAG/EnB,EAAKF,MAAeW,IAAW,MAAS,MAAS,CAAI,kFAAqF,CAAI;0BAC1IT,EAAKF,MAAeyB,EAAI,IAAG,IAAO,SAAS,MAAS3B,EAAQG,CAAK,CAAC,EAAC;0BACnEC,EAAKF,MAAeyB,EAAI,IAAG,IAAO,OAAO,MAASrB,EAAMC,CAAK,CAAC,EAAC;0BAC/DH,EAAKF,MAAeyB,EAAI,IAAG,IAAO,aAAa,MAASlB,EAAYC,CAAI,CAAC,GAAG,EAAC;;0BAE1E,CAAI,+BAA+BnB,EAAQ,mDAAsDgC,EAAK,IAAI,EAAI,EAAC,mBAAoB,IAAKC,CAAI,CAAC,EAEtK,MAAO,CACH,OAAO,EAAe,CAElBD,EAAK,IAAIQ,GAAS,CAACR,EAAK,IAAG,CAAE,CACjC,EACA,SAAO,CAEHH,IAAa,EACb,SAAS,oBAAoB,UAAWC,CAAK,EAC7Cb,EAAK,QAAO,EACZgB,EAAK,OAAM,CACf,CACH,CACL"}

package/dist/production/noop.js

@@ -0,0 +1,2 @@
+export function mountDevtools(e){return{toggle(){},dispose(){}}}
+//# sourceMappingURL=noop.js.map

package/dist/production/noop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"noop.js","sources":["../../src/noop.ts"],"sourcesContent":["/**\n * The production entry of @zerolith/devtools: the same surface as the\n * inspector, doing nothing.\n */\n\n/** Options for `mountDevtools`. */\nexport interface DevtoolsOptions\n{\n    /** Start with the dock open. Defaults to false. */\n    open?: boolean;\n}\n\n/** The handle returned by `mountDevtools`. */\nexport interface DevtoolsHandle\n{\n    /** Shows or hides the dock. */\n    toggle(open?: boolean): void;\n    /** Removes the dock. */\n    dispose(): void;\n}\n\n/** Does nothing in production builds. */\nexport function mountDevtools(_options?: DevtoolsOptions): DevtoolsHandle\n{\n    return {\n        toggle(): void\n        {\n        },\n        dispose(): void\n        {\n        }\n    };\n}\n"],"names":[],"mappings":"AAsBA,OAAM,SAAU,cAAc,EAA0B,CAEpD,MAAO,CACH,QAAM,CAEN,EACA,SAAO,CAEP,CACH,CACL"}

package/dist/production/version.js

@@ -0,0 +1,2 @@
+import{DIAGNOSTIC_URL as e}from"zerolith";import{version as t}from"zerolith/internal";export const version=`0.1.0-alpha.8`;export function checkCoreVersion(n=`0.1.0-alpha.8`,r=t){if(r!==n)throw Error(`zerolith: package_version_mismatch: @zerolith/devtools ${n} requires zerolith ${n}, and zerolith ${r} is installed. Install one version of both, with npm install @zerolith/devtools@${r} or npm install zerolith@${n}. ${e}package_version_mismatch`)}
+//# sourceMappingURL=version.js.map

package/dist/production/version.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.js","sources":["../../src/version.ts"],"sourcesContent":["/**\n * The inspector and the core share `zerolith/internal`, which can change\n * with every version, so the inspector requires the zerolith it was\n * released with.\n */\nimport { DIAGNOSTIC_URL } from \"zerolith\";\nimport { version as installed } from \"zerolith/internal\";\n\n/** The version of this package, which the version script keeps equal to its manifest's. */\nexport const version: string = \"0.1.0-alpha.8\";\n\n/** Throws `package_version_mismatch` when the installed zerolith is not the inspector's own version. */\nexport function checkCoreVersion(own: string = version, core: string = installed): void\n{\n    if (core !== own)\n    {\n        throw new Error(`zerolith: package_version_mismatch: @zerolith/devtools ${own} requires zerolith ${own}, and zerolith ${core} is installed. Install one version of both, with npm install @zerolith/devtools@${core} or npm install zerolith@${own}. ${DIAGNOSTIC_URL}package_version_mismatch`);\n    }\n}\n"],"names":["installed","core","own","DIAGNOSTIC_URL"],"mappings":"AAKA,OAAS,wBAAsB,WAC/B,OAAS,WAAWA,MAAiB,oBAGrC,OAAO,MAAM,QAAkB,gBAG/B,OAAM,SAAU,iBAAiB,EAAc,gBAAS,EAAeA,EAAS,CAE5E,GAAIC,IAASC,EAET,MAAU,MAAM,0DAA0DA,EAAG,qBAAsBA,EAAG,iBAAkBD,EAAI,kFAAmFA,EAAI,2BAA4BC,EAAG,IAAKC,EAAc,yBAA0B,CAEvS"}

package/dist/version.js

@@ -6,7 +6,7 @@
 import { DIAGNOSTIC_URL } from "zerolith";
 import { version as installed } from "zerolith/internal";
 /** The version of this package, which the version script keeps equal to its manifest's. */
-export const version = "0.1.0-alpha.7";
+export const version = "0.1.0-alpha.8";
 /** Throws `package_version_mismatch` when the installed zerolith is not the inspector's own version. */
 export function checkCoreVersion(own = version, core = installed) {
     if (core !== own) {

package/package.json

@@ -1,10 +1,10 @@
 {
     "name": "@zerolith/devtools",
-    "version": "0.1.0-alpha.7",
+    "version": "0.1.0-alpha.8",
     "description": "An in-page inspector for zerolith applications: signals, roots, and diagnostics, working wherever the app is served",
     "license": "Apache-2.0",
     "author": "molexxxx",
-    "homepage": "https://github.com/molexxxx/zerolith#readme",
+    "homepage": "https://zerolith.dev/",
     "repository": {
         "type": "git",
         "url": "git+https://github.com/molexxxx/zerolith.git",
@@ -27,7 +27,7 @@
         ".": {
             "types": "./dist/index.d.ts",
             "development": "./dist/index.js",
-            "default": "./dist/noop.js"
+            "default": "./dist/production/noop.js"
         },
         "./package.json": "./package.json"
     },
@@ -38,12 +38,12 @@
         "README.md"
     ],
     "scripts": {
-        "build": "tsc -p tsconfig.build.json"
+        "build": "tsc -p tsconfig.build.json && node ../../scripts/production.ts"
     },
     "peerDependencies": {
-        "zerolith": "0.1.0-alpha.7"
+        "zerolith": "0.1.0-alpha.8"
     },
     "devDependencies": {
-        "zerolith": "0.1.0-alpha.7"
+        "zerolith": "0.1.0-alpha.8"
     }
 }

package/src/version.ts

@@ -7,7 +7,7 @@ import { DIAGNOSTIC_URL } from "zerolith";
 import { version as installed } from "zerolith/internal";
 
 /** The version of this package, which the version script keeps equal to its manifest's. */
-export const version: string = "0.1.0-alpha.7";
+export const version: string = "0.1.0-alpha.8";
 
 /** Throws `package_version_mismatch` when the installed zerolith is not the inspector's own version. */
 export function checkCoreVersion(own: string = version, core: string = installed): void