@stacksjs/stx 0.2.138 → 0.2.139

package/dist/dev-server/serve-app.js

@@ -24,6 +24,7 @@ import {
 } from "../route-middleware.js";
 import { getPageMeta, resetHead } from "../head.js";
 import { clearComponentCache } from "../utils.js";
+import { extractPageResponseStatus } from "../page-response.js";
 import {
   buildCrosswindCSS,
   colors,
@@ -34,6 +35,13 @@ import {
   rebuildCrosswindCSS,
   setupKeyboardShortcuts
 } from "./index.js";
+async function readPageResponseStatus(filePath) {
+  try {
+    return extractPageResponseStatus(await Bun.file(filePath).text());
+  } catch {
+    return;
+  }
+}
 function serveStaticFile(filePath) {
   const file = Bun.file(filePath), ext = path.extname(filePath).toLowerCase(), contentTypes = {
     ".html": "text/html",
@@ -207,7 +215,7 @@ export async function serveApp(appDir = ".", options = {}) {
                 let output = memEntry.output;
                 if (shell)
                   output = stripDocumentWrapper(output, { preserveHead: !0 });
-                return { route, content: output };
+                return { route, content: output, status: await readPageResponseStatus(route.filePath) };
               }
             }
           } catch {}
@@ -216,10 +224,10 @@ export async function serveApp(appDir = ".", options = {}) {
           let output = cached;
           if (shell)
             output = stripDocumentWrapper(output, { preserveHead: !0 });
-          return { route, content: output };
+          return { route, content: output, status: await readPageResponseStatus(route.filePath) };
         }
       }
-      const content = cacheEnabled ? await readFileCached(route.filePath) : await Bun.file(route.filePath).text(), { classifyAllScripts } = await import("../index.js"), classified = classifyAllScripts(content), serverScripts = classified.server.map((s) => s.content);
+      const content = cacheEnabled ? await readFileCached(route.filePath) : await Bun.file(route.filePath).text(), responseStatus = extractPageResponseStatus(content), { classifyAllScripts } = await import("../index.js"), classified = classifyAllScripts(content), serverScripts = classified.server.map((s) => s.content);
       let templateContent = content;
       for (const s of classified.server)
         templateContent = templateContent.replace(s.fullTag, "");
@@ -276,7 +284,7 @@ export async function serveApp(appDir = ".", options = {}) {
         streamingRoutes.add(route.pattern);
       else
         boundaries = void 0;
-      return { route, content: output, boundaries };
+      return { route, content: output, status: responseStatus, boundaries };
     } catch (error) {
       console.error(`${colors.red}Error building ${colors.bright}${route.pattern}${colors.reset}:`, error);
       return null;
@@ -384,7 +392,7 @@ export async function serveApp(appDir = ".", options = {}) {
             builtPage = rebuilt;
         }
         if (builtPage) {
-          const pageMeta = getPageMeta();
+          const responseStatus = builtPage.status ?? 200, pageMeta = getPageMeta();
           if (pageMeta.validate) {
             if (!await pageMeta.validate({ params: routeMatch.params })) {
               const custom404 = await renderErrorPage(404);
@@ -432,6 +440,7 @@ export async function serveApp(appDir = ".", options = {}) {
             const routerContainer = projectConfig?.router?.container || "main";
             content = extractContainerContent(content, routerContainer);
             return new Response(content, {
+              status: responseStatus,
               headers: {
                 "Content-Type": "text/html",
                 "X-STX-Fragment": "true",
@@ -466,6 +475,7 @@ export async function serveApp(appDir = ".", options = {}) {
           if (builtPage.boundaries && builtPage.boundaries.length > 0) {
             const { renderStreamingPage, streamToResponse } = await import("../streaming.js");
             return streamToResponse(renderStreamingPage(content, builtPage.boundaries, { timeoutMs: 30000 }), {
+              status: responseStatus,
               headers: {
                 "Cache-Control": "no-store, no-cache, must-revalidate",
                 Pragma: "no-cache",
@@ -474,6 +484,7 @@ export async function serveApp(appDir = ".", options = {}) {
             });
           }
           return new Response(content, {
+            status: responseStatus,
             headers: {
               "Content-Type": "text/html",
               "Cache-Control": "no-store, no-cache, must-revalidate",
@@ -497,6 +508,7 @@ export async function serveApp(appDir = ".", options = {}) {
             if (hotReload)
               content = injectHotReload(content, actualHmrPort);
             return new Response(content, {
+              status: builtPage.status ?? 200,
               headers: {
                 "Content-Type": "text/html",
                 "Cache-Control": "no-store, no-cache, must-revalidate",

package/dist/head.d.ts

@@ -223,6 +223,7 @@ export declare interface SeoMeta {
 export declare interface PageMeta {
   title?: string
   description?: string
+  status?: number
   layout?: string | false
   middleware?: string | string[]
   transition?: string | { name: string; mode?: string }

package/dist/index.d.ts

@@ -44,6 +44,7 @@ export { preloadIconCollection } from './builtins/index';
 // Core functionality - these are the primary modules
 export * from './reactivity';
 export * from './head';
+export * from './page-response';
 export * from './route-middleware';
 export * from './runtime';
 export * from './forms';

package/dist/index.js

@@ -4,6 +4,7 @@ export { fileExists } from "./utils.js";
 export { preloadIconCollection } from "./builtins/index.js";
 export * from "./reactivity.js";
 export * from "./head.js";
+export * from "./page-response.js";
 export * from "./route-middleware.js";
 export * from "./runtime.js";
 export * from "./forms.js";

package/dist/page-response.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Read the static HTTP status declared by `definePageMeta`.
+ *
+ * The development server needs this before client scripts execute so error
+ * pages and other non-200 documents carry the correct response semantics.
+ */
+export declare function extractPageResponseStatus(source: string): number | undefined;

package/dist/page-response.js

@@ -0,0 +1,12 @@
+const MIN_HTTP_STATUS = 100, MAX_HTTP_STATUS = 599;
+export function extractPageResponseStatus(source) {
+  for (const call of source.matchAll(/\bdefinePageMeta\s*\(\s*\{([\s\S]*?)\}\s*\)/g)) {
+    const match = call[1].match(/(?:^|,)\s*status\s*:\s*(\d{3})(?=\s*(?:,|$))/);
+    if (!match)
+      continue;
+    const status = Number(match[1]);
+    if (Number.isInteger(status) && status >= MIN_HTTP_STATUS && status <= MAX_HTTP_STATUS)
+      return status;
+  }
+  return;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stacksjs/stx",
   "type": "module",
-  "version": "0.2.138",
+  "version": "0.2.139",
   "description": "A performant UI Framework. Powered by Bun.",
   "author": "Chris Breuer <chris@stacksjs.org>",
   "license": "MIT",
@@ -117,12 +117,12 @@
   "dependencies": {
     "@cwcss/crosswind": "^0.2.12",
     "@stacksjs/clapp": "^0.2.0",
-    "@stacksjs/desktop": "0.2.138",
-    "@stacksjs/sanitizer": "0.2.138",
+    "@stacksjs/desktop": "0.2.139",
+    "@stacksjs/sanitizer": "0.2.139",
     "@stacksjs/ts-i18n": "^0.1.11",
-    "bun-plugin-stx": "0.2.138",
+    "bun-plugin-stx": "0.2.139",
     "bunfig": "^0.15.15",
-    "stx-router": "0.2.138",
+    "stx-router": "0.2.139",
     "ts-broadcasting": "^0.0.9",
     "ts-images": "^0.1.9",
     "ts-syntax-highlighter": "^0.2.1"