@lark.js/mvc 0.0.14 → 0.0.16

package/dist/webpack.cjs

@@ -33,9 +33,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/tsup@8.5.1_@swc+core@1.15.43_@swc+helpers@0.5.23__jiti@2.7.0_postcss@8.5.15_tsx@4.22.4_typescript@5.9.3_yaml@2.9.0/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.4_typescript@5.9.3_yaml@2.9.0/node_modules/tsup/assets/cjs_shims.js
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.5.1_@swc+core@1.15.43_@swc+helpers@0.5.23__jiti@2.7.0_postcss@8.5.15_tsx@4.22.4_typescript@5.9.3_yaml@2.9.0/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.15_tsx@4.22.4_typescript@5.9.3_yaml@2.9.0/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
   }
 });
@@ -14743,12 +14743,7 @@ function convertArtSyntax(source, debug) {
     } else {
       cleanCode = code.trim();
     }
-    const converted = convertArtExpression(
-      cleanCode,
-      debug,
-      lineNo,
-      blockStack
-    );
+    const converted = convertArtExpression(cleanCode, debug, lineNo, blockStack);
     result.push(converted);
     result.push(rest);
   }
@@ -14994,12 +14989,74 @@ var VOID_ELEMENTS = /* @__PURE__ */ new Set([
 function vdomEscapeStr(s) {
   return s.replace(/\\/g, "\\\\").replace(/'/g, "\\'").replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/\x1e/g, "\\x1e");
 }
+function vdomResolveAttrValueIIFE(rawValue, exprStore) {
+  const stmts = [];
+  let remaining = rawValue;
+  while (remaining.length > 0) {
+    const phIdx = remaining.indexOf("\0");
+    const viIdx = remaining.indexOf("");
+    let nextSpecial = -1;
+    let specialType = null;
+    if (phIdx >= 0 && (viIdx < 0 || phIdx <= viIdx)) {
+      nextSpecial = phIdx;
+      specialType = "ph";
+    } else if (viIdx >= 0) {
+      nextSpecial = viIdx;
+      specialType = "vi";
+    }
+    if (nextSpecial === -1) {
+      if (remaining) stmts.push(`$s+='${vdomEscapeStr(remaining)}'`);
+      break;
+    }
+    if (nextSpecial > 0) {
+      stmts.push(`$s+='${vdomEscapeStr(remaining.substring(0, nextSpecial))}'`);
+    }
+    if (specialType === "vi") {
+      stmts.push(`$s+=$viewId`);
+      remaining = remaining.substring(nextSpecial + 1);
+    } else {
+      const closeIdx = remaining.indexOf("\0", nextSpecial + 1);
+      if (closeIdx === -1) {
+        stmts.push(`$s+='${vdomEscapeStr(remaining.substring(nextSpecial))}'`);
+        break;
+      }
+      const idx = parseInt(remaining.substring(nextSpecial + 1, closeIdx), 10);
+      const expr = exprStore[idx];
+      if (expr.op === "=" || expr.op === ":") {
+        stmts.push(`$s+=$strSafe(${expr.content})`);
+      } else if (expr.op === "!") {
+        if (expr.content.startsWith("$encUri(") && expr.content.endsWith(")")) {
+          stmts.push(`$s+=${expr.content}`);
+        } else {
+          stmts.push(`$s+=$strSafe(${expr.content})`);
+        }
+      } else if (expr.op === "@") {
+        stmts.push(`$s+=$refFn($refAlt,${expr.content})`);
+      } else {
+        stmts.push(expr.content);
+      }
+      remaining = remaining.substring(closeIdx + 1);
+    }
+  }
+  const body = stmts.join(";");
+  return `(()=>{let $s='';${body};return $s;})()`;
+}
 function vdomResolveAttrValue(rawValue, exprStore) {
   const hasPlaceholders = rawValue.includes("\0");
   const hasViewId = rawValue.includes("");
   if (!hasPlaceholders && !hasViewId) {
     return `'${vdomEscapeStr(rawValue)}'`;
   }
+  if (hasPlaceholders) {
+    const codeBlockRegExp = /\x00(\d+)\x00/g;
+    let m;
+    while ((m = codeBlockRegExp.exec(rawValue)) !== null) {
+      const idx = parseInt(m[1], 10);
+      if (exprStore[idx] && exprStore[idx].op === "") {
+        return vdomResolveAttrValueIIFE(rawValue, exprStore);
+      }
+    }
+  }
   const segments = [];
   let remaining = rawValue;
   while (remaining.length > 0) {
@@ -15033,17 +15090,17 @@ function vdomResolveAttrValue(rawValue, exprStore) {
       const idx = parseInt(remaining.substring(nextSpecial + 1, closeIdx));
       const expr = exprStore[idx];
       if (expr.op === "=" || expr.op === ":") {
-        segments.push(`$n(${expr.content})`);
+        segments.push(`$strSafe(${expr.content})`);
       } else if (expr.op === "!") {
         if (expr.content.startsWith("$encUri(") && expr.content.endsWith(")")) {
           segments.push(expr.content);
         } else {
-          segments.push(`$n(${expr.content})`);
+          segments.push(`$strSafe(${expr.content})`);
         }
       } else if (expr.op === "@") {
         segments.push(`$refFn($refAlt,${expr.content})`);
       } else {
-        segments.push(`$n(${expr.content})`);
+        segments.push(`$strSafe(${expr.content})`);
       }
       remaining = remaining.substring(closeIdx + 1);
     }
@@ -15085,14 +15142,7 @@ function compileToVDomFunction(source, debug, file) {
   });
   const rootVar = `$v${varCounter++}`;
   lines.push(`let ${rootVar}=[]`);
-  const maxVars = 30;
-  const varDecls = [];
-  for (let i = 1; i < maxVars; i++) {
-    varDecls.push(`$v${i}`);
-  }
-  lines.push(`let ${varDecls.join(",")}`);
   function allocVar() {
-    if (varCounter >= maxVars) return `$v${maxVars - 1}`;
     return `$v${varCounter++}`;
   }
   function emitNode(node, parentVar) {
@@ -15109,7 +15159,7 @@ function compileToVDomFunction(source, debug, file) {
       if (i % 2 === 0) {
         const trimmed = parts[i];
         if (trimmed.trim()) {
-          lines.push(`${parentVar}.push($c(0,'${vdomEscapeStr(trimmed)}'))`);
+          lines.push(`${parentVar}.push($vdomCreate(0,'${vdomEscapeStr(trimmed)}'))`);
         }
       } else {
         const idx = parseInt(parts[i]);
@@ -15120,15 +15170,15 @@ function compileToVDomFunction(source, debug, file) {
   }
   function emitExpr(expr, parentVar) {
     if (expr.op === "=" || expr.op === ":") {
-      lines.push(`${parentVar}.push($c(0,$n(${expr.content})))`);
+      lines.push(`${parentVar}.push($vdomCreate(0,$strSafe(${expr.content})))`);
     } else if (expr.op === "!") {
       if (expr.content.startsWith("$encUri(") && expr.content.endsWith(")")) {
-        lines.push(`${parentVar}.push($c(0,${expr.content}))`);
+        lines.push(`${parentVar}.push($vdomCreate(0,${expr.content},1))`);
       } else {
-        lines.push(`${parentVar}.push($c(0,$n(${expr.content})))`);
+        lines.push(`${parentVar}.push($vdomCreate(0,$strSafe(${expr.content}),1))`);
       }
     } else if (expr.op === "@") {
-      lines.push(`${parentVar}.push($c(0,$refFn($refAlt,${expr.content})))`);
+      lines.push(`${parentVar}.push($vdomCreate(0,$refFn($refAlt,${expr.content})))`);
     } else if (expr.content) {
       lines.push(expr.content);
     }
@@ -15146,25 +15196,26 @@ function compileToVDomFunction(source, debug, file) {
     }
     const isVoid = VOID_ELEMENTS.has(tagName) && children.length === 0;
     const childrenArg = isVoid ? "1" : childVar;
-    lines.push(
-      `${parentVar}.push($c('${tagName}',${propsKey},${childrenArg}))`
-    );
+    lines.push(`${parentVar}.push($vdomCreate('${tagName}',${propsKey},${childrenArg}))`);
   }
   for (const child of doc.children) {
     emitNode(child, rootVar);
   }
-  lines.push(`return $c($viewId,0,${rootVar})`);
-  const body = lines.join(";");
+  lines.push(`return $vdomCreate($viewId,0,${rootVar})`);
+  const varDeclStmts = [];
+  for (let i = 1; i < varCounter; i++) varDeclStmts.push(`$v${i}`);
+  const varDecl = varDeclStmts.length ? `let ${varDeclStmts.join(",")};` : "";
+  const body = varDecl + lines.join(";");
   let funcBody = body;
   if (debug) {
     const filePart = file ? `\\r\\n\\tat file:${file}` : "";
-    funcBody = `let $dbgExpr,$dbgArt,$dbgLine;try{${body}}catch(ex){let msg='render view error:'+(ex.message||ex);msg+='${filePart}';throw msg;}`;
+    funcBody = `let $dbgExpr,$dbgArt;try{${body}}catch(e){let msg='render error:'+(e.message||e);msg+='${filePart}';throw msg;}`;
   }
   const viewIdRegExp = new RegExp(String.fromCharCode(31), "g");
   funcBody = funcBody.replace(viewIdRegExp, `'+$viewId+'`);
   const refFallback = "if(!$refAlt)$refAlt=$data;";
   const fullSource = `${refFallback}let $splitter='\\x1e'{{VARS}};${funcBody}`;
-  return `($data,$viewId,$refAlt,$n,$refFn,$encUri,$encQuote)=>{${fullSource}}`;
+  return `($data,$viewId,$refAlt,$strSafe,$refFn,$encUri,$encQuote)=>{${fullSource}}`;
 }
 
 // src/compiler/extract-global-vars.ts
@@ -15398,9 +15449,6 @@ var BUILTIN_GLOBALS = /* @__PURE__ */ new Set([
   // conversion, for error reporting. Only present in debug mode.
   // e.g. $dbgArt='{{=user.name}}'
   "$dbgArt",
-  // Debug: source line number — tracks the current line in the template
-  // source, for error reporting. Only present in debug mode.
-  "$dbgLine",
   // RefData alias — fallback reference lookup table.
   // Defaults to $data when no explicit $refAlt is provided.
   // Ensures $refFn() does not crash when @ operator is used without refData.
@@ -15484,19 +15532,14 @@ function compileToFunction(source, debug, file) {
     funcSource += source.substring(index, offset).replace(escapeSlashRegExp, "\\$&").replace(escapeBreakReturnRegExp, "\\n");
     index = offset + match.length;
     if (debug) {
-      let expr = source.substring(
-        index - match.length + 2 + (operate ? 1 : 0),
-        index - 2
-      );
+      let expr = source.substring(index - match.length + 2 + (operate ? 1 : 0), index - 2);
       const x11 = String.fromCharCode(17);
       const artRegExp = new RegExp(`^'(\\d+)${x11}([^${x11}]+)${x11}'$`);
       const artM = expr.match(artRegExp);
       let art = "";
-      let line = -1;
       if (artM) {
         expr = expr.replace(artRegExp, "");
         art = artM[2];
-        line = parseInt(artM[1], 10);
       } else {
         expr = expr.replace(escapeSlashRegExp, "\\$&").replace(escapeBreakReturnRegExp, "\\n");
       }
@@ -15511,8 +15554,8 @@ function compileToFunction(source, debug, file) {
         }
         funcSource += `'+($dbgExpr='<%${operate + expr}%>',${content})+'`;
       } else if (content) {
-        if (line > -1) {
-          funcSource += `';$dbgLine=${line};$dbgArt='${art}';`;
+        if (artM) {
+          funcSource += `';$dbgArt='${art}';`;
           content = "";
         } else {
           funcSource += `';`;
@@ -15551,7 +15594,7 @@ function compileToFunction(source, debug, file) {
   funcSource = funcSource.replace(/\$out\+=''\+/g, "$out+=");
   if (debug) {
     const filePart = file ? `\\r\\n\\tat file:${file}` : "";
-    funcSource = `let $dbgExpr,$dbgArt,$dbgLine;try{${funcSource}}catch(ex){let msg='render view error:'+(ex.message||ex);if($dbgArt)msg+='\\r\\n\\tsrc art:{{'+$dbgArt+'}}\\r\\n\\tat line:'+$dbgLine;msg+='\\r\\n\\t'+($dbgArt?'translate to:':'expr:');msg+=$dbgExpr+'${filePart}';throw msg;}`;
+    funcSource = `let $dbgExpr,$dbgArt;try{${funcSource}}catch(e){let msg='render error:'+(e.message||e);if($dbgArt)msg+='\\r\\n\\tsrc art:{{'+$dbgArt+'}};msg+='\\r\\n\\t'+($dbgArt?'translate to:':'expr:');msg+=$dbgExpr+'${filePart}';throw msg;}`;
   }
   const viewIdRegExp = new RegExp(String.fromCharCode(31), "g");
   funcSource = funcSource.replace(viewIdRegExp, `'+$viewId+'`);
@@ -15571,28 +15614,75 @@ async function compileTemplate(source, options = {}) {
   if (virtualDom) {
     const funcBody2 = compileToVDomFunction(finalSource, debug, file);
     const funcWithVars2 = funcBody2.replace("{{VARS}}", () => varDeclarations);
-    return `import { vdomCreate as __larkC } from "@lark.js/mvc";
+    return `import { vdomCreate as __larkVdomCreate } from "@lark.js/mvc";
 import { strSafe as __larkStrSafe, encUri as __larkEncUri, encQuote as __larkEncQuote, refFn as __larkRefFn } from "@lark.js/mvc/runtime";
-export default function(data, viewId, refData) {
+function __larkTemplate(data, viewId, refData) {
   let $data = data || {},
       $viewId = viewId || '',
-      $c = __larkC,
-      $n = __larkStrSafe;
+      $vdomCreate = __larkVdomCreate,
+      $strSafe = __larkStrSafe;
   return (${funcWithVars2})($data, $viewId, refData,
-    $n, __larkRefFn, __larkEncUri, __larkEncQuote
+    $strSafe, __larkRefFn, __larkEncUri, __larkEncQuote
   );
-}`;
+}
+export default __larkTemplate;`;
   }
   const funcBody = compileToFunction(finalSource, debug, file);
   const funcWithVars = funcBody.replace("{{VARS}}", () => varDeclarations);
   return `import { encHtml as __larkEncHtml, strSafe as __larkStrSafe, encUri as __larkEncUri, encQuote as __larkEncQuote, refFn as __larkRefFn } from "@lark.js/mvc/runtime";
-export default function(data, viewId, refData) {
+function __larkTemplate(data, viewId, refData) {
   let $data = data || {},
       $viewId = viewId || '';
   return (${funcWithVars})($data, $viewId, refData,
     __larkEncHtml, __larkStrSafe, __larkEncUri, __larkRefFn, __larkEncQuote
   );
-}`;
+}
+export default __larkTemplate;`;
+}
+
+// src/hmr-inject.ts
+init_cjs_shims();
+var TEMPLATE_VAR = "__larkTemplate";
+function getTemplateHmrSnippet(bundler) {
+  if (bundler === "vite") {
+    return `
+// \u2500\u2500 Lark template HMR (auto-injected by larkMvcPlugin \u2014 Vite) \u2500\u2500
+if (import.meta.hot) {
+  import.meta.hot.dispose(function(__larkData) {
+    __larkData.oldTemplate = ${TEMPLATE_VAR};
+  });
+  import.meta.hot.accept(function(__larkNewModule) {
+    var __larkNew = __larkNewModule && __larkNewModule.default;
+    var __larkOld = import.meta.hot.data && import.meta.hot.data.oldTemplate;
+    if (__larkOld && __larkNew && __larkOld !== __larkNew) {
+      import("@lark.js/mvc").then(function(m) {
+        if (m && m.hotSwapByTemplate) m.hotSwapByTemplate(__larkOld, __larkNew);
+      });
+    }
+  });
+}
+`;
+  }
+  return `
+// \u2500\u2500 Lark template HMR (auto-injected by larkMvcPlugin \u2014 ${bundler}) \u2500\u2500
+if (typeof module !== "undefined" && module.hot) {
+  module.hot.dispose(function(__larkData) {
+    __larkData.oldTemplate = ${TEMPLATE_VAR};
+  });
+  module.hot.accept(function() {
+    var __larkNew = ${TEMPLATE_VAR};
+    var __larkOld = module.hot && module.hot.data && module.hot.data.oldTemplate;
+    if (__larkOld && __larkNew && __larkOld !== __larkNew) {
+      import("@lark.js/mvc").then(function(m) {
+        if (m && m.hotSwapByTemplate) m.hotSwapByTemplate(__larkOld, __larkNew);
+      });
+    }
+  });
+}
+`;
+}
+function injectTemplateHmrSnippet(source, bundler) {
+  return source + "\n" + getTemplateHmrSnippet(bundler);
 }
 
 // src/webpack.ts
@@ -15601,11 +15691,12 @@ async function larkMvcLoader(source) {
     const options = this.getOptions() || {};
     const { debug = false, virtualDom = false } = options;
     const globalVars = await extractGlobalVars(source);
-    return compileTemplate(source, {
+    const compiled = await compileTemplate(source, {
       debug,
       globalVars,
       virtualDom
     });
+    return injectTemplateHmrSnippet(compiled, "webpack");
   } catch (err) {
     console.error(err);
     return "";