anentrypoint-design 0.0.121 → 0.0.124

package/dist/ui_kits/system_primer/app.js

@@ -1,152 +0,0 @@
-import * as webjsx from 'webjsx';
-import { Topbar, Crumb, Status, Side, AppShell, Panel, Heading, Lede, Chip, Btn, ThemeToggle } from 'ds/components.js';
-import { mountKit } from 'ds/bootstrap.js';
-const h = webjsx.createElement;
-
-const root = document.getElementById('root');
-
-const PALETTE = [
-    { name: 'paper',     v: 'var(--paper)' },
-    { name: 'paper-2',   v: 'var(--paper-2)' },
-    { name: 'paper-3',   v: 'var(--paper-3)' },
-    { name: 'ink',       v: 'var(--ink)' },
-    { name: 'ink-2',     v: 'var(--ink-2)' },
-    { name: 'ink-3',     v: 'var(--ink-3)' },
-    { name: 'green',     v: 'var(--green)' },
-    { name: 'green-2',   v: 'var(--green-2)' },
-    { name: 'purple',    v: 'var(--purple)' },
-    { name: 'purple-2',  v: 'var(--purple-2)' },
-    { name: 'mascot',    v: 'var(--mascot)' },
-    { name: 'mascot-2',  v: 'var(--mascot-2)' },
-    { name: 'sun',       v: 'var(--sun)' },
-    { name: 'flame',     v: 'var(--flame)' },
-    { name: 'sky',       v: 'var(--sky)' },
-    { name: 'warn',      v: 'var(--warn)' }
-];
-
-const SEMANTIC = [
-    { name: '--bg',     v: 'var(--bg)' },
-    { name: '--bg-2',   v: 'var(--bg-2)' },
-    { name: '--bg-3',   v: 'var(--bg-3)' },
-    { name: '--fg',     v: 'var(--fg)' },
-    { name: '--fg-2',   v: 'var(--fg-2)' },
-    { name: '--fg-3',   v: 'var(--fg-3)' },
-    { name: '--accent', v: 'var(--accent)' }
-];
-
-const TYPE_SCALE = [
-    { name: 'mega',  cls: 't-hero', size: 'var(--fs-mega)' },
-    { name: 'hero',  cls: 't-hero', size: 'var(--fs-hero)' },
-    { name: 'h1',    cls: '',       size: 'var(--fs-h1)' },
-    { name: 'h2',    cls: '',       size: 'var(--fs-h2)' },
-    { name: 'h3',    cls: '',       size: 'var(--fs-h3)' },
-    { name: 'h4',    cls: '',       size: 'var(--fs-h4)' },
-    { name: 'lede',  cls: 't-lede', size: 'var(--fs-xl)' },
-    { name: 'body',  cls: '',       size: 'var(--fs-body)' },
-    { name: 'sm',    cls: '',       size: 'var(--fs-sm)' },
-    { name: 'micro', cls: 't-micro', size: 'var(--fs-micro)' }
-];
-
-function Swatch(name, v, big) {
-    return h('div', { class: 'ds-swatch', style: 'display:flex;flex-direction:column;gap:6px' },
-        h('div', {
-            style: 'height:' + (big ? '64px' : '48px') +
-                ';background:' + v +
-                ';border-radius:10px;border:1px solid var(--rule)'
-        }),
-        h('div', { style: 'font-family:var(--ff-mono);font-size:11px;color:var(--fg-3)' }, name)
-    );
-}
-
-function PaletteGrid() {
-    return Panel({ title: 'lore palette', style: 'margin:8px 0', children:
-        h('div', { style: 'display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;padding:14px 18px' },
-            ...PALETTE.map(p => Swatch(p.name, p.v, false))
-        )
-    });
-}
-
-function SemanticGrid() {
-    return Panel({ title: 'semantic tokens — invert with theme', count: '7', style: 'margin:8px 0', children:
-        h('div', { style: 'display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:14px 18px' },
-            ...SEMANTIC.map(p => Swatch(p.name, p.v, true))
-        )
-    });
-}
-
-function TypeScalePanel() {
-    return Panel({ title: 'type scale', style: 'margin:8px 0', children:
-        h('div', { style: 'padding:14px 18px;display:flex;flex-direction:column;gap:14px' },
-            ...TYPE_SCALE.map(t =>
-                h('div', { style: 'display:flex;align-items:baseline;gap:14px;border-bottom:1px solid var(--rule);padding-bottom:8px' },
-                    h('span', { style: 'flex:0 0 64px;font-family:var(--ff-mono);font-size:11px;color:var(--fg-3)' }, t.name),
-                    h('div', { class: t.cls, style: 'font-size:' + t.size + ';line-height:var(--lh-tight);color:var(--fg)' }, 'two-four-seven four-twenty')
-                )
-            )
-        )
-    });
-}
-
-function PrimitivesPanel() {
-    return Panel({ title: 'primitives', style: 'margin:8px 0', children:
-        h('div', { style: 'padding:14px 18px;display:flex;flex-direction:column;gap:18px' },
-            h('div', { style: 'display:flex;gap:10px;flex-wrap:wrap;align-items:center' },
-                h('span', { style: 'font-family:var(--ff-mono);font-size:11px;color:var(--fg-3);flex:0 0 64px' }, 'chips'),
-                Chip({ tone: 'accent', children: 'accent' }),
-                Chip({ tone: 'dim',    children: 'dim' }),
-                Chip({ tone: '',       children: 'plain' })
-            ),
-            h('div', { style: 'display:flex;gap:10px;flex-wrap:wrap;align-items:center' },
-                h('span', { style: 'font-family:var(--ff-mono);font-size:11px;color:var(--fg-3);flex:0 0 64px' }, 'buttons'),
-                Btn({ primary: true, children: 'primary' }),
-                Btn({ children: 'default' }),
-                Btn({ ghost: true, children: 'ghost' })
-            ),
-            h('div', { style: 'display:flex;gap:10px;flex-wrap:wrap;align-items:center' },
-                h('span', { style: 'font-family:var(--ff-mono);font-size:11px;color:var(--fg-3);flex:0 0 64px' }, 'theme'),
-                ThemeToggle(),
-                ThemeToggle({ compact: true })
-            )
-        )
-    });
-}
-
-function App() {
-    return AppShell({
-        topbar: Topbar({
-            brand: '247420',
-            leaf: 'system primer',
-            items: [['index', '../../'], ['terminal', '../terminal/']]
-        }),
-        crumb: Crumb({ trail: ['247420', 'kits'], leaf: 'system primer' }),
-        side: Side({
-            sections: [
-                { group: 'sections', items: [
-                    { glyph: '◐', label: 'palette',    key: 'p' },
-                    { glyph: '◑', label: 'semantic',   key: 's' },
-                    { glyph: '◒', label: 'type scale', key: 't' },
-                    { glyph: '◓', label: 'primitives', key: 'r' }
-                ] }
-            ]
-        }),
-        main: [
-            h('div', { class: 'ds-section', style: 'padding:8px' },
-                h('div', { style: 'display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap' },
-                    h('div', {}, Heading({ level: 1, children: 'system primer' })),
-                    ThemeToggle()
-                ),
-                Lede({ children: 'one page showing palette, semantic tokens, type scale, and primitives. flip the theme toggle — semantic tokens invert, lore palette stays put.' }),
-                PaletteGrid(),
-                SemanticGrid(),
-                TypeScalePanel(),
-                PrimitivesPanel()
-            )
-        ],
-        status: Status({
-            left: ['system primer', '• ' + PALETTE.length + ' lore colors', '• ' + SEMANTIC.length + ' semantic'],
-            right: ['247420 / mmxxvi']
-        })
-    });
-}
-
-mountKit({ root, view: App, screen: '16 System Primer' });

package/dist/ui_kits/system_primer/index.html

@@ -1,26 +0,0 @@
-<!doctype html>
-<html lang="en" data-theme="auto" class="ds-247420"><head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta name="theme-color" content="#247420" media="(prefers-color-scheme: light)">
-  <meta name="theme-color" content="#3A9A34" media="(prefers-color-scheme: dark)">
-  <meta name="color-scheme" content="light dark">
-  <title>system primer / 247420</title>
-  <meta name="description" content="design system showcase — palette swatches, type scale, primitives in one page.">
-  <link rel="canonical" href="https://anentrypoint.github.io/design/ui_kits/system_primer/">
-  <link rel="icon" type="image/svg+xml" href="../../favicon.svg">
-  <link rel="stylesheet" href="../../colors_and_type.css">
-  <link rel="stylesheet" href="../../app-shell.css">
-<script type="importmap">
-{ "imports": {
-  "webjsx": "../../vendor/webjsx/index.js",
-  "webjsx/": "../../vendor/webjsx/",
-  "webjsx/jsx-runtime": "../../vendor/webjsx/jsx-runtime.js",
-  "ds/": "../../src/"
-} }
-</script>
-</head>
-<body data-screen-label="16 System Primer">
-<div id="root"></div>
-<script type="module" src="./app.js"></script>
-</body></html>

package/dist/ui_kits/terminal/app.js

@@ -1,150 +0,0 @@
-import * as webjsx from 'webjsx';
-import { Topbar, Crumb, Status, Side, AppShell, Panel, Heading, Lede, Chip, ThemeToggle } from 'ds/components.js';
-import { mountKit } from 'ds/bootstrap.js';
-const h = webjsx.createElement;
-
-const root = document.getElementById('root');
-
-// Live terminal — instant output, no fake reveal animation. This is the
-// usable surface; anything typed appears immediately, anything emitted by
-// the (stubbed) backend appears immediately.
-const liveTranscript = [
-    { kind: 'cmt', text: '# live session · ~/dev/design' },
-    { kind: 'cmd', text: 'echo "ready"' },
-    { kind: 'out', text: 'ready' }
-];
-const live = { input: '', cwd: '~/dev/design' };
-
-// Demo loop — decorative showcase of the .cli row primitives playing back
-// a build-pipeline transcript. Clearly separated from the live terminal.
-// Honors prefers-reduced-motion: when the user opts out of motion we just
-// show the full transcript statically.
-const demoScript = [
-    { d: 0,    kind: 'cmt', text: '# build pipeline · main' },
-    { d: 280,  kind: 'cmd', text: 'npm install' },
-    { d: 600,  kind: 'out', text: 'added 412 packages in 6.2s' },
-    { d: 220,  kind: 'cmd', text: 'npm run build' },
-    { d: 180,  kind: 'out', text: '> 247420-design build' },
-    { d: 180,  kind: 'out', text: '[247420] css gzip+base64: 18.4kb (raw 96.1kb)' },
-    { d: 220,  kind: 'ok',  text: '✓ bundle written to dist/247420.js (84.0 kb)' },
-    { d: 280,  kind: 'cmd', text: 'npm test' },
-    { d: 500,  kind: 'out', text: '116 assertions, 0 failures' },
-    { d: 200,  kind: 'ok',  text: '✓ all tests passed' },
-    { d: 320,  kind: 'cmd', text: 'git push' },
-    { d: 240,  kind: 'out', text: 'remote: Deploying to gh-pages…' },
-    { d: 900,  kind: 'ok',  text: '✓ deploy in 11s' }
-];
-const reduced = typeof matchMedia !== 'undefined'
-    && matchMedia('(prefers-reduced-motion: reduce)').matches;
-const demo = { visible: reduced ? demoScript.slice() : [], looping: !reduced };
-
-function Line(l, i, opts = {}) {
-    const cursor = opts.cursor;
-    const baseChildren = (prompt, text, promptStyle, textStyle) => [
-        h('span', { class: 'prompt', style: promptStyle || '' }, prompt),
-        h('span', { class: 'cmd', style: textStyle || '' }, text),
-        cursor ? h('span', { class: 'cursor-blink' }, '') : null
-    ];
-    if (l.kind === 'cmt')  return h('div', { key: 'l' + i, class: 'cli' }, ...baseChildren('#', l.text, '', 'color:var(--fg-3)'));
-    if (l.kind === 'cmd')  return h('div', { key: 'l' + i, class: 'cli' }, ...baseChildren('$', l.text));
-    if (l.kind === 'out')  return h('div', { key: 'l' + i, class: 'cli' }, ...baseChildren('·', l.text, '', 'color:var(--fg-2)'));
-    if (l.kind === 'ok')   return h('div', { key: 'l' + i, class: 'cli' }, ...baseChildren('✓', l.text, 'color:var(--accent)', 'color:var(--accent)'));
-    if (l.kind === 'warn') return h('div', { key: 'l' + i, class: 'cli' }, ...baseChildren('!', l.text, 'color:var(--mascot)', 'color:var(--mascot)'));
-    if (l.kind === 'log')  return h('div', { key: 'l' + i, class: 'cli' }, ...baseChildren('·', l.text, 'color:var(--fg-3)', 'color:var(--fg-2);font-family:var(--ff-mono)'));
-    return null;
-}
-
-function App() {
-    return AppShell({
-        topbar: Topbar({
-            brand: '247420',
-            leaf: 'terminal',
-            items: [['index', '../../'], ['dashboard', '../dashboard/']]
-        }),
-        crumb: Crumb({ trail: ['247420', 'kits'], leaf: 'terminal' }),
-        side: Side({
-            sections: [
-                { group: 'sessions', items: [
-                    { glyph: '◆', label: 'live',     count: 'on', key: 'l' },
-                    { glyph: '◇', label: 'demo loop', count: demo.looping ? 'play' : 'still', key: 'd' }
-                ] },
-                { group: 'shortcuts', items: [
-                    { glyph: '·', label: 'clear (⌘k)',  key: 'c' },
-                    { glyph: '·', label: 'history (↑)', key: 'h' }
-                ] }
-            ]
-        }),
-        main: [
-            h('div', { class: 'ds-section', style: 'padding:8px' },
-                h('div', { style: 'display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap' },
-                    h('div', {}, Heading({ level: 1, children: 'terminal' })),
-                    ThemeToggle()
-                ),
-                Lede({ children: 'two surfaces — a live shell (instant, no fake reveal) and a decorative demo loop that plays the .cli row primitives. respects prefers-reduced-motion.' }),
-
-                // Live terminal — usable, no reveal delays.
-                Panel({
-                    title: 'live · ' + live.cwd,
-                    count: liveTranscript.length,
-                    style: 'margin:8px 0',
-                    children: h('div', { style: 'padding:14px 18px;display:flex;flex-direction:column;gap:4px;background:var(--bg-2);border-radius:10px' },
-                        ...liveTranscript.map((l, i) => Line(l, i)),
-                        h('div', { class: 'cli', style: 'margin-top:6px' },
-                            h('span', { class: 'prompt' }, '$'),
-                            h('input', {
-                                value: live.input,
-                                placeholder: 'type a command and press enter…',
-                                style: 'flex:1;background:transparent;border:0;outline:0;font-family:var(--ff-mono);font-size:13px;color:var(--fg)',
-                                oninput: (e) => { live.input = e.target.value; },
-                                onkeydown: (e) => {
-                                    if (e.key === 'Enter' && live.input.trim()) {
-                                        liveTranscript.push({ kind: 'cmd', text: live.input });
-                                        liveTranscript.push({ kind: 'out', text: '(stub) ran: ' + live.input });
-                                        live.input = '';
-                                        kit.render();
-                                    }
-                                }
-                            })
-                        )
-                    )
-                }),
-
-                // Demo loop — decorative showcase only.
-                Panel({
-                    title: 'demo · build pipeline',
-                    count: demo.visible.length + '/' + demoScript.length,
-                    style: 'margin:8px 0',
-                    children: h('div', { style: 'padding:14px 18px;display:flex;flex-direction:column;gap:4px;background:var(--bg-2);border-radius:10px;min-height:280px' },
-                        ...demo.visible.map((l, i) => Line(l, i, { cursor: i === demo.visible.length - 1 && demo.looping }))
-                    )
-                }),
-
-                Panel({ title: 'about this kit', style: 'margin:8px 0', children: h('div', { class: 'ds-pattern-notes' },
-                    h('p', {}, '· ', Chip({ tone: 'accent', children: '.cli' }), ' rows pair ', h('code', {}, '.prompt'), ' + ', h('code', {}, '.cmd'), '.'),
-                    h('p', {}, '· six line kinds: ', Chip({ tone: 'dim', children: 'cmt' }), ' ', Chip({ tone: 'dim', children: 'cmd' }), ' ', Chip({ tone: 'dim', children: 'out' }), ' ', Chip({ tone: 'accent', children: 'ok' }), ' ', Chip({ tone: '', children: 'warn' }), ' ', Chip({ tone: 'dim', children: 'log' }), '.'),
-                    h('p', {}, '· live panel is instant; demo panel reveals lines on a loop for the showcase only — never fake-animate output a user is waiting on.')
-                ) })
-            )
-        ],
-        status: Status({
-            left: ['terminal', '• live ' + liveTranscript.length + ' lines', demo.looping ? '• demo playing' : '• demo still'],
-            right: ['247420 / mmxxvi']
-        })
-    });
-}
-
-const kit = mountKit({ root, view: App, screen: '09 Terminal' });
-
-// Demo loop animation. Stays off when prefers-reduced-motion is on.
-if (demo.looping) {
-    let i = 0;
-    function tick() {
-        if (i >= demoScript.length) {
-            setTimeout(() => { demo.visible = []; i = 0; kit.render(); tick(); }, 2500);
-            return;
-        }
-        const step = demoScript[i++];
-        setTimeout(() => { demo.visible.push(step); kit.render(); tick(); }, step.d);
-    }
-    tick();
-}

package/dist/ui_kits/terminal/index.html

@@ -1,26 +0,0 @@
-<!doctype html>
-<html lang="en" data-theme="auto" class="ds-247420"><head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta name="theme-color" content="#247420" media="(prefers-color-scheme: light)">
-  <meta name="theme-color" content="#3A9A34" media="(prefers-color-scheme: dark)">
-  <meta name="color-scheme" content="light dark">
-  <title>terminal / 247420</title>
-  <meta name="description" content="terminal ui kit — cli prompt, command lines, log viewer.">
-  <link rel="canonical" href="https://anentrypoint.github.io/design/ui_kits/terminal/">
-  <link rel="icon" type="image/svg+xml" href="../../favicon.svg">
-  <link rel="stylesheet" href="../../colors_and_type.css">
-  <link rel="stylesheet" href="../../app-shell.css">
-<script type="importmap">
-{ "imports": {
-  "webjsx": "../../vendor/webjsx/index.js",
-  "webjsx/": "../../vendor/webjsx/",
-  "webjsx/jsx-runtime": "../../vendor/webjsx/jsx-runtime.js",
-  "ds/": "../../src/"
-} }
-</script>
-</head>
-<body data-screen-label="09 Terminal">
-<div id="root"></div>
-<script type="module" src="./app.js"></script>
-</body></html>

package/dist/vendor/webjsx/applyDiff.js

@@ -1,182 +0,0 @@
-import { updateAttributes } from "./attributes.js";
-import { createDOMElement } from "./createDOMElement.js";
-import { assignRef, flattenVNodes, getChildNodes, getNamespaceURI, getWebJSXChildNodeCache, getWebJSXProps, isNonBooleanPrimitive, isVElement, setWebJSXChildNodeCache, setWebJSXProps, } from "./utils.js";
-export function applyDiff(parent, vnodes) {
-    const newVNodes = flattenVNodes(vnodes);
-    const newNodes = diffChildren(parent, newVNodes);
-    const props = getWebJSXProps(parent);
-    props.children = newVNodes;
-    setWebJSXChildNodeCache(parent, newNodes);
-}
-function diffChildren(parent, newVNodes) {
-    const parentProps = getWebJSXProps(parent);
-    const oldVNodes = parentProps.children ?? [];
-    if (newVNodes.length === 0) {
-        if (oldVNodes.length > 0) {
-            parent.innerHTML = "";
-            return [];
-        }
-        else {
-            // If the parent
-            // a) never had any nodes
-            // b) OR was managing content via dangerouslySetInnerHTML
-            // we must not set parent.innerHTML = "";
-            return [];
-        }
-    }
-    const changes = [];
-    let keyedMap = null;
-    const originalChildNodes = getWebJSXChildNodeCache(parent) ?? getChildNodes(parent);
-    let hasKeyedNodes = false;
-    let nodeOrderUnchanged = true;
-    for (let i = 0; i < newVNodes.length; i++) {
-        const newVNode = newVNodes[i];
-        const oldVNode = oldVNodes[i];
-        const currentNode = originalChildNodes[i];
-        const newKey = isVElement(newVNode) ? newVNode.props.key : undefined;
-        if (newKey !== undefined) {
-            if (!keyedMap) {
-                hasKeyedNodes = true;
-                keyedMap = new Map();
-                for (let j = 0; j < oldVNodes.length; j++) {
-                    const matchingVNode = oldVNodes[j];
-                    const key = matchingVNode.props.key;
-                    if (key !== undefined) {
-                        const node = originalChildNodes[j];
-                        keyedMap.set(key, { node, oldVNode: matchingVNode });
-                    }
-                }
-            }
-            const keyedNode = keyedMap.get(newKey);
-            if (keyedNode) {
-                if (keyedNode.oldVNode !== oldVNode) {
-                    nodeOrderUnchanged = false;
-                }
-                changes.push({
-                    type: "update",
-                    node: keyedNode.node,
-                    newVNode,
-                    oldVNode: keyedNode.oldVNode,
-                });
-            }
-            else {
-                nodeOrderUnchanged = false;
-                changes.push({ type: "create", vnode: newVNode });
-            }
-        }
-        else {
-            if (!hasKeyedNodes &&
-                canUpdateVNodes(newVNode, oldVNode) &&
-                currentNode) {
-                changes.push({
-                    type: "update",
-                    node: currentNode,
-                    newVNode,
-                    oldVNode,
-                });
-            }
-            else {
-                nodeOrderUnchanged = false;
-                changes.push({ type: "create", vnode: newVNode });
-            }
-        }
-    }
-    if (changes.length) {
-        const { nodes, lastNode: lastPlacedNode } = applyChanges(parent, changes, originalChildNodes, nodeOrderUnchanged);
-        // Remove any remaining nodes
-        while (lastPlacedNode?.nextSibling) {
-            parent.removeChild(lastPlacedNode.nextSibling);
-        }
-        return nodes;
-    }
-    else {
-        return originalChildNodes;
-    }
-}
-function canUpdateVNodes(newVNode, oldVNode) {
-    if (oldVNode === undefined)
-        return false;
-    if (isNonBooleanPrimitive(newVNode) && isNonBooleanPrimitive(oldVNode)) {
-        return true;
-    }
-    else {
-        if (isVElement(oldVNode) && isVElement(newVNode)) {
-            const oldKey = oldVNode.props.key;
-            const newKey = newVNode.props.key;
-            return (oldVNode.tagName === newVNode.tagName &&
-                ((oldKey === undefined && newKey === undefined) ||
-                    (oldKey !== undefined && newKey !== undefined && oldKey === newKey)));
-        }
-        else {
-            return false;
-        }
-    }
-}
-function applyChanges(parent, changes, originalNodes, nodeOrderUnchanged) {
-    const nodes = [];
-    let lastPlacedNode = null;
-    for (const change of changes) {
-        if (change.type === "create") {
-            let node = undefined;
-            if (isVElement(change.vnode)) {
-                node = createDOMElement(change.vnode, getNamespaceURI(parent));
-            }
-            else {
-                node = document.createTextNode(`${change.vnode}`);
-            }
-            if (!lastPlacedNode) {
-                parent.prepend(node);
-            }
-            else {
-                parent.insertBefore(node, lastPlacedNode.nextSibling ?? null);
-            }
-            lastPlacedNode = node;
-            nodes.push(node);
-        }
-        else {
-            const { node, newVNode, oldVNode } = change;
-            if (isVElement(newVNode)) {
-                const oldProps = oldVNode?.props || {};
-                const newProps = newVNode.props;
-                updateAttributes(node, newProps, oldProps);
-                if (newVNode.props.key !== undefined) {
-                    node.__webjsx_key = newVNode.props.key;
-                }
-                else {
-                    if (oldVNode.props?.key) {
-                        delete node.__webjsx_key;
-                    }
-                }
-                if (newVNode.props.ref) {
-                    assignRef(node, newVNode.props.ref);
-                }
-                if (!newProps.dangerouslySetInnerHTML && newProps.children != null) {
-                    const childNodes = diffChildren(node, newProps.children);
-                    setWebJSXProps(node, newProps);
-                    setWebJSXChildNodeCache(node, childNodes);
-                }
-            }
-            else {
-                if (newVNode !== oldVNode) {
-                    node.textContent = `${newVNode}`;
-                }
-            }
-            if (!nodeOrderUnchanged) {
-                if (!lastPlacedNode) {
-                    if (node !== originalNodes[0]) {
-                        parent.prepend(node);
-                    }
-                }
-                else {
-                    if (lastPlacedNode.nextSibling !== node) {
-                        parent.insertBefore(node, lastPlacedNode.nextSibling ?? null);
-                    }
-                }
-            }
-            lastPlacedNode = node;
-            nodes.push(node);
-        }
-    }
-    return { nodes, lastNode: lastPlacedNode };
-}
-//# sourceMappingURL=applyDiff.js.map