@vmz/core 0.3.7 → 0.3.9

package/dist/browser/dom/component.d.ts

@@ -5,6 +5,12 @@ export declare function findOwnedDefaultSlot(root: any): any;
 export declare function findOwnedDefaultSlotTarget(root: any): any;
 export declare function createInstance(Component: any, props?: any): any;
 export declare function destroy(inst: any): void;
+/**
+ * DocumentFragment anchors are emptied by insertion (children move out, the
+ * fragment keeps no parentNode), so a projected fragment must anchor on its
+ * last child. Capture before inserting.
+ */
+export declare function slotAnchorFor(node: any): any;
 export declare function insertProjectedSlotNode(target: any, node: any): any;
 /**
  * Hold projected children until the component's default slot exists.

package/dist/browser/dom/component.js

@@ -183,15 +183,24 @@ export function destroy(inst) {
         }
     }
 }
+/**
+ * DocumentFragment anchors are emptied by insertion (children move out, the
+ * fragment keeps no parentNode), so a projected fragment must anchor on its
+ * last child. Capture before inserting.
+ */
+export function slotAnchorFor(node) {
+    return node && node.nodeType === 11 ? node.lastChild : node;
+}
 export function insertProjectedSlotNode(target, node) {
     if (!target || !node)
         return null;
+    const anchor = slotAnchorFor(node);
     if (String(target.tagName || '').toLowerCase() === 'slot') {
         target.replaceWith(node);
-        return node;
+        return anchor;
     }
     target.appendChild(node);
-    return node;
+    return anchor;
 }
 /**
  * Hold projected children until the component's default slot exists.
@@ -245,23 +254,24 @@ export function flushParkedSlotNodes(hostEl) {
         hostEl.__vmzSlotObserver = null;
     }
     hostEl.__vmzSlotParked = [];
+    const anchor = slotAnchorFor(parked[parked.length - 1]);
     const tag = String(target.tagName || '').toLowerCase();
     if (tag === 'slot') {
         const frag = typeof document !== 'undefined' ? document.createDocumentFragment() : null;
         if (!frag) {
             target.replaceWith(parked[0]);
-            hostEl.__vmzSlotAnchor = parked[parked.length - 1];
+            hostEl.__vmzSlotAnchor = anchor;
             return true;
         }
         for (const node of parked)
             frag.appendChild(node);
         target.replaceWith(frag);
-        hostEl.__vmzSlotAnchor = parked[parked.length - 1];
+        hostEl.__vmzSlotAnchor = anchor;
         return true;
     }
     for (const node of parked)
         target.appendChild(node);
-    hostEl.__vmzSlotAnchor = parked[parked.length - 1];
+    hostEl.__vmzSlotAnchor = anchor;
     return true;
 }
 export function disposeDomTree(root) {

package/dist/browser/dom/direct-api.d.ts

@@ -13,6 +13,8 @@ export declare const directApi: {
     el(tag: any): any;
     elNS(ns: any, tag: any): Element;
     text(value: any): Text;
+    nsScopeDepth(): number;
+    rewindNsScope(depth: any): void;
     adoptEnter(node: any): boolean;
     adoptLeave(): void;
     frag(): DocumentFragment;

package/dist/browser/dom/direct-api.js

@@ -2,11 +2,34 @@ import { mergeClassParts, mergeStyleParts } from '../../shared/dom-attr-normaliz
 import { applyDirectHostBox } from '../direct-host-box.js';
 import { createUnknownComponentElement } from '../unknown-component.js';
 import { applyDomAttr, eventPropHandlerName } from './attributes.js';
-import { createInstance, disposeDomTree, findOwnedDefaultSlotTarget, insertProjectedSlotNode, parkSlotNode, runDirectCreate, stripFns, } from './component.js';
+import { createInstance, disposeDomTree, findOwnedDefaultSlotTarget, insertProjectedSlotNode, parkSlotNode, runDirectCreate, slotAnchorFor, stripFns, } from './component.js';
 import { isEventEntryStrategy, noteDomCreate, noteDomRemove, scheduleClientOn } from './lifecycle.js';
 import { components, resolveComponent } from './registry.js';
 import { beginEventFlush, endEventFlush, inferHandlerMethod, methodAllowsSyncEventFlush, registerBind, runDomEventHandler, runPatch, scheduleRefresh, unregisterBind, } from '../reactivity/patch-scheduler.js';
 let directPropBindSeq = 0;
+const SVG_NS = 'http://www.w3.org/2000/svg';
+/**
+ * Nesting depth of inline `<svg>` subtrees during create/resume.
+ *
+ * Template emit creates every element through `api.el(tag)` and brackets each
+ * subtree with `adoptEnter`/`adoptLeave`. Elements inside `<svg>` must be built
+ * with `createElementNS`, otherwise the browser returns an HTMLUnknownElement:
+ * attribute names lose their case (`viewBox` → `viewbox`) and the node lays out
+ * at 0×0. Track the depth here so the generator stays namespace-agnostic.
+ */
+const nsStack = [];
+function inSvgScope() {
+    return nsStack.length > 0 && nsStack[nsStack.length - 1] === true;
+}
+function isSvgNode(node) {
+    if (!node || typeof node !== 'object')
+        return false;
+    const ns = node.namespaceURI;
+    if (ns === SVG_NS)
+        return true;
+    const tag = node.tagName;
+    return tag != null && String(tag).toLowerCase() === 'svg' && ns == null;
+}
 export const directApi = {
     _inst: null,
     _branchBinds: null,
@@ -14,17 +37,19 @@ export const directApi = {
     _eachCtx: null,
     _resumeAdopt: null,
     el(tag) {
+        const name = tag || 'div';
+        const svg = inSvgScope() || name === 'svg';
         if (directApi._resumeAdopt)
-            return directApi._resumeAdopt.el(tag);
+            return directApi._resumeAdopt.el(name, svg);
         noteDomCreate();
-        return document.createElement(tag || 'div');
+        return svg ? document.createElementNS(SVG_NS, name) : document.createElement(name);
     },
     elNS(ns, tag) {
         if (directApi._resumeAdopt && typeof directApi._resumeAdopt.elNS === 'function') {
             return directApi._resumeAdopt.elNS(ns, tag);
         }
         noteDomCreate();
-        return document.createElementNS(ns || 'http://www.w3.org/2000/svg', tag || 'g');
+        return document.createElementNS(ns || SVG_NS, tag || 'g');
     },
     text(value) {
         if (directApi._resumeAdopt)
@@ -32,7 +57,16 @@ export const directApi = {
         noteDomCreate();
         return document.createTextNode(value == null ? '' : String(value));
     },
+    nsScopeDepth() {
+        return nsStack.length;
+    },
+    rewindNsScope(depth) {
+        const target = Math.max(0, Number(depth) || 0);
+        while (nsStack.length > target)
+            nsStack.pop();
+    },
     adoptEnter(node) {
+        nsStack.push(isSvgNode(node));
         const adopt = directApi._resumeAdopt;
         if (adopt && typeof adopt.enter === 'function') {
             const ok = adopt.enter(node);
@@ -43,6 +77,7 @@ export const directApi = {
         return false;
     },
     adoptLeave() {
+        nsStack.pop();
         const adopt = directApi._resumeAdopt;
         // Emit always pairs leave after enter; if enter failed (fresh node, no
         // pool), do not pop ??unbalanced leave previously stole parent scopes
@@ -438,8 +473,9 @@ export const directApi = {
         // call appends after the last one instead of re-searching for a slot.
         const anchor = hostEl.__vmzSlotAnchor;
         if (anchor && anchor.parentNode) {
+            const nextAnchor = slotAnchorFor(node);
             anchor.parentNode.insertBefore(node, anchor.nextSibling);
-            hostEl.__vmzSlotAnchor = node;
+            hostEl.__vmzSlotAnchor = nextAnchor;
             return;
         }
         // Component slot may live inside an unmounted `v-if` branch (closed overlay,

package/dist/browser/dom-core.types.d.ts

@@ -69,7 +69,7 @@ export type TraceBuffer = {
     events: TraceEvent[];
 };
 export type ResumeAdoptCtx = {
-    el: (tag: string) => Element;
+    el: (tag: string, svg?: boolean) => Element;
     elNS?: (ns: string, tag: string) => Element;
     text: (value?: unknown) => Text;
     componentHost?: (name: string) => HTMLElement | null;

package/dist/browser/resume/adopt.js

@@ -1,19 +1,8 @@
 import { directApi, noteDomCreate, runDirectCreate, } from '../dom-core.js';
+const SVG_NS = 'http://www.w3.org/2000/svg';
 function createResumeAdopt(pool, rootEl) {
     const used = new WeakSet();
     const scopeStack = [pool];
-    const walkTexts = (root, visit) => {
-        if (!root)
-            return;
-        if (root.nodeType === 3) {
-            visit(root);
-            return;
-        }
-        if (root.nodeType !== 1)
-            return;
-        for (let c = root.firstChild; c; c = c.nextSibling)
-            walkTexts(c, visit);
-    };
     const currentScope = () => scopeStack[scopeStack.length - 1] || pool;
     const markElement = (n) => {
         used.add(n);
@@ -42,27 +31,36 @@ function createResumeAdopt(pool, rootEl) {
             }
         }
     }
+    /**
+     * Text bindings always belong to the element whose scope is active, so only
+     * direct text children are candidates. Recursing into element children
+     * lets an earlier binding steal the text of a sibling that has not been
+     * adopted yet (soft navigation lost the landing CTA label this way).
+     */
     function* textCandidates() {
         const scope = currentScope();
-        const kids = [...scope.childNodes];
-        for (const n of kids) {
-            const found = [];
-            walkTexts(n, (t) => {
-                if (!used.has(t))
-                    found.push(t);
-            });
-            for (const t of found)
-                yield t;
+        for (const n of [...scope.childNodes]) {
+            if (n.nodeType === 3 && !used.has(n))
+                yield n;
         }
     }
-    const adoptElement = (tag) => {
+    const adoptElement = (tag, svg = false) => {
         const want = String(tag || 'div').toLowerCase();
         for (const el of elementCandidates()) {
             if (String(el.tagName).toLowerCase() === want)
                 return markElement(el);
         }
         noteDomCreate();
-        return document.createElement(tag || 'div');
+        return svg ? document.createElementNS(SVG_NS, tag || 'svg') : document.createElement(tag || 'div');
+    };
+    const adoptElementNS = (ns, tag) => {
+        const want = String(tag || 'g');
+        for (const el of elementCandidates()) {
+            if (el.namespaceURI === ns && String(el.localName) === want)
+                return markElement(el);
+        }
+        noteDomCreate();
+        return document.createElementNS(ns || SVG_NS, want);
     };
     const adoptText = (value) => {
         for (const n of textCandidates()) {
@@ -125,6 +123,7 @@ function createResumeAdopt(pool, rootEl) {
     };
     return {
         el: adoptElement,
+        elNS: adoptElementNS,
         text: adoptText,
         componentHost,
         enter,
@@ -148,6 +147,7 @@ export function runDirectResume(Component, inst, container) {
     const prevItems = directApi._itemPatches;
     const prevEach = directApi._eachCtx;
     const prevAdopt = directApi._resumeAdopt;
+    const prevNsDepth = directApi.nsScopeDepth();
     directApi._inst = inst;
     directApi._branchBinds = null;
     directApi._itemPatches = null;
@@ -157,6 +157,7 @@ export function runDirectResume(Component, inst, container) {
         return Component.__vmzCreate.call(inst, directApi);
     }
     finally {
+        directApi.rewindNsScope(prevNsDepth);
         directApi._resumeAdopt = prevAdopt;
         directApi._inst = prevInst;
         directApi._branchBinds = prevBranch;

package/dist/host/serve/page-render.js

@@ -222,11 +222,11 @@ async function* emitAccessShell(marker) {
         bodyAttrs: [],
     });
 }
-function resolvePageDocumentMeta(Page) {
+function resolvePageDocumentMeta(Page, ctx = {}) {
     try {
         let raw = {};
         if (typeof Page?.meta === 'function')
-            raw = Page.meta() || {};
+            raw = Page.meta(ctx) || {};
         else if (Page?.meta && typeof Page.meta === 'object')
             raw = Page.meta;
         const title = String(raw.title || '').trim();
@@ -349,7 +349,7 @@ async function* emitPageHtml(Page, chunkId, eventOnlyShell, props = {}, opts = {
             htmlExtraAttrs.push('data-vmz-locale-hrefs', JSON.stringify(hrefTable));
         }
     }
-    const pageDocMeta = resolvePageDocumentMeta(Page);
+    const pageDocMeta = resolvePageDocumentMeta(Page, { localeId });
     const prevLocaleHint = globalThis.__vmzLocaleIdHint;
     globalThis.__vmzLocaleIdHint = localeId;
     if (!serveState.ssrRenderHost) {

package/dist/ssr/document.js

@@ -58,8 +58,12 @@ export function ensureSsrDocument() {
             const detail = errors.length ? `\n${errors.join('\n')}` : '';
             throw new Error(`linkedom unresolved for SSR document${detail}`);
         }
-        const { window, document } = parseHTML('<!DOCTYPE html><html><body></body></html>');
-        globalThis.window = window;
+        // SSR host contract: expose `document` only. Installing the linkedom
+        // `window` would make `typeof window !== "undefined"` true on the server
+        // while still having no browser `location`, so client code would take
+        // browser branches and diverge from the browser lifecycle. The window is
+        // still reachable as `document.defaultView` when DOM APIs need it.
+        const { document } = parseHTML('<!DOCTYPE html><html><body></body></html>');
         globalThis.document = document;
         _ssrDocumentLastError = null;
         return typeof document.createElement === 'function';

package/package.json

@@ -68,12 +68,12 @@
   "main": "./dist/faces/server.js",
   "name": "@vmz/core",
   "optionalDependencies": {
-    "@vmz/vmz-darwin-arm64": "0.3.7",
-    "@vmz/vmz-darwin-x64": "0.3.7",
-    "@vmz/vmz-linux-arm64": "0.3.7",
-    "@vmz/vmz-linux-x64": "0.3.7",
-    "@vmz/vmz-win32-arm64": "0.3.7",
-    "@vmz/vmz-win32-x64": "0.3.7"
+    "@vmz/vmz-darwin-arm64": "0.3.9",
+    "@vmz/vmz-darwin-x64": "0.3.9",
+    "@vmz/vmz-linux-arm64": "0.3.9",
+    "@vmz/vmz-linux-x64": "0.3.9",
+    "@vmz/vmz-win32-arm64": "0.3.9",
+    "@vmz/vmz-win32-x64": "0.3.9"
   },
   "publishConfig": {
     "access": "public"
@@ -88,5 +88,5 @@
   },
   "type": "module",
   "types": "./dist/faces/index.d.ts",
-  "version": "0.3.7"
+  "version": "0.3.9"
 }