reroute-js 1.0.0-alpha.12 → 1.0.0-alpha.13

package/elysia/index.js

@@ -1,5 +1,5 @@
 /**
- * reroute-js v1.0.0-alpha.12
+ * reroute-js v1.0.0-alpha.13
  *
  * @license MIT
  * @copyright 2026 stewones <hi@stewan.io>
@@ -3496,42 +3496,45 @@ var init_scripts = __esm(() => {
 });
 
 // packages/core/src/ssr/lib/styles.ts
-async function inlineThemeCSS(clientDir, minify = false, isWatchMode = false) {
+import { createHash } from "node:crypto";
+function themeLink(query) {
+  return `<link rel="stylesheet" href="${THEME_CSS_HREF}?${query}" data-reroute="theme">`;
+}
+function hashCss(css) {
+  return createHash("sha1").update(css).digest("hex").slice(0, 12);
+}
+async function readThemeCssFromDisk(clientDir) {
+  const candidates = [
+    join(clientDir, "..", ".reroute", "index.css"),
+    join(clientDir, "..", "..", ".reroute", "index.css"),
+    join(clientDir, "..", "..", "..", ".reroute", "index.css"),
+    join(clientDir, "..", "..", "..", "..", ".reroute", "index.css")
+  ];
+  for (const cssPath of candidates) {
+    if (await Bun.file(cssPath).exists()) {
+      const { readFileSync } = await import("node:fs");
+      return readFileSync(cssPath, "utf-8");
+    }
+  }
+  return "";
+}
+function bundledThemeCss() {
+  return globalThis.__REROUTE_THEME_CSS__ || "";
+}
+async function inlineThemeCSS(clientDir, isWatchMode = false) {
   try {
     if (isWatchMode) {
-      const timestamp = Date.now();
-      return `<link rel="stylesheet" href="/.reroute/index.css?t=${timestamp}" data-reroute="theme">`;
-    }
-    const bundledCss = globalThis.__REROUTE_THEME_CSS__;
-    if (bundledCss) {
-      const css2 = minify ? minifyCSS(bundledCss) : bundledCss;
-      return `<style data-reroute="theme">${css2}</style>`;
-    }
-    const candidates = [
-      join(clientDir, "..", ".reroute", "index.css"),
-      join(clientDir, "..", "..", ".reroute", "index.css"),
-      join(clientDir, "..", "..", "..", ".reroute", "index.css"),
-      join(clientDir, "..", "..", "..", "..", ".reroute", "index.css")
-    ];
-    let cssPath = "";
-    for (const p of candidates) {
-      if (await Bun.file(p).exists()) {
-        cssPath = p;
-        break;
-      }
+      return themeLink(`t=${Date.now()}`);
     }
-    if (!cssPath)
+    const css = bundledThemeCss() || await readThemeCssFromDisk(clientDir);
+    if (!css)
       return "";
-    const { readFileSync } = await import("node:fs");
-    const css = readFileSync(cssPath, "utf-8");
-    return `<style data-reroute="theme">${minifyCSS(css)}</style>`;
+    return themeLink(`v=${hashCss(css)}`);
   } catch {
     return "";
   }
 }
-function minifyCSS(css) {
-  return css.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\s+/g, " ").replace(/\s*([{}:;,>+~])\s*/g, "$1").replace(/;}/g, "}").trim();
-}
+var THEME_CSS_HREF = "/.reroute/index.css";
 var init_styles = () => {};
 
 // packages/core/src/ssr/lib/setup.ts
@@ -3638,7 +3641,7 @@ async function performSSRSetupInternal(options, streaming, timeoutState) {
   setGlobalCollections(byCollectionForSSR);
   const usingCachedCSS = !!options.cachedThemeCSS;
   const inlineStyleTag = await withSpan("ssr.inline.css", async (span) => {
-    const css = options.cachedThemeCSS ? options.cachedThemeCSS : await inlineThemeCSS(clientDir, !streaming, isWatchMode);
+    const css = options.cachedThemeCSS ? options.cachedThemeCSS : await inlineThemeCSS(clientDir, isWatchMode);
     span.setAttributes({
       "reroute.cached": usingCachedCSS,
       "reroute.css.size": css.length
@@ -7047,14 +7050,25 @@ function getAssetCacheControl(filePath, contentType, maxAge, directive, isWatchM
 }
 
 // packages/elysia/src/routes/artifacts.ts
+function bundledThemeCssResponse(cacheControl) {
+  const bundled = globalThis.__REROUTE_THEME_CSS__;
+  if (!bundled)
+    throw new NotFoundError2;
+  return new Response(bundled, {
+    headers: {
+      "Content-Type": "text/css; charset=utf-8",
+      "Cache-Control": cacheControl
+    }
+  });
+}
 function registerArtifactsRoutes(app, cwd, fileCache, options) {
   const { bundleMaxAge, directive, isWatchMode = false } = options;
   app.get("/.reroute/index.css", async ({ headers: headers2 }) => {
     const filePath = join(cwd, ".reroute", "index.css");
     const acceptEncoding = headers2["accept-encoding"] ?? "";
-    try {
-      const cacheControl = isWatchMode ? "no-cache, no-store, must-revalidate" : `${directive}, max-age=${bundleMaxAge}`;
-      if (isWatchMode) {
+    const cacheControl = isWatchMode ? "no-cache, no-store, must-revalidate" : `${directive}, max-age=${bundleMaxAge}`;
+    if (isWatchMode) {
+      try {
         const { readFileSync } = await import("node:fs");
         const content2 = readFileSync(filePath);
         return new Response(content2, {
@@ -7063,11 +7077,20 @@ function registerArtifactsRoutes(app, cwd, fileCache, options) {
             "Cache-Control": cacheControl
           }
         });
+      } catch {
+        return bundledThemeCssResponse(cacheControl);
       }
+    }
+    try {
       return await serveFile(filePath, acceptEncoding, fileCache, {
         cacheControl
       });
-    } catch {}
+    } catch (error) {
+      if (error instanceof NotFoundError2) {
+        return bundledThemeCssResponse(cacheControl);
+      }
+      throw error;
+    }
   });
   app.get("/bundles/*", async ({ params, headers: headers2 }) => {
     const fileName = String(params["*"] ?? "").replace(/^\/+/, "");
@@ -10122,7 +10145,7 @@ var reroute = () => async (app) => {
   const getBundleUrl = isWatchMode ? readBundleUrl : async () => initialBundleUrl;
   const { loadCollections: loadCollections2, inlineThemeCSS: inlineThemeCSS2, loadIndexHtml: loadIndexHtml2 } = await Promise.resolve().then(() => (init_core(), exports_core));
   const startupCollections = await loadCollections2(cwd, isWatchMode);
-  const startupThemeCSS = await inlineThemeCSS2(clientDir, false, isWatchMode);
+  const startupThemeCSS = await inlineThemeCSS2(clientDir, isWatchMode);
   const startupIndexHtml = await loadIndexHtml2(clientDir);
   const collectionsTtlMs = serverMaxAge * 1000;
   let collectionsCache = serverCacheEnabled ? { data: startupCollections, exp: Date.now() + collectionsTtlMs } : null;
@@ -10140,7 +10163,7 @@ var reroute = () => async (app) => {
     };
     return fresh;
   };
-  const getThemeCSS = isWatchMode ? () => inlineThemeCSS2(clientDir, false, isWatchMode) : async () => startupThemeCSS;
+  const getThemeCSS = isWatchMode ? () => inlineThemeCSS2(clientDir, isWatchMode) : async () => startupThemeCSS;
   const getIndexHtml = isWatchMode ? () => loadIndexHtml2(clientDir) : async () => startupIndexHtml;
   if (globalConfig.redirects && globalConfig.redirects.length > 0) {
     registerRedirectRoutes(app, globalConfig.redirects);
@@ -10337,4 +10360,4 @@ export {
   reroute
 };
 
-//# debugId=37C38450CA1BDD1364756E2164756E21
+//# debugId=78024E3217BF060B64756E2164756E21