@stacksjs/stx 0.2.95 → 0.2.96

package/dist/misc-directives.js

@@ -1,2 +1,222 @@
-// @bun
-import{iu as a,ju as b,ku as c,lu as d,mu as e,nu as f}from"./chunk-wazkqv7n.js";import"./chunk-1zgsgk4b.js";import"./chunk-2jxbwnkz.js";import"./chunk-zen6ax1y.js";import"./chunk-yb1t2h8h.js";import"./chunk-fjk3x41y.js";import"./chunk-5shey2e4.js";import"./chunk-27zsyhrd.js";import"./chunk-w3b6m427.js";import"./chunk-xv34zbp4.js";export{d as processRefAttributes,b as processOnceDirective,c as processMemoDirective,a as processJsonDirective,e as addCloakToUnresolvedExpressions,f as addCloakToConditionalDirectives};
+import { errorLogger } from "./error-handling.js";
+import { createSafeFunction, isExpressionSafe } from "./safe-evaluator.js";
+export function processJsonDirective(template, context) {
+  let result = template;
+  const jsonPat = /@json\s*\(/g;
+  let jsonMatch;
+  while ((jsonMatch = jsonPat.exec(result)) !== null) {
+    const start = jsonMatch.index, openParen = start + jsonMatch[0].length - 1;
+    let depth = 1, pos = openParen + 1, inStr = null, esc = !1;
+    while (pos < result.length && depth > 0) {
+      const c = result[pos];
+      if (esc) {
+        esc = !1;
+        pos++;
+        continue;
+      }
+      if (c === "\\" && inStr) {
+        esc = !0;
+        pos++;
+        continue;
+      }
+      if (inStr) {
+        if (c === inStr)
+          inStr = null;
+        pos++;
+        continue;
+      }
+      if (c === '"' || c === "'" || c === "`") {
+        inStr = c;
+        pos++;
+        continue;
+      }
+      if (c === "(")
+        depth++;
+      else if (c === ")") {
+        depth--;
+        if (depth === 0)
+          break;
+      }
+      pos++;
+    }
+    if (depth !== 0)
+      break;
+    const innerArgs = result.substring(openParen + 1, pos).trim(), fullMatch = result.substring(start, pos + 1);
+    let commaIdx = -1, argDepth = 0, argStr = null, argEsc = !1;
+    for (let ai = 0;ai < innerArgs.length; ai++) {
+      const ac = innerArgs[ai];
+      if (argEsc) {
+        argEsc = !1;
+        continue;
+      }
+      if (ac === "\\" && argStr) {
+        argEsc = !0;
+        continue;
+      }
+      if (argStr) {
+        if (ac === argStr)
+          argStr = null;
+        continue;
+      }
+      if (ac === '"' || ac === "'" || ac === "`") {
+        argStr = ac;
+        continue;
+      }
+      if (ac === "(" || ac === "[" || ac === "{")
+        argDepth++;
+      else if (ac === ")" || ac === "]" || ac === "}")
+        argDepth--;
+      if (ac === "," && argDepth === 0) {
+        commaIdx = ai;
+        break;
+      }
+    }
+    const dataPath = commaIdx >= 0 ? innerArgs.substring(0, commaIdx).trim() : innerArgs, pretty = commaIdx >= 0 ? innerArgs.substring(commaIdx + 1).trim() : void 0;
+    try {
+      const trimmedPath = dataPath.trim();
+      let data;
+      if (isExpressionSafe(trimmedPath))
+        data = createSafeFunction(trimmedPath, Object.keys(context))(...Object.values(context));
+      else
+        data = void 0;
+      let json;
+      if (pretty === "true")
+        json = JSON.stringify(data, null, 2);
+      else
+        json = JSON.stringify(data);
+      const escaped = json.replace(/</g, "\\u003c").replace(/>/g, "\\u003e").replace(/&/g, "\\u0026").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
+      result = result.substring(0, start) + escaped + result.substring(pos + 1);
+      jsonPat.lastIndex = start + escaped.length;
+    } catch (error) {
+      errorLogger.log(error instanceof Error ? error : Error(String(error)), { directive: "@json" }, "error");
+      jsonPat.lastIndex = start + fullMatch.length;
+    }
+  }
+  return result;
+}
+export function processOnceDirective(template) {
+  return template.replace(/@once\s*([\s\S]*?)@endonce/g, "$1");
+}
+export function processMemoDirective(template) {
+  let output = template;
+  const openScan = /@memo\s*\(/g;
+  let match;
+  const edits = [];
+  while ((match = openScan.exec(output)) !== null) {
+    const start = match.index, exprStart = start + match[0].length;
+    let depth = 1, i = exprStart;
+    while (i < output.length && depth > 0) {
+      if (output[i] === "(")
+        depth++;
+      else if (output[i] === ")")
+        depth--;
+      i++;
+    }
+    if (depth !== 0)
+      continue;
+    const depsExpr = output.slice(exprStart, i - 1).trim(), afterOpen = i, tail = output.slice(afterOpen), endIdx = tail.indexOf("@endmemo");
+    if (endIdx === -1)
+      continue;
+    const blockInner = tail.slice(0, endIdx), blockEnd = afterOpen + endIdx + 8, leading = blockInner.match(/^(\s*(?:(?:<!--[\s\S]*?-->|\x00STX_HTML_COMMENT_\d+\x00)\s*)*)/), leadingLen = leading ? leading[0].length : 0, rest = blockInner.slice(leadingLen), trailing = blockInner.match(/(\s*)$/), trailingLen = trailing ? trailing[0].length : 0, body = rest.slice(0, rest.length - trailingLen), firstTagMatch = body.match(/^<([a-zA-Z][a-zA-Z0-9-]*)(\s[^>]*?)?(\/?)>/);
+    let replacement;
+    if (firstTagMatch) {
+      const [fullMatch, tagName, attrs = "", selfClose] = firstTagMatch, newOpenTag = `<${tagName}${attrs} data-stx-memo="${depsExpr}"${selfClose}>`;
+      replacement = blockInner.slice(0, leadingLen) + newOpenTag + body.slice(fullMatch.length) + blockInner.slice(leadingLen + body.length);
+    } else
+      replacement = `${blockInner.slice(0, leadingLen)}<div data-stx-memo="${depsExpr}">${body}</div>${blockInner.slice(leadingLen + body.length)}`;
+    edits.push({ start, end: blockEnd, replacement });
+    openScan.lastIndex = blockEnd;
+  }
+  for (let k = edits.length - 1;k >= 0; k--) {
+    const e = edits[k];
+    output = output.slice(0, e.start) + e.replacement + output.slice(e.end);
+  }
+  return output.replace(/@memo="([^"]*)"/g, 'data-stx-memo="$1"');
+}
+export function processRefAttributes(template) {
+  let result = template.replace(/@ref="([^"]+)"/g, 'data-stx-ref="$1"');
+  result = result.replace(/(<[a-zA-Z][a-zA-Z0-9-]*\b[^>]*?)\sref="([^"]+)"/g, '$1 data-stx-ref="$2"');
+  return result;
+}
+export function addCloakToUnresolvedExpressions(html) {
+  const tagStartRe = new RegExp(`<(${"div|span|p|h[1-6]|td|th|li|a|button|label|section|article|header|footer|main|nav|aside|dd|dt|figcaption|summary|caption|blockquote|pre|code|em|strong|small|sub|sup|time|mark|abbr|cite|q|s|u|b|i"})\\b`, "gi");
+  let result = "", lastIndex = 0, tagMatch;
+  while ((tagMatch = tagStartRe.exec(html)) !== null) {
+    const tagOpenStart = tagMatch.index;
+    let i = tagOpenStart + tagMatch[0].length, inSingleQuote = !1, inDoubleQuote = !1, tagCloseIdx = -1;
+    while (i < html.length) {
+      const ch = html[i];
+      if (inSingleQuote) {
+        if (ch === "'")
+          inSingleQuote = !1;
+      } else if (inDoubleQuote) {
+        if (ch === '"')
+          inDoubleQuote = !1;
+      } else if (ch === "'")
+        inSingleQuote = !0;
+      else if (ch === '"')
+        inDoubleQuote = !0;
+      else if (ch === ">") {
+        tagCloseIdx = i;
+        break;
+      }
+      i++;
+    }
+    if (tagCloseIdx === -1)
+      continue;
+    if (html.slice(tagOpenStart, tagCloseIdx + 1).includes("x-cloak"))
+      continue;
+    const afterTag = html.slice(tagCloseIdx + 1), closingIdx = afterTag.indexOf("</"), textContent = closingIdx >= 0 ? afterTag.slice(0, closingIdx) : afterTag.slice(0, 200);
+    if (/\{\{[\s\S]*?\}\}/.test(textContent)) {
+      result += html.slice(lastIndex, tagCloseIdx) + " x-cloak>";
+      lastIndex = tagCloseIdx + 1;
+    }
+  }
+  result += html.slice(lastIndex);
+  return result;
+}
+const CONDITIONAL_DIRECTIVE_RE = /(?:^|\s)(?::else-if|:if|:else|:show|x-else-if|x-if|x-else|x-show|@if|@show)(?:=|\s|\/|>|$)/;
+export function addCloakToConditionalDirectives(html) {
+  const tagStartRe = /<[a-z][\w-]*/gi;
+  let result = "", lastIndex = 0, tagMatch;
+  while ((tagMatch = tagStartRe.exec(html)) !== null) {
+    const tagOpenStart = tagMatch.index, tagName = tagMatch[0].slice(1).toLowerCase();
+    if (tagName === "script" || tagName === "style") {
+      const closeTag = `</${tagName}>`, closeIdx = html.toLowerCase().indexOf(closeTag, tagOpenStart);
+      if (closeIdx !== -1)
+        tagStartRe.lastIndex = closeIdx + closeTag.length;
+      continue;
+    }
+    let i = tagOpenStart + tagMatch[0].length, inSingleQuote = !1, inDoubleQuote = !1, tagCloseIdx = -1;
+    while (i < html.length) {
+      const ch = html[i];
+      if (inSingleQuote) {
+        if (ch === "'")
+          inSingleQuote = !1;
+      } else if (inDoubleQuote) {
+        if (ch === '"')
+          inDoubleQuote = !1;
+      } else if (ch === "'")
+        inSingleQuote = !0;
+      else if (ch === '"')
+        inDoubleQuote = !0;
+      else if (ch === ">") {
+        tagCloseIdx = i;
+        break;
+      }
+      i++;
+    }
+    if (tagCloseIdx === -1)
+      continue;
+    const attrSpan = html.slice(tagOpenStart + tagMatch[0].length, tagCloseIdx);
+    if (/(?:^|\s)x-cloak(?:=|\s|\/|>|$)/.test(attrSpan))
+      continue;
+    if (!CONDITIONAL_DIRECTIVE_RE.test(attrSpan))
+      continue;
+    const isSelfClosing = html[tagCloseIdx - 1] === "/", insertAt = isSelfClosing ? tagCloseIdx - 1 : tagCloseIdx;
+    result += `${html.slice(lastIndex, insertAt)} x-cloak${isSelfClosing ? " " : ""}`;
+    lastIndex = insertAt;
+  }
+  result += html.slice(lastIndex);
+  return result;
+}