@stacksjs/stx 0.2.95 → 0.2.96

package/dist/client-script.js

@@ -1,2 +1,754 @@
-// @bun
-import{jr as a,kr as b,lr as c,mr as d,nr as e}from"./chunk-1xz0w746.js";import"./chunk-m8448qby.js";import"./chunk-kx6eb6ma.js";import"./chunk-g1vt329s.js";import"./chunk-7074g241.js";import"./chunk-9cf97f9p.js";import"./chunk-6djzdes9.js";import"./chunk-v7f8jj15.js";import"./chunk-keawsbpn.js";import"./chunk-8b3z0zd5.js";import"./chunk-hbgxbgam.js";import"./chunk-ejh8fyak.js";import"./chunk-krqn0ddk.js";import"./chunk-y1k17c8b.js";import"./chunk-2j21d3ka.js";import"./chunk-frg705zq.js";import"./chunk-hjm2xab3.js";import"./chunk-07y6m5xx.js";import"./chunk-wazkqv7n.js";import"./chunk-x05nxhyv.js";import"./chunk-31dr4bys.js";import"./chunk-mgj88zeq.js";import"./chunk-m167kjhv.js";import"./chunk-3a4qsygv.js";import"./chunk-dqn9gyhb.js";import"./chunk-988dw6q3.js";import"./chunk-8qc1bsym.js";import"./chunk-xyg1r5w0.js";import"./chunk-7gd339hd.js";import"./chunk-4deg33rw.js";import"./chunk-pa9zb7ty.js";import"./chunk-a2g2qb2y.js";import"./chunk-h5jxydqq.js";import"./chunk-nhv099jv.js";import"./chunk-shv88d2d.js";import"./chunk-0dx4q6yq.js";import"./chunk-ek2w6zvy.js";import"./chunk-9wmq2272.js";import"./chunk-7dkz6z2s.js";import"./chunk-9ecv8aqj.js";import"./chunk-bdk6g1vj.js";import"./chunk-xqq1vxb6.js";import"./chunk-amaa1bev.js";import"./chunk-r5m9xtm7.js";import"./chunk-bs3gmfxz.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-7ed3tean.js";import"./chunk-8vtm0m84.js";import"./chunk-tzwtg722.js";import"./chunk-ah88wzbg.js";import"./chunk-v8j49spx.js";import"./chunk-tg2f1mzq.js";import"./chunk-n9dhs1dw.js";import"./chunk-rwrv9wbf.js";import"./chunk-wg9k6h8w.js";import"./chunk-9jtj77jx.js";import"./chunk-qygvvygy.js";import"./chunk-gz5fmp3q.js";import"./chunk-vjbefncc.js";import"./chunk-8xj7c3mf.js";import"./chunk-qvrbjpdc.js";import"./chunk-w3b6m427.js";import"./chunk-rz2ec6g7.js";import"./chunk-35faj94w.js";import"./chunk-djddhmcc.js";import"./chunk-knm8a8yx.js";import"./chunk-xv34zbp4.js";export{b as renderVendorStyleTags,e as processClientScript,d as generateServerDataBridge,c as extractBridgeData,a as extractAndStripCssImports};
+import path from "node:path";
+import fs from "node:fs";
+import { transformStoreImports } from "./store-imports.js";
+import { shouldTranspileTypeScript, transpileTypeScript } from "./utils.js";
+const CSS_SIDE_EFFECT_IMPORT_REGEX = /^[ \t]*import\s+['"]([^'"]+?\.css)(\?[^'"]*)?['"]\s*;?\s*$/gm;
+function splitBareSpecifier(spec) {
+  if (spec.startsWith(".") || spec.startsWith("/"))
+    return null;
+  if (spec.startsWith("@")) {
+    const m = spec.match(/^(@[^/]+\/[^/]+)(\/.*)?$/);
+    if (!m)
+      return null;
+    return { pkg: m[1], subpath: m[2] || "" };
+  }
+  const m = spec.match(/^([^/]+)(\/.*)?$/);
+  if (!m)
+    return null;
+  return { pkg: m[1], subpath: m[2] || "" };
+}
+function findPackageDir(pkg, fromDir) {
+  let dir = fromDir;
+  while (!0) {
+    const candidate = path.join(dir, "node_modules", pkg, "package.json");
+    if (fs.existsSync(candidate))
+      return path.dirname(candidate);
+    const parent = path.dirname(dir);
+    if (parent === dir)
+      return null;
+    dir = parent;
+  }
+}
+function resolveExportsSubpath(exports, request) {
+  if (!exports || typeof exports !== "object")
+    return null;
+  const pickTarget = (target) => {
+    if (typeof target === "string")
+      return target;
+    if (target && typeof target === "object") {
+      if (typeof target.import === "string")
+        return target.import;
+      if (typeof target.default === "string")
+        return target.default;
+      if (typeof target.import === "object")
+        return pickTarget(target.import);
+      if (typeof target.default === "object")
+        return pickTarget(target.default);
+    }
+    return null;
+  };
+  if (Object.prototype.hasOwnProperty.call(exports, request))
+    return pickTarget(exports[request]);
+  let bestMatch = null;
+  for (const pattern of Object.keys(exports)) {
+    const starIdx = pattern.indexOf("*");
+    if (starIdx === -1)
+      continue;
+    const prefix = pattern.slice(0, starIdx), suffix = pattern.slice(starIdx + 1);
+    if (!request.startsWith(prefix) || !request.endsWith(suffix))
+      continue;
+    if (request.length < prefix.length + suffix.length)
+      continue;
+    if (!bestMatch || prefix.length > bestMatch.prefix.length)
+      bestMatch = { pattern, prefix, suffix };
+  }
+  if (bestMatch) {
+    const matchedInner = request.slice(bestMatch.prefix.length, request.length - bestMatch.suffix.length), target = pickTarget(exports[bestMatch.pattern]);
+    if (target)
+      return target.replace("*", matchedInner);
+  }
+  return null;
+}
+function resolveByPackageExports(spec, fromDir) {
+  const split = splitBareSpecifier(spec);
+  if (!split || !split.subpath)
+    return null;
+  const pkgDir = findPackageDir(split.pkg, fromDir);
+  if (!pkgDir)
+    return null;
+  let manifest;
+  try {
+    manifest = JSON.parse(fs.readFileSync(path.join(pkgDir, "package.json"), "utf8"));
+  } catch {
+    return null;
+  }
+  const request = `.${split.subpath}`, target = resolveExportsSubpath(manifest.exports, request);
+  if (!target)
+    return null;
+  const abs = path.resolve(pkgDir, target);
+  return fs.existsSync(abs) ? abs : null;
+}
+export function extractAndStripCssImports(code, options) {
+  const templateDir = options.filePath ? path.dirname(options.filePath) : options.projectRoot || process.cwd(), projectRoot = options.projectRoot || process.cwd(), seen = new Set, styles = [];
+  return { code: code.replace(CSS_SIDE_EFFECT_IMPORT_REGEX, (_match, spec) => {
+    let resolvedPath;
+    try {
+      if (spec.startsWith("./") || spec.startsWith("../") || spec.startsWith("/")) {
+        resolvedPath = spec.startsWith("/") ? spec : path.resolve(templateDir, spec);
+        if (!fs.existsSync(resolvedPath))
+          throw Error(`file not found: ${resolvedPath}`);
+      } else {
+        let resolved = null;
+        try {
+          resolved = Bun.resolveSync(spec, projectRoot);
+        } catch {
+          resolved = resolveByPackageExports(spec, projectRoot);
+        }
+        if (!resolved)
+          throw Error(`could not resolve ${spec} (Bun.resolveSync + exports fallback both failed)`);
+        resolvedPath = resolved;
+      }
+    } catch (err) {
+      console.warn(`[stx:vendor-css] could not resolve ${JSON.stringify(spec)} (from ${options.filePath || "<unknown>"}): ${err?.message || err}`);
+      return "";
+    }
+    if (seen.has(resolvedPath))
+      return "";
+    seen.add(resolvedPath);
+    try {
+      const contents = fs.readFileSync(resolvedPath, "utf8");
+      styles.push({ source: spec, resolvedPath, contents });
+    } catch (err) {
+      console.warn(`[stx:vendor-css] could not read ${resolvedPath}: ${err?.message || err}`);
+    }
+    return "";
+  }), styles };
+}
+function escapeAttr(value) {
+  return value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+export function renderVendorStyleTags(styles) {
+  if (styles.length === 0)
+    return "";
+  return `${styles.map((s) => {
+    return `<style data-stx-vendor="${escapeAttr(s.source)}" data-stx-layer="vendor">
+@layer vendor {
+${s.contents}
+}
+</style>`;
+  }).join(`
+`)}
+`;
+}
+const STX_AUTO_IMPORTS = [
+  "state",
+  "derived",
+  "effect",
+  "batch",
+  "untrack",
+  "peek",
+  "isSignal",
+  "isDerived",
+  "onMount",
+  "onDestroy",
+  "useRef",
+  "navigate",
+  "goBack",
+  "goForward",
+  "useRoute",
+  "setRouteParams",
+  "useSearchParams",
+  "useFetch",
+  "useQuery",
+  "useMutation",
+  "useOptimistic",
+  "useReactiveProp",
+  "useLocalStorage",
+  "useSessionStorage",
+  "useCookie",
+  "useWebSocket",
+  "useHead",
+  "useSeoMeta",
+  "definePageMeta",
+  "useEventListener",
+  "useMeta",
+  "useDebounce",
+  "useDebouncedValue",
+  "useThrottle",
+  "useInterval",
+  "useTimeout",
+  "useToggle",
+  "useCounter",
+  "useClickOutside",
+  "useFocus",
+  "useAsync",
+  "useColorMode",
+  "useDark",
+  "ref",
+  "reactive",
+  "computed",
+  "watch",
+  "watchEffect",
+  "watchMultiple",
+  "onBeforeMount",
+  "onMounted",
+  "onBeforeUpdate",
+  "onUpdated",
+  "onBeforeUnmount",
+  "onUnmounted",
+  "defineProps",
+  "withDefaults",
+  "defineEmits",
+  "defineExpose",
+  "defineSlots",
+  "provide",
+  "inject",
+  "nextTick",
+  "getCurrentInstance",
+  "onErrorCaptured",
+  "useSlots",
+  "useAttrs",
+  "createStore",
+  "defineStore",
+  "useStore",
+  "action",
+  "createSelector",
+  "h",
+  "Fragment"
+], BROWSER_CORE_IMPORTS = [
+  "browserQuery",
+  "BrowserQueryBuilder",
+  "BrowserQueryError",
+  "browserAuth",
+  "configureBrowser",
+  "getBrowserConfig",
+  "createBrowserDb",
+  "createBrowserModel",
+  "isBrowser"
+], JS_BUILTINS = new Set([
+  "Promise",
+  "Object",
+  "Array",
+  "Map",
+  "Set",
+  "Date",
+  "Error",
+  "JSON",
+  "Math",
+  "Number",
+  "String",
+  "RegExp",
+  "Symbol",
+  "WeakMap",
+  "WeakSet",
+  "Proxy",
+  "Reflect",
+  "Intl",
+  "URL",
+  "URLSearchParams",
+  "FormData",
+  "Headers",
+  "Request",
+  "Response",
+  "AbortController",
+  "EventTarget",
+  "Element",
+  "Document",
+  "Node",
+  "Window",
+  "Console",
+  "Storage",
+  "Navigator",
+  "Blob",
+  "File",
+  "FileReader",
+  "HTMLElement",
+  "SVGElement",
+  "Event",
+  "CustomEvent",
+  "DOMParser",
+  "XMLSerializer",
+  "WebSocket",
+  "Worker",
+  "SharedWorker",
+  "IntersectionObserver",
+  "MutationObserver",
+  "ResizeObserver",
+  "PerformanceObserver",
+  "Notification",
+  "Bun",
+  "Buffer",
+  "Process",
+  "Modal",
+  "Intl"
+]);
+function detectModelUsage(code) {
+  const models = new Set, modelPattern = /\b([A-Z][a-zA-Z0-9]*)\s*\.\s*(all|find|first|get|where|orderBy|orderByDesc|limit|select|pluck|create|update|delete)\s*\(/g;
+  let match;
+  while ((match = modelPattern.exec(code)) !== null)
+    if (!JS_BUILTINS.has(match[1]))
+      models.add(match[1]);
+  return Array.from(models);
+}
+function transformAutoImports(code) {
+  const usedStxImports = new Set, usedBrowserImports = new Set;
+  let transformedCode = code;
+  transformedCode = transformedCode.replace(/^\s*import\s+type\s+\{[^}]*\}\s+from\s+['"][^'"]+['"]\s*;?\s*$/gm, "// [type import stripped]");
+  const existingImports = new Set, importRegex = /^\s*import\s+(?:type\s+)?{\s*([^}]+)\s*}\s+from\s+['"](@stacksjs\/browser|stx)['"]\s*;?\s*$/gm;
+  let match;
+  while ((match = importRegex.exec(code)) !== null) {
+    const imports = match[1], source = match[2];
+    if (match[0].includes("import type"))
+      continue;
+    imports.split(",").map((s) => s.trim().split(/\s+as\s+/)[0]).filter((s) => s.length > 0).forEach((name) => {
+      existingImports.add(name);
+      if (source === "stx")
+        usedStxImports.add(name);
+      else
+        usedBrowserImports.add(name);
+    });
+    transformedCode = transformedCode.replace(match[0], "// [auto-import processed]");
+  }
+  for (const symbol of STX_AUTO_IMPORTS) {
+    if (existingImports.has(symbol))
+      continue;
+    if (new RegExp(`\\b${symbol}\\s*\\(`, "g").test(transformedCode))
+      usedStxImports.add(symbol);
+  }
+  for (const symbol of BROWSER_CORE_IMPORTS) {
+    if (existingImports.has(symbol))
+      continue;
+    if (new RegExp(`\\b${symbol}\\b`, "g").test(transformedCode))
+      usedBrowserImports.add(symbol);
+  }
+  const detectedModels = detectModelUsage(transformedCode);
+  for (const model of detectedModels)
+    if (!existingImports.has(model))
+      usedBrowserImports.add(model);
+  return {
+    code: transformedCode,
+    stxImports: Array.from(usedStxImports),
+    browserImports: Array.from(usedBrowserImports)
+  };
+}
+function generateAutoImportDestructuring(stxImports, browserImports) {
+  const lines = [];
+  if (stxImports.length > 0)
+    lines.push(`  var { ${stxImports.join(", ")} } = window.stx || window;`);
+  if (browserImports.length > 0)
+    lines.push(`  var { ${browserImports.join(", ")} } = window.StacksBrowser || {};`);
+  if (lines.length > 0)
+    return `  // STX: auto-imported from stx and @stacksjs/browser
+${lines.join(`
+`)}
+`;
+  return "";
+}
+export function extractBridgeData(context) {
+  const out = {};
+  for (const key in context) {
+    if (key.startsWith("__") || key.startsWith("$"))
+      continue;
+    const value = context[key];
+    if (typeof value === "function")
+      continue;
+    out[key] = value;
+  }
+  return out;
+}
+export function generateServerDataBridge(code, serverData) {
+  if (!serverData)
+    return "";
+  const lines = [];
+  for (const [name, value] of Object.entries(serverData)) {
+    if (!/^[A-Za-z_$][\w$]*$/.test(name))
+      continue;
+    if (!new RegExp(`\\b${name}\\b`).test(code))
+      continue;
+    if (new RegExp(`(?:const|let|var|function|class)\\s+${name}\\b`).test(code))
+      continue;
+    let json;
+    try {
+      json = JSON.stringify(value);
+    } catch {
+      continue;
+    }
+    if (json === void 0)
+      continue;
+    lines.push(`  var ${name} = ${json.replace(/</g, "\\u003c")};`);
+  }
+  if (lines.length === 0)
+    return "";
+  return `  // stx: server -> client data bridge (seeded from server scope)
+${lines.join(`
+`)}
+`;
+}
+const MOUSE_BUTTONS = {
+  left: 0,
+  middle: 1,
+  right: 2
+};
+function generateModifierChecks(modifiers) {
+  const checks = [];
+  if (modifiers.self)
+    checks.push("if ($event.target !== $el) return");
+  for (const key of modifiers.systemKeys)
+    checks.push(`if (!$event.${key}Key) return`);
+  if (modifiers.keys.length > 0) {
+    const keyChecks = modifiers.keys.map((k) => `$event.key === '${k}'`).join(" || ");
+    checks.push(`if (!(${keyChecks})) return`);
+  }
+  if (modifiers.mouse !== null) {
+    const button = MOUSE_BUTTONS[modifiers.mouse];
+    checks.push(`if ($event.button !== ${button}) return`);
+  }
+  if (modifiers.prevent)
+    checks.push("$event.preventDefault()");
+  if (modifiers.stop)
+    checks.push("$event.stopPropagation()");
+  return checks.join("; ");
+}
+function generateSingleEventBinding(binding, index) {
+  const { elementId, event, handler, modifiers } = binding, checks = generateModifierChecks(modifiers), options = [];
+  if (modifiers.once)
+    options.push("once: true");
+  if (modifiers.capture)
+    options.push("capture: true");
+  if (modifiers.passive)
+    options.push("passive: true");
+  const optionsStr = options.length > 0 ? `, { ${options.join(", ")} }` : "";
+  let handlerBody = "";
+  if (checks)
+    handlerBody += `${checks}; `;
+  const escapedHandler = handler.replace(/\\/g, "\\\\").replace(/'/g, "\\'");
+  function scopeAwareHandler(h) {
+    return `var scope = $el.closest('[data-stx-scope]');
+      if (scope && scope.__stx_execute) {
+        scope.__stx_execute('${escapedHandler}', $event, $el);
+      }
+else {
+        ${h}
+      }`;
+  }
+  if (modifiers.debounce !== null)
+    return `  ;(function() {
+    // eslint-disable-next-line pickier/no-unused-vars
+    var $el = document.getElementById('${elementId}')
+    if (!$el) return
+    var __timer
+    $el.addEventListener('${event}', function($event) {
+      ${checks ? checks + "; " : ""}clearTimeout(__timer)
+      __timer = setTimeout(function() { ${scopeAwareHandler(handler)} }, ${modifiers.debounce})
+    }${optionsStr})
+  })()`;
+  if (modifiers.throttle !== null)
+    return `  ;(function() {
+    // eslint-disable-next-line pickier/no-unused-vars
+    var $el = document.getElementById('${elementId}')
+    if (!$el) return
+    var __last = 0
+    $el.addEventListener('${event}', function($event) {
+      ${checks ? checks + "; " : ""}var __now = Date.now()
+      if (__now - __last >= ${modifiers.throttle}) {
+        __last = __now
+        ${scopeAwareHandler(handler)}
+      }
+    }${optionsStr})
+  })()`;
+  return `  var $el = document.getElementById('${elementId}')
+  if ($el) $el.addEventListener('${event}', function($event) {
+    ${handlerBody}var scope = $el.closest('[data-stx-scope]');
+    if (scope && scope.__stx_execute) {
+      scope.__stx_execute('${escapedHandler}', $event, $el);
+    }
+else {
+      ${handler}
+    }
+  }${optionsStr})`;
+}
+function generateInlineEventBindings(bindings) {
+  if (bindings.length === 0)
+    return "";
+  return `
+  // STX: auto-generated event bindings
+${bindings.map((b, i) => generateSingleEventBinding(b, i)).join(`
+`)}`;
+}
+function extractTopLevelDeclarations(code) {
+  const names = [], seen = new Set, cleaned = code.replace(/^\s*import\s+.*$/gm, "");
+  let depth = 0;
+  const len = cleaned.length;
+  let i = 0;
+  while (i < len) {
+    const ch = cleaned[i];
+    if (ch === "'" || ch === '"' || ch === "`") {
+      const quote = ch;
+      i++;
+      if (quote === "`") {
+        let tplDepth = 0;
+        while (i < len) {
+          if (cleaned[i] === "\\") {
+            i += 2;
+            continue;
+          }
+          if (cleaned[i] === "`" && tplDepth === 0) {
+            i++;
+            break;
+          }
+          if (cleaned[i] === "$" && cleaned[i + 1] === "{") {
+            tplDepth++;
+            i += 2;
+            continue;
+          }
+          if (cleaned[i] === "}" && tplDepth > 0) {
+            tplDepth--;
+            i++;
+            continue;
+          }
+          i++;
+        }
+      } else
+        while (i < len) {
+          if (cleaned[i] === "\\") {
+            i += 2;
+            continue;
+          }
+          if (cleaned[i] === quote) {
+            i++;
+            break;
+          }
+          i++;
+        }
+      continue;
+    }
+    if (ch === "/" && cleaned[i + 1] === "/") {
+      while (i < len && cleaned[i] !== `
+`)
+        i++;
+      continue;
+    }
+    if (ch === "/" && cleaned[i + 1] === "*") {
+      i += 2;
+      while (i < len - 1 && !(cleaned[i] === "*" && cleaned[i + 1] === "/"))
+        i++;
+      i += 2;
+      continue;
+    }
+    if (ch === "{") {
+      depth++;
+      i++;
+      continue;
+    }
+    if (ch === "}") {
+      depth--;
+      i++;
+      continue;
+    }
+    if (depth === 0) {
+      const rest = cleaned.slice(i), simpleMatch = rest.match(/^(?:const|let|var)\s+([a-zA-Z_$]\w*)\s*(?::[^=]*)?=/);
+      if (simpleMatch) {
+        const name = simpleMatch[1];
+        if (!name.startsWith("_") && !seen.has(name)) {
+          names.push(name);
+          seen.add(name);
+        }
+        i += simpleMatch[0].length;
+        continue;
+      }
+      const destructMatch = rest.match(/^(?:const|let|var)\s+\{([^}]+)\}\s*=/);
+      if (destructMatch) {
+        destructMatch[1].split(",").forEach((s) => {
+          const trimmed = s.trim(), colonIdx = trimmed.indexOf(":"), name = colonIdx >= 0 ? trimmed.slice(colonIdx + 1).trim().split(/[\s=]/)[0] : trimmed.split(/[\s=]/)[0];
+          if (name && !name.startsWith("_") && !seen.has(name)) {
+            names.push(name);
+            seen.add(name);
+          }
+        });
+        i += destructMatch[0].length;
+        continue;
+      }
+      const fnMatch = rest.match(/^(?:async\s+)?function\s+([a-zA-Z_$]\w*)/);
+      if (fnMatch) {
+        const name = fnMatch[1];
+        if (!name.startsWith("_") && !seen.has(name)) {
+          names.push(name);
+          seen.add(name);
+        }
+        i += fnMatch[0].length;
+        continue;
+      }
+    }
+    i++;
+  }
+  return names;
+}
+const JS_KEYWORDS = new Set([
+  "if",
+  "else",
+  "true",
+  "false",
+  "null",
+  "undefined",
+  "typeof",
+  "instanceof",
+  "in",
+  "of",
+  "new",
+  "this",
+  "return",
+  "void",
+  "delete",
+  "throw",
+  "switch",
+  "case",
+  "break",
+  "continue",
+  "for",
+  "while",
+  "do",
+  "try",
+  "catch",
+  "finally",
+  "const",
+  "let",
+  "var",
+  "function",
+  "class",
+  "import",
+  "export",
+  "default",
+  "async",
+  "await",
+  "yield",
+  "with",
+  "debugger",
+  "console",
+  "window",
+  "document",
+  "Math",
+  "JSON",
+  "Date",
+  "Array",
+  "Object",
+  "String",
+  "Number",
+  "Boolean",
+  "Symbol",
+  "Map",
+  "Set",
+  "Promise",
+  "Error",
+  "parseInt",
+  "parseFloat",
+  "isNaN",
+  "isFinite",
+  "encodeURIComponent",
+  "decodeURIComponent",
+  "setTimeout",
+  "setInterval",
+  "clearTimeout",
+  "clearInterval",
+  "fetch",
+  "alert",
+  "confirm",
+  "prompt",
+  "event"
+]);
+function extractTemplateReferences(templateHtml) {
+  const refs = new Set, identifierRegex = /[a-zA-Z_$][a-zA-Z0-9_$]*/g;
+  function addIdentifiers(expr) {
+    let match;
+    while ((match = identifierRegex.exec(expr)) !== null) {
+      const name = match[0];
+      if (!JS_KEYWORDS.has(name))
+        refs.add(name);
+    }
+  }
+  const mustacheRegex = /\{\{([\s\S]*?)\}\}/g;
+  let m;
+  while ((m = mustacheRegex.exec(templateHtml)) !== null)
+    addIdentifiers(m[1]);
+  const colonBindRegex = /:[a-z][\w.-]*\s*=\s*"([^"]*)"/gi;
+  while ((m = colonBindRegex.exec(templateHtml)) !== null)
+    addIdentifiers(m[1]);
+  const colonBindSingleRegex = /:[a-z][\w.-]*\s*=\s*'([^']*)'/gi;
+  while ((m = colonBindSingleRegex.exec(templateHtml)) !== null)
+    addIdentifiers(m[1]);
+  const eventRegex = /@[a-z]+(?:\.[a-z]+)*\s*=\s*"([^"]*)"/gi;
+  while ((m = eventRegex.exec(templateHtml)) !== null)
+    addIdentifiers(m[1]);
+  const eventSingleRegex = /@[a-z]+(?:\.[a-z]+)*\s*=\s*'([^']*)'/gi;
+  while ((m = eventSingleRegex.exec(templateHtml)) !== null)
+    addIdentifiers(m[1]);
+  const modelRegex = /@model\s*=\s*["']([^"']*)["']/gi;
+  while ((m = modelRegex.exec(templateHtml)) !== null)
+    addIdentifiers(m[1]);
+  const forRegex = /@for\s*=\s*["'][^"']*\bin\s+([^"']+)["']/gi;
+  while ((m = forRegex.exec(templateHtml)) !== null)
+    addIdentifiers(m[1]);
+  return refs;
+}
+export async function processClientScript(scriptContent, options = {}) {
+  let code = scriptContent, autoImportCode = "", wasBundled = !1;
+  const cssExtraction = extractAndStripCssImports(code, {
+    filePath: options.filePath,
+    projectRoot: options.projectRoot
+  });
+  code = cssExtraction.code;
+  const vendorStyleTags = renderVendorStyleTags(cssExtraction.styles), { hasUserImports, bundleClientScript } = await import("./client-script-bundler.js");
+  if (hasUserImports(code)) {
+    console.log("[stx:bundler] user imports detected, bundling...");
+    code = await bundleClientScript(code, options.filePath || "", {
+      projectRoot: options.projectRoot,
+      minify: options.production
+    });
+    wasBundled = !0;
+  }
+  if (options.autoImports !== !1) {
+    const autoImportResult = transformAutoImports(code);
+    code = autoImportResult.code;
+    autoImportCode = generateAutoImportDestructuring(autoImportResult.stxImports, autoImportResult.browserImports);
+  }
+  autoImportCode = `${generateServerDataBridge(code, options.serverData)}${autoImportCode}`;
+  code = transformStoreImports(code);
+  if (!wasBundled && shouldTranspileTypeScript(options.attrs || ""))
+    code = transpileTypeScript(code);
+  const eventCode = generateInlineEventBindings(options.eventBindings || []), attrs = (options.attrs || "").trim();
+  if (/\btype\s*=\s*["']module["']/i.test(attrs)) {
+    const extraAttrs = attrs.replace(/\btype\s*=\s*["']module["']/i, "").trim(), attrStr = `type="module" data-stx-scoped${extraAttrs ? ` ${extraAttrs}` : ""}`;
+    return `${vendorStyleTags}<script ${attrStr}>
+${autoImportCode}${code}
+${eventCode}
+</script>`;
+  }
+  const usesSignals = /\b(state|derived|effect|ref|reactive|computed|watch|watchEffect|useLocalStorage|useSessionStorage|useRef|useEventListener|useFetch|useDebounce|useDebouncedValue|useThrottle|useInterval|useTimeout|useToggle|useCounter|useClickOutside|useFocus|useAsync|useColorMode|useDark|useWebSocket|useRoute|useSearchParams|onMount|onDestroy|batch|untrack|peek)\s*(?:<[^>]*>)?\s*\(/.test(scriptContent), isSfcWrapped = /function __stx_setup_/.test(code), alreadyMounts = /\bstx\.mount\s*\(|\bstx\.mountEl\s*\(/.test(scriptContent);
+  function wrapInMount(declarations) {
+    const returnStmt = declarations.length > 0 ? `
+  return { ${declarations.join(", ")} };` : "";
+    return `${vendorStyleTags}<script data-stx-scoped>
+window.stx.mount(function() {
+  'use strict';
+${autoImportCode}${code}
+${eventCode}${returnStmt}
+})</script>`;
+  }
+  if (!alreadyMounts && !isSfcWrapped) {
+    if (usesSignals)
+      return wrapInMount(extractTopLevelDeclarations(scriptContent));
+    if (options.templateContent) {
+      const declarations = extractTopLevelDeclarations(scriptContent);
+      if (declarations.length > 0) {
+        const templateRefs = extractTemplateReferences(options.templateContent);
+        if (declarations.some((name) => templateRefs.has(name)))
+          return wrapInMount(declarations);
+      }
+    }
+  }
+  return `${vendorStyleTags}<script data-stx-scoped>
+;(function() {
+  'use strict';
+${autoImportCode}${code}
+${eventCode}
+})()</script>`;
+}