@jay-framework/production-server 0.18.0 → 0.18.2

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { B as BuildOptions, R as RouteManifest, a as RouteEntry } from './serve-index-9aAW1pbg.js';
-export { A as ActionEntry, e as ArtifactStore, c as BuildMetadata, C as CacheEntry, F as FilesystemArtifactStore, I as InstanceEntry, M as MatchResult, d as PageModule, P as PluginEntry, n as PreImportedPlugin, b as RouteSegment, S as ServerElementModule, g as fetchActionRequest, f as fetchPageRequest, j as fetchStaticFile, k as initializeServices, l as initializeServicesFromModules, i as isActionRequest, m as matchRequest, r as registerActionsFromManifest, h as registerActionsFromModules } from './serve-index-9aAW1pbg.js';
+import { B as BuildOptions, R as RouteManifest, a as RouteEntry } from './serve-index-GLq2Yw4z.js';
+export { A as ActionEntry, e as ArtifactStore, c as BuildMetadata, C as CacheEntry, F as FilesystemArtifactStore, I as InstanceEntry, M as MatchResult, d as PageModule, P as PluginEntry, n as PreImportedPlugin, b as RouteSegment, S as ServerElementModule, g as fetchActionRequest, f as fetchPageRequest, j as fetchStaticFile, k as initializeServices, l as initializeServicesFromModules, i as isActionRequest, m as matchRequest, r as registerActionsFromManifest, h as registerActionsFromModules } from './serve-index-GLq2Yw4z.js';
 import '@jay-framework/ssr-runtime';
 import '@jay-framework/stack-server-runtime';
 

package/dist/index.js

@@ -6,14 +6,15 @@ import path from "node:path";
 import fs from "node:fs/promises";
 import { createRequire } from "node:module";
 import { DevSlowlyChangingPhase, slowRenderInstances, scanPlugins, runLoadParams, parseCookies } from "@jay-framework/stack-server-runtime";
-import { l as loadProductionPageParts, g as buildPagePartsConfig, d as initializeServices, r as registerActionsFromManifest, i as isActionRequest, a as fetchActionRequest, c as fetchStaticFile, m as matchRequest, f as fetchPageRequest, F as FilesystemArtifactStore } from "./init-services-BKVwxzYb.js";
-import { e, b } from "./init-services-BKVwxzYb.js";
+import { l as loadProductionPageParts, g as buildPagePartsConfig, d as initializeServices, r as registerActionsFromManifest, i as isActionRequest, a as fetchActionRequest, c as fetchStaticFile, m as matchRequest, f as fetchPageRequest, F as FilesystemArtifactStore } from "./init-services-F6Svgfm9.js";
+import { e, b } from "./init-services-F6Svgfm9.js";
 import crypto from "node:crypto";
 import fs$1 from "node:fs";
 import { jayRuntime } from "@jay-framework/vite-plugin";
 import { injectHeadfullFSTemplates, JAY_IMPORT_RESOLVER, parseJayFile, generateElementHydrateFile, generateServerElementFile } from "@jay-framework/compiler-jay-html";
 import { checkValidationErrors, RuntimeMode } from "@jay-framework/compiler-shared";
 import { parse } from "node-html-parser";
+import { transform } from "esbuild";
 import http from "node:http";
 import { Readable } from "node:stream";
 import { isJayWebhook } from "@jay-framework/fullstack-component";
@@ -507,7 +508,7 @@ function resolvePluginModule(pluginPath) {
   }
   return path.join(pluginPath, "dist", "index.js");
 }
-async function compileServerElement(jayHtmlContent, jayHtmlFilename, jayHtmlDir, outputPath, projectRoot, tsConfigFilePath, sourceDir) {
+async function compileServerElement(jayHtmlContent, jayHtmlFilename, jayHtmlDir, outputPath, projectRoot, tsConfigFilePath, sourceDir, minifyCss = true) {
   const jayFile = await parseJayFile(
     jayHtmlContent,
     jayHtmlFilename,
@@ -545,17 +546,24 @@ async function compileServerElement(jayHtmlContent, jayHtmlFilename, jayHtmlDir,
   });
   await fs.rm(tsPath, { force: true });
   let cssFile;
+  let cssImports;
   const css = parsedJayFile.css;
   if (css) {
+    cssImports = extractCssImportUrls(css);
     const cssFilename = path.basename(outputPath, ".server-element.js") + ".css";
     const cssPath = path.join(outputDir, cssFilename);
-    await fs.writeFile(cssPath, css, "utf-8");
+    if (minifyCss) {
+      const minified = await transform(css, { loader: "css", minify: true });
+      await fs.writeFile(cssPath, minified.code, "utf-8");
+    } else {
+      await fs.writeFile(cssPath, css, "utf-8");
+    }
     cssFile = cssFilename;
   }
   getLogger().info(`[Build] Compiled server element: ${path.basename(outputPath)}`);
-  return { cssFile };
+  return { cssFile, cssImports };
 }
-async function compileRouteServerElement(jayHtmlPath, outputPath, projectRoot, tsConfigFilePath) {
+async function compileRouteServerElement(jayHtmlPath, outputPath, projectRoot, tsConfigFilePath, minifyCss = true) {
   const jayHtmlContent = await fs.readFile(jayHtmlPath, "utf-8");
   const sourceDir = path.dirname(jayHtmlPath);
   const outputDir = path.dirname(outputPath);
@@ -568,7 +576,8 @@ async function compileRouteServerElement(jayHtmlPath, outputPath, projectRoot, t
     outputPath,
     projectRoot,
     tsConfigFilePath,
-    sourceDir
+    sourceDir,
+    minifyCss
   );
 }
 async function compileRouteHydrateScript(jayHtmlPath, outputDir, projectRoot, tsConfigFilePath, minify = true) {
@@ -655,6 +664,18 @@ function resolveJayHtmlPaths(html, sourceDir, targetDir) {
   }
   return root.toString();
 }
+function extractCssImportUrls(css) {
+  const imports = [];
+  const re = /@import\s*(?:url\(\s*['"]?([^'")]+)['"]?\s*\)|['"]([^'"]+)['"])/g;
+  let match;
+  while ((match = re.exec(css)) !== null) {
+    const url = match[1] || match[2];
+    if (url.startsWith("https://")) {
+      imports.push(url);
+    }
+  }
+  return imports;
+}
 async function generateRouteHydrationEntry(options) {
   const {
     hydrateImport,
@@ -1130,7 +1151,8 @@ async function buildVersion(options) {
         route.jayHtmlPath,
         serverElementPath,
         options.projectRoot,
-        options.tsConfigFilePath
+        options.tsConfigFilePath,
+        options.minify ?? true
       );
       entry.serverElementPath = path.relative(backendDir, serverElementPath);
       if (seResult.cssFile) {
@@ -1144,6 +1166,9 @@ async function buildVersion(options) {
         }
         entry.routeCssPath = path.relative(frontendDir, dstCss);
       }
+      if (seResult.cssImports?.length) {
+        entry.cssImports = seResult.cssImports;
+      }
       logger.important(`[Build] Route server element: ${routeDir}`);
     } catch (err) {
       logger.error(`[Build] Route server element FAILED ${route.rawRoute}: ${err.message}`);

package/dist/{init-services-BKVwxzYb.js → init-services-F6Svgfm9.js}

@@ -436,7 +436,10 @@ async function fetchPageRequest(match, manifest, requestUrl, artifacts, staticBa
     importMap["jay-route-hydrate"] = `${staticBaseUrl}${route.routeHydratePath}`;
   }
   const modulePreloads = Object.values(importMap).map((url) => `    <link rel="modulepreload" href="${url}" />`).join("\n");
-  const cssLink = instance.clientCssPath ? `    <link rel="stylesheet" href="${staticBaseUrl}${instance.clientCssPath}" />` : "";
+  const cssUrl = instance.clientCssPath ? `${staticBaseUrl}${instance.clientCssPath}` : "";
+  const cssPreload = cssUrl ? `    <link rel="preload" href="${cssUrl}" as="style" />` : "";
+  const cssLink = cssUrl ? `    <link rel="stylesheet" href="${cssUrl}" />` : "";
+  const cssImportPreloads = (route.cssImports ?? []).map((url) => `    <link rel="preload" href="${url}" as="style" />`).join("\n");
   const encoder = new TextEncoder();
   const stream = new ReadableStream({
     async start(controller) {
@@ -447,7 +450,7 @@ async function fetchPageRequest(match, manifest, requestUrl, artifacts, staticBa
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <script type="importmap">${JSON.stringify({ imports: importMap })}<\/script>
+${[cssPreload, cssImportPreloads].filter(Boolean).map((l) => l + "\n").join("")}    <script type="importmap">${JSON.stringify({ imports: importMap })}<\/script>
 ${headParts}
   </head>
   <body>

package/dist/{serve-index-9aAW1pbg.d.ts → serve-index-GLq2Yw4z.d.ts}

@@ -30,6 +30,8 @@ interface RouteEntry {
     routeHydratePath?: string;
     /** Per-route client bundle path (DL#144). Entry that imports route hydrate script. */
     routeClientBundlePath?: string;
+    /** External @import URLs extracted from CSS at build time (DL#146). Used for preload hints. */
+    cssImports?: string[];
     instances: InstanceEntry[];
     isPlugin?: boolean;
     pluginName?: string;

package/dist/serve-index.d.ts

@@ -1,3 +1,3 @@
-export { e as ArtifactStore, C as CacheEntry, F as FilesystemArtifactStore, I as InstanceEntry, M as MatchResult, n as PreImportedPlugin, a as RouteEntry, R as RouteManifest, S as ServerElementModule, g as fetchActionRequest, f as fetchPageRequest, j as fetchStaticFile, k as initializeServices, l as initializeServicesFromModules, i as isActionRequest, m as matchRequest, r as registerActionsFromManifest, h as registerActionsFromModules } from './serve-index-9aAW1pbg.js';
+export { e as ArtifactStore, C as CacheEntry, F as FilesystemArtifactStore, I as InstanceEntry, M as MatchResult, n as PreImportedPlugin, a as RouteEntry, R as RouteManifest, S as ServerElementModule, g as fetchActionRequest, f as fetchPageRequest, j as fetchStaticFile, k as initializeServices, l as initializeServicesFromModules, i as isActionRequest, m as matchRequest, r as registerActionsFromManifest, h as registerActionsFromModules } from './serve-index-GLq2Yw4z.js';
 import '@jay-framework/ssr-runtime';
 import '@jay-framework/stack-server-runtime';

package/dist/serve-index.js

@@ -1,4 +1,4 @@
-import { F, a, f, c, d, e, i, m, r, b } from "./init-services-BKVwxzYb.js";
+import { F, a, f, c, d, e, i, m, r, b } from "./init-services-F6Svgfm9.js";
 import "node:fs/promises";
 import "node:path";
 import "@jay-framework/stack-server-runtime";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jay-framework/production-server",
-  "version": "0.18.0",
+  "version": "0.18.2",
   "license": "Apache-2.0",
   "type": "module",
   "main": "dist/index.js",
@@ -30,20 +30,20 @@
     "test:watch": "vitest"
   },
   "dependencies": {
-    "@jay-framework/compiler-jay-html": "^0.18.0",
-    "@jay-framework/compiler-jay-stack": "^0.18.0",
-    "@jay-framework/compiler-shared": "^0.18.0",
-    "@jay-framework/fullstack-component": "^0.18.0",
-    "@jay-framework/logger": "^0.18.0",
-    "@jay-framework/ssr-runtime": "^0.18.0",
-    "@jay-framework/stack-route-scanner": "^0.18.0",
-    "@jay-framework/stack-server-runtime": "^0.18.0",
-    "@jay-framework/view-state-merge": "^0.18.0",
-    "@jay-framework/vite-plugin": "^0.18.0",
+    "@jay-framework/compiler-jay-html": "^0.18.2",
+    "@jay-framework/compiler-jay-stack": "^0.18.2",
+    "@jay-framework/compiler-shared": "^0.18.2",
+    "@jay-framework/fullstack-component": "^0.18.2",
+    "@jay-framework/logger": "^0.18.2",
+    "@jay-framework/ssr-runtime": "^0.18.2",
+    "@jay-framework/stack-route-scanner": "^0.18.2",
+    "@jay-framework/stack-server-runtime": "^0.18.2",
+    "@jay-framework/view-state-merge": "^0.18.2",
+    "@jay-framework/vite-plugin": "^0.18.2",
     "vite": "^5.0.11"
   },
   "devDependencies": {
-    "@jay-framework/dev-environment": "^0.18.0",
+    "@jay-framework/dev-environment": "^0.18.2",
     "@types/node": "^22.15.21",
     "rimraf": "^5.0.5",
     "tsup": "^8.0.1",