@vertz/ui 0.2.21 → 0.2.23

package/dist/src/internals.js

@@ -2,13 +2,17 @@ import {
   deserializeProps,
   onAnimationsComplete,
   resolveComponent
-} from "../shared/chunk-pdqr78k9.js";
+} from "../shared/chunk-p3fz6qqp.js";
 import {
   __attr,
   __classList,
+  __discardMountFrame,
+  __flushMountFrame,
   __on,
+  __prop,
+  __pushMountFrame,
   __show
-} from "../shared/chunk-kjwp5q5s.js";
+} from "../shared/chunk-2kyhn86t.js";
 import {
   styleObjectToString
 } from "../shared/chunk-4xkw6h1s.js";
@@ -22,7 +26,7 @@ import {
   MemoryCache,
   QueryEnvelopeStore,
   deriveKey
-} from "../shared/chunk-szk0hyjg.js";
+} from "../shared/chunk-g6fb5yc2.js";
 import"../shared/chunk-jrtrk5z4.js";
 import {
   ALIGNMENT_MAP,
@@ -43,7 +47,7 @@ import {
   SIZE_KEYWORDS,
   SPACING_SCALE,
   compileTheme
-} from "../shared/chunk-pq8khh47.js";
+} from "../shared/chunk-xhc7arn9.js";
 import {
   __append,
   __child,
@@ -53,7 +57,7 @@ import {
   __insert,
   __staticText,
   __text
-} from "../shared/chunk-vwz86vg9.js";
+} from "../shared/chunk-13tvh4wq.js";
 import"../shared/chunk-prj7nm08.js";
 import {
   RENDER_NODE_BRAND,
@@ -61,10 +65,10 @@ import {
   getAdapter,
   isRenderNode,
   setAdapter
-} from "../shared/chunk-c61572xp.js";
+} from "../shared/chunk-2y9f9j62.js";
 import {
   isBrowser
-} from "../shared/chunk-bybgyjye.js";
+} from "../shared/chunk-da2w7j7w.js";
 import {
   _tryOnCleanup,
   claimComment,
@@ -84,7 +88,7 @@ import {
   signal,
   startSignalCollection,
   stopSignalCollection
-} from "../shared/chunk-2qe6aqhb.js";
+} from "../shared/chunk-656n0x6y.js";
 // src/dom/conditional.ts
 function normalizeNode(branchResult) {
   if (branchResult == null || typeof branchResult === "boolean") {
@@ -108,9 +112,14 @@ function __conditional(condFn, trueFn, falseFn) {
   return csrConditional(condFn, trueFn, falseFn);
 }
 function hydrateConditional(condFn, trueFn, falseFn) {
-  const anchor = claimComment() ?? getAdapter().createComment("conditional");
+  const claimed = claimComment();
+  if (!claimed) {
+    return csrConditional(condFn, trueFn, falseFn);
+  }
+  const anchor = claimed;
   let currentNode = null;
   let branchCleanups = [];
+  let resultNode = anchor;
   const outerScope = pushScope();
   let isFirstRun = true;
   domEffect(() => {
@@ -121,13 +130,29 @@ function hydrateConditional(condFn, trueFn, falseFn) {
       const branchResult2 = show ? trueFn() : falseFn();
       popScope();
       branchCleanups = scope2;
+      let contentNode = null;
       if (branchResult2 == null || typeof branchResult2 === "boolean") {
-        currentNode = getAdapter().createComment("empty");
+        contentNode = null;
       } else if (isRenderNode(branchResult2)) {
-        currentNode = branchResult2;
+        contentNode = branchResult2;
+      } else {
+        const claimed2 = claimText();
+        contentNode = claimed2 ?? getAdapter().createTextNode(String(branchResult2));
+      }
+      const anchorParent = anchor.parentNode;
+      if (anchorParent) {
+        const wrap = getAdapter().createElement("span");
+        wrap.style.display = "contents";
+        anchorParent.insertBefore(wrap, anchor);
+        wrap.appendChild(anchor);
+        if (contentNode?.parentNode && contentNode.parentNode !== wrap) {
+          wrap.appendChild(contentNode);
+        }
+        currentNode = wrap;
+        resultNode = wrap;
       } else {
-        const claimed = claimText();
-        currentNode = claimed ?? getAdapter().createTextNode(String(branchResult2));
+        currentNode = contentNode ?? getAdapter().createComment("empty");
+        resultNode = currentNode;
       }
       return;
     }
@@ -145,13 +170,13 @@ function hydrateConditional(condFn, trueFn, falseFn) {
     currentNode = newNode;
   });
   popScope();
-  const wrapper = () => {
+  const disposeFn = () => {
     runCleanups(branchCleanups);
     runCleanups(outerScope);
   };
-  _tryOnCleanup(wrapper);
-  const result = Object.assign(anchor, {
-    dispose: wrapper
+  _tryOnCleanup(disposeFn);
+  const result = Object.assign(resultNode, {
+    dispose: disposeFn
   });
   return result;
 }
@@ -203,10 +228,11 @@ function clearChildren(container) {
 }
 // src/dom/list.ts
 function createItemProxy(itemSignal) {
-  if (typeof itemSignal.peek() !== "object" || itemSignal.peek() == null) {
-    return itemSignal.peek();
+  const initial = itemSignal.peek();
+  if (typeof initial !== "object" || initial == null) {
+    return initial;
   }
-  return new Proxy({}, {
+  return new Proxy(initial, {
     get(_target, prop, receiver) {
       const current = itemSignal.value;
       if (current == null)
@@ -217,6 +243,9 @@ function createItemProxy(itemSignal) {
       }
       return value;
     },
+    set() {
+      return false;
+    },
     has(_target, prop) {
       const current = itemSignal.value;
       if (current == null)
@@ -234,6 +263,12 @@ function createItemProxy(itemSignal) {
       if (current == null)
         return;
       return Reflect.getOwnPropertyDescriptor(current, prop);
+    },
+    getPrototypeOf() {
+      const current = itemSignal.value;
+      if (current == null)
+        return null;
+      return Object.getPrototypeOf(current);
     }
   });
 }
@@ -243,6 +278,7 @@ function __list(container, items, keyFn, renderFn) {
   const scopeMap = new Map;
   const itemSignalMap = new Map;
   const isHydrationRun = getIsHydrating();
+  let startOffset = isHydrationRun ? -1 : container.childNodes.length;
   const outerScope = pushScope();
   let isFirstRun = true;
   domEffect(() => {
@@ -260,6 +296,7 @@ function __list(container, items, keyFn, renderFn) {
         scopeMap.set(key, scope);
         itemSignalMap.set(key, itemSig);
       }
+      startOffset = container.childNodes.length - nodeMap.size;
       return;
     }
     isFirstRun = false;
@@ -298,11 +335,17 @@ function __list(container, items, keyFn, renderFn) {
       desiredNodes.push(node);
     }
     for (const [i, desiredNode] of desiredNodes.entries()) {
-      const currentChild = container.childNodes[i];
+      const currentChild = container.childNodes[startOffset + i];
       if (currentChild !== desiredNode) {
         container.insertBefore(desiredNode, currentChild ?? null);
       }
     }
+    if (container.tagName === "SELECT") {
+      const selected = container.querySelector("option[selected]");
+      if (selected) {
+        Reflect.set(container, "value", selected.value);
+      }
+    }
   });
   popScope();
   const wrapper = () => {
@@ -350,12 +393,16 @@ export {
   styleObjectToString as __styleStr,
   __staticText,
   __show,
+  __pushMountFrame,
+  __prop,
   __on,
   __list,
   __insert,
+  __flushMountFrame,
   __exitChildren,
   __enterChildren,
   __element,
+  __discardMountFrame,
   __conditional,
   __classList,
   __child,

package/dist/src/query/public.js

@@ -1,11 +1,11 @@
 import {
   query,
   queryMatch
-} from "../../shared/chunk-szk0hyjg.js";
+} from "../../shared/chunk-g6fb5yc2.js";
 import"../../shared/chunk-jrtrk5z4.js";
-import"../../shared/chunk-c61572xp.js";
-import"../../shared/chunk-bybgyjye.js";
-import"../../shared/chunk-2qe6aqhb.js";
+import"../../shared/chunk-2y9f9j62.js";
+import"../../shared/chunk-da2w7j7w.js";
+import"../../shared/chunk-656n0x6y.js";
 
 // src/query/public.ts
 import { isQueryDescriptor } from "@vertz/fetch";

package/dist/src/router/public.js

@@ -6,26 +6,26 @@ import {
   createLink,
   parseSearchParams,
   useSearchParams
-} from "../../shared/chunk-67z8b0q8.js";
-import"../../shared/chunk-kjwp5q5s.js";
+} from "../../shared/chunk-016m1fq0.js";
+import"../../shared/chunk-2kyhn86t.js";
 import"../../shared/chunk-4xkw6h1s.js";
 import {
   createRouter
-} from "../../shared/chunk-7g722pdh.js";
+} from "../../shared/chunk-jtma4sh4.js";
 import {
   defineRoutes
 } from "../../shared/chunk-am9zaw4h.js";
 import"../../shared/chunk-jrtrk5z4.js";
-import"../../shared/chunk-vwz86vg9.js";
+import"../../shared/chunk-13tvh4wq.js";
 import"../../shared/chunk-prj7nm08.js";
-import"../../shared/chunk-c61572xp.js";
+import"../../shared/chunk-2y9f9j62.js";
 import {
   RouterContext,
   useParams,
   useRouter
-} from "../../shared/chunk-4cmt1ve8.js";
-import"../../shared/chunk-bybgyjye.js";
-import"../../shared/chunk-2qe6aqhb.js";
+} from "../../shared/chunk-f4d5nphq.js";
+import"../../shared/chunk-da2w7j7w.js";
+import"../../shared/chunk-656n0x6y.js";
 export {
   useSearchParams,
   useRouter,

package/dist/src/test/index.js

@@ -1,12 +1,12 @@
 import {
   createRouter
-} from "../../shared/chunk-7g722pdh.js";
+} from "../../shared/chunk-jtma4sh4.js";
 import {
   defineRoutes
 } from "../../shared/chunk-am9zaw4h.js";
 import"../../shared/chunk-jrtrk5z4.js";
-import"../../shared/chunk-bybgyjye.js";
-import"../../shared/chunk-2qe6aqhb.js";
+import"../../shared/chunk-da2w7j7w.js";
+import"../../shared/chunk-656n0x6y.js";
 
 // src/test/interactions.ts
 async function click(el) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertz/ui",
-  "version": "0.2.21",
+  "version": "0.2.23",
   "type": "module",
   "license": "MIT",
   "description": "Vertz UI framework — signals, components, JSX runtime",
@@ -73,11 +73,11 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@vertz/fetch": "^0.2.20"
+    "@vertz/fetch": "^0.2.22"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.7.0",
-    "@vertz/schema": "^0.2.20",
+    "@vertz/schema": "^0.2.22",
     "bunup": "^0.16.31",
     "happy-dom": "^20.7.0",
     "typescript": "^5.7.0"

package/dist/shared/chunk-kjwp5q5s.js

@@ -1,53 +0,0 @@
-import {
-  styleObjectToString
-} from "./chunk-4xkw6h1s.js";
-import {
-  deferredDomEffect
-} from "./chunk-2qe6aqhb.js";
-
-// src/dom/attributes.ts
-function __attr(el, name, fn) {
-  return deferredDomEffect(() => {
-    const value = fn();
-    if (value == null || value === false) {
-      el.removeAttribute(name);
-    } else if (value === true) {
-      el.setAttribute(name, "");
-    } else if (name === "style" && typeof value === "object") {
-      el.setAttribute(name, styleObjectToString(value));
-    } else {
-      el.setAttribute(name, value);
-    }
-  });
-}
-function __show(el, fn) {
-  const originalDisplay = el.style.display;
-  return deferredDomEffect(() => {
-    el.style.display = fn() ? originalDisplay : "none";
-  });
-}
-function __classList(el, classMap) {
-  const disposers = [];
-  for (const [className, fn] of Object.entries(classMap)) {
-    disposers.push(deferredDomEffect(() => {
-      if (fn()) {
-        el.classList.add(className);
-      } else {
-        el.classList.remove(className);
-      }
-    }));
-  }
-  return () => {
-    for (const dispose of disposers) {
-      dispose();
-    }
-  };
-}
-
-// src/dom/events.ts
-function __on(el, event, handler) {
-  el.addEventListener(event, handler);
-  return () => el.removeEventListener(event, handler);
-}
-
-export { __attr, __show, __classList, __on };