@vesk/vesk-cli 0.2.31 → 0.2.33

package/dist/cli.js

@@ -2139,15 +2139,27 @@ var init_resource = __esm({
     isServer = () => !!g().__vsk_ssr;
     ssrSink = null;
     DEFAULT_FAILURE_TTL = 1e4;
-    useFetch.text = (url, options) => useFetch(() => doFetch(resolveFetchUrl(url), buildRequestInit(options ?? {})).then((r) => r.text()), {
+    useFetch.text = (url, options) => useFetch(async () => {
+      const res = await doFetch(resolveFetchUrl(url), buildRequestInit(options ?? {}));
+      if (!res.ok) throw new HttpError(res.status, res.statusText);
+      return res.text();
+    }, {
       ...options,
       key: options?.key ?? url
     });
-    useFetch.json = (url, options) => useFetch(() => doFetch(resolveFetchUrl(url), buildRequestInit(options ?? {})).then((r) => r.json()), {
+    useFetch.json = (url, options) => useFetch(async () => {
+      const res = await doFetch(resolveFetchUrl(url), buildRequestInit(options ?? {}));
+      if (!res.ok) throw new HttpError(res.status, res.statusText);
+      return res.json();
+    }, {
       ...options,
       key: options?.key ?? url
     });
-    useFetch.arrayBuffer = (url, options) => useFetch(() => doFetch(resolveFetchUrl(url), buildRequestInit(options ?? {})).then((r) => r.arrayBuffer()), {
+    useFetch.arrayBuffer = (url, options) => useFetch(async () => {
+      const res = await doFetch(resolveFetchUrl(url), buildRequestInit(options ?? {}));
+      if (!res.ok) throw new HttpError(res.status, res.statusText);
+      return res.arrayBuffer();
+    }, {
       ...options,
       key: options?.key ?? url
     });
@@ -2964,6 +2976,19 @@ ${String(this.root.outerHTML).slice(0, 800)}` : ""),
         }
         return null;
       }
+      insertBeforeNextClaim(node) {
+        let i = this.idx;
+        while (i < this.markers.length && this.markers[i].state === "claimed") i++;
+        const next = i < this.markers.length ? this.markers[i] : null;
+        const host = next && next.comment.parentNode ? next.comment.parentNode : this.root;
+        if (host === null || host === void 0) return false;
+        try {
+          host.insertBefore(node, next ? next.comment : null);
+          return true;
+        } catch {
+          return false;
+        }
+      }
     };
   }
 });
@@ -28436,7 +28461,7 @@ function emitStatic(ctx2, node, tracked2, effectsVar) {
         } else {
           const expr = transformTracked(attr.expression, tracked2);
           const useProp = PROPERTY_ATTRS[node.tag]?.has(target);
-          const eff = useProp ? `effect(() => { ${ssrEl}.${target} = ${expr}; })` : `effect(() => { const __v = ${expr}; if (__v != null && __v !== false) ${ssrEl}.setAttribute(${JSON.stringify(target)}, __v === true ? 'true' : String(__v)); })`;
+          const eff = useProp ? `effect(() => { ${ssrEl}.${target} = ${expr}; })` : `effect(() => { const __v = ${expr}; if (__v == null || __v === false) ${ssrEl}.removeAttribute(${JSON.stringify(target)}); else ${ssrEl}.setAttribute(${JSON.stringify(target)}, __v === true ? 'true' : String(__v)); })`;
           if (effectsVar) {
             ctx2.push(`${effectsVar}.push(${eff});`);
           } else {
@@ -28492,7 +28517,7 @@ function emitStatic(ctx2, node, tracked2, effectsVar) {
     } else {
       const expr = transformTracked(attr.expression, tracked2);
       const useProp = PROPERTY_ATTRS[node.tag]?.has(target);
-      const eff = useProp ? `effect(() => { ${el}.${target} = ${expr}; })` : `effect(() => { const __v = ${expr}; if (__v != null && __v !== false) ${el}.setAttribute(${JSON.stringify(target)}, __v === true ? 'true' : String(__v)); })`;
+      const eff = useProp ? `effect(() => { ${el}.${target} = ${expr}; })` : `effect(() => { const __v = ${expr}; if (__v == null || __v === false) ${el}.removeAttribute(${JSON.stringify(target)}); else ${el}.setAttribute(${JSON.stringify(target)}, __v === true ? 'true' : String(__v)); })`;
       if (effectsVar) {
         ctx2.push(`${effectsVar}.push(${eff});`);
       } else {
@@ -28727,6 +28752,14 @@ function emitComponentCall(ctx2, node, tracked2, effectsVar, parentVar, compPref
   }
   return v;
 }
+function emitHydrateFenceAnchoring(ctx2, anchor, endAnchor, rootLevel) {
+  if (!ctx2.hydrate || !rootLevel) return;
+  ctx2.push(`// Anchor region fences to the SSR slot so no-content regions do not fall back to $root's end.`);
+  ctx2.push(`if (__hydrate && __hydrate.insertBeforeNextClaim) {`);
+  ctx2.push(indent2(`__hydrate.insertBeforeNextClaim(${anchor});`));
+  ctx2.push(indent2(`__hydrate.insertBeforeNextClaim(${endAnchor});`));
+  ctx2.push(`}`);
+}
 function emitTryCatch(ctx2, node, tracked2, effectsVar, parentVar) {
   const anchor = ctx2.n();
   const endAnchor = ctx2.n();
@@ -28737,6 +28770,7 @@ function emitTryCatch(ctx2, node, tracked2, effectsVar, parentVar) {
   if (!ctx2.hydrate) ctx2.push(`${parent}.appendChild(${anchor});`);
   ctx2.push(`let ${effArr} = [];`);
   ctx2.push(`const ${endAnchor} = document.createComment('try-end');`);
+  emitHydrateFenceAnchoring(ctx2, anchor, endAnchor, parent === "$root");
   const asyncKw = ctx2.isAsyncScope ? "await " : "";
   function emitRenderFunc(name, isCatch, hydMode, compPrefix = "__components") {
     const savedHydrate = ctx2.hydrate;
@@ -28823,6 +28857,7 @@ function emitOpaque(ctx2, node, tracked2, effTarget, parentVar) {
     ctx2.push(`const ${anchor2} = document.createComment('if');`);
     ctx2.push(`let ${effectsVar2} = [];`);
     ctx2.push(`const ${endAnchor2} = document.createComment('if-end');`);
+    emitHydrateFenceAnchoring(ctx2, anchor2, endAnchor2, parent === "$root");
     const asyncKw2 = ctx2.isAsyncScope ? "await " : "";
     const fnOpen2 = ctx2.isAsyncScope ? "async () => {" : "() => {";
     const renderNames = [];
@@ -28905,6 +28940,7 @@ function emitOpaque(ctx2, node, tracked2, effTarget, parentVar) {
   if (!hyd) ctx2.push(`${parent}.appendChild(${anchor});`);
   ctx2.push(`let ${effectsVar} = [];`);
   ctx2.push(`const ${endAnchor} = document.createComment('if-end');`);
+  emitHydrateFenceAnchoring(ctx2, anchor, endAnchor, parent === "$root");
   const asyncKw = ctx2.isAsyncScope ? "await " : "";
   const fnOpen = ctx2.isAsyncScope ? "async () => {" : "() => {";
   const conRenderName = ctx2.n();
@@ -28989,6 +29025,7 @@ function emitWhileLoop(ctx2, node, tracked2, parentVar) {
   if (!hyd) ctx2.push(`${parent}.appendChild(${anchor});`);
   ctx2.push(`let ${effectsVar} = [];`);
   ctx2.push(`const ${endAnchor} = document.createComment('while-end');`);
+  emitHydrateFenceAnchoring(ctx2, anchor, endAnchor, parent === "$root");
   const renderLoop = ctx2.n();
   ctx2.push(`const ${renderLoop} = ${ctx2.isAsyncScope ? "async () => {" : "() => {"}`);
   if (!hyd) ctx2.push(indent2(`const __p = ${anchor}.parentNode;`));
@@ -29051,6 +29088,7 @@ function emitForLoop(ctx2, node, tracked2, parentVar) {
   if (!hyd) ctx2.push(`${parent}.appendChild(${anchor});`);
   ctx2.push(`let ${effectsVar} = [];`);
   ctx2.push(`const ${endAnchor} = document.createComment('for-end');`);
+  emitHydrateFenceAnchoring(ctx2, anchor, endAnchor, parent === "$root");
   const renderLoop = ctx2.n();
   ctx2.push(`const ${renderLoop} = ${ctx2.isAsyncScope ? "async () => {" : "() => {"}`);
   if (!hyd) ctx2.push(indent2(`const __p = ${anchor}.parentNode;`));
@@ -29191,6 +29229,7 @@ function emitSwitchBlock(ctx2, node, tracked2, parentVar) {
   if (!hyd) ctx2.push(`${parent}.appendChild(${anchor});`);
   ctx2.push(`let ${effectsVar} = [];`);
   ctx2.push(`const ${endAnchor} = document.createComment('switch-end');`);
+  emitHydrateFenceAnchoring(ctx2, anchor, endAnchor, parent === "$root");
   const renderSwitch = ctx2.n();
   ctx2.push(`const ${renderSwitch} = ${ctx2.isAsyncScope ? "async () => {" : "() => {"}`);
   if (hyd) {
@@ -42368,7 +42407,7 @@ function emitStatic2(ctx2, node, tracked2, effectsVar) {
         } else {
           const expr = transformTracked2(attr.expression, tracked2);
           const useProp = PROPERTY_ATTRS2[node.tag]?.has(target);
-          const eff = useProp ? `effect(() => { ${ssrEl}.${target} = ${expr}; })` : `effect(() => { const __v = ${expr}; if (__v != null && __v !== false) ${ssrEl}.setAttribute(${JSON.stringify(target)}, __v === true ? 'true' : String(__v)); })`;
+          const eff = useProp ? `effect(() => { ${ssrEl}.${target} = ${expr}; })` : `effect(() => { const __v = ${expr}; if (__v == null || __v === false) ${ssrEl}.removeAttribute(${JSON.stringify(target)}); else ${ssrEl}.setAttribute(${JSON.stringify(target)}, __v === true ? 'true' : String(__v)); })`;
           if (effectsVar) {
             ctx2.push(`${effectsVar}.push(${eff});`);
           } else {
@@ -42424,7 +42463,7 @@ function emitStatic2(ctx2, node, tracked2, effectsVar) {
     } else {
       const expr = transformTracked2(attr.expression, tracked2);
       const useProp = PROPERTY_ATTRS2[node.tag]?.has(target);
-      const eff = useProp ? `effect(() => { ${el}.${target} = ${expr}; })` : `effect(() => { const __v = ${expr}; if (__v != null && __v !== false) ${el}.setAttribute(${JSON.stringify(target)}, __v === true ? 'true' : String(__v)); })`;
+      const eff = useProp ? `effect(() => { ${el}.${target} = ${expr}; })` : `effect(() => { const __v = ${expr}; if (__v == null || __v === false) ${el}.removeAttribute(${JSON.stringify(target)}); else ${el}.setAttribute(${JSON.stringify(target)}, __v === true ? 'true' : String(__v)); })`;
       if (effectsVar) {
         ctx2.push(`${effectsVar}.push(${eff});`);
       } else {
@@ -42687,6 +42726,15 @@ function emitComponentCall2(ctx2, node, tracked2, effectsVar, parentVar, compPre
   }
   return v;
 }
+function emitHydrateFenceAnchoring2(ctx2, anchor, endAnchor, rootLevel) {
+  if (!ctx2.hydrate || !rootLevel)
+    return;
+  ctx2.push(`// Anchor region fences to the SSR slot so no-content regions do not fall back to $root's end.`);
+  ctx2.push(`if (__hydrate && __hydrate.insertBeforeNextClaim) {`);
+  ctx2.push(indent3(`__hydrate.insertBeforeNextClaim(${anchor});`));
+  ctx2.push(indent3(`__hydrate.insertBeforeNextClaim(${endAnchor});`));
+  ctx2.push(`}`);
+}
 function emitTryCatch2(ctx2, node, tracked2, effectsVar, parentVar) {
   const anchor = ctx2.n();
   const endAnchor = ctx2.n();
@@ -42698,6 +42746,7 @@ function emitTryCatch2(ctx2, node, tracked2, effectsVar, parentVar) {
     ctx2.push(`${parent}.appendChild(${anchor});`);
   ctx2.push(`let ${effArr} = [];`);
   ctx2.push(`const ${endAnchor} = document.createComment('try-end');`);
+  emitHydrateFenceAnchoring2(ctx2, anchor, endAnchor, parent === "$root");
   const asyncKw = ctx2.isAsyncScope ? "await " : "";
   function emitRenderFunc(name, isCatch, hydMode, compPrefix = "__components") {
     const savedHydrate = ctx2.hydrate;
@@ -42788,6 +42837,7 @@ function emitOpaque2(ctx2, node, tracked2, effTarget, parentVar) {
     ctx2.push(`const ${anchor2} = document.createComment('if');`);
     ctx2.push(`let ${effectsVar2} = [];`);
     ctx2.push(`const ${endAnchor2} = document.createComment('if-end');`);
+    emitHydrateFenceAnchoring2(ctx2, anchor2, endAnchor2, parent === "$root");
     const asyncKw2 = ctx2.isAsyncScope ? "await " : "";
     const fnOpen2 = ctx2.isAsyncScope ? "async () => {" : "() => {";
     const renderNames = [];
@@ -42879,6 +42929,7 @@ function emitOpaque2(ctx2, node, tracked2, effTarget, parentVar) {
     ctx2.push(`${parent}.appendChild(${anchor});`);
   ctx2.push(`let ${effectsVar} = [];`);
   ctx2.push(`const ${endAnchor} = document.createComment('if-end');`);
+  emitHydrateFenceAnchoring2(ctx2, anchor, endAnchor, parent === "$root");
   const asyncKw = ctx2.isAsyncScope ? "await " : "";
   const fnOpen = ctx2.isAsyncScope ? "async () => {" : "() => {";
   const conRenderName = ctx2.n();
@@ -42982,6 +43033,7 @@ function emitWhileLoop2(ctx2, node, tracked2, parentVar) {
     ctx2.push(`${parent}.appendChild(${anchor});`);
   ctx2.push(`let ${effectsVar} = [];`);
   ctx2.push(`const ${endAnchor} = document.createComment('while-end');`);
+  emitHydrateFenceAnchoring2(ctx2, anchor, endAnchor, parent === "$root");
   const renderLoop = ctx2.n();
   ctx2.push(`const ${renderLoop} = ${ctx2.isAsyncScope ? "async () => {" : "() => {"}`);
   if (!hyd)
@@ -43055,6 +43107,7 @@ function emitForLoop2(ctx2, node, tracked2, parentVar) {
     ctx2.push(`${parent}.appendChild(${anchor});`);
   ctx2.push(`let ${effectsVar} = [];`);
   ctx2.push(`const ${endAnchor} = document.createComment('for-end');`);
+  emitHydrateFenceAnchoring2(ctx2, anchor, endAnchor, parent === "$root");
   const renderLoop = ctx2.n();
   ctx2.push(`const ${renderLoop} = ${ctx2.isAsyncScope ? "async () => {" : "() => {"}`);
   if (!hyd)
@@ -43210,6 +43263,7 @@ function emitSwitchBlock2(ctx2, node, tracked2, parentVar) {
     ctx2.push(`${parent}.appendChild(${anchor});`);
   ctx2.push(`let ${effectsVar} = [];`);
   ctx2.push(`const ${endAnchor} = document.createComment('switch-end');`);
+  emitHydrateFenceAnchoring2(ctx2, anchor, endAnchor, parent === "$root");
   const renderSwitch = ctx2.n();
   ctx2.push(`const ${renderSwitch} = ${ctx2.isAsyncScope ? "async () => {" : "() => {"}`);
   if (hyd) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vesk/vesk-cli",
-  "version": "0.2.31",
+  "version": "0.2.33",
   "type": "module",
   "description": "Vesk — compiler-first framework for the post-VDOM web. vesk dev, vesk build.",
   "bin": {
@@ -8,10 +8,10 @@
   },
   "main": "./dist/cli.js",
   "dependencies": {
-    "@vesk/adapter": "^0.2.31",
-    "@vesk/compiler": "^0.2.31",
-    "@vesk/plugin-tailwind": "^0.2.31",
-    "@vesk/runtime": "^0.2.31",
+    "@vesk/adapter": "^0.2.33",
+    "@vesk/compiler": "^0.2.33",
+    "@vesk/plugin-tailwind": "^0.2.33",
+    "@vesk/runtime": "^0.2.33",
     "esrap": "^2.3.0",
     "typescript": "^5.8.0",
     "ws": "^8.18.0",