@ohos-ports/stacksjs-stx 0.2.287-beta.0

package/dist/craft-ssr.js

@@ -0,0 +1,559 @@
+const templateCache = new Map, renderCache = new Map;
+export function compileTemplate(template, options) {
+  const id = options?.id || generateTemplateId(template), hash = generateHash(template), cached = templateCache.get(id);
+  if (cached && cached.hash === hash)
+    return cached;
+  const tree = parseTemplateToTree(template), scripts = extractScripts(template), styles = extractStyles(template), metadata = analyzeTemplate(tree), { staticParts, dynamicParts } = partitionContent(tree), dependencies = extractDependencies(template), compiled = {
+    id,
+    hash,
+    tree,
+    scripts,
+    styles,
+    staticParts,
+    dynamicParts,
+    dependencies,
+    metadata
+  };
+  templateCache.set(id, compiled);
+  return compiled;
+}
+export async function renderSSR(compiled, context = {}, config = {}) {
+  const startTime = performance.now();
+  if (config.cache) {
+    const cacheKey = `${compiled.id}:${JSON.stringify(context)}`, cached = renderCache.get(cacheKey);
+    if (cached && Date.now() - cached.timestamp < (config.cacheTTL || 60000))
+      return {
+        html: cached.html,
+        styles: compiled.styles.join(`
+`),
+        scripts: compiled.scripts.join(`
+`),
+        metadata: {
+          renderTime: 0,
+          cacheHit: !0,
+          totalSize: cached.html.length,
+          componentCount: compiled.metadata.componentCount
+        }
+      };
+  }
+  let html;
+  if (config.streaming)
+    html = await renderTreeStreaming(compiled.tree, context);
+  else
+    html = renderTreeToHTML(compiled.tree, context);
+  let hydrationData;
+  if (config.hydrate) {
+    const result = addHydrationMarkers(html, compiled, context);
+    html = result.html;
+    hydrationData = result.data;
+  }
+  if (config.minify)
+    html = minifyHTML(html);
+  if (config.cache) {
+    const cacheKey = `${compiled.id}:${JSON.stringify(context)}`;
+    renderCache.set(cacheKey, { html, timestamp: Date.now() });
+  }
+  const renderTime = performance.now() - startTime;
+  return {
+    html,
+    styles: compiled.styles.join(`
+`),
+    scripts: compiled.scripts.join(`
+`),
+    hydrationData,
+    metadata: {
+      renderTime,
+      cacheHit: !1,
+      totalSize: html.length,
+      componentCount: compiled.metadata.componentCount
+    }
+  };
+}
+export function generateCraftOptimizations(compiled, _config) {
+  const nativeComponents = [], staticHTML = [], dynamicParts = [], eventHandlers = new Map, nativeWidgets = [];
+  walkTree(compiled.tree, (node, _path) => {
+    if (node.type === "component" && node.componentName) {
+      if (isCraftComponent(node.componentName))
+        nativeComponents.push(node.componentName);
+    }
+    if (node.type === "element" && node.tag) {
+      const suggestion = suggestNativeWidget(node);
+      if (suggestion)
+        nativeWidgets.push(suggestion);
+      if (node.props) {
+        for (const [key, value] of Object.entries(node.props))
+          if (key.startsWith("on") && typeof value === "string") {
+            const handlerId = `handler_${eventHandlers.size}`;
+            eventHandlers.set(handlerId, value);
+          }
+      }
+    }
+    if (node.isStatic && node.type === "element")
+      staticHTML.push(renderNodeToHTML(node));
+    else if (!node.isStatic && node.type !== "text")
+      dynamicParts.push(node.tag || node.componentName || "unknown");
+  });
+  return {
+    nativeComponents,
+    staticHTML,
+    dynamicParts,
+    eventHandlers,
+    nativeWidgets
+  };
+}
+export function prerenderForCraft(template, context = {}) {
+  const compiled = compileTemplate(template), staticHTML = renderStaticParts(compiled, context), dynamicPlaceholders = new Map, craftComponents = [];
+  walkTree(compiled.tree, (node) => {
+    if (node.type === "component" && node.componentName) {
+      if (isCraftComponent(node.componentName)) {
+        craftComponents.push(node.componentName);
+        const placeholder = `<!--craft:${node.componentName}:${node.hydrationKey || "default"}-->`;
+        dynamicPlaceholders.set(node.hydrationKey || node.componentName, placeholder);
+      }
+    }
+  });
+  return {
+    staticHTML,
+    dynamicPlaceholders,
+    craftComponents
+  };
+}
+function parseTemplateToTree(template) {
+  const root = {
+    type: "fragment",
+    children: []
+  };
+  let current = root;
+  const stack = [root];
+  let remaining = template;
+  const selfClosing = new Set([
+    "area",
+    "base",
+    "br",
+    "col",
+    "embed",
+    "hr",
+    "img",
+    "input",
+    "link",
+    "meta",
+    "param",
+    "source",
+    "track",
+    "wbr"
+  ]);
+  while (remaining.length > 0) {
+    const openMatch = remaining.match(/^<(@?[\w-]+)([^>]*)>/);
+    if (openMatch) {
+      const [full, tag, attrsStr] = openMatch, props = parseAttributes(attrsStr), isCraft = tag.startsWith("@craft-"), normalizedTag = isCraft ? tag : tag.toLowerCase(), node = {
+        type: isCraft ? "component" : "element",
+        tag: normalizedTag,
+        props,
+        children: [],
+        componentName: isCraft ? normalizedTag.slice(1) : void 0,
+        isStatic: !hasExpression(attrsStr),
+        hydrationKey: generateHydrationKey()
+      };
+      current.children = current.children || [];
+      current.children.push(node);
+      if (!selfClosing.has(normalizedTag) && !attrsStr.endsWith("/")) {
+        stack.push(node);
+        current = node;
+      }
+      remaining = remaining.slice(full.length);
+      continue;
+    }
+    const closeMatch = remaining.match(/^<\/(@?[\w-]+)>/);
+    if (closeMatch) {
+      const [full, tag] = closeMatch, normalizedTag = tag.startsWith("@craft-") ? tag : tag.toLowerCase();
+      while (stack.length > 1) {
+        const popped = stack.pop();
+        current = stack[stack.length - 1];
+        if (popped.tag === normalizedTag)
+          break;
+      }
+      remaining = remaining.slice(full.length);
+      continue;
+    }
+    const textMatch = remaining.match(/^[^<]+/);
+    if (textMatch) {
+      const text = textMatch[0];
+      if (text.trim()) {
+        const textNode = {
+          type: "text",
+          text,
+          isStatic: !hasExpression(text)
+        };
+        current.children = current.children || [];
+        current.children.push(textNode);
+      }
+      remaining = remaining.slice(text.length);
+      continue;
+    }
+    remaining = remaining.slice(1);
+  }
+  return root;
+}
+function parseAttributes(attrsStr) {
+  const props = {}, attrRegex = /([\w-:@]+)(?:=(?:"([^"]*)"|'([^']*)'|(\S+)))?/g;
+  let match;
+  while ((match = attrRegex.exec(attrsStr)) !== null) {
+    const [, name, doubleQuoted, singleQuoted, unquoted] = match, value = doubleQuoted ?? singleQuoted ?? unquoted ?? !0;
+    props[name] = value;
+  }
+  return props;
+}
+function walkTree(node, callback, path = []) {
+  callback(node, path);
+  if (node.children)
+    node.children.forEach((child, index) => {
+      walkTree(child, callback, [...path, `${index}`]);
+    });
+}
+function renderTreeToHTML(node, context) {
+  switch (node.type) {
+    case "text":
+      return interpolateExpressions(node.text || "", context);
+    case "element":
+    case "component": {
+      const tag = node.tag || "div", attrs = renderAttributes(node.props || {}, context), children = (node.children || []).map((child) => renderTreeToHTML(child, context)).join("");
+      if (!node.children || node.children.length === 0) {
+        if (["input", "br", "hr", "img", "meta", "link"].includes(tag))
+          return `<${tag}${attrs} />`;
+      }
+      return `<${tag}${attrs}>${children}</${tag}>`;
+    }
+    case "fragment":
+      return (node.children || []).map((child) => renderTreeToHTML(child, context)).join("");
+    case "slot":
+      return `<!--slot:${node.slotName || "default"}-->`;
+    default:
+      return "";
+  }
+}
+function renderNodeToHTML(node) {
+  if (node.type === "text")
+    return node.text || "";
+  const tag = node.tag || "div", attrs = renderAttributes(node.props || {}, {});
+  return `<${tag}${attrs}></${tag}>`;
+}
+function renderAttributes(props, context) {
+  const attrs = [];
+  for (const [key, value] of Object.entries(props))
+    if (value === !0)
+      attrs.push(` ${key}`);
+    else if (value !== !1 && value !== null && value !== void 0) {
+      const strValue = interpolateExpressions(String(value), context);
+      attrs.push(` ${key}="${escapeHTML(strValue)}"`);
+    }
+  return attrs.join("");
+}
+async function renderTreeStreaming(node, context) {
+  return renderTreeToHTML(node, context);
+}
+function renderStaticParts(compiled, context) {
+  const parts = [];
+  walkTree(compiled.tree, (node) => {
+    if (node.isStatic)
+      parts.push(renderTreeToHTML(node, context));
+  });
+  return parts.join("");
+}
+function addHydrationMarkers(html, compiled, context) {
+  const data = {
+    templateId: compiled.id,
+    context,
+    dynamicParts: Array.from(compiled.dynamicParts.entries())
+  }, hydrationScript = `
+<script data-craft-hydration>
+  window.__CRAFT_HYDRATION__ = ${JSON.stringify(data)};
+</script>`;
+  return {
+    html: html + hydrationScript,
+    data
+  };
+}
+function analyzeTemplate(tree) {
+  let hasSlots = !1, hasDynamicContent = !1, hasEventHandlers = !1, hasAsyncContent = !1, componentCount = 0, maxDepth = 0;
+  function analyze(node, depth) {
+    maxDepth = Math.max(maxDepth, depth);
+    if (node.type === "slot")
+      hasSlots = !0;
+    if (node.type === "component")
+      componentCount++;
+    if (!node.isStatic)
+      hasDynamicContent = !0;
+    if (node.props)
+      for (const key of Object.keys(node.props)) {
+        if (key.startsWith("on"))
+          hasEventHandlers = !0;
+        if (key === "@async" || key === "data-async")
+          hasAsyncContent = !0;
+      }
+    if (node.children)
+      node.children.forEach((child) => analyze(child, depth + 1));
+  }
+  analyze(tree, 0);
+  return {
+    hasSlots,
+    hasDynamicContent,
+    hasEventHandlers,
+    hasAsyncContent,
+    componentCount,
+    maxDepth,
+    estimatedSize: JSON.stringify(tree).length
+  };
+}
+function partitionContent(tree) {
+  const staticParts = new Map, dynamicParts = new Map;
+  walkTree(tree, (node, path) => {
+    const key = path.join(".");
+    if (node.isStatic)
+      staticParts.set(key, renderNodeToHTML(node));
+    else
+      dynamicParts.set(key, node.tag || node.componentName || "dynamic");
+  });
+  return { staticParts, dynamicParts };
+}
+function extractScripts(template) {
+  const scripts = [], scriptRegex = /<script[^>]*>([\s\S]*?)<\/script>/gi;
+  let match;
+  while ((match = scriptRegex.exec(template)) !== null)
+    scripts.push(match[1]);
+  return scripts;
+}
+function extractStyles(template) {
+  const styles = [], styleRegex = /<style[^>]*>([\s\S]*?)<\/style>/gi;
+  let match;
+  while ((match = styleRegex.exec(template)) !== null)
+    styles.push(match[1]);
+  return styles;
+}
+function extractDependencies(template) {
+  const deps = [], includeRegex = /@include\s*\(\s*['"]([^'"]+)['"]/g;
+  let match;
+  while ((match = includeRegex.exec(template)) !== null)
+    deps.push(match[1]);
+  const componentRegex = /@component\s*\(\s*['"]([^'"]+)['"]/g;
+  while ((match = componentRegex.exec(template)) !== null)
+    deps.push(match[1]);
+  const craftRegex = /<@craft-[\w-]+/g;
+  while ((match = craftRegex.exec(template)) !== null)
+    deps.push(match[0].slice(2));
+  return [...new Set(deps)];
+}
+function hasExpression(str) {
+  return /\{\{.*?\}\}|\{\!\!.*?\!\!\}/.test(str);
+}
+function interpolateExpressions(str, context) {
+  let result = str.replace(/\{\{\s*(.+?)\s*\}\}/g, (_match, expr) => {
+    try {
+      const value = evaluateExpression(expr.trim(), context);
+      return escapeHTML(String(value ?? ""));
+    } catch {
+      return "";
+    }
+  });
+  result = result.replace(/\{!!\s*(.+?)\s*!!\}/g, (_match, expr) => {
+    try {
+      const value = evaluateExpression(expr.trim(), context);
+      return String(value ?? "");
+    } catch {
+      return "";
+    }
+  });
+  return result;
+}
+function evaluateExpression(expr, context) {
+  if (/^[\w.]+$/.test(expr)) {
+    const parts = expr.split(".");
+    let value = context;
+    for (const part of parts)
+      if (value && typeof value === "object" && part in value)
+        value = value[part];
+      else
+        return;
+    return value;
+  }
+  try {
+    return Function(...Object.keys(context), `return ${expr}`)(...Object.values(context));
+  } catch {
+    return;
+  }
+}
+function escapeHTML(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function minifyHTML(html) {
+  return html.replace(/\s+/g, " ").replace(/>\s+</g, "><").replace(/\s+>/g, ">").replace(/<\s+/g, "<").trim();
+}
+function generateTemplateId(template) {
+  let hash = 0;
+  for (let i = 0;i < template.length; i++) {
+    const char = template.charCodeAt(i);
+    hash = (hash << 5) - hash + char;
+    hash = hash & hash;
+  }
+  return `tpl_${Math.abs(hash).toString(36)}`;
+}
+function generateHash(content) {
+  let hash = 0;
+  for (let i = 0;i < content.length; i++) {
+    const char = content.charCodeAt(i);
+    hash = (hash << 5) - hash + char;
+    hash = hash & hash;
+  }
+  return Math.abs(hash).toString(36);
+}
+let hydrationKeyCounter = 0;
+function generateHydrationKey() {
+  return `h_${++hydrationKeyCounter}`;
+}
+function isCraftComponent(name) {
+  return [
+    "craft-button",
+    "craft-text-input",
+    "craft-textarea",
+    "craft-checkbox",
+    "craft-radio",
+    "craft-select",
+    "craft-slider",
+    "craft-toggle",
+    "craft-date-picker",
+    "craft-time-picker",
+    "craft-color-picker",
+    "craft-file-input",
+    "craft-modal",
+    "craft-alert",
+    "craft-toast",
+    "craft-progress",
+    "craft-spinner",
+    "craft-avatar",
+    "craft-badge",
+    "craft-card",
+    "craft-accordion",
+    "craft-tabs",
+    "craft-tooltip",
+    "craft-popover",
+    "craft-dropdown",
+    "craft-context-menu",
+    "craft-data-table",
+    "craft-virtual-list",
+    "craft-tree-view",
+    "craft-map",
+    "craft-chart",
+    "craft-video",
+    "craft-audio",
+    "craft-webview",
+    "craft-canvas",
+    "craft-image-viewer",
+    "craft-pdf-viewer",
+    "craft-code-editor",
+    "craft-rich-editor"
+  ].includes(name);
+}
+function suggestNativeWidget(node) {
+  const tag = node.tag?.toLowerCase(), type = node.props?.type, suggestions = {
+    button: {
+      component: "craft-button",
+      confidence: 0.95,
+      reason: "Native button provides better touch feedback"
+    },
+    "input:text": {
+      component: "craft-text-input",
+      confidence: 0.9,
+      reason: "Native text input has better keyboard handling"
+    },
+    "input:checkbox": {
+      component: "craft-checkbox",
+      confidence: 0.95,
+      reason: "Native checkbox follows platform conventions"
+    },
+    "input:range": {
+      component: "craft-slider",
+      confidence: 0.9,
+      reason: "Native slider provides smooth interaction"
+    },
+    "input:date": {
+      component: "craft-date-picker",
+      confidence: 0.95,
+      reason: "Native date picker provides platform-specific UI"
+    },
+    "input:time": {
+      component: "craft-time-picker",
+      confidence: 0.95,
+      reason: "Native time picker provides platform-specific UI"
+    },
+    "input:color": {
+      component: "craft-color-picker",
+      confidence: 0.9,
+      reason: "Native color picker provides platform-specific UI"
+    },
+    textarea: {
+      component: "craft-textarea",
+      confidence: 0.85,
+      reason: "Native textarea handles multiline input better"
+    },
+    select: {
+      component: "craft-select",
+      confidence: 0.9,
+      reason: "Native select provides platform dropdown UI"
+    },
+    progress: {
+      component: "craft-progress",
+      confidence: 0.95,
+      reason: "Native progress bar matches platform style"
+    },
+    video: {
+      component: "craft-video",
+      confidence: 0.95,
+      reason: "Native video provides hardware acceleration"
+    },
+    audio: {
+      component: "craft-audio",
+      confidence: 0.95,
+      reason: "Native audio provides system integration"
+    },
+    dialog: {
+      component: "craft-modal",
+      confidence: 0.9,
+      reason: "Native modal provides proper layering and focus"
+    }
+  }, key = type ? `${tag}:${type}` : tag, suggestion = suggestions[key || ""] || suggestions[tag || ""];
+  if (suggestion)
+    return {
+      htmlSelector: key || tag || "",
+      nativeComponent: suggestion.component,
+      confidence: suggestion.confidence,
+      reason: suggestion.reason
+    };
+  return null;
+}
+export function clearTemplateCache() {
+  templateCache.clear();
+}
+export function clearRenderCache() {
+  renderCache.clear();
+}
+export function clearAllCaches() {
+  clearTemplateCache();
+  clearRenderCache();
+}
+export function getSSRCacheStats() {
+  return {
+    templateCacheSize: templateCache.size,
+    renderCacheSize: renderCache.size,
+    totalEntries: templateCache.size + renderCache.size
+  };
+}
+const craftSSR = {
+  compileTemplate,
+  renderSSR,
+  generateCraftOptimizations,
+  prerenderForCraft,
+  clearTemplateCache,
+  clearRenderCache,
+  clearAllCaches,
+  getSSRCacheStats
+};
+export default craftSSR;

package/dist/craft.js

@@ -0,0 +1,9 @@
+// @bun
+import{$j as Aj,Zj as Nj,_j as wj}from"./chunk-jr3jp3ev.js";import{bk as Uj,ck as Xj,dk as Yj,ek as Zj,fk as _j,gk as $j,hk as qj,ik as Fj,jk as Oj,kk as Vj,lk as Ij,mk as Qj,nk as Wj,ok as Kj}from"./chunk-bfqfs07m.js";import"./chunk-9wr7zcad.js";import"./chunk-y11cxbxd.js";import"./chunk-92mj1t26.js";import"./chunk-8mjdpr94.js";import"./chunk-pkaabd8h.js";import"./chunk-xpp135ad.js";import"./chunk-wrzwgkbx.js";import"./chunk-5kk8gsj2.js";import"./chunk-38ejahd9.js";import"./chunk-ypmqf7tm.js";import"./chunk-de7fye10.js";import"./chunk-v5e1gxwm.js";import"./chunk-b6ej2fdf.js";import"./chunk-x650vjcp.js";import"./chunk-qc1f74ek.js";var I=new Map,Q=new Map;function L(j,B){let G=B?.id||g(j),J=h(j),U=I.get(G);if(U&&U.hash===J)return U;let X=S(j),Z=y(j),Y=T(j),_=v(X),{staticParts:q,dynamicParts:$}=C(X),F=u(j),O={id:G,hash:J,tree:X,scripts:Z,styles:Y,staticParts:q,dynamicParts:$,dependencies:F,metadata:_};return I.set(G,O),O}async function r(j,B={},G={}){let J=performance.now();if(G.cache){let Y=`${j.id}:${JSON.stringify(B)}`,_=Q.get(Y);if(_&&Date.now()-_.timestamp<(G.cacheTTL||60000))return{html:_.html,styles:j.styles.join(`
+`),scripts:j.scripts.join(`
+`),metadata:{renderTime:0,cacheHit:!0,totalSize:_.html.length,componentCount:j.metadata.componentCount}}}let U;if(G.streaming)U=await H(j.tree,B);else U=W(j.tree,B);let X;if(G.hydrate){let Y=k(U,j,B);U=Y.html,X=Y.data}if(G.minify)U=x(U);if(G.cache){let Y=`${j.id}:${JSON.stringify(B)}`;Q.set(Y,{html:U,timestamp:Date.now()})}let Z=performance.now()-J;return{html:U,styles:j.styles.join(`
+`),scripts:j.scripts.join(`
+`),hydrationData:X,metadata:{renderTime:Z,cacheHit:!1,totalSize:U.length,componentCount:j.metadata.componentCount}}}function c(j,B){let G=[],J=[],U=[],X=new Map,Z=[];return K(j.tree,(Y,_)=>{if(Y.type==="component"&&Y.componentName){if(R(Y.componentName))G.push(Y.componentName)}if(Y.type==="element"&&Y.tag){let q=i(Y);if(q)Z.push(q);if(Y.props){for(let[$,F]of Object.entries(Y.props))if($.startsWith("on")&&typeof F==="string"){let O=`handler_${X.size}`;X.set(O,F)}}}if(Y.isStatic&&Y.type==="element")J.push(z(Y));else if(!Y.isStatic&&Y.type!=="text")U.push(Y.tag||Y.componentName||"unknown")}),{nativeComponents:G,staticHTML:J,dynamicParts:U,eventHandlers:X,nativeWidgets:Z}}function d(j,B={}){let G=L(j),J=f(G,B),U=new Map,X=[];return K(G.tree,(Z)=>{if(Z.type==="component"&&Z.componentName){if(R(Z.componentName)){X.push(Z.componentName);let Y=`<!--craft:${Z.componentName}:${Z.hydrationKey||"default"}-->`;U.set(Z.hydrationKey||Z.componentName,Y)}}}),{staticHTML:J,dynamicPlaceholders:U,craftComponents:X}}function S(j){let B={type:"fragment",children:[]},G=B,J=[B],U=j,X=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]);while(U.length>0){let Z=U.match(/^<(@?[\w-]+)([^>]*)>/);if(Z){let[q,$,F]=Z,O=M(F),V=$.startsWith("@craft-"),N=V?$:$.toLowerCase(),w={type:V?"component":"element",tag:N,props:O,children:[],componentName:V?N.slice(1):void 0,isStatic:!A(F),hydrationKey:p()};if(G.children=G.children||[],G.children.push(w),!X.has(N)&&!F.endsWith("/"))J.push(w),G=w;U=U.slice(q.length);continue}let Y=U.match(/^<\/(@?[\w-]+)>/);if(Y){let[q,$]=Y,O=$.startsWith("@craft-")?$:$.toLowerCase();while(J.length>1){let V=J.pop();if(G=J[J.length-1],V.tag===O)break}U=U.slice(q.length);continue}let _=U.match(/^[^<]+/);if(_){let q=_[0];if(q.trim()){let $={type:"text",text:q,isStatic:!A(q)};G.children=G.children||[],G.children.push($)}U=U.slice(q.length);continue}U=U.slice(1)}return B}function M(j){let B={},G=/([\w-:@]+)(?:=(?:"([^"]*)"|'([^']*)'|(\S+)))?/g,J;while((J=G.exec(j))!==null){let[,U,X,Z,Y]=J,_=X??Z??Y??!0;B[U]=_}return B}function K(j,B,G=[]){if(B(j,G),j.children)j.children.forEach((J,U)=>{K(J,B,[...G,`${U}`])})}function W(j,B){switch(j.type){case"text":return E(j.text||"",B);case"element":case"component":{let G=j.tag||"div",J=D(j.props||{},B),U=(j.children||[]).map((X)=>W(X,B)).join("");if(!j.children||j.children.length===0){if(["input","br","hr","img","meta","link"].includes(G))return`<${G}${J} />`}return`<${G}${J}>${U}</${G}>`}case"fragment":return(j.children||[]).map((G)=>W(G,B)).join("");case"slot":return`<!--slot:${j.slotName||"default"}-->`;default:return""}}function z(j){if(j.type==="text")return j.text||"";let B=j.tag||"div",G=D(j.props||{},{});return`<${B}${G}></${B}>`}function D(j,B){let G=[];for(let[J,U]of Object.entries(j))if(U===!0)G.push(` ${J}`);else if(U!==!1&&U!==null&&U!==void 0){let X=E(String(U),B);G.push(` ${J}="${P(X)}"`)}return G.join("")}async function H(j,B){return W(j,B)}function f(j,B){let G=[];return K(j.tree,(J)=>{if(J.isStatic)G.push(W(J,B))}),G.join("")}function k(j,B,G){let J={templateId:B.id,context:G,dynamicParts:Array.from(B.dynamicParts.entries())},U=`
+<script data-craft-hydration>
+  window.__CRAFT_HYDRATION__ = ${JSON.stringify(J)};
+</script>`;return{html:j+U,data:J}}function v(j){let B=!1,G=!1,J=!1,U=!1,X=0,Z=0;function Y(_,q){if(Z=Math.max(Z,q),_.type==="slot")B=!0;if(_.type==="component")X++;if(!_.isStatic)G=!0;if(_.props)for(let $ of Object.keys(_.props)){if($.startsWith("on"))J=!0;if($==="@async"||$==="data-async")U=!0}if(_.children)_.children.forEach(($)=>Y($,q+1))}return Y(j,0),{hasSlots:B,hasDynamicContent:G,hasEventHandlers:J,hasAsyncContent:U,componentCount:X,maxDepth:Z,estimatedSize:JSON.stringify(j).length}}function C(j){let B=new Map,G=new Map;return K(j,(J,U)=>{let X=U.join(".");if(J.isStatic)B.set(X,z(J));else G.set(X,J.tag||J.componentName||"dynamic")}),{staticParts:B,dynamicParts:G}}function y(j){let B=[],G=/<script[^>]*>([\s\S]*?)<\/script>/gi,J;while((J=G.exec(j))!==null)B.push(J[1]);return B}function T(j){let B=[],G=/<style[^>]*>([\s\S]*?)<\/style>/gi,J;while((J=G.exec(j))!==null)B.push(J[1]);return B}function u(j){let B=[],G=/@include\s*\(\s*['"]([^'"]+)['"]/g,J;while((J=G.exec(j))!==null)B.push(J[1]);let U=/@component\s*\(\s*['"]([^'"]+)['"]/g;while((J=U.exec(j))!==null)B.push(J[1]);let X=/<@craft-[\w-]+/g;while((J=X.exec(j))!==null)B.push(J[0].slice(2));return[...new Set(B)]}function A(j){return/\{\{.*?\}\}|\{\!\!.*?\!\!\}/.test(j)}function E(j,B){let G=j.replace(/\{\{\s*(.+?)\s*\}\}/g,(J,U)=>{try{let X=b(U.trim(),B);return P(String(X??""))}catch{return""}});return G=G.replace(/\{!!\s*(.+?)\s*!!\}/g,(J,U)=>{try{let X=b(U.trim(),B);return String(X??"")}catch{return""}}),G}function b(j,B){if(/^[\w.]+$/.test(j)){let G=j.split("."),J=B;for(let U of G)if(J&&typeof J==="object"&&U in J)J=J[U];else return;return J}try{return Function(...Object.keys(B),`return ${j}`)(...Object.values(B))}catch{return}}function P(j){return j.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function x(j){return j.replace(/\s+/g," ").replace(/>\s+</g,"><").replace(/\s+>/g,">").replace(/<\s+/g,"<").trim()}function g(j){let B=0;for(let G=0;G<j.length;G++){let J=j.charCodeAt(G);B=(B<<5)-B+J,B=B&B}return`tpl_${Math.abs(B).toString(36)}`}function h(j){let B=0;for(let G=0;G<j.length;G++){let J=j.charCodeAt(G);B=(B<<5)-B+J,B=B&B}return Math.abs(B).toString(36)}var m=0;function p(){return`h_${++m}`}function R(j){return["craft-button","craft-text-input","craft-textarea","craft-checkbox","craft-radio","craft-select","craft-slider","craft-toggle","craft-date-picker","craft-time-picker","craft-color-picker","craft-file-input","craft-modal","craft-alert","craft-toast","craft-progress","craft-spinner","craft-avatar","craft-badge","craft-card","craft-accordion","craft-tabs","craft-tooltip","craft-popover","craft-dropdown","craft-context-menu","craft-data-table","craft-virtual-list","craft-tree-view","craft-map","craft-chart","craft-video","craft-audio","craft-webview","craft-canvas","craft-image-viewer","craft-pdf-viewer","craft-code-editor","craft-rich-editor"].includes(j)}function i(j){let B=j.tag?.toLowerCase(),G=j.props?.type,J={button:{component:"craft-button",confidence:0.95,reason:"Native button provides better touch feedback"},"input:text":{component:"craft-text-input",confidence:0.9,reason:"Native text input has better keyboard handling"},"input:checkbox":{component:"craft-checkbox",confidence:0.95,reason:"Native checkbox follows platform conventions"},"input:range":{component:"craft-slider",confidence:0.9,reason:"Native slider provides smooth interaction"},"input:date":{component:"craft-date-picker",confidence:0.95,reason:"Native date picker provides platform-specific UI"},"input:time":{component:"craft-time-picker",confidence:0.95,reason:"Native time picker provides platform-specific UI"},"input:color":{component:"craft-color-picker",confidence:0.9,reason:"Native color picker provides platform-specific UI"},textarea:{component:"craft-textarea",confidence:0.85,reason:"Native textarea handles multiline input better"},select:{component:"craft-select",confidence:0.9,reason:"Native select provides platform dropdown UI"},progress:{component:"craft-progress",confidence:0.95,reason:"Native progress bar matches platform style"},video:{component:"craft-video",confidence:0.95,reason:"Native video provides hardware acceleration"},audio:{component:"craft-audio",confidence:0.95,reason:"Native audio provides system integration"},dialog:{component:"craft-modal",confidence:0.9,reason:"Native modal provides proper layering and focus"}},U=G?`${B}:${G}`:B,X=J[U||""]||J[B||""];if(X)return{htmlSelector:U||B||"",nativeComponent:X.component,confidence:X.confidence,reason:X.reason};return null}function s(){I.clear()}function l(){Q.clear()}function o(){s(),l()}function a(){return{templateCacheSize:I.size,renderCacheSize:Q.size,totalEntries:I.size+Q.size}}export{r as renderSSR,Vj as registerCraftComponent,Zj as processCraftDirective,Oj as processCraftComponents,d as prerenderForCraft,Yj as isCraftEnvironment,_j as injectCraftBridge,a as getSSRCacheStats,Ij as getCraftComponents,Wj as getAvailableTargets,Kj as getAvailableFormats,c as generateCraftOptimizations,Xj as generateCraftBridgeScript,Aj as createHotReloadServer,wj as compileToNative,L as compileTemplate,s as clearTemplateCache,l as clearRenderCache,o as clearAllCaches,Qj as buildNative,Nj as NATIVE_COMPONENTS,qj as CRAFT_COMPONENT_STYLES,Fj as CRAFT_COMPONENT_RUNTIME,$j as CRAFT_COMPONENTS,Uj as CRAFT_BRIDGE_SCRIPT};