@stacksjs/stx 0.2.156 → 0.2.158

package/dist/render.d.ts

@@ -1,18 +1,4 @@
 import type { StxOptions } from './types';
-/**
- * Render a .stx template file to an HTML string.
- *
- * This is the primary rendering API. It:
- * 1. Reads the template file
- * 2. Extracts and executes server-side scripts
- * 3. Processes all stx directives (conditionals, loops, expressions, etc.)
- * 4. Injects client-side scripts
- * 5. Returns the final HTML string
- *
- * @param filePath - Path to the .stx template file
- * @param renderOptions - Additional rendering options
- * @returns The rendered HTML string
- */
 export declare function renderTemplate(filePath: string, renderOptions?: RenderOptions): Promise<string>;
 /**
  * Render an inline stx template string to HTML.

package/dist/render.js

@@ -66,6 +66,10 @@ ${html}
 </body>
 </html>`;
 }
+function recordOn(target, key, value) {
+  if (target && typeof target === "object")
+    target[key] = value;
+}
 export async function renderTemplate(filePath, renderOptions = {}) {
   const resolvedPath = resolve(filePath), file = Bun.file(resolvedPath);
   if (!await file.exists())
@@ -112,6 +116,18 @@ export async function renderTemplateString(content, filePath, renderOptions = {}
     __stx_sfc_mode: !0,
     __stx_inject_css: renderOptions.injectCSS === !0,
     __stxServeContext: void 0,
+    setResponseStatus: (status) => {
+      if (Number.isInteger(status) && status >= 100 && status <= 599)
+        recordOn(renderOptions.context, "__stxResponseStatus", status);
+    },
+    setResponseHeader: (name, value) => {
+      if (!name)
+        return;
+      const headers = renderOptions.context?.__stxResponseHeaders || {};
+      headers[String(name)] = String(value);
+      recordOn(renderOptions.context, "__stxResponseHeaders", headers);
+    },
+    definePageMeta: () => {},
     ...renderOptions.context || {}
   };
   for (const scriptContent of serverScripts)

package/dist/runtime-injection.js

@@ -1,5 +1,6 @@
 import { getOwnedRouteMatchers } from "./owned-routes.js";
 import { toScriptJson } from "./script-json.js";
+import { findBodyOpenTag, replaceBodyOpenTag } from "./find-body-tag.js";
 export function injectBrowserRuntime(template) {
   if (template.includes("window.StacksBrowser") || template.includes("StacksBrowser ="))
     return template;
@@ -56,8 +57,8 @@ import '@stacksjs/browser'
     return template.replace("</head>", `${browserScript}
 </head>`);
   }
-  if (template.includes("<body"))
-    return template.replace(/<body([^>]*)>/, `<body$1>
+  if (findBodyOpenTag(template))
+    return replaceBodyOpenTag(template, (tag) => `${tag}
 ${browserScript}`);
   return browserScript + `
 ` + template;

package/dist/site-builder/theme.js

@@ -21,7 +21,11 @@ export function injectThemeBootstrap(html, site) {
   ${metas}`);
   }
   if (!colorModeOwnsTheme && !html.includes("__stxThemeGuard") && /<head\b[^>]*>/i.test(html)) {
-    const guard = `<script data-stx-theme-guard="1">${FOUC_SCRIPT(defaultTheme, storageKey, lightColor, darkColor)};window.__stxThemeGuard=1;</script>`;
+    const guard = `<script data-stx-theme-guard="1">${`window.__STX_COLOR_MODE__=window.__STX_COLOR_MODE__||${JSON.stringify({
+      storageKey,
+      initialMode: defaultTheme,
+      darkClass: "dark"
+    })};`}${FOUC_SCRIPT(defaultTheme, storageKey, lightColor, darkColor)};window.__stxThemeGuard=1;</script>`;
     html = html.replace(/<head\b([^>]*)>/i, `<head$1>
   ${guard}`);
   }