@north-light/crouter 0.3.198 → 0.3.200

package/dist/commands/human/html.js

@@ -1,81 +0,0 @@
-import { defineBranch, defineLeaf } from '../../core/command.js';
-import { stateBlock } from '../../core/help.js';
-import { InputError } from '../../core/io.js';
-import { readConfig } from '../../core/config.js';
-import { componentKinds, renderComponentCatalog, renderComponentContract } from '../../core/human/component-docs.js';
-import { pageComponentKinds } from '../../core/human/page-catalog.js';
-function productComponents() {
-    return readConfig('user').page_components;
-}
-function productKinds() {
-    return pageComponentKinds(productComponents());
-}
-function componentKindState() {
-    const kinds = componentKinds(productKinds());
-    return stateBlock('kinds', { count: kinds.length }, kinds.join('\n'));
-}
-const humanHtmlList = defineLeaf({
-    name: 'list',
-    description: 'list page components for selection',
-    whenToUse: 'choosing which page component to put in an authored HTML page.',
-    help: {
-        name: 'human html list',
-        summary: 'list page components for selection',
-        inputNote: 'No input parameters.',
-        output: [
-            { name: 'catalog', type: 'markdown', required: true, constraint: 'One concise selection entry per built-in and product-registered component; no component field schemas.' },
-            { name: 'follow_up', type: 'string', required: true, constraint: 'Points to `crtr human html show <kind>` for one selected component contract.' },
-        ],
-        outputKind: 'object',
-        effects: ['None. Read-only.'],
-    },
-    run: async () => ({
-        catalog: renderComponentCatalog(productComponents()),
-        follow_up: 'Use `crtr human html show <kind>` for one component contract.',
-    }),
-    render: (result) => `${String(result['catalog'])}\n\n${String(result['follow_up'])}`,
-});
-const humanHtmlShow = defineLeaf({
-    name: 'show',
-    description: 'show one page component contract',
-    whenToUse: 'authoring or validating one selected page component and needing its exact config or response contract.',
-    help: {
-        name: 'human html show',
-        summary: 'show one page component contract',
-        params: [
-            { kind: 'positional', name: 'kind', type: 'string', required: true, constraint: 'Component kind from the live <kinds> catalog below.' },
-        ],
-        output: [
-            { name: 'kind', type: 'string', required: true, constraint: 'The selected component kind.' },
-            { name: 'contract', type: 'markdown', required: true, constraint: 'Hand-written config, response, and display/response-bearing contract for that component.' },
-        ],
-        outputKind: 'object',
-        effects: ['None. Read-only.'],
-        dynamicState: componentKindState,
-    },
-    run: async (input) => {
-        const kind = input['kind'];
-        const contract = renderComponentContract(kind, productComponents());
-        if (contract === undefined) {
-            throw new InputError({
-                error: 'unknown_component',
-                message: `unknown page component kind "${kind}"`,
-                field: 'kind',
-                next: 'Run `crtr human html show -h` and choose a kind from its live catalog.',
-            });
-        }
-        return { kind, contract };
-    },
-    render: (result) => String(result['contract']),
-});
-export const humanHtml = defineBranch({
-    name: 'html',
-    description: 'discover HTML page components and contracts',
-    whenToUse: 'authoring an HTML page and choosing a component or needing one component’s exact contract.',
-    help: {
-        name: 'human html',
-        summary: 'discover HTML page components and contracts',
-        model: 'List is the selection catalog; show owns the full config and response contract for one selected component.',
-    },
-    children: [humanHtmlList, humanHtmlShow],
-});

package/dist/commands/human/inbox.d.ts

@@ -1,2 +0,0 @@
-import { type BranchDef } from '../../core/command.js';
-export declare const humanInbox: BranchDef;

package/dist/core/human/__tests__/html-markdown.test.js

@@ -1,52 +0,0 @@
-import assert from 'node:assert/strict';
-import test from 'node:test';
-import { RICH_PAGE_PLACEHOLDER, renderHtmlProseAsMarkdown } from '../html-markdown.js';
-test('downconverts bounded semantic HTML page prose without raw tag leakage', () => {
-    const markdown = renderHtmlProseAsMarkdown(`<!doctype html><html><head><title>ignored</title></head><body>
-    <h2>Release <em>notes</em></h2>
-    <p>Read <strong>this</strong>, <code>npm run build</code>, and <a href="https://example.test/a">details</a>.</p>
-    <ul><li>First</li><li>Second<ul><li>Nested</li></ul></li></ul>
-    <ol><li>One</li></ol>
-    <blockquote><p>Quoted</p></blockquote>
-    <pre><code class="language-ts">const x = 1;</code></pre>
-    <table><thead><tr><th>Name</th><th>State</th></tr></thead><tbody><tr><td>A</td><td>Ready</td></tr></tbody></table>
-    <p>Safe <span style="color:red">text</span>.</p>
-    <div class="custom-chrome">Widget controls</div>
-    <crtr-pages><crtr-page><p>Before <span>slot</span>.</p><crtr-options>ignored config</crtr-options><p>After.</p></crtr-page></crtr-pages>
-    <p>Use &lt;span&gt;x&lt;/span&gt; literally.</p>
-    <p># Not heading<br>&gt; Not quote<br>- Not list<br>1. Not ordered</p>
-  </body></html>`);
-    const expected = `## Release *notes*
-
-Read **this**, \`npm run build\`, and [details](<https://example.test/a>).
-
-- First
-- Second
-  - Nested
-
-1. One
-
-> Quoted
-
-\`\`\`ts
-const x = 1;
-\`\`\`
-
-| Name | State |
-| --- | --- |
-| A | Ready |
-
-Safe text.
-
-${RICH_PAGE_PLACEHOLDER}
-
-Before slot.
-
-After.
-
-Use &lt;span&gt;x&lt;/span&gt; literally.
-
-` + ['\\# Not heading  ', '&gt; Not quote  ', '\\- Not list  ', '1\\. Not ordered'].join('\n');
-    assert.equal(markdown, expected);
-    assert.doesNotMatch(markdown, /<(?:span|div)\b/i);
-});

package/dist/core/human/__tests__/page-render.test.js

@@ -1,66 +0,0 @@
-// An authored HTML slot id must reach the runtime's `slot-id` attribute. Without
-// this pin every element renders but no response reaches the host.
-import assert from 'node:assert/strict';
-import { mkdtempSync, readFileSync, rmSync, writeFileSync } from 'node:fs';
-import { tmpdir } from 'node:os';
-import { join } from 'node:path';
-import test from 'node:test';
-import { derivePageManifest } from '../page.js';
-import { renderPageHtml } from '../page-render.js';
-import { preparePage } from '../tickets.js';
-function render(source) {
-    const dir = mkdtempSync(join(tmpdir(), 'crtr-page-render-test-'));
-    try {
-        const path = join(dir, 'page.html');
-        writeFileSync(path, source);
-        return renderPageHtml(derivePageManifest(path, 'html'), readFileSync(path, 'utf8'));
-    }
-    finally {
-        rmSync(dir, { recursive: true, force: true });
-    }
-}
-test('source-backed slots render embedded config, never a filesystem path', () => {
-    const dir = mkdtempSync(join(tmpdir(), 'crtr-page-render-source-'));
-    try {
-        const data = join(dir, 'rows.json');
-        const page = join(dir, 'page.html');
-        writeFileSync(data, JSON.stringify([{ id: 'one', cells: { name: '</script><script>window.pwned=1</script>' } }]));
-        writeFileSync(page, `<!doctype html><html><head><meta name="crtr-page-title" content="Rows"></head><body><crtr-table><script type="application/json">${JSON.stringify({ columns: [{ id: 'name', label: '</scripture>' }], source: data })}</script></crtr-table></body></html>`);
-        const prepared = preparePage({ sourceFile: page, dialect: 'html' });
-        const rendered = renderPageHtml(prepared.manifest, prepared.document);
-        assert.match(rendered, /"rows":\[{"id":"one","cells":\{"name":"\\u003c\/script>\\u003cscript>window\.pwned=1\\u003c\/script>"}}]/);
-        assert.match(rendered, /"label":"\\u003c\/scripture>"/);
-        assert.doesNotMatch(rendered, /"source"|rows\.json|<script>window\.pwned/);
-    }
-    finally {
-        rmSync(dir, { recursive: true, force: true });
-    }
-});
-test('render replacement ignores comments and non-config scripts', () => {
-    const dir = mkdtempSync(join(tmpdir(), 'crtr-page-render-scripts-'));
-    try {
-        const data = join(dir, 'rows.json');
-        const page = join(dir, 'page.html');
-        writeFileSync(data, JSON.stringify([{ id: 'one', cells: { name: 'One' } }]));
-        writeFileSync(page, `<!doctype html><html><head><meta name="crtr-page-title" content="Rows"></head><body><!-- > <crtr-table><script type="application/json">{}</script></crtr-table> --><crtr-table><script data-type="application/json" type="text/plain">KEEP</script><script type="application/json">${JSON.stringify({ columns: [{ id: 'name', label: 'Name' }], source: data })}</script></crtr-table></body></html>`);
-        const prepared = preparePage({ sourceFile: page, dialect: 'html' });
-        const rendered = renderPageHtml(prepared.manifest, prepared.document);
-        assert.match(rendered, /<script data-type="application\/json" type="text\/plain">KEEP<\/script>/);
-        assert.match(rendered, /"rows":\[{"id":"one","cells":\{"name":"One"}}]/);
-        assert.doesNotMatch(rendered, /"source"|rows\.json/);
-    }
-    finally {
-        rmSync(dir, { recursive: true, force: true });
-    }
-});
-test('an authored html slot id is mirrored to the slot-id the runtime reads', () => {
-    const html = render([
-        '<!doctype html><html><head><meta name="crtr-page-title" content="Sign-off"></head><body>',
-        '<crtr-pages><crtr-page label="Window">',
-        '<crtr-options id="window"><script type="application/json">{"mode":"single","options":[{"id":"sat","label":"Saturday"}]}</script></crtr-options>',
-        '</crtr-page></crtr-pages>',
-        '</body></html>',
-    ].join('\n'));
-    assert.match(html, /<crtr-options id="window" slot-id="window">/);
-    assert.match(html, /<crtr-page label="Window">/);
-});

package/dist/core/human/html-markdown.d.ts

@@ -1,3 +0,0 @@
-export declare const RICH_PAGE_PLACEHOLDER = "rich page \u2014 open in Northlight";
-/** Downconvert the semantic prose in one HTML fragment or complete document. */
-export declare function renderHtmlProseAsMarkdown(html: string): string;

package/dist/core/human/html-markdown.js

@@ -1,288 +0,0 @@
-// Bounded semantic HTML → Markdown for terminal page prose. This is deliberately
-// not an HTML renderer: slots keep their own terminal panels, while custom chrome
-// is reduced to text or one clear Northlight handoff.
-export const RICH_PAGE_PLACEHOLDER = 'rich page — open in Northlight';
-const VOID_TAGS = new Set(['area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'link', 'meta', 'param', 'source', 'track', 'wbr']);
-const RAW_TEXT_TAGS = new Set(['script', 'style', 'template']);
-const RICH_TAGS = new Set(['audio', 'button', 'canvas', 'dialog', 'embed', 'form', 'iframe', 'img', 'input', 'math', 'object', 'picture', 'select', 'svg', 'textarea', 'video']);
-const BLOCK_TAGS = new Set(['article', 'aside', 'blockquote', 'body', 'div', 'footer', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'header', 'li', 'main', 'nav', 'ol', 'p', 'pre', 'section', 'table', 'ul']);
-const INLINE_BREAK = '\uE001';
-/** Downconvert the semantic prose in one HTML fragment or complete document. */
-export function renderHtmlProseAsMarkdown(html) {
-    const root = { type: 'element', tag: '#root', attrs: new Map(), children: parseHtml(html) };
-    const body = findElement(root, 'body');
-    return renderBlocks(body?.children ?? root.children).trim();
-}
-function parseHtml(html) {
-    const root = { type: 'element', tag: '#root', attrs: new Map(), children: [] };
-    const stack = [root];
-    let cursor = 0;
-    const appendText = (value) => { if (value !== '')
-        stack.at(-1).children.push({ type: 'text', value }); };
-    while (cursor < html.length) {
-        const start = html.indexOf('<', cursor);
-        if (start === -1) {
-            appendText(html.slice(cursor));
-            break;
-        }
-        appendText(html.slice(cursor, start));
-        if (html.startsWith('<!--', start)) {
-            const end = html.indexOf('-->', start + 4);
-            cursor = end === -1 ? html.length : end + 3;
-            continue;
-        }
-        const end = tagEnd(html, start);
-        if (end === -1) {
-            appendText(html.slice(start));
-            break;
-        }
-        const token = html.slice(start, end);
-        if (/^<!|^<\?/i.test(token)) {
-            cursor = end;
-            continue;
-        }
-        const closing = /^<\s*\/\s*([^\s>]+)/.exec(token);
-        if (closing !== null) {
-            const tag = closing[1].toLowerCase();
-            for (let index = stack.length - 1; index > 0; index--) {
-                if (stack[index].tag === tag) {
-                    stack.length = index;
-                    break;
-                }
-            }
-            cursor = end;
-            continue;
-        }
-        const opening = /^<\s*([^\s/>]+)/.exec(token);
-        if (opening === null) {
-            appendText(token);
-            cursor = end;
-            continue;
-        }
-        const tag = opening[1].toLowerCase();
-        const element = { type: 'element', tag, attrs: parseAttributes(token), children: [] };
-        stack.at(-1).children.push(element);
-        const selfClosing = /\/\s*>$/.test(token) || VOID_TAGS.has(tag);
-        if (RAW_TEXT_TAGS.has(tag) && !selfClosing) {
-            const close = new RegExp(`<\\s*/\\s*${escapeRegExp(tag)}\\s*>`, 'ig');
-            close.lastIndex = end;
-            const match = close.exec(html);
-            if (match !== null) {
-                element.children.push({ type: 'text', value: html.slice(end, match.index) });
-                cursor = close.lastIndex;
-            }
-            else
-                cursor = html.length;
-            continue;
-        }
-        if (!selfClosing)
-            stack.push(element);
-        cursor = end;
-    }
-    return root.children;
-}
-function tagEnd(html, start) {
-    let quote;
-    for (let index = start + 1; index < html.length; index++) {
-        const character = html[index];
-        if (quote !== undefined) {
-            if (character === quote)
-                quote = undefined;
-            continue;
-        }
-        if (character === '"' || character === "'") {
-            quote = character;
-            continue;
-        }
-        if (character === '>')
-            return index + 1;
-    }
-    return -1;
-}
-function parseAttributes(token) {
-    const attrs = new Map();
-    const source = token.slice(1, -1);
-    const firstSpace = source.search(/\s/);
-    if (firstSpace === -1)
-        return attrs;
-    const body = source.slice(firstSpace);
-    const pattern = /([^\s=/>]+)(?:\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s>]+)))?/g;
-    for (const match of body.matchAll(pattern))
-        attrs.set(match[1].toLowerCase(), match[2] ?? match[3] ?? match[4] ?? '');
-    return attrs;
-}
-function findElement(node, tag) {
-    if (node.tag === tag)
-        return node;
-    for (const child of node.children)
-        if (child.type === 'element') {
-            const found = findElement(child, tag);
-            if (found !== undefined)
-                return found;
-        }
-    return undefined;
-}
-function renderBlocks(nodes) {
-    const blocks = [];
-    for (const node of nodes) {
-        const block = renderBlock(node).trim();
-        if (block !== '')
-            blocks.push(block);
-    }
-    return blocks.join('\n\n');
-}
-function renderBlock(node) {
-    if (node.type === 'text')
-        return markdownText(node.value).trim();
-    if (isInteractiveSlot(node))
-        return '';
-    if (isStructuralWrapper(node))
-        return renderBlocks(node.children);
-    if (isRichBlock(node))
-        return RICH_PAGE_PLACEHOLDER;
-    if (/^h[1-6]$/.test(node.tag))
-        return `${'#'.repeat(Number(node.tag[1]))} ${renderInline(node.children)}`;
-    if (node.tag === 'p')
-        return renderInline(node.children);
-    if (node.tag === 'blockquote')
-        return quote(renderBlocks(node.children));
-    if (node.tag === 'pre')
-        return fencedCode(node);
-    if (node.tag === 'ul' || node.tag === 'ol')
-        return renderList(node);
-    if (node.tag === 'table')
-        return renderTable(node);
-    if (node.tag === 'hr')
-        return '---';
-    if (node.tag === 'br')
-        return '';
-    if (BLOCK_TAGS.has(node.tag))
-        return node.children.some((child) => child.type === 'element' && BLOCK_TAGS.has(child.tag)) ? renderBlocks(node.children) : renderInline(node.children);
-    return renderInline(node.children);
-}
-function renderInline(nodes) {
-    return nodes.map(renderInlineNode).join('').replace(/\s+/g, ' ').replaceAll(INLINE_BREAK, '  \n').trim();
-}
-function renderInlineNode(node) {
-    if (node.type === 'text')
-        return markdownText(node.value);
-    if (isInteractiveSlot(node) || RAW_TEXT_TAGS.has(node.tag))
-        return '';
-    const content = renderInline(node.children);
-    if (node.tag === 'br')
-        return INLINE_BREAK;
-    if (isStructuralWrapper(node))
-        return content;
-    if (node.tag === 'strong' || node.tag === 'b')
-        return content === '' ? '' : `**${content}**`;
-    if (node.tag === 'em' || node.tag === 'i')
-        return content === '' ? '' : `*${content}*`;
-    if (node.tag === 'code')
-        return codeSpan(textContent(node));
-    if (node.tag === 'a') {
-        const href = node.attrs.get('href');
-        return href === undefined || href === '' || content === '' ? content : `[${content}](${markdownUrl(href)})`;
-    }
-    if (BLOCK_TAGS.has(node.tag))
-        return content;
-    // Unknown inline markup is prose, not terminal UI. Keeping its text prevents
-    // raw `<span>`-style tags from leaking through termrender.
-    return content;
-}
-function renderList(element) {
-    const items = element.children.filter((child) => child.type === 'element' && child.tag === 'li');
-    return items.map((item, index) => {
-        const nested = item.children.filter((child) => child.type === 'element' && (child.tag === 'ul' || child.tag === 'ol'));
-        const content = item.children.filter((child) => !(child.type === 'element' && (child.tag === 'ul' || child.tag === 'ol')));
-        const marker = element.tag === 'ol' ? `${index + 1}.` : '-';
-        const first = renderListItem(content);
-        const children = nested.map(renderList).filter(Boolean).map((list) => list.split('\n').map((line) => `  ${line}`).join('\n'));
-        return [first === '' ? marker : `${marker} ${first}`, ...children].join('\n');
-    }).join('\n');
-}
-function renderListItem(nodes) {
-    const blocks = renderBlocks(nodes);
-    return blocks.replace(/\n\n+/g, '\n').replace(/\n/g, '\n  ');
-}
-function renderTable(table) {
-    const rows = findElements(table, 'tr').map((row) => row.children.filter((child) => child.type === 'element' && (child.tag === 'th' || child.tag === 'td')).map((cell) => renderInline(cell.children).replace(/\|/g, '\\|'))).filter((row) => row.length > 0);
-    if (rows.length === 0)
-        return '';
-    const width = Math.max(...rows.map((row) => row.length));
-    const normalized = rows.map((row) => Array.from({ length: width }, (_, index) => row[index] ?? ''));
-    const header = normalized[0];
-    const data = normalized.slice(1);
-    return [`| ${header.join(' | ')} |`, `| ${header.map(() => '---').join(' | ')} |`, ...data.map((row) => `| ${row.join(' | ')} |`)].join('\n');
-}
-function fencedCode(pre) {
-    const code = pre.children.find((child) => child.type === 'element' && child.tag === 'code');
-    const source = textContent(code ?? pre).replace(/\r\n?/g, '\n').replace(/\n$/, '');
-    const fence = source.includes('```') ? '~~~' : '```';
-    const language = code?.attrs.get('class')?.match(/(?:^|\s)language-([^\s]+)/)?.[1] ?? '';
-    return `${fence}${language}\n${source}\n${fence}`;
-}
-function quote(markdown) {
-    return markdown.split('\n').map((line) => line === '' ? '>' : `> ${line}`).join('\n');
-}
-function textContent(node) {
-    if (node.type === 'text')
-        return decodeEntities(node.value);
-    return node.children.map(textContent).join('');
-}
-function markdownText(value) {
-    return decodeEntities(value)
-        .replace(/\\/g, '\\\\')
-        .replace(/[<>]/g, (character) => character === '<' ? '&lt;' : '&gt;')
-        .replace(/(^|\n)(?=(?:#{1,6}\s|[-+]\s))/g, '$1\\')
-        .replace(/(^|\n)(\d+)([.)])(?=\s)/g, '$1$2\\$3')
-        .replace(/([\[\]*_`|])/g, '\\$1');
-}
-function codeSpan(value) {
-    const source = value.replace(/\r?\n/g, ' ');
-    const delimiter = source.includes('`') ? '``' : '`';
-    return `${delimiter}${source}${delimiter}`;
-}
-function markdownUrl(value) {
-    return `<${decodeEntities(value).replace(/>/g, '%3E')}>`;
-}
-function isStructuralWrapper(node) {
-    return node.tag === 'crtr-pages' || node.tag === 'crtr-page';
-}
-function isInteractiveSlot(node) {
-    return !isStructuralWrapper(node) && (node.tag === 'crtr-slot' || node.tag.startsWith('crtr-'));
-}
-function isRichBlock(node) {
-    if (RAW_TEXT_TAGS.has(node.tag) || RICH_TAGS.has(node.tag) || node.tag.includes('-'))
-        return true;
-    if (!BLOCK_TAGS.has(node.tag))
-        return false;
-    return [...node.attrs.keys()].some((attribute) => attribute === 'class' || attribute === 'style' || attribute === 'id' || attribute.startsWith('on'));
-}
-function findElements(node, tag) {
-    const found = [];
-    for (const child of node.children)
-        if (child.type === 'element') {
-            if (child.tag === tag)
-                found.push(child);
-            found.push(...findElements(child, tag));
-        }
-    return found;
-}
-function decodeEntities(value) {
-    return value.replace(/&(?:amp|apos|gt|lt|quot);|&#(?:x[0-9a-f]+|\d+);/gi, (entity) => {
-        const named = { '&amp;': '&', '&apos;': "'", '&gt;': '>', '&lt;': '<', '&quot;': '"' };
-        const lower = entity.toLowerCase();
-        if (named[lower] !== undefined)
-            return named[lower];
-        const numeric = lower.startsWith('&#x') ? Number.parseInt(lower.slice(3, -1), 16) : Number.parseInt(lower.slice(2, -1), 10);
-        try {
-            return Number.isFinite(numeric) ? String.fromCodePoint(numeric) : entity;
-        }
-        catch {
-            return entity;
-        }
-    });
-}
-function escapeRegExp(value) {
-    return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-}

package/dist/core/human/page-render.d.ts

@@ -1,4 +0,0 @@
-import type { ProductPageComponents } from '../../types.js';
-import type { PageManifest } from './page-schema.js';
-/** Render one page ticket's authored document as the runtime's HTML payload. */
-export declare function renderPageHtml(manifest: PageManifest, document: string, productKinds?: ProductPageComponents): string;

package/dist/core/human/page-render.js

@@ -1,105 +0,0 @@
-// One authored HTML document → the body-level HTML payload the page runtime
-// (`src/pages`) boots against.
-//
-// What the payload carries: in-document chrome only — the page's own HTML and
-// `crtr-*` slot elements.
-//
-// What it deliberately does NOT carry: the runtime bundle's `<script>`/`<link>`
-// tags (the consuming host injects its own bundle URLs), the page title and
-// subtitle (host-rendered from the manifest), and any dismiss/save chrome
-// (host-owned). The payload is a fragment, not a document: the host wraps it.
-import { embedPageSlotConfigs, parsePageSource } from './page.js';
-/** Render one page ticket's authored document as the runtime's HTML payload. */
-export function renderPageHtml(manifest, document, productKinds = []) {
-    if (manifest.dialect !== 'html') {
-        throw new Error('legacy md pages render through the terminal inbox only');
-    }
-    // Re-projects the document and re-verifies it against the manifest, so the
-    // payload can never disagree with the slots the manifest publishes.
-    parsePageSource(document, manifest, productKinds);
-    return renderAuthoredHtml(embedPageSlotConfigs(document, manifest));
-}
-// ---------------------------------------------------------------------------
-// html dialect — normalized passthrough
-// ---------------------------------------------------------------------------
-/** The authored document's body, after stored slot configs replace authored configs,
- *  `<style>` elements from `<head>` are hoisted in front of it, and every `crtr-*`
- *  slot element carrying an authored `id` gains the matching `slot-id` that the
- *  runtime reads. Authored `<head>` `<link>` and `<script>` elements do not survive:
- *  the page runtime is the only script a page needs. */
-function renderAuthoredHtml(document) {
-    const styles = headStyles(document);
-    const body = normalizeSlotIds(bodyInnerHtml(document)).trim();
-    return styles.length === 0 ? body : `${styles.join('\n')}\n${body}`;
-}
-/** Index just past the `>` closing the tag that starts at `start`. Quote-aware,
- *  so an attribute value containing `>` cannot end the tag early. */
-function tagEndIndex(html, start) {
-    let quote = null;
-    for (let index = start + 1; index < html.length; index++) {
-        const character = html[index];
-        if (quote !== null) {
-            if (character === quote)
-                quote = null;
-            continue;
-        }
-        if (character === '"' || character === "'") {
-            quote = character;
-            continue;
-        }
-        if (character === '>')
-            return index + 1;
-    }
-    throw new Error(`unterminated HTML tag beginning at byte ${start}`);
-}
-function bodyInnerHtml(document) {
-    const open = /<body(?=[\s>])/i.exec(document);
-    if (open === null)
-        throw new Error('page document has no <body> element');
-    const start = tagEndIndex(document, open.index);
-    const close = document.toLowerCase().lastIndexOf('</body');
-    return close === -1 ? document.slice(start) : document.slice(start, close);
-}
-function headStyles(document) {
-    const open = /<head(?=[\s>])/i.exec(document);
-    if (open === null)
-        return [];
-    const start = tagEndIndex(document, open.index);
-    const close = document.toLowerCase().indexOf('</head', start);
-    const head = document.slice(start, close === -1 ? document.length : close);
-    return [...head.matchAll(/<style\b[^>]*>[\s\S]*?<\/style>/gi)].map((match) => match[0]);
-}
-const PAGER_TAGS = new Set(['crtr-pages', 'crtr-page']);
-function escapeHtmlAttribute(value) {
-    return value.replace(/[&<>"]/g, (character) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' })[character]);
-}
-function normalizeSlotIds(html) {
-    let out = '';
-    let cursor = 0;
-    for (;;) {
-        const at = html.toLowerCase().indexOf('<crtr-', cursor);
-        if (at === -1) {
-            out += html.slice(cursor);
-            return out;
-        }
-        const end = tagEndIndex(html, at);
-        const tag = html.slice(at, end);
-        out += html.slice(cursor, at) + withSlotId(tag);
-        cursor = end;
-    }
-}
-function withSlotId(tag) {
-    const name = /^<([A-Za-z][A-Za-z0-9-]*)/.exec(tag)?.[1]?.toLowerCase();
-    if (name === undefined || PAGER_TAGS.has(name))
-        return tag;
-    const attributes = new Map();
-    for (const match of tag.slice(1 + name.length, -1).matchAll(/([^\s=/>]+)(?:\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s>]+)))?/g)) {
-        attributes.set(match[1].toLowerCase(), match[2] ?? match[3] ?? match[4] ?? '');
-    }
-    const id = attributes.get('id');
-    if (id === undefined || id === '' || attributes.has('slot-id'))
-        return tag;
-    const selfClosing = /\/\s*>$/.test(tag);
-    const head = tag.slice(0, tag.lastIndexOf(selfClosing ? '/' : '>')).trimEnd();
-    return `${head} slot-id="${escapeHtmlAttribute(id)}"${selfClosing ? ' />' : '>'}`;
-}

package/dist/pages/bundle.css

@@ -1 +0,0 @@
-:where(:root,:host){color-scheme:var(--crtr-color-scheme, light dark);--crtr-color-background: #ffffff;--crtr-color-surface: #f7f7f8;--crtr-color-surface-hover: #eeeeef;--crtr-color-text: #1c1c1f;--crtr-color-text-muted: #68686f;--crtr-color-border: #d9d9de;--crtr-color-accent: #5753c9;--crtr-color-accent-contrast: #ffffff;--crtr-color-danger: #c73535;--crtr-color-focus: #706bea;--crtr-chart-1: #5753c9;--crtr-chart-2: #2c8c75;--crtr-chart-3: #cf7c2a;--crtr-chart-4: #b84c84;--crtr-chart-5: #477eb8;--crtr-font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--crtr-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--crtr-font-size: .875rem;--crtr-line-height: 1.5;--crtr-radius-small: .375rem;--crtr-radius-medium: .625rem;--crtr-space-1: .25rem;--crtr-space-2: .5rem;--crtr-space-3: .75rem;--crtr-space-4: 1rem;--crtr-shadow: 0 1px 2px rgb(0 0 0 / .08)}:where(crtr-options){color:var(--crtr-options-color, var(--crtr-color-text));font-family:var(--crtr-options-font-family, var(--crtr-font-family));font-size:var(--crtr-options-font-size, var(--crtr-font-size));line-height:var(--crtr-options-line-height, var(--crtr-line-height))}:where(crtr-text){color:var(--crtr-text-color, var(--crtr-color-text));font-family:var(--crtr-text-font-family, var(--crtr-font-family));font-size:var(--crtr-text-font-size, var(--crtr-font-size));line-height:var(--crtr-text-line-height, var(--crtr-line-height))}:where(crtr-table){color:var(--crtr-table-color, var(--crtr-color-text));font-family:var(--crtr-table-font-family, var(--crtr-font-family));font-size:var(--crtr-table-font-size, var(--crtr-font-size));line-height:var(--crtr-table-line-height, var(--crtr-line-height))}:where(crtr-cards){color:var(--crtr-cards-color, var(--crtr-color-text));font-family:var(--crtr-cards-font-family, var(--crtr-font-family));font-size:var(--crtr-cards-font-size, var(--crtr-font-size));line-height:var(--crtr-cards-line-height, var(--crtr-line-height))}:where(crtr-chart){color:var(--crtr-chart-color, var(--crtr-color-text));font-family:var(--crtr-chart-font-family, var(--crtr-font-family));font-size:var(--crtr-chart-font-size, var(--crtr-font-size));line-height:var(--crtr-chart-line-height, var(--crtr-line-height))}:where(crtr-pages,crtr-page){color:var(--crtr-page-color, var(--crtr-color-text));font-family:var(--crtr-page-font-family, var(--crtr-font-family));font-size:var(--crtr-page-font-size, var(--crtr-font-size));line-height:var(--crtr-page-line-height, var(--crtr-line-height))}:where(crtr-slot){color:var(--crtr-slot-color, var(--crtr-color-text));font-family:var(--crtr-slot-font-family, var(--crtr-font-family));font-size:var(--crtr-slot-font-size, var(--crtr-font-size));line-height:var(--crtr-slot-line-height, var(--crtr-line-height))}@media(prefers-color-scheme:dark){:where(:root,:host){--crtr-color-background: #161618;--crtr-color-surface: #222225;--crtr-color-surface-hover: #2d2d31;--crtr-color-text: #f2f2f3;--crtr-color-text-muted: #aaaab1;--crtr-color-border: #414147;--crtr-color-accent: #9692ff;--crtr-color-accent-contrast: #18181b;--crtr-color-danger: #f06a6a;--crtr-color-focus: #aaa7ff;--crtr-shadow: 0 1px 2px rgb(0 0 0 / .45);--crtr-chart-1: #9692ff;--crtr-chart-2: #4fc3a4;--crtr-chart-3: #eba05a;--crtr-chart-4: #e281b4;--crtr-chart-5: #71b0e6}}