@vesk/vesk-cli 0.2.96 → 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,
@@ -19161,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 === "`";
@@ -19312,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)`."
@@ -19529,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;
@@ -19579,7 +19651,6 @@ function parse4(source, options = {}) {
         }
       }
     }
-    const filename = options.filename || "";
     let cleanMessage = err.message;
     const lastParen = cleanMessage.lastIndexOf("(");
     if (lastParen >= 0) {
@@ -21825,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;
@@ -22398,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 || []);
@@ -22724,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) {
@@ -22793,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") {
@@ -23128,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);
@@ -23185,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));
@@ -23211,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 = [
@@ -44240,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 === "`";
@@ -44403,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)`."
@@ -44630,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;
@@ -44678,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.96",
+  "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.96",
-    "@vesk/compiler": "^0.2.96",
-    "@vesk/plugin-tailwind": "^0.2.96",
-    "@vesk/runtime": "^0.2.96",
+    "@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",