@stacksjs/stx 0.2.94 → 0.2.96

package/dist/client/directive.js

@@ -1,2 +1,14 @@
-// @bun
-import{Yy as a,Zy as b}from"../chunk-hrampcrj.js";import"../chunk-3jm3snz8.js";export{a as stxRouterHandler,b as stxRouterDirective};
+import { getRouterScript } from "./index.js";
+export async function stxRouterHandler(_content, params, _context, _filePath) {
+  const container = params[0]?.replace(/['"]/g, "") || "main";
+  let script = getRouterScript();
+  if (container !== "main")
+    script = script.replace("container:'main'", `container:'${container}'`);
+  return `<script data-stx-router>${script}</script>`;
+}
+export const stxRouterDirective = {
+  name: "stxRouter",
+  handler: stxRouterHandler,
+  hasEndTag: !1,
+  description: "Inject the STX SPA router script for client-side navigation"
+};

package/dist/client/index.js

@@ -1,2 +1,2 @@
-// @bun
-import{Xy as a,Yy as b,Zy as c}from"../chunk-hrampcrj.js";import"../chunk-3jm3snz8.js";export{b as stxRouterHandler,c as stxRouterDirective,a as getRouterScript};
+export * from "./directive.js";
+export { getRouterScript } from "stx-router";

package/dist/client-helpers.js

@@ -1,2 +1,312 @@
-// @bun
-import{vp as a}from"./chunk-x4fze3q2.js";import"./chunk-3jm3snz8.js";export{a as stxClientHelpers};
+export const stxClientHelpers = `
+<script data-stx-helpers>
+(function() {
+  'use strict'
+
+  if (window.__stxHelpers) return
+  window.__stxHelpers = true
+
+  window.stx = window.stx || {}
+
+  // ===== FORMATTERS =====
+
+  stx.formatCurrency = function(val, currency, locale) {
+    return new Intl.NumberFormat(locale || 'en-US', {
+      style: 'currency',
+      currency: currency || 'USD',
+    }).format(val)
+  }
+
+  stx.formatNumber = function(val, decimals, locale) {
+    var opts = {}
+    if (typeof decimals === 'number') {
+      opts.minimumFractionDigits = decimals
+      opts.maximumFractionDigits = decimals
+    }
+    return new Intl.NumberFormat(locale || 'en-US', opts).format(val)
+  }
+
+  stx.formatDate = function(val, format, locale) {
+    locale = locale || 'en-US'
+    var d = val instanceof Date ? val : new Date(val)
+    if (isNaN(d.getTime())) return String(val)
+
+    if (format === 'long') return d.toLocaleDateString(locale, { year: 'numeric', month: 'long', day: 'numeric' })
+    if (format === 'relative') {
+      var diff = Date.now() - d.getTime()
+      var mins = Math.floor(diff / 60000)
+      if (mins < 1) return 'just now'
+      if (mins < 60) return mins + 'm ago'
+      var hrs = Math.floor(mins / 60)
+      if (hrs < 24) return hrs + 'h ago'
+      var days = Math.floor(hrs / 24)
+      if (days < 7) return days + 'd ago'
+      return d.toLocaleDateString(locale)
+    }
+    return d.toLocaleDateString(locale)
+  }
+
+  stx.formatPhone = function(phone) {
+    var n = String(phone).replace(/\\D/g, '')
+    if (n.length === 10) return \`(\${n.slice(0,3)}) \${n.slice(3,6)}-\${n.slice(6)}\`
+    if (n.length === 11 && n[0] === '1') return \`+1 (\${n.slice(1,4)}) \${n.slice(4,7)}-\${n.slice(7)}\`
+    return phone
+  }
+
+  stx.renderStars = function(rating, max) {
+    max = max || 5
+    var full = Math.floor(rating)
+    var half = rating - full >= 0.5
+    var h = ''
+    for (var i = 0; i < max; i++) {
+      if (i < full || (i === full && half))
+        h += '<span style="color: var(--badge-amber-text, #f59e0b)">\\u2605</span>'
+      else
+        h += '<span style="color: var(--text-muted, #6b7280)">\\u2606</span>'
+    }
+    return h
+  }
+
+  // ===== BADGE SYSTEM =====
+
+  var badgeMaps = {
+    status: {
+      'Active Repair': 'badge-amber', 'Completed': 'badge-emerald',
+      'Pending Pickup': 'badge-blue', 'Pending Estimate': 'badge-slate',
+      'Approved': 'badge-emerald', 'In Review': 'badge-blue',
+      'Supplement': 'badge-amber', 'Draft': 'badge-slate', 'Rejected': 'badge-red',
+      'Delivered': 'badge-emerald', 'Shipped': 'badge-blue', 'Processing': 'badge-amber',
+      'In Stock': 'badge-emerald', 'Backordered': 'badge-red', 'Low Stock': 'badge-amber',
+    },
+    priority: { 'Rush': 'badge-red', 'High': 'badge-amber', 'Normal': 'badge-blue', 'Low': 'badge-slate' },
+    severity: { 'light': 'severity-light', 'moderate': 'severity-moderate', 'heavy': 'severity-heavy' },
+    type: { 'OEM': 'badge-blue', 'Aftermarket': 'badge-amber', 'Recycled': 'badge-emerald', 'Reman': 'badge-slate' },
+    drp: { 'Active DRP': 'badge-emerald', 'Preferred': 'badge-blue', 'Standard': 'badge-slate' },
+  }
+
+  stx.registerBadgeMap = function(name, map) {
+    badgeMaps[name] = Object.assign(badgeMaps[name] || {}, map)
+  }
+
+  stx.badgeClass = function(value, mapName) {
+    var map = badgeMaps[mapName || 'status'] || badgeMaps.status
+    return map[value] || 'badge-slate'
+  }
+
+  stx.badge = function(value, mapName) {
+    return \`<span class="inline-flex px-2.5 py-1 rounded-full text-xs font-medium \${stx.badgeClass(value, mapName)}">\${value}</span>\`
+  }
+
+  // ===== DETAIL PANEL BUILDER =====
+
+  function esc(v) { return v != null ? v : '\\u2014' }
+
+  stx.detail = {
+    panel: function(opts) {
+      if (!opts || !opts.title) return ''
+      var badges = ''
+      if (opts.badges) {
+        opts.badges.forEach(function(b) { badges += stx.badge(b.text, b.map) })
+      }
+      return \`
+        <div style="display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-main)">
+          <div>
+            <h2 style="font-size:1.25rem;font-weight:700;color:var(--text-primary)">\${opts.title}</h2>
+            \${opts.subtitle ? \`<p style="font-size:0.75rem;color:var(--text-muted);margin-top:0.25rem">\${opts.subtitle}</p>\` : ''}
+          </div>
+          <div style="display:flex;align-items:center;gap:0.75rem">
+            \${badges}
+            <button onclick="closeSlideOver()" style="padding:0.5rem;border-radius:0.5rem;color:var(--text-muted);background:none;border:none;cursor:pointer;font-size:1.5rem;line-height:1" aria-label="Close">&times;</button>
+          </div>
+        </div>\`
+    },
+
+    section: function(label, rows) {
+      var inner = ''
+      if (rows) {
+        if (!Array.isArray(rows) && typeof rows === 'object') {
+          Object.keys(rows).forEach(function(k) { inner += stx.detail.row(k, rows[k]) })
+        }
+else {
+          rows.forEach(function(r) {
+            if (Array.isArray(r)) inner += stx.detail.row(r[0], r[1])
+            else inner += stx.detail.row(r.label, r.value)
+          })
+        }
+      }
+      return \`
+        <div class="detail-section">
+          <div class="detail-label">\${label}</div>
+          \${inner}
+        </div>\`
+    },
+
+    row: function(label, value) {
+      return \`
+        <div class="detail-row">
+          <span class="detail-row-label">\${label}</span>
+          <span class="detail-row-value">\${esc(value)}</span>
+        </div>\`
+    },
+
+    stats: function(items) {
+      var list = Array.isArray(items)
+        ? items
+        : Object.keys(items).map(function(k) { return { label: k, value: items[k] } })
+
+      var cards = list.map(function(item) {
+        return \`
+          <div style="padding:0.75rem;border-radius:0.5rem;background:var(--bg-subtle);text-align:center">
+            <div style="font-size:1.25rem;font-weight:700;color:var(--text-primary)">\${item.value}</div>
+            <div style="font-size:0.6875rem;color:var(--text-muted);margin-top:0.25rem">\${item.label}</div>
+          </div>\`
+      }).join('')
+
+      return \`<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:0.75rem;padding:0 1.5rem 1rem">\${cards}</div>\`
+    },
+
+    timeline: function(items) {
+      var entries = items.map(function(item, i) {
+        var color = item.color || 'var(--text-accent)'
+        var isLast = i === items.length - 1
+
+        return \`
+          <div style="display:flex;gap:0.75rem">
+            <div style="display:flex;flex-direction:column;align-items:center;flex-shrink:0">
+              <div style="width:10px;height:10px;border-radius:50%;background:\${color};flex-shrink:0"></div>
+              \${!isLast ? '<div style="width:2px;flex:1;background:var(--bar-track);min-height:24px"></div>' : ''}
+            </div>
+            <div style="padding-bottom:\${isLast ? '0' : '1rem'};flex:1">
+              <div style="font-size:0.8125rem;font-weight:500;color:var(--text-primary)">\${item.title}</div>
+              \${item.description ? \`<div style="font-size:0.75rem;color:var(--text-muted);margin-top:0.125rem">\${item.description}</div>\` : ''}
+              \${item.meta ? \`<div style="font-size:0.6875rem;color:var(--text-tertiary);margin-top:0.25rem">\${item.meta}</div>\` : ''}
+            </div>
+          </div>\`
+      }).join('')
+
+      return \`<div style="padding:0 1.5rem 1rem">\${entries}</div>\`
+    },
+
+    open: function(html) {
+      if (typeof openSlideOver === 'function') openSlideOver(html)
+    },
+  }
+
+  // ===== DATA TABLE HELPERS =====
+
+  stx.table = {
+    filter: function(opts) {
+      var searchEl = document.getElementById(opts.searchId)
+      var search = searchEl ? searchEl.value.toLowerCase() : ''
+      var rows = document.querySelectorAll(opts.rowSelector || 'tbody tr')
+      var filters = opts.filters || []
+      var matched = []
+
+      rows.forEach(function(row) {
+        var text = row.textContent.toLowerCase()
+        var matchSearch = !search || text.indexOf(search) !== -1
+        var matchFilters = filters.every(function(f) {
+          var el = document.getElementById(f.id)
+          if (!el) return true
+          var val = el.value
+          if (!val || val === f.allValue) return true
+          return row.getAttribute(\`data-\${f.attr}\`) === val
+        })
+
+        if (matchSearch && matchFilters) matched.push(row)
+        else row.style.display = 'none'
+      })
+
+      return matched
+    },
+
+    sort: function(rows, sortBy, direction) {
+      direction = direction || 'asc'
+      return rows.slice().sort(function(a, b) {
+        var aVal = a.getAttribute(\`data-\${sortBy}\`) || a.textContent
+        var bVal = b.getAttribute(\`data-\${sortBy}\`) || b.textContent
+        var aNum = parseFloat(aVal.replace(/[^0-9.-]/g, ''))
+        var bNum = parseFloat(bVal.replace(/[^0-9.-]/g, ''))
+        if (!isNaN(aNum) && !isNaN(bNum)) return direction === 'asc' ? aNum - bNum : bNum - aNum
+        return direction === 'asc' ? aVal.localeCompare(bVal) : bVal.localeCompare(aVal)
+      })
+    },
+  }
+
+  // ===== PAGINATION =====
+
+  stx.pagination = function(opts) {
+    var page = opts.page || 1
+    var perPage = opts.perPage || 10
+    var items = opts.items || []
+    var total = items.length
+    var totalPages = Math.max(1, Math.ceil(total / perPage))
+    if (page > totalPages) page = totalPages
+
+    var start = (page - 1) * perPage
+    var end = Math.min(start + perPage, total)
+
+    items.forEach(function(el, i) { el.style.display = (i >= start && i < end) ? '' : 'none' })
+
+    var ids = { count: opts.countId, total: opts.totalId, empty: opts.emptyId, bar: opts.barId }
+    if (ids.count) { var el = document.getElementById(ids.count); if (el) el.textContent = total === 0 ? '0' : \`\${start + 1}\\u2013\${end}\` }
+    if (ids.total) { var el = document.getElementById(ids.total); if (el) el.textContent = total }
+    if (ids.empty) { var el = document.getElementById(ids.empty); if (el) el.style.display = total === 0 ? 'block' : 'none' }
+    if (ids.bar) { var el = document.getElementById(ids.bar); if (el) el.style.display = total === 0 ? 'none' : '' }
+
+    if (opts.buttonsId) {
+      var wrap = document.getElementById(opts.buttonsId)
+      if (wrap) {
+        var go = opts.goToPage
+        var pages = stx.pagination.getPages(page, totalPages)
+
+        var btn = function(label, target, disabled) {
+          return \`<button onclick="\${go}(\${target})" \${disabled ? 'disabled' : ''}
+            class="px-3 py-1.5 rounded-lg text-sm cursor-pointer"
+            style="background:var(--bg-subtle);border:1px solid var(--border-input);color:\${disabled ? 'var(--text-muted)' : 'var(--text-primary)'};opacity:\${disabled ? '0.5' : '1'}">\${label}</button>\`
+        }
+
+        var h = btn('Previous', page - 1, page === 1)
+        pages.forEach(function(p) {
+          if (p === '...') {
+            h += '<span class="px-2 text-sm" style="color:var(--text-muted)">\\u2026</span>'
+          }
+else if (p === page) {
+            h += \`<button class="w-9 h-9 rounded-lg text-sm font-medium" style="background:var(--btn-primary-bg, var(--text-accent));color:#fff">\${p}</button>\`
+          }
+else {
+            h += btn(p, p, false)
+          }
+        })
+        h += btn('Next', page + 1, page === totalPages)
+        wrap.innerHTML = h
+      }
+    }
+
+    return { page: page, totalPages: totalPages, total: total, start: start, end: end }
+  }
+
+  stx.pagination.getPages = function(current, total) {
+    if (total <= 7) return Array.from({ length: total }, function(_, i) { return i + 1 })
+    var pages = [1]
+    if (current > 3) pages.push('...')
+    for (var i = Math.max(2, current - 1); i <= Math.min(total - 1, current + 1); i++) pages.push(i)
+    if (current < total - 2) pages.push('...')
+    pages.push(total)
+    return pages
+  }
+
+  // ===== UTILITIES =====
+
+  stx.debounce = function(fn, delay) {
+    var timer
+    return function() {
+      var args = arguments, ctx = this
+      clearTimeout(timer)
+      timer = setTimeout(function() { fn.apply(ctx, args) }, delay || 250)
+    }
+  }
+
+})()
+</script>
+`;

package/dist/client-script-bundler.js

@@ -1,6 +1,216 @@
-// @bun
-import{Vy as x}from"./chunk-q60knhjf.js";import"./chunk-3jm3snz8.js";import H from"path";import Y from"fs";var T=[/^stx$/,/^@stacksjs\/stx$/,/^@stacksjs\/browser$/,/^@stores$/,/^stx\/stores$/,/^@composables$/];function f(W){let q=/^\s*import\s+(?!type\s)/gm;if(!W.match(q))return!1;let $=/^\s*import\s+(?!type\s).*?\s+from\s+['"]([^'"]+)['"]/gm,k;while((k=$.exec(W))!==null){let z=k[1];if(!T.some((G)=>G.test(z)))return console.log("[stx:bundler] detected user import:",z),!0}let Q=/^\s*import\s+['"]([^'"]+)['"]/gm;while((k=Q.exec(W))!==null){let z=k[1];if(/\.css(?:\?.*)?$/.test(z))continue;if(!T.some((G)=>G.test(z)))return console.log("[stx:bundler] detected side-effect import:",z),!0}return!1}function R(W,q,_,$){let k=(Q,z)=>{let w=Q===_?q:H.dirname(Q),G=H.resolve(w,z),Z=[G,`${G}.ts`,`${G}.tsx`,`${G}.js`,`${G}.mjs`,`${G}.jsx`,H.join(G,"index.ts"),H.join(G,"index.tsx"),H.join(G,"index.js"),H.join(G,"index.mjs")];for(let L of Z)try{if(Y.existsSync(L)&&Y.statSync(L,{throwIfNoEntry:!1})?.isFile())return L}catch{}return G};return{name:"stx-client-bundle",setup(Q){Q.onResolve({filter:/^(stx|@stacksjs\/stx|@stacksjs\/browser)$/},(z)=>({path:z.path,external:!0})),Q.onResolve({filter:/^(@stores|@composables|stx\/stores)$/},(z)=>({path:z.path,external:!0})),Q.onResolve({filter:/^\.\.?\//},(z)=>{let w=k(z.importer,z.path);return $.add(w),{path:w}}),Q.onResolve({filter:/^[@~]\//},(z)=>{let w=H.resolve(W,z.path.slice(2)),G=[w,`${w}.ts`,`${w}.tsx`,`${w}.js`,`${w}.mjs`,`${w}.jsx`,H.join(w,"index.ts"),H.join(w,"index.tsx"),H.join(w,"index.js"),H.join(w,"index.mjs")];for(let Z of G)if(Y.existsSync(Z)&&Y.statSync(Z,{throwIfNoEntry:!1})?.isFile())return console.log(`[stx:bundler] resolved ${z.path[0]}/ import:`,z.path,"\u2192",Z),$.add(Z),{path:Z};return console.warn(`[stx:bundler] could not resolve ${z.path[0]}/ import:`,z.path),{path:w}})}}}async function v(W,q,_={}){let $=_.projectRoot||process.cwd(),k=_.minify??!1,Q=_.cacheDir||H.join($,".stx","bundle-cache"),z=new Bun.CryptoHasher("md5");z.update(W+q);let w=z.digest("hex").slice(0,12),G=H.join(Q,`${w}.js`),Z=H.join(Q,`${w}.deps.json`),L=Bun.file(G);if(await L.exists()){let U=Bun.file(Z),J=!0;if(await U.exists())try{let I=JSON.parse(await U.text());for(let O of I.files)try{if(Y.statSync(O.path).mtimeMs!==O.mtimeMs){J=!1;break}}catch{J=!1;break}}catch{J=!1}if(J)return console.log("[stx:bundler] cache hit:",w),await L.text();console.log("[stx:bundler] cache invalidated by dep change:",w)}let V=H.join($,".stx","bundle-tmp"),A=H.join(V,`${w}.ts`),M=H.join(V,"out",w);Y.mkdirSync(V,{recursive:!0}),Y.mkdirSync(M,{recursive:!0});let y=H.dirname(q),S=[],N=/^(export\s+)?(?:const|let|var)\s+(?:\{([^}]+)\}|(\w+))/gm,F=/^(export\s+)?(?:async\s+)?function\s+(\w+)/gm,C;while((C=N.exec(W))!==null){if(C[1])continue;if(C[2])C[2].split(",").forEach((U)=>{let J=U.split(":")[0].trim();if(J)S.push(J)});else if(C[3])S.push(C[3])}while((C=F.exec(W))!==null){if(C[1])continue;S.push(C[2])}let D=S.length>0?`
-export { ${S.join(", ")} }`:"";await Bun.write(A,W+D),console.log("[stx:bundler] bundling:",w,"from:",H.basename(q));let j=new Set;try{let U=await Bun.build({entrypoints:[A],outdir:M,target:"browser",format:"esm",minify:k,plugins:[R($,y,A,j)],define:{"process.env.NODE_ENV":k?'"production"':'"development"',...x()},root:$});if(!U.success){let K=U.logs.filter((B)=>B.level==="error").map((B)=>B.message).join(", ");return console.warn("[stx:bundler] build failed:",K),W}let J="";for(let K of U.outputs){J=await K.text();break}let I=[];for(let K of J.matchAll(/^\s*export\s*\{([^}]*)\}\s*;?\s*$/gm))for(let B of K[1].split(",")){let X=B.trim().match(/^([A-Za-z_$][\w$]*)\s+as\s+([A-Za-z_$][\w$]*)$/);if(X&&X[1]!==X[2])I.push([X[2],X[1]])}if(J=J.replace(/^\s*export\s*\{[^}]*\}\s*;?\s*$/gm,"").replace(/^\s*export\s+default\s+.*$/gm,"").trim(),I.length>0){let K=I.map(([B,X])=>`${JSON.stringify(B)}: ${X}`).join(", ");J+=`
-var __stxScopeRenames = { ${K} };`}console.log("[stx:bundler] bundled:",w,"output:",J.length,"bytes"),Y.mkdirSync(Q,{recursive:!0}),await Bun.write(G,J);let O=Array.from(j).map((K)=>{try{return{path:K,mtimeMs:Y.statSync(K).mtimeMs}}catch{return null}}).filter((K)=>K!==null);return await Bun.write(Z,JSON.stringify({files:O})),J}catch(U){let J=U instanceof Error?U.message:String(U),I=U?.errors,O=Array.isArray(I)&&I.length>0?`
-  ${I.map((K)=>`- ${K?.message??K}`).join(`
-  `)}`:"";return console.warn(`[stx:bundler] error: ${J}${O}`),W}finally{try{Y.rmSync(A,{force:!0}),Y.rmSync(M,{recursive:!0,force:!0})}catch{}}}export{f as hasUserImports,v as bundleClientScript};
+import path from "node:path";
+import fs from "node:fs";
+import { getPublicEnvDefine } from "./public-env.js";
+const EXTERNAL_PATTERNS = [
+  /^stx$/,
+  /^@stacksjs\/stx$/,
+  /^@stacksjs\/browser$/,
+  /^@stores$/,
+  /^stx\/stores$/,
+  /^@composables$/
+];
+export function hasUserImports(code) {
+  const importRegex = /^\s*import\s+(?!type\s)/gm;
+  if (!code.match(importRegex))
+    return !1;
+  const fullImportRegex = /^\s*import\s+(?!type\s).*?\s+from\s+['"]([^'"]+)['"]/gm;
+  let match;
+  while ((match = fullImportRegex.exec(code)) !== null) {
+    const source = match[1];
+    if (!EXTERNAL_PATTERNS.some((p) => p.test(source))) {
+      console.log("[stx:bundler] detected user import:", source);
+      return !0;
+    }
+  }
+  const sideEffectRegex = /^\s*import\s+['"]([^'"]+)['"]/gm;
+  while ((match = sideEffectRegex.exec(code)) !== null) {
+    const source = match[1];
+    if (/\.css(?:\?.*)?$/.test(source))
+      continue;
+    if (!EXTERNAL_PATTERNS.some((p) => p.test(source))) {
+      console.log("[stx:bundler] detected side-effect import:", source);
+      return !0;
+    }
+  }
+  return !1;
+}
+function createBundlePlugin(projectRoot, templateDir, tmpEntry, inputFiles) {
+  const resolveRelative = (importer, request) => {
+    const fromDir = importer === tmpEntry ? templateDir : path.dirname(importer), resolved = path.resolve(fromDir, request), candidates = [
+      resolved,
+      `${resolved}.ts`,
+      `${resolved}.tsx`,
+      `${resolved}.js`,
+      `${resolved}.mjs`,
+      `${resolved}.jsx`,
+      path.join(resolved, "index.ts"),
+      path.join(resolved, "index.tsx"),
+      path.join(resolved, "index.js"),
+      path.join(resolved, "index.mjs")
+    ];
+    for (const candidate of candidates)
+      try {
+        if (fs.existsSync(candidate) && fs.statSync(candidate, { throwIfNoEntry: !1 })?.isFile())
+          return candidate;
+      } catch {}
+    return resolved;
+  };
+  return {
+    name: "stx-client-bundle",
+    setup(build) {
+      build.onResolve({ filter: /^(stx|@stacksjs\/stx|@stacksjs\/browser)$/ }, (args) => ({
+        path: args.path,
+        external: !0
+      }));
+      build.onResolve({ filter: /^(@stores|@composables|stx\/stores)$/ }, (args) => ({
+        path: args.path,
+        external: !0
+      }));
+      build.onResolve({ filter: /^\.\.?\// }, (args) => {
+        const resolved = resolveRelative(args.importer, args.path);
+        inputFiles.add(resolved);
+        return { path: resolved };
+      });
+      build.onResolve({ filter: /^[@~]\// }, (args) => {
+        const resolved = path.resolve(projectRoot, args.path.slice(2)), candidates = [
+          resolved,
+          `${resolved}.ts`,
+          `${resolved}.tsx`,
+          `${resolved}.js`,
+          `${resolved}.mjs`,
+          `${resolved}.jsx`,
+          path.join(resolved, "index.ts"),
+          path.join(resolved, "index.tsx"),
+          path.join(resolved, "index.js"),
+          path.join(resolved, "index.mjs")
+        ];
+        for (const candidate of candidates)
+          if (fs.existsSync(candidate) && fs.statSync(candidate, { throwIfNoEntry: !1 })?.isFile()) {
+            console.log(`[stx:bundler] resolved ${args.path[0]}/ import:`, args.path, "\u2192", candidate);
+            inputFiles.add(candidate);
+            return { path: candidate };
+          }
+        console.warn(`[stx:bundler] could not resolve ${args.path[0]}/ import:`, args.path);
+        return { path: resolved };
+      });
+    }
+  };
+}
+export async function bundleClientScript(code, filePath, options = {}) {
+  const projectRoot = options.projectRoot || process.cwd(), minify = options.minify ?? !1, cacheDir = options.cacheDir || path.join(projectRoot, ".stx", "bundle-cache"), hasher = new Bun.CryptoHasher("md5");
+  hasher.update(code + filePath);
+  const hash = hasher.digest("hex").slice(0, 12), cachePath = path.join(cacheDir, `${hash}.js`), depsPath = path.join(cacheDir, `${hash}.deps.json`), cacheFile = Bun.file(cachePath);
+  if (await cacheFile.exists()) {
+    const depsFile = Bun.file(depsPath);
+    let depsValid = !0;
+    if (await depsFile.exists())
+      try {
+        const stored = JSON.parse(await depsFile.text());
+        for (const dep of stored.files)
+          try {
+            if (fs.statSync(dep.path).mtimeMs !== dep.mtimeMs) {
+              depsValid = !1;
+              break;
+            }
+          } catch {
+            depsValid = !1;
+            break;
+          }
+      } catch {
+        depsValid = !1;
+      }
+    if (depsValid) {
+      console.log("[stx:bundler] cache hit:", hash);
+      return await cacheFile.text();
+    }
+    console.log("[stx:bundler] cache invalidated by dep change:", hash);
+  }
+  const tmpDir = path.join(projectRoot, ".stx", "bundle-tmp"), tmpEntry = path.join(tmpDir, `${hash}.ts`), tmpOutDir = path.join(tmpDir, "out", hash);
+  fs.mkdirSync(tmpDir, { recursive: !0 });
+  fs.mkdirSync(tmpOutDir, { recursive: !0 });
+  const templateDir = path.dirname(filePath), declNames = [], declRegex = /^(export\s+)?(?:const|let|var)\s+(?:\{([^}]+)\}|(\w+))/gm, funcRegex = /^(export\s+)?(?:async\s+)?function\s+(\w+)/gm;
+  let dm;
+  while ((dm = declRegex.exec(code)) !== null) {
+    if (dm[1])
+      continue;
+    if (dm[2])
+      dm[2].split(",").forEach((n) => {
+        const t = n.split(":")[0].trim();
+        if (t)
+          declNames.push(t);
+      });
+    else if (dm[3])
+      declNames.push(dm[3]);
+  }
+  while ((dm = funcRegex.exec(code)) !== null) {
+    if (dm[1])
+      continue;
+    declNames.push(dm[2]);
+  }
+  const exportLine = declNames.length > 0 ? `
+export { ${declNames.join(", ")} }` : "";
+  await Bun.write(tmpEntry, code + exportLine);
+  console.log("[stx:bundler] bundling:", hash, "from:", path.basename(filePath));
+  const inputFiles = new Set;
+  try {
+    const result = await Bun.build({
+      entrypoints: [tmpEntry],
+      outdir: tmpOutDir,
+      target: "browser",
+      format: "esm",
+      minify,
+      plugins: [createBundlePlugin(projectRoot, templateDir, tmpEntry, inputFiles)],
+      define: {
+        "process.env.NODE_ENV": minify ? '"production"' : '"development"',
+        ...getPublicEnvDefine()
+      },
+      root: projectRoot
+    });
+    if (!result.success) {
+      const errors = result.logs.filter((l) => l.level === "error").map((l) => l.message).join(", ");
+      console.warn("[stx:bundler] build failed:", errors);
+      return code;
+    }
+    let bundled = "";
+    for (const output of result.outputs) {
+      bundled = await output.text();
+      break;
+    }
+    const renamePairs = [];
+    for (const exp of bundled.matchAll(/^\s*export\s*\{([^}]*)\}\s*;?\s*$/gm))
+      for (const spec of exp[1].split(",")) {
+        const asMatch = spec.trim().match(/^([A-Za-z_$][\w$]*)\s+as\s+([A-Za-z_$][\w$]*)$/);
+        if (asMatch && asMatch[1] !== asMatch[2])
+          renamePairs.push([asMatch[2], asMatch[1]]);
+      }
+    bundled = bundled.replace(/^\s*export\s*\{[^}]*\}\s*;?\s*$/gm, "").replace(/^\s*export\s+default\s+.*$/gm, "").trim();
+    if (renamePairs.length > 0) {
+      const entries = renamePairs.map(([orig, id]) => `${JSON.stringify(orig)}: ${id}`).join(", ");
+      bundled += `
+var __stxScopeRenames = { ${entries} };`;
+    }
+    console.log("[stx:bundler] bundled:", hash, "output:", bundled.length, "bytes");
+    fs.mkdirSync(cacheDir, { recursive: !0 });
+    await Bun.write(cachePath, bundled);
+    const depsSnapshot = Array.from(inputFiles).map((p) => {
+      try {
+        return { path: p, mtimeMs: fs.statSync(p).mtimeMs };
+      } catch {
+        return null;
+      }
+    }).filter((d) => d !== null);
+    await Bun.write(depsPath, JSON.stringify({ files: depsSnapshot }));
+    return bundled;
+  } catch (error) {
+    const msg = error instanceof Error ? error.message : String(error), bunErrors = error?.errors, detail = Array.isArray(bunErrors) && bunErrors.length > 0 ? `
+  ${bunErrors.map((e) => `- ${e?.message ?? e}`).join(`
+  `)}` : "";
+    console.warn(`[stx:bundler] error: ${msg}${detail}`);
+    return code;
+  } finally {
+    try {
+      fs.rmSync(tmpEntry, { force: !0 });
+      fs.rmSync(tmpOutDir, { recursive: !0, force: !0 });
+    } catch {}
+  }
+}