@vesk/vesk-cli 0.2.95 → 0.2.97

package/dist/cli.js

@@ -2660,6 +2660,12 @@ var init_portal = __esm({
 });
 
 // ../runtime/src/hydrate.ts
+function createFreshElement(tag) {
+  if (SVG_ONLY_TAGS.has(tag.toLowerCase())) {
+    return document.createElementNS(SVG_NAMESPACE, tag);
+  }
+  return document.createElement(tag);
+}
 function runInHydrateBlock(fn) {
   const previous = scope();
   const block2 = root(() => {
@@ -3228,12 +3234,75 @@ function hydrateOnInteraction(container, componentFn, props, options = {}) {
     }
   };
 }
-var __hydrateDevMode, claimRegistry, walkerClaimRecords, __hydrateStrict, __mismatchHandler, _SHOW_COMMENT, _FILTER_ACCEPT, _FILTER_SKIP, WalkerEngine, StructuralWalker;
+var SVG_NAMESPACE, SVG_ONLY_TAGS, __hydrateDevMode, claimRegistry, walkerClaimRecords, __hydrateStrict, __mismatchHandler, _SHOW_COMMENT, _FILTER_ACCEPT, _FILTER_SKIP, WalkerEngine, StructuralWalker;
 var init_hydrate = __esm({
   "../runtime/src/hydrate.ts"() {
     "use strict";
     init_ripple_runtime();
     init_ripple_blocks();
+    SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+    SVG_ONLY_TAGS = new Set(
+      [
+        "svg",
+        "animate",
+        "animateMotion",
+        "animateTransform",
+        "circle",
+        "clipPath",
+        "defs",
+        "desc",
+        "ellipse",
+        "feBlend",
+        "feColorMatrix",
+        "feComponentTransfer",
+        "feComposite",
+        "feConvolveMatrix",
+        "feDiffuseLighting",
+        "feDisplacementMap",
+        "feDistantLight",
+        "feDropShadow",
+        "feFlood",
+        "feFuncA",
+        "feFuncB",
+        "feFuncG",
+        "feFuncR",
+        "feGaussianBlur",
+        "feImage",
+        "feMerge",
+        "feMergeNode",
+        "feMorphology",
+        "feOffset",
+        "fePointLight",
+        "feSpecularLighting",
+        "feSpotLight",
+        "feTile",
+        "feTurbulence",
+        "filter",
+        "foreignObject",
+        "g",
+        "line",
+        "linearGradient",
+        "marker",
+        "mask",
+        "metadata",
+        "mpath",
+        "path",
+        "pattern",
+        "polygon",
+        "polyline",
+        "radialGradient",
+        "rect",
+        "set",
+        "stop",
+        "switch",
+        "symbol",
+        "text",
+        "textPath",
+        "tspan",
+        "use",
+        "view"
+      ].map((tag) => tag.toLowerCase())
+    );
     __hydrateDevMode = true;
     claimRegistry = /* @__PURE__ */ new WeakMap();
     walkerClaimRecords = /* @__PURE__ */ new WeakMap();
@@ -3347,7 +3416,7 @@ var init_hydrate = __esm({
 ${String(this.root.outerHTML).slice(0, 800)}` : ""),
           hasUnconsumed && __hydrateDevMode
         );
-        return document.createElement(tag || "div");
+        return createFreshElement(tag || "div");
       }
       claimOnly(tag) {
         while (this.idx < this.markers.length) {
@@ -3390,7 +3459,7 @@ ${String(this.root.outerHTML).slice(0, 800)}` : ""),
           `hydration static claim missed <${tag || "element"}> (${this.markers.length - this.idx} markers unconsumed); the client rendered more or different content than SSR.`,
           hasUnconsumed && __hydrateDevMode
         );
-        return document.createElement(tag || "div");
+        return createFreshElement(tag || "div");
       }
       retireDetached() {
         while (this.idx < this.markers.length) {
@@ -3672,7 +3741,7 @@ ${String(this.root.outerHTML).slice(0, 800)}` : ""),
               } catch {
               }
             }
-            const fresh2 = document.createElement(expectedTag);
+            const fresh2 = createFreshElement(expectedTag);
             recordClaim(this.root, {
               state: "fresh",
               el: fresh2,
@@ -3698,7 +3767,7 @@ ${String(this.root.outerHTML).slice(0, 800)}` : ""),
           return el;
         }
         this.idx = this.els.length;
-        const fresh = document.createElement(tag || "div");
+        const fresh = createFreshElement(tag || "div");
         recordClaim(this.root, {
           state: "fresh",
           el: fresh,
@@ -3964,6 +4033,7 @@ function flattenLayoutChain(tree, pathParts, result = []) {
       const remaining = pathParts.slice(consumeCount);
       const isLeaf2 = remaining.length === 0 || remaining.every((p) => p === "");
       if (node.standalone) result.length = 0;
+      const marker = result.length;
       result.push(node);
       if (isLeaf2) {
         if (!node.page && (node.children || []).length > 0) {
@@ -3973,8 +4043,17 @@ function flattenLayoutChain(tree, pathParts, result = []) {
         }
         break;
       } else if ((node.children || []).length > 0) {
+        const before = result.length;
         flattenLayoutChain(node.children || [], remaining, result);
+        if (result.length > before) break;
+        if (node.isDynamic) {
+          result.length = marker;
+          continue;
+        }
         break;
+      } else if (node.isDynamic) {
+        result.length = marker;
+        continue;
       }
     }
   }
@@ -4523,7 +4602,8 @@ function Link(props, registry, hydrate) {
     props.class ? `class="${String(props.class).replace(/"/g, "&quot;")}"` : "",
     props.style ? `style="${String(props.style).replace(/"/g, "&quot;")}"` : "",
     props.target ? `target="${String(props.target).replace(/"/g, "&quot;")}"` : "",
-    props.rel ? `rel="${String(props.rel).replace(/"/g, "&quot;")}"` : ""
+    props.rel ? `rel="${String(props.rel).replace(/"/g, "&quot;")}"` : "",
+    ...passThroughAttrs(props).map(([key, value]) => `${key}="${value.replace(/"/g, "&quot;")}"`)
   ].filter(Boolean).join(" ");
   let childStr = "";
   if (props.children != null) {
@@ -4554,6 +4634,17 @@ function Link(props, registry, hydrate) {
   });
   return a;
 }
+function passThroughAttrs(props) {
+  const out = [];
+  for (const [key, value] of Object.entries(props)) {
+    if (value == null || value === false) continue;
+    const lower2 = key.toLowerCase();
+    const allowed = lower2.startsWith("data-") || lower2.startsWith("aria-") || lower2 === "role" || lower2 === "id" || lower2 === "title" || lower2 === "tabindex" || lower2 === "download" || lower2 === "hreflang" || lower2 === "referrerpolicy";
+    if (!allowed) continue;
+    out.push([key, value === true ? "" : String(value)]);
+  }
+  return out;
+}
 function applyLinkDom(a, props, href) {
   const displayHref = routerMode() && !href.startsWith("#") ? "#" + href : href;
   a.href = displayHref;
@@ -4561,6 +4652,7 @@ function applyLinkDom(a, props, href) {
   if (props.style) a.setAttribute("style", props.style);
   if (props.target) a.target = props.target;
   if (props.rel) a.rel = props.rel;
+  for (const [key, value] of passThroughAttrs(props)) a.setAttribute(key, value);
 }
 function NavLink(props, registry, hydrate) {
   if (typeof document === "undefined") {
@@ -19138,7 +19230,7 @@ function offsetToLineCol(source, offset2) {
   }
   return { line, column };
 }
-function preprocessForClauses(source, delimiters) {
+function preprocessForClauses(source, delimiters, filename = "") {
   const annotations = [];
   const chars = source.split("");
   const isString = (ch) => ch === '"' || ch === "'" || ch === "`";
@@ -19289,9 +19381,11 @@ function preprocessForClauses(source, delimiters) {
                   throw new VeskError(
                     `Invalid \`; key\` clause \u2014 write the key expression after \`key\` without a colon: \`key ${expr.slice(1).trim()}\`.`,
                     {
+                      file: filename || "",
                       line,
                       column,
-                      code: codeFrame(source, line, column),
+                      code: "V0411",
+                      frame: codeFrame(source, line, column),
                       nextSteps: [
                         "Use `; key <expr>` (no colon), e.g. `for (const item of items; key item.id)`.",
                         "For the iteration index use `; index <name>`, e.g. `for (const item of items; key item.id; index i)`."
@@ -19506,7 +19600,8 @@ function parse4(source, options = {}) {
   const ParserClass = createBaseParser();
   const sourceTokens = tokenizeCode(source);
   const delimiters = sourceTokens === null ? null : collectStringDelimiters(source, sourceTokens);
-  const { code, annotations } = preprocessForClauses(blankGenericArrowTypeParams(blankComments(source)), delimiters);
+  const filename = options.filename || "";
+  const { code, annotations } = preprocessForClauses(blankGenericArrowTypeParams(blankComments(source)), delimiters, filename);
   const vskSource = !options.filename || String(options.filename).endsWith(".vsk");
   const specifierExports = vskSource && sourceTokens !== null ? findSpecifierExports(code, sourceTokens).filter((e) => !hasTopLevelValueDeclaration(code, e.local, sourceTokens)) : [];
   let parseable = code;
@@ -19556,7 +19651,6 @@ function parse4(source, options = {}) {
         }
       }
     }
-    const filename = options.filename || "";
     let cleanMessage = err.message;
     const lastParen = cleanMessage.lastIndexOf("(");
     if (lastParen >= 0) {
@@ -21802,7 +21896,7 @@ function assertNoVskNamespaceValue(source, expr) {
   const hit = findNamespaceValueUse(expr, currentVskNamespaceLocals);
   if (!hit) return;
   const { line, column } = offsetToLineCol2(source, hit.start ?? 0);
-  throw VeskError.vskNamespaceMember({ file: currentSourceFile, line, column, code: codeFrame(source, line, column), form: "value" });
+  throw VeskError.vskNamespaceMember({ file: currentSourceFile, line, column, frame: codeFrame(source, line, column), form: "value" });
 }
 function findNamespaceValueUse(node, locals2) {
   if (!node || typeof node !== "object") return null;
@@ -22375,7 +22469,7 @@ function processJSXElement(source, element) {
     const isVskNamespace = !!currentVskNamespaceLocals && currentVskNamespaceLocals.has(root3);
     if (isVskNamespace && jsxTagDepth(nameNode) > 1) {
       const { line, column } = offsetToLineCol2(source, nameNode.start ?? 0);
-      throw VeskError.vskNamespaceMember({ file: currentSourceFile, line, column, code: codeFrame(source, line, column), form: "nested" });
+      throw VeskError.vskNamespaceMember({ file: currentSourceFile, line, column, frame: codeFrame(source, line, column), form: "nested" });
     }
     const { props, spreadProps, slots } = extractProps(source, element);
     const children2 = selfClosing ? [] : processJSXChildren(source, element.children || []);
@@ -22701,7 +22795,7 @@ function processStatementModeBody(source, bodyStmts, filename) {
           file: filename || "",
           line,
           column,
-          code: codeFrame(source, line, column)
+          frame: codeFrame(source, line, column)
         });
       }
       for (const child of innerStmts) {
@@ -22770,7 +22864,7 @@ function processStatementModeBody(source, bodyStmts, filename) {
       }
     } else if (stmt.type === "ClassDeclaration") {
       const { line, column } = offsetToLineCol2(source, stmt.start ?? 0);
-      throw VeskError.classDecl({ file: filename || "", line, column, code: codeFrame(source, line, column) });
+      throw VeskError.classDecl({ file: filename || "", line, column, frame: codeFrame(source, line, column) });
     } else if (stmt.type === "ContinueStatement") {
       break;
     } else if (stmt.type === "BreakStatement") {
@@ -23105,7 +23199,7 @@ function generateIR(ast, source, filename) {
       if (inner.type === "ComponentDeclaration") {
       } else if (inner.type === "ClassDeclaration") {
         const { line, column } = offsetToLineCol2(source, inner.start ?? 0);
-        throw VeskError.classDecl({ file, line, column, code: codeFrame(source, line, column) });
+        throw VeskError.classDecl({ file, line, column, frame: codeFrame(source, line, column) });
       } else if (inner.type === "TSEnumDeclaration") {
         const code = processEnum(inner, source, exported);
         topLevelCode.push(code);
@@ -23162,7 +23256,7 @@ function generateIR(ast, source, filename) {
               guardClauses.push(stmt);
             } else if (stmt.type === "ClassDeclaration") {
               const { line, column } = offsetToLineCol2(source, stmt.start ?? 0);
-              throw VeskError.classDecl({ file, line, column, code: codeFrame(source, line, column) });
+              throw VeskError.classDecl({ file, line, column, frame: codeFrame(source, line, column) });
             } else {
               const raw2 = getSource(source, stmt);
               if (raw2) preamble.push(new RuntimeStatement(raw2, stmt, source));
@@ -23188,7 +23282,7 @@ function generateIR(ast, source, filename) {
       for (const [childName, start] of called2) {
         if (!asyncNames.has(childName)) continue;
         const { line, column } = offsetToLineCol2(source, start >= 0 ? start : 0);
-        throw VeskError.asyncChildInSyncParent(comp.name, childName, { file, line, column, code: codeFrame(source, line, column) });
+        throw VeskError.asyncChildInSyncParent(comp.name, childName, { file, line, column, frame: codeFrame(source, line, column) });
       }
     }
     const autoImportable = [
@@ -44217,7 +44311,7 @@ function offsetToLineCol3(source, offset2) {
   }
   return { line, column };
 }
-function preprocessForClauses2(source, delimiters) {
+function preprocessForClauses2(source, delimiters, filename = "") {
   const annotations = [];
   const chars = source.split("");
   const isString = (ch) => ch === '"' || ch === "'" || ch === "`";
@@ -44380,9 +44474,11 @@ function preprocessForClauses2(source, delimiters) {
                 if (expr[0] === ":") {
                   const { line, column } = offsetToLineCol3(source, start);
                   throw new VeskError(`Invalid \`; key\` clause \u2014 write the key expression after \`key\` without a colon: \`key ${expr.slice(1).trim()}\`.`, {
+                    file: filename || "",
                     line,
                     column,
-                    code: codeFrame(source, line, column),
+                    code: "V0411",
+                    frame: codeFrame(source, line, column),
                     nextSteps: [
                       "Use `; key <expr>` (no colon), e.g. `for (const item of items; key item.id)`.",
                       "For the iteration index use `; index <name>`, e.g. `for (const item of items; key item.id; index i)`."
@@ -44607,7 +44703,8 @@ function parse5(source, options = {}) {
   const ParserClass = createBaseParser2();
   const sourceTokens = tokenizeCode(source);
   const delimiters = sourceTokens === null ? null : collectStringDelimiters(source, sourceTokens);
-  const { code, annotations } = preprocessForClauses2(blankGenericArrowTypeParams2(blankComments(source)), delimiters);
+  const filename = options.filename || "";
+  const { code, annotations } = preprocessForClauses2(blankGenericArrowTypeParams2(blankComments(source)), delimiters, filename);
   const vskSource = !options.filename || String(options.filename).endsWith(".vsk");
   const specifierExports = vskSource && sourceTokens !== null ? findSpecifierExports(code, sourceTokens).filter((e) => !hasTopLevelValueDeclaration(code, e.local, sourceTokens)) : [];
   let parseable = code;
@@ -44655,7 +44752,6 @@ function parse5(source, options = {}) {
         }
       }
     }
-    const filename = options.filename || "";
     let cleanMessage = err.message;
     const lastParen = cleanMessage.lastIndexOf("(");
     if (lastParen >= 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vesk/vesk-cli",
-  "version": "0.2.95",
+  "version": "0.2.97",
   "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.95",
-    "@vesk/compiler": "^0.2.95",
-    "@vesk/plugin-tailwind": "^0.2.95",
-    "@vesk/runtime": "^0.2.95",
+    "@vesk/adapter": "^0.2.97",
+    "@vesk/compiler": "^0.2.97",
+    "@vesk/plugin-tailwind": "^0.2.97",
+    "@vesk/runtime": "^0.2.97",
     "esrap": "^2.3.0",
     "typescript": "^5.8.0",
     "ws": "^8.18.0",