@vmz/core 0.1.17 → 0.1.18

package/dist/dom-core.d.ts

@@ -153,14 +153,14 @@ export declare const directApi: {
      */
     projectDefaultSlot(hostEl: any, node: any): void;
     /**
-     * Direct if/else — no blueprint `kind: "if"` dispatch.
+     * Direct if/else — comment anchors (no empty `span[data-vmz-if]` layout box).
      * @param {object} inst
      * @param {number|string|null} bindingId
      * @param {string[]} deps
      * @param {Array<{ cond?: => any, create: (api: typeof directApi) => Node }>} branches
      * @param {number|string|null} [regionId]
      */
-    ifBlock(inst: any, bindingId: any, deps: any, branches: any, regionId?: any): HTMLSpanElement;
+    ifBlock(inst: any, bindingId: any, deps: any, branches: any, regionId?: any): DocumentFragment;
     /**
      * Direct keyed each — no blueprint `kind: "each"` dispatch.
      * /: Set/Map + Fragment batch insert; item-local binds; host field dispatch; event delegate.

package/dist/dom-core.js

@@ -9,6 +9,12 @@
  */
 /** @type {Record<string, new (props?: object) => any>} */
 const components = Object.create(null);
+/**
+ * Inline chip hosts that opt into `display: contents` (`ui-direct-host-box`).
+ * Block surfaces (DataTable / shells / overlays) must keep a real layout box.
+ * @type {Set<string>}
+ */
+const INLINE_HOST_CONTENTS = new Set(['Button', 'Badge', 'Link', 'Tag', 'Icon']);
 /**
  * Precision lab counters (test / MCP / benchmarks — not a user API).
  * Primary keys: BindingId (IR). `*ByDep` is transitional stable-string adapter.
@@ -455,6 +461,13 @@ export const directApi = {
         const Ctor = components[name];
         if (!Ctor)
             throw new Error(`vmz:dom unknown component <${name} />`);
+        // Inline chips opt into no-box host (`ui-direct-host-box`). Block surfaces
+        // (tables/shells/overlays) keep a real box — default `contents` breaks
+        // hit-testing / slot hosts (DataTable select timed out in ui-automation).
+        const hostBox = Ctor.__vmzHostBox;
+        if (hostBox === 'contents' || (hostBox == null && INLINE_HOST_CONTENTS.has(String(name)))) {
+            host.style.display = 'contents';
+        }
         const child = createInstance(Ctor, resolved);
         if (!(Ctor.__vmzDirect && typeof Ctor.__vmzCreate === 'function')) {
             throw new Error(`vmz:dom direct component <${name}> requires __vmzCreate (rebuild child with Direct)`);
@@ -540,7 +553,7 @@ export const directApi = {
             hostEl.appendChild(node);
     },
     /**
-     * Direct if/else — no blueprint `kind: "if"` dispatch.
+     * Direct if/else — comment anchors (no empty `span[data-vmz-if]` layout box).
      * @param {object} inst
      * @param {number|string|null} bindingId
      * @param {string[]} deps
@@ -549,10 +562,22 @@ export const directApi = {
      */
     ifBlock(inst, bindingId, deps, branches, regionId = null) {
         noteDomCreate();
-        const host = document.createElement('span');
-        host.setAttribute('data-vmz-if', '');
+        const start = document.createComment('vmz-if');
+        const end = document.createComment('/vmz-if');
         if (regionId != null)
-            host.setAttribute('data-vmz-region', String(regionId));
+            start.__vmzRegion = regionId;
+        const frag = document.createDocumentFragment();
+        frag.appendChild(start);
+        /** @type {HTMLElement | null} */
+        let regionHost = null;
+        if (regionId != null) {
+            // Queryable region marker without a layout box (`display: contents`).
+            regionHost = document.createElement('span');
+            regionHost.style.display = 'contents';
+            regionHost.setAttribute('data-vmz-region', String(regionId));
+            frag.appendChild(regionHost);
+        }
+        frag.appendChild(end);
         /** @type {Array<Node | null>} */
         const cached = branches.map(() => null);
         /** @type {Array<Array<{ deps: string[], fn: => any, bindingId?: number|string|null }>>} */
@@ -635,14 +660,18 @@ export const directApi = {
             if (next < 0)
                 return;
             wireBranch(next);
-            if (cached[next])
-                host.appendChild(cached[next]);
+            if (cached[next] && end.parentNode) {
+                if (regionHost)
+                    regionHost.appendChild(cached[next]);
+                else
+                    end.parentNode.insertBefore(cached[next], end);
+            }
         };
         registerBind(inst, deps || [], apply, bindingId);
         if (directApi._itemPatches)
             directApi._itemPatches.push(apply);
         // parent destroy disposes all cached branch trees (pause ≠ destroy on switch).
-        host.__vmzDispose = () => {
+        start.__vmzDispose = () => {
             for (let i = 0; i < cached.length; i++) {
                 unwireBranch(i);
                 if (cached[i])
@@ -652,7 +681,7 @@ export const directApi = {
             active = -1;
         };
         apply();
-        return host;
+        return frag;
     },
     /**
      * Direct keyed each — no blueprint `kind: "each"` dispatch.

package/dist/dom-ssr.js

@@ -671,16 +671,8 @@ const serializeApi = {
         el.children = [];
     },
     ifBlock(inst, bindingId, deps, branches) {
-        const host = {
-            __kind: 'el',
-            tag: 'span',
-            attrs: { 'data-vmz-if': '' },
-            children: [],
-            appendChild(c) {
-                if (c != null)
-                    this.children.push(c);
-            },
-        };
+        // No empty `span[data-vmz-if]` box (`ui-vif-dom`): false → empty frag.
+        const frag = serializeApi.frag();
         let idx = -1;
         for (let i = 0; i < branches.length; i++) {
             const b = branches[i];
@@ -701,9 +693,9 @@ const serializeApi = {
         if (idx >= 0 && branches[idx].create) {
             const created = branches[idx].create.call(inst, serializeApi);
             if (created)
-                host.children.push(created);
+                frag.appendChild(created);
         }
-        return host;
+        return frag;
     },
     eachBlock(inst, bindingId, deps, spec) {
         const frag = serializeApi.frag();
@@ -816,10 +808,17 @@ const serializeApi = {
             serializeApi._inst = child;
             try {
                 const node = Ctor.__vmzCreate.call(child, serializeApi);
+                /** @type {Record<string, string>} */
+                const attrs = { 'data-vmz': name };
+                const hostBox = Ctor.__vmzHostBox;
+                if (hostBox === 'contents' ||
+                    (hostBox == null && (name === 'Button' || name === 'Badge' || name === 'Link' || name === 'Tag' || name === 'Icon'))) {
+                    attrs.style = 'display:contents';
+                }
                 return {
                     __kind: 'el',
                     tag: 'div',
-                    attrs: { 'data-vmz': name },
+                    attrs,
                     children: node ? [node] : [],
                     appendChild(c) {
                         if (c != null)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vmz/core",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "type": "module",
   "description": "VMZ production runtime core — DOM / SSR / HTTP / WriteBarrier (no compiler)",
   "exports": {
@@ -58,12 +58,12 @@
     "linkedom": "^0.18.13"
   },
   "optionalDependencies": {
-    "@vmz/vmz-win32-x64": "0.1.17",
-    "@vmz/vmz-win32-arm64": "0.1.17",
-    "@vmz/vmz-darwin-x64": "0.1.17",
-    "@vmz/vmz-darwin-arm64": "0.1.17",
-    "@vmz/vmz-linux-x64": "0.1.17",
-    "@vmz/vmz-linux-arm64": "0.1.17"
+    "@vmz/vmz-win32-x64": "0.1.18",
+    "@vmz/vmz-win32-arm64": "0.1.18",
+    "@vmz/vmz-darwin-x64": "0.1.18",
+    "@vmz/vmz-darwin-arm64": "0.1.18",
+    "@vmz/vmz-linux-x64": "0.1.18",
+    "@vmz/vmz-linux-arm64": "0.1.18"
   },
   "publishConfig": {
     "access": "public"