@stacksjs/stx 0.2.168 → 0.2.170

package/dist/production-server.js

@@ -6,6 +6,7 @@ import { hydrateTemplateStream, hydrateFragment } from "./template-hydrator.js";
 import { extractLayoutMetadata } from "./app-shell.js";
 import { pageShipsSignalsRuntime } from "./runtime-injection.js";
 import { patternToRegex } from "stx-router";
+import { compressResponse } from "./compression.js";
 const MIME_TYPES = {
   ".js": "application/javascript",
   ".mjs": "application/javascript",
@@ -65,122 +66,124 @@ export async function startProductionServer(options = {}) {
   const server = serve({
     port,
     async fetch(request) {
-      const pathname = new URL(request.url).pathname;
-      if (options.onRequest) {
-        const response = await options.onRequest(request);
-        if (response)
-          return response;
-      }
-      if (options.apiRoutes?.[pathname])
-        return options.apiRoutes[pathname](request);
-      if ((request.method === "GET" || request.method === "HEAD") && pathname !== "/") {
-        const publicRoot = path.resolve(outputDir, "public");
-        let safePathname;
-        try {
-          safePathname = decodeURIComponent(pathname);
-        } catch {
-          safePathname = pathname;
+      return compressResponse(request, await (async () => {
+        const pathname = new URL(request.url).pathname;
+        if (options.onRequest) {
+          const response = await options.onRequest(request);
+          if (response)
+            return response;
         }
-        if (!safePathname.includes("\x00")) {
-          const resolvedPath = path.resolve(publicRoot, `.${safePathname}`);
-          if (resolvedPath === publicRoot || resolvedPath.startsWith(`${publicRoot}${path.sep}`))
-            try {
-              if (fs.existsSync(resolvedPath) && fs.statSync(resolvedPath).isFile()) {
-                const ext = path.extname(resolvedPath).toLowerCase(), contentType = MIME_TYPES[ext] || "application/octet-stream", isFingerprinted = pathname.startsWith("/__stx/") || /\.[0-9a-f]{8}\./.test(pathname);
-                return new Response(Bun.file(resolvedPath), {
-                  headers: {
-                    "Content-Type": contentType,
-                    "Cache-Control": isFingerprinted ? "public, max-age=31536000, immutable" : "public, max-age=3600"
-                  }
-                });
-              }
-            } catch {}
+        if (options.apiRoutes?.[pathname])
+          return options.apiRoutes[pathname](request);
+        if ((request.method === "GET" || request.method === "HEAD") && pathname !== "/") {
+          const publicRoot = path.resolve(outputDir, "public");
+          let safePathname;
+          try {
+            safePathname = decodeURIComponent(pathname);
+          } catch {
+            safePathname = pathname;
+          }
+          if (!safePathname.includes("\x00")) {
+            const resolvedPath = path.resolve(publicRoot, `.${safePathname}`);
+            if (resolvedPath === publicRoot || resolvedPath.startsWith(`${publicRoot}${path.sep}`))
+              try {
+                if (fs.existsSync(resolvedPath) && fs.statSync(resolvedPath).isFile()) {
+                  const ext = path.extname(resolvedPath).toLowerCase(), contentType = MIME_TYPES[ext] || "application/octet-stream", isFingerprinted = pathname.startsWith("/__stx/") || /\.[0-9a-f]{8}\./.test(pathname);
+                  return new Response(Bun.file(resolvedPath), {
+                    headers: {
+                      "Content-Type": contentType,
+                      "Cache-Control": isFingerprinted ? "public, max-age=31536000, immutable" : "public, max-age=3600"
+                    }
+                  });
+                }
+              } catch {}
+          }
         }
-      }
-      const isSpaNav = request.headers.get("X-STX-Router") === "true";
-      let matchedRoute = null, params = {};
-      matchedRoute = exactRoutes.get(pathname) || null;
-      if (!matchedRoute)
-        for (const { regex, route, paramNames } of paramRoutes) {
-          const match = pathname.match(regex);
-          if (match) {
-            matchedRoute = route;
-            paramNames.forEach((name, i) => {
-              params[name] = match[i + 1];
-            });
-            break;
+        const isSpaNav = request.headers.get("X-STX-Router") === "true";
+        let matchedRoute = null, params = {};
+        matchedRoute = exactRoutes.get(pathname) || null;
+        if (!matchedRoute)
+          for (const { regex, route, paramNames } of paramRoutes) {
+            const match = pathname.match(regex);
+            if (match) {
+              matchedRoute = route;
+              paramNames.forEach((name, i) => {
+                params[name] = match[i + 1];
+              });
+              break;
+            }
           }
+        if (!matchedRoute) {
+          const errorPage = exactRoutes.get("/404") || null;
+          if (errorPage) {
+            const compiled = compiledTemplates.get(errorPage.pattern);
+            if (compiled)
+              return new Response(compiled.html, {
+                status: 404,
+                headers: { "Content-Type": "text/html" }
+              });
+          }
+          return new Response("Not Found", { status: 404 });
         }
-      if (!matchedRoute) {
-        const errorPage = exactRoutes.get("/404") || null;
-        if (errorPage) {
-          const compiled = compiledTemplates.get(errorPage.pattern);
-          if (compiled)
-            return new Response(compiled.html, {
-              status: 404,
-              headers: { "Content-Type": "text/html" }
+        if (isSpaNav) {
+          const fragment = fragmentCache.get(matchedRoute.pattern);
+          if (fragment) {
+            const layoutMetadata = layoutMetadataCache.get(matchedRoute.pattern);
+            return new Response(fragment, {
+              headers: {
+                "Content-Type": "text/html",
+                "X-STX-Fragment": "true",
+                ...runtimeCache.has(matchedRoute.pattern) ? { "X-STX-Runtime": runtimeCache.get(matchedRoute.pattern) ? "true" : "false" } : {},
+                ...layoutMetadata ? {
+                  "X-STX-Layout": layoutMetadata.layout,
+                  "X-STX-Layout-Group": layoutMetadata.group
+                } : {},
+                "Cache-Control": "no-cache"
+              }
             });
+          }
+        }
+        const compiled = compiledTemplates.get(matchedRoute.pattern);
+        if (!compiled) {
+          const errorPage = exactRoutes.get("/500") || null;
+          if (errorPage) {
+            const compiledError = compiledTemplates.get(errorPage.pattern);
+            if (compiledError)
+              return new Response(compiledError.html, {
+                status: 500,
+                headers: { "Content-Type": "text/html" }
+              });
+          }
+          return new Response("Internal Server Error", { status: 500 });
         }
-        return new Response("Not Found", { status: 404 });
-      }
-      if (isSpaNav) {
-        const fragment = fragmentCache.get(matchedRoute.pattern);
-        if (fragment) {
-          const layoutMetadata = layoutMetadataCache.get(matchedRoute.pattern);
-          return new Response(fragment, {
+        if (!compiled.hasServerScripts && Object.keys(compiled.placeholders).length === 0)
+          return new Response(compiled.html, {
             headers: {
               "Content-Type": "text/html",
-              "X-STX-Fragment": "true",
-              ...runtimeCache.has(matchedRoute.pattern) ? { "X-STX-Runtime": runtimeCache.get(matchedRoute.pattern) ? "true" : "false" } : {},
-              ...layoutMetadata ? {
-                "X-STX-Layout": layoutMetadata.layout,
-                "X-STX-Layout-Group": layoutMetadata.group
-              } : {},
-              "Cache-Control": "no-cache"
+              "Cache-Control": "public, max-age=60"
             }
           });
-        }
-      }
-      const compiled = compiledTemplates.get(matchedRoute.pattern);
-      if (!compiled) {
-        const errorPage = exactRoutes.get("/500") || null;
-        if (errorPage) {
-          const compiledError = compiledTemplates.get(errorPage.pattern);
-          if (compiledError)
-            return new Response(compiledError.html, {
-              status: 500,
-              headers: { "Content-Type": "text/html" }
+        try {
+          const { html, boundaries } = await hydrateTemplateStream(compiled, { params, request });
+          if (boundaries && boundaries.length > 0) {
+            const { renderStreamingPage, streamToResponse } = await import("./streaming.js");
+            return streamToResponse(renderStreamingPage(html, boundaries, { timeoutMs: 30000 }), {
+              headers: { "Cache-Control": "no-cache" }
             });
-        }
-        return new Response("Internal Server Error", { status: 500 });
-      }
-      if (!compiled.hasServerScripts && Object.keys(compiled.placeholders).length === 0)
-        return new Response(compiled.html, {
-          headers: {
-            "Content-Type": "text/html",
-            "Cache-Control": "public, max-age=60"
           }
-        });
-      try {
-        const { html, boundaries } = await hydrateTemplateStream(compiled, { params, request });
-        if (boundaries && boundaries.length > 0) {
-          const { renderStreamingPage, streamToResponse } = await import("./streaming.js");
-          return streamToResponse(renderStreamingPage(html, boundaries, { timeoutMs: 30000 }), {
-            headers: { "Cache-Control": "no-cache" }
+          return new Response(html, {
+            headers: {
+              "Content-Type": "text/html",
+              "Cache-Control": "no-cache"
+            }
+          });
+        } catch (error) {
+          console.error(`[stx] Hydration error for ${pathname}:`, error);
+          return new Response(compiled.html, {
+            headers: { "Content-Type": "text/html" }
           });
         }
-        return new Response(html, {
-          headers: {
-            "Content-Type": "text/html",
-            "Cache-Control": "no-cache"
-          }
-        });
-      } catch (error) {
-        console.error(`[stx] Hydration error for ${pathname}:`, error);
-        return new Response(compiled.html, {
-          headers: { "Content-Type": "text/html" }
-        });
-      }
+      })());
     }
   });
   console.log(`[stx] Production server running at http://localhost:${port}`);

package/dist/serve.js

@@ -5,6 +5,7 @@ import { findSfcTemplateBlock } from "./sfc-template.js";
 import { readMarkdownFile } from "./assets.js";
 import { processDirectives } from "./process.js";
 import { extractVariables } from "./utils.js";
+import { compressResponse } from "./compression.js";
 export function htmlResponse(html, status = 200, headers = {}) {
   return new Response(html, {
     status,
@@ -157,7 +158,7 @@ ${error instanceof Error ? error.stack : ""}</pre>` : "<h1>Internal Server Error
   }
   const server = bunServe({
     port,
-    fetch: handleRequest
+    fetch: async (request) => compressResponse(request, await handleRequest(request))
   });
   let watcher = null;
   if (watch)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stacksjs/stx",
   "type": "module",
-  "version": "0.2.168",
+  "version": "0.2.170",
   "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.14",
     "@stacksjs/clapp": "^0.2.0",
-    "@stacksjs/desktop": "0.2.168",
-    "@stacksjs/sanitizer": "0.2.168",
+    "@stacksjs/desktop": "0.2.170",
+    "@stacksjs/sanitizer": "0.2.170",
     "@stacksjs/ts-i18n": "^0.1.11",
-    "bun-plugin-stx": "0.2.168",
+    "bun-plugin-stx": "0.2.170",
     "bunfig": "^0.15.17",
-    "stx-router": "0.2.168",
+    "stx-router": "0.2.170",
     "ts-broadcasting": "^0.0.9",
     "ts-images": "^0.1.9",
     "ts-syntax-highlighter": "^0.2.1"