chore: repo cleanup and modernization

glennmichael123 · glennmichael123 · commit 133ea09ea132 · 2026-03-22T21:07:57.000+08:00
diff --git a/deps.yaml b/deps.yaml
@@ -1,3 +1,3 @@
 dependencies:
-  bun.sh: ^1.3.10
+  bun.sh: ^1.3.11
   redis: ^7.4.7
diff --git a/packages/devtools/src/cli.ts b/packages/devtools/src/cli.ts
diff --git a/packages/devtools/src/index.ts b/packages/devtools/src/index.ts
@@ -130,11 +130,16 @@ async function renderStxPage(templateName: string, wsUrl: string, req: Request):
   const content = await Bun.file(templatePath).text()
 
   const context = { __filename: templatePath, __dirname: path.dirname(templatePath) }
-  // Skip signals runtime injection for page fragments — the shell provides it
-  const pageConfig = { ...stxConfig, skipSignalsRuntime: true }
-  let pageHtml = await processDirectives(content, context, templatePath, pageConfig, new Set())
+  let pageHtml = await processDirectives(content, context, templatePath, stxConfig, new Set())
   pageHtml = stripDocumentWrapper(pageHtml)
 
+  // Strip the signals runtime from page fragment — the shell already provides it in <head>
+  pageHtml = pageHtml.replace(/<script data-stx-scoped>\(function\(\)\{'use strict';var cloakStyle[\s\S]*?<\/script>/, '')
+
+  // Extract the SFC setup function name so we can bind it to the content wrapper
+  const setupMatch = pageHtml.match(/function (__stx_setup_\w+)/)
+  const pageSetupName = setupMatch ? setupMatch[1] : null
+
   // SPA navigation — return fragment only
   if (isSpaNavigation(req)) {
     return new Response(pageHtml, {
@@ -163,7 +168,7 @@ async function renderStxPage(templateName: string, wsUrl: string, req: Request):
 </head>
 <body class="bg-[#0a0a0f] text-zinc-50 leading-relaxed min-h-screen">
 ${shell.before}
-<div data-stx-content>${pageHtml}</div>
+<div data-stx-content${pageSetupName ? ` data-stx="${pageSetupName}"` : ''}>${pageHtml}</div>
 ${shell.after}
 ${shell.scripts}
 ${getRouterScriptTag()}
