vite-react-ssg 0.7.0-beta.1 → 0.7.0

package/dist/node.cjs

@@ -850,19 +850,8 @@ function getSize(str) {
   return `${(str.length / 1024).toFixed(2)} KiB`;
 }
 async function routesToPaths(routes) {
-  const pathToEntry = {};
-  function addEntry(path, entry) {
-    if (!entry)
-      return;
-    if (entry[0] === "/")
-      entry = entry.slice(1);
-    if (pathToEntry[path])
-      pathToEntry[path].add(entry);
-    else
-      pathToEntry[path] = /* @__PURE__ */ new Set([entry]);
-  }
   if (!routes || routes.length === 0)
-    return { paths: ["/"], pathToEntry };
+    return { paths: ["/"] };
   const paths = /* @__PURE__ */ new Set();
   const getPaths = async (routes2, prefix = "") => {
     prefix = prefix.replace(/\/$/g, "");
@@ -877,32 +866,28 @@ async function routesToPaths(routes) {
         }
       }
       let path = route.path;
-      path = handlePath(path, prefix, route.entry);
+      path = handlePath(path, prefix);
       if (route.getStaticPaths && isDynamicSegmentsRoute(path)) {
         const staticPaths = await route.getStaticPaths();
         for (let staticPath of staticPaths) {
-          staticPath = handlePath(staticPath, prefix, route.entry);
+          staticPath = handlePath(staticPath, prefix);
           if (Array.isArray(route.children))
             await getPaths(route.children, staticPath);
         }
       }
-      if (route.index)
-        addEntry(prefix, route.entry);
+      if (route.index && !path) {
+        paths.add("/");
+      }
       if (Array.isArray(route.children))
         await getPaths(route.children, path);
     }
   };
   await getPaths(routes);
-  return { paths: Array.from(paths), pathToEntry };
-  function handlePath(path, prefix, entry) {
+  return { paths: Array.from(paths) };
+  function handlePath(path, prefix) {
     if (path != null) {
       path = prefix && !path.startsWith("/") ? `${prefix}${path ? `/${path}` : ""}` : path;
       paths.add(path);
-      addEntry(path, entry);
-      if (pathToEntry[prefix]) {
-        const pathCopy = path;
-        pathToEntry[prefix].forEach((entry2) => addEntry(pathCopy, entry2));
-      }
     }
     return path;
   }
@@ -1096,18 +1081,10 @@ function createLink$1(href) {
   return `<link rel="stylesheet" href="${href}">`;
 }
 
-function renderPreloadLinks(document, modules, ssrManifest) {
+function renderPreloadLinks(document, assets) {
   const seen = /* @__PURE__ */ new Set();
-  const preloadLinks = [];
-  Array.from(modules).forEach((id) => {
-    const files = ssrManifest[id] || [];
-    files.forEach((file) => {
-      if (!preloadLinks.includes(file))
-        preloadLinks.push(file);
-    });
-  });
-  if (preloadLinks) {
-    preloadLinks.forEach((file) => {
+  if (assets) {
+    assets.forEach((file) => {
       if (!seen.has(file)) {
         seen.add(file);
         renderPreloadLink(document, file);
@@ -1128,6 +1105,21 @@ function renderPreloadLink(document, file) {
       href: file,
       crossOrigin: ""
     });
+  } else if (file.endsWith(".woff") || file.endsWith(".woff2") || file.endsWith(".ttf")) {
+    appendLink(document, {
+      rel: "preload",
+      as: "font",
+      type: "font/woff2",
+      href: file,
+      crossOrigin: ""
+    });
+  } else if (file.endsWith(".png") || file.endsWith(".jpg") || file.endsWith(".jpeg") || file.endsWith(".webp") || file.endsWith(".gif") || file.endsWith(".ico") || file.endsWith(".svg")) {
+    appendLink(document, {
+      rel: "preload",
+      as: "image",
+      href: file,
+      crossOrigin: ""
+    });
   }
 }
 function createLink(document) {
@@ -1147,6 +1139,69 @@ function appendLink(document, attrs) {
   document.head.appendChild(link);
 }
 
+const DYNAMIC_IMPORT_REGEX = /import\("([^)]+)"\)/g;
+function collectAssets({
+  routes,
+  locationArg,
+  base,
+  serverManifest,
+  manifest,
+  ssrManifest
+}) {
+  const matches = reactRouterDom.matchRoutes([...routes], locationArg, base);
+  const routeEntries = matches?.map((item) => item.route.entry).filter(Boolean) ?? [];
+  const dynamicImports = /* @__PURE__ */ new Set();
+  matches?.forEach((item) => {
+    let lazyStr = "";
+    if (item.route.lazy) {
+      lazyStr += item.route.lazy.toString();
+    }
+    if (item.route.Component?._payload?._result) {
+      lazyStr += item.route.Component._payload._result.toString();
+    }
+    const match = lazyStr.matchAll(DYNAMIC_IMPORT_REGEX);
+    for (const m of match) {
+      dynamicImports.add(m[1].split("/").at(-1) ?? "");
+    }
+  });
+  const entries = /* @__PURE__ */ new Set();
+  routeEntries.forEach((e) => entries.add(e));
+  const manifestEntries = [...Object.entries(serverManifest)];
+  dynamicImports.forEach((name) => {
+    const result = manifestEntries.find(([_, value]) => value.file.endsWith(name));
+    if (result) {
+      entries.add(result[0]);
+    }
+  });
+  const modules = collectModulesForEntries(manifest, entries);
+  const assets = /* @__PURE__ */ new Set();
+  Array.from(modules).forEach((id) => {
+    const files = ssrManifest[id] || [];
+    files.forEach((file) => {
+      assets.add(file);
+    });
+  });
+  return assets;
+}
+function collectModulesForEntries(manifest, entries) {
+  const mods = /* @__PURE__ */ new Set();
+  if (!entries)
+    return mods;
+  for (const entry of entries)
+    collectModules(manifest, entry, mods);
+  return mods;
+}
+function collectModules(manifest, entry, mods = /* @__PURE__ */ new Set()) {
+  if (!entry)
+    return mods;
+  mods.add(entry);
+  manifest[entry]?.dynamicImports?.forEach((item) => {
+    collectModules(manifest, item, mods);
+  });
+  return mods;
+}
+
+const dotVitedir = Number.parseInt(vite.version) >= 5 ? [".vite"] : [];
 function DefaultIncludedRoutes(paths, _routes) {
   return paths.filter((i) => !i.includes(":") && !i.includes("*"));
 }
@@ -1178,6 +1233,13 @@ async function build(ssgOptions = {}, viteConfig = {}) {
   } = Object.assign({}, config.ssgOptions || {}, ssgOptions);
   if (fs__default.existsSync(ssgOut))
     await fs__default.remove(ssgOut);
+  const clientLogger = vite.createLogger();
+  const loggerWarn = clientLogger.warn;
+  clientLogger.warn = (msg, options) => {
+    if (msg.includes("vite:resolve") && msg.includes("externalized for browser compatibility"))
+      return;
+    loggerWarn(msg, options);
+  };
   buildLog("Build for client...");
   await vite.build(vite.mergeConfig(viteConfig, {
     build: {
@@ -1195,6 +1257,7 @@ async function build(ssgOptions = {}, viteConfig = {}) {
         }
       }
     },
+    customLogger: clientLogger,
     mode: config.mode,
     ssr: { noExternal: ["vite-react-ssg"] }
   }));
@@ -1208,6 +1271,7 @@ async function build(ssgOptions = {}, viteConfig = {}) {
   await vite.build(vite.mergeConfig(viteConfig, {
     build: {
       ssr: ssrEntry,
+      manifest: true,
       outDir: ssgOut,
       minify: false,
       cssCodeSplit: false,
@@ -1227,11 +1291,12 @@ async function build(ssgOptions = {}, viteConfig = {}) {
   const prefix = format === "esm" && process.platform === "win32" ? "file://" : "";
   const ext = format === "esm" ? ".mjs" : ".cjs";
   const serverEntry = node_path.join(prefix, ssgOut, node_path.parse(ssrEntry).name + ext);
+  const serverManifest = JSON.parse(await fs__default.readFile(node_path.join(ssgOut, ...dotVitedir, "manifest.json"), "utf-8"));
   const _require = node_module.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (document.currentScript && document.currentScript.src || new URL('node.cjs', document.baseURI).href)));
   const { createRoot, includedRoutes: serverEntryIncludedRoutes } = format === "esm" ? await import(serverEntry) : _require(serverEntry);
   const includedRoutes = serverEntryIncludedRoutes || configIncludedRoutes;
   const { routes } = await createRoot(false);
-  const { paths, pathToEntry } = await routesToPaths(routes);
+  const { paths } = await routesToPaths(routes);
   let routesPaths = includeAllRoutes ? paths : await includedRoutes(paths, routes || []);
   routesPaths = DefaultIncludedRoutes(routesPaths);
   routesPaths = Array.from(new Set(routesPaths));
@@ -1239,7 +1304,6 @@ async function build(ssgOptions = {}, viteConfig = {}) {
   const critters = crittersOptions !== false ? await getCritters(outDir, { publicPath: configBase, ...crittersOptions }) : void 0;
   if (critters)
     console.log(`${kolorist.gray("[vite-react-ssg]")} ${kolorist.blue("Critical CSS generation enabled via `critters`")}`);
-  const dotVitedir = Number.parseInt(vite.version) >= 5 ? [".vite"] : [];
   const ssrManifest = JSON.parse(await fs__default.readFile(node_path.join(out, ...dotVitedir, "ssr-manifest.json"), "utf-8"));
   const manifest = JSON.parse(await fs__default.readFile(node_path.join(out, ...dotVitedir, "manifest.json"), "utf-8"));
   let indexHTML = await fs__default.readFile(node_path.join(out, "index.html"), "utf-8");
@@ -1256,6 +1320,7 @@ async function build(ssgOptions = {}, viteConfig = {}) {
         const transformedIndexHTML = await onBeforePageRender?.(path, indexHTML, appCtx) || indexHTML;
         const fetchUrl = `${remixRouter.withTrailingSlash(base)}${remixRouter.removeLeadingSlash(path)}`;
         const request = createRequest(fetchUrl);
+        const assets = !app ? collectAssets({ routes: [...routes2], locationArg: fetchUrl, base, serverManifest, manifest, ssrManifest }) : /* @__PURE__ */ new Set();
         const { appHTML, bodyAttributes, htmlAttributes, metaAttributes, styleTag, routerContext } = await render(app ?? [...routes2], request, styleCollector, base);
         staticLoaderDataManifest[path] = routerContext?.loaderData;
         await triggerOnSSRAppRendered?.(path, appHTML, appCtx);
@@ -1269,8 +1334,7 @@ async function build(ssgOptions = {}, viteConfig = {}) {
           initialState: null
         });
         const jsdom = new JSDOM.JSDOM(renderedHTML);
-        const modules = collectModulesForEntrys(manifest, pathToEntry?.[path]);
-        renderPreloadLinks(jsdom.window.document, modules, ssrManifest);
+        renderPreloadLinks(jsdom.window.document, assets);
         const html = jsdom.serialize();
         let transformed = await onPageRendered?.(path, html, appCtx) || html;
         transformed = transformed.replace(SCRIPT_COMMENT_PLACEHOLDER, `window.__VITE_REACT_SSG_HASH__ = '${hash}'`);
@@ -1295,7 +1359,12 @@ ${err.stack}`);
     });
   }
   await queue.start().onIdle();
-  await fs__default.writeFile(node_path.join(out, `static-loader-data-manifest-${hash}.json`), JSON.stringify(staticLoaderDataManifest, null, 2));
+  buildLog("Generating static loader data manifest...");
+  const staticLoaderDataManifestString = JSON.stringify(staticLoaderDataManifest, null, 0);
+  await fs__default.writeFile(node_path.join(out, `static-loader-data-manifest-${hash}.json`), staticLoaderDataManifestString);
+  config.logger.info(
+    `${kolorist.dim(`${outDir}/`)}${kolorist.cyan(`static-loader-data-manifest-${hash}.json`.padEnd(15, " "))}  ${kolorist.dim(getSize(staticLoaderDataManifestString))}`
+  );
   await fs__default.remove(node_path.join(root, ".vite-react-ssg-temp"));
   const pwaPlugin = config.plugins.find((i) => i.name === "vite-plugin-pwa")?.api;
   if (pwaPlugin && !pwaPlugin.disabled && pwaPlugin.generateSW) {
@@ -1339,23 +1408,6 @@ async function formatHtml(html, formatting) {
   }
   return html;
 }
-function collectModulesForEntrys(manifest, entrys) {
-  const mods = /* @__PURE__ */ new Set();
-  if (!entrys)
-    return mods;
-  for (const entry of entrys)
-    collectModules(manifest, entry, mods);
-  return mods;
-}
-function collectModules(manifest, entry, mods = /* @__PURE__ */ new Set()) {
-  if (!entry)
-    return mods;
-  mods.add(entry);
-  manifest[entry]?.dynamicImports?.forEach((item) => {
-    collectModules(manifest, item, mods);
-  });
-  return mods;
-}
 
 function invariant(value, message) {
   if (value === false || value === null || typeof value === "undefined") {
@@ -1471,11 +1523,10 @@ function ssrServerPlugin({
           const indexHTML = await server.transformIndexHtml(url, template);
           const transformedIndexHTML = await onBeforePageRender?.(url, indexHTML, appCtx) || indexHTML;
           const styleCollector = getStyleCollector ? await getStyleCollector() : null;
-          const { appHTML, bodyAttributes, htmlAttributes, metaAttributes, styleTag, routerContext } = await render(app ?? [...routes], fromNodeRequest(req), styleCollector, base);
+          const { appHTML, bodyAttributes, htmlAttributes, metaAttributes, styleTag } = await render(app ?? [...routes], fromNodeRequest(req), styleCollector, base);
           metaAttributes.push(styleTag);
-          const matchesEntries = routerContext?.matches.map((match) => match.route.entry).filter((entry2) => !!entry2).map((entry2) => entry2[0] === "/" ? entry2 : `/${entry2}`) ?? [];
           const mods = await Promise.all(
-            [ssrEntry, entry, ...matchesEntries].map(async (entry2) => await server.moduleGraph.getModuleByUrl(entry2))
+            [ssrEntry, entry].map(async (entry2) => await server.moduleGraph.getModuleByUrl(entry2))
           );
           const assetsUrls = /* @__PURE__ */ new Set();
           const collectAssets = async (mod) => {
@@ -1484,7 +1535,7 @@ function ssrServerPlugin({
             const { deps = [], dynamicDeps = [] } = mod?.ssrTransformResult;
             const allDeps = [...deps, ...dynamicDeps];
             for (const dep of allDeps) {
-              if (dep.endsWith(".css")) {
+              if (dep.endsWith(".css") || dep.endsWith(".scss") || dep.endsWith(".sass") || dep.endsWith(".less")) {
                 assetsUrls.add(dep);
               } else if (dep.endsWith(".ts") || dep.endsWith(".tsx")) {
                 const depModule = await server.moduleGraph.getModuleByUrl(dep);

package/dist/node.d.cts

@@ -1,5 +1,5 @@
 import { InlineConfig } from 'vite';
-import { b as ViteReactSSGOptions } from './shared/vite-react-ssg.870c683b.cjs';
+import { b as ViteReactSSGOptions } from './shared/vite-react-ssg.4d155759.cjs';
 import 'critters';
 import 'react';
 import 'react-router-dom';

package/dist/node.d.mts

@@ -1,5 +1,5 @@
 import { InlineConfig } from 'vite';
-import { b as ViteReactSSGOptions } from './shared/vite-react-ssg.870c683b.mjs';
+import { b as ViteReactSSGOptions } from './shared/vite-react-ssg.4d155759.mjs';
 import 'critters';
 import 'react';
 import 'react-router-dom';

package/dist/node.d.ts

@@ -1,5 +1,5 @@
 import { InlineConfig } from 'vite';
-import { b as ViteReactSSGOptions } from './shared/vite-react-ssg.870c683b.js';
+import { b as ViteReactSSGOptions } from './shared/vite-react-ssg.4d155759.js';
 import 'critters';
 import 'react';
 import 'react-router-dom';

package/dist/node.mjs

@@ -2,7 +2,7 @@ import { join, isAbsolute, parse, dirname } from 'node:path';
 import { createRequire } from 'node:module';
 import { gray, yellow, blue, dim, cyan, red, green, reset, bold, bgLightCyan } from 'kolorist';
 import fs from 'fs-extra';
-import { resolveConfig, build as build$1, mergeConfig, version as version$1, send, createServer } from 'vite';
+import { resolveConfig, createLogger, build as build$1, mergeConfig, version as version$1, send, createServer } from 'vite';
 import { JSDOM } from 'jsdom';
 import { s as serializeState } from './shared/vite-react-ssg.579feabb.mjs';
 import { a as withTrailingSlash, r as removeLeadingSlash, c as convertRoutesToDataRoutes, j as joinUrlSegments } from './shared/vite-react-ssg.054e813a.mjs';
@@ -843,19 +843,8 @@ function getSize(str) {
   return `${(str.length / 1024).toFixed(2)} KiB`;
 }
 async function routesToPaths(routes) {
-  const pathToEntry = {};
-  function addEntry(path, entry) {
-    if (!entry)
-      return;
-    if (entry[0] === "/")
-      entry = entry.slice(1);
-    if (pathToEntry[path])
-      pathToEntry[path].add(entry);
-    else
-      pathToEntry[path] = /* @__PURE__ */ new Set([entry]);
-  }
   if (!routes || routes.length === 0)
-    return { paths: ["/"], pathToEntry };
+    return { paths: ["/"] };
   const paths = /* @__PURE__ */ new Set();
   const getPaths = async (routes2, prefix = "") => {
     prefix = prefix.replace(/\/$/g, "");
@@ -870,32 +859,28 @@ async function routesToPaths(routes) {
         }
       }
       let path = route.path;
-      path = handlePath(path, prefix, route.entry);
+      path = handlePath(path, prefix);
       if (route.getStaticPaths && isDynamicSegmentsRoute(path)) {
         const staticPaths = await route.getStaticPaths();
         for (let staticPath of staticPaths) {
-          staticPath = handlePath(staticPath, prefix, route.entry);
+          staticPath = handlePath(staticPath, prefix);
           if (Array.isArray(route.children))
             await getPaths(route.children, staticPath);
         }
       }
-      if (route.index)
-        addEntry(prefix, route.entry);
+      if (route.index && !path) {
+        paths.add("/");
+      }
       if (Array.isArray(route.children))
         await getPaths(route.children, path);
     }
   };
   await getPaths(routes);
-  return { paths: Array.from(paths), pathToEntry };
-  function handlePath(path, prefix, entry) {
+  return { paths: Array.from(paths) };
+  function handlePath(path, prefix) {
     if (path != null) {
       path = prefix && !path.startsWith("/") ? `${prefix}${path ? `/${path}` : ""}` : path;
       paths.add(path);
-      addEntry(path, entry);
-      if (pathToEntry[prefix]) {
-        const pathCopy = path;
-        pathToEntry[prefix].forEach((entry2) => addEntry(pathCopy, entry2));
-      }
     }
     return path;
   }
@@ -1089,18 +1074,10 @@ function createLink$1(href) {
   return `<link rel="stylesheet" href="${href}">`;
 }
 
-function renderPreloadLinks(document, modules, ssrManifest) {
+function renderPreloadLinks(document, assets) {
   const seen = /* @__PURE__ */ new Set();
-  const preloadLinks = [];
-  Array.from(modules).forEach((id) => {
-    const files = ssrManifest[id] || [];
-    files.forEach((file) => {
-      if (!preloadLinks.includes(file))
-        preloadLinks.push(file);
-    });
-  });
-  if (preloadLinks) {
-    preloadLinks.forEach((file) => {
+  if (assets) {
+    assets.forEach((file) => {
       if (!seen.has(file)) {
         seen.add(file);
         renderPreloadLink(document, file);
@@ -1121,6 +1098,21 @@ function renderPreloadLink(document, file) {
       href: file,
       crossOrigin: ""
     });
+  } else if (file.endsWith(".woff") || file.endsWith(".woff2") || file.endsWith(".ttf")) {
+    appendLink(document, {
+      rel: "preload",
+      as: "font",
+      type: "font/woff2",
+      href: file,
+      crossOrigin: ""
+    });
+  } else if (file.endsWith(".png") || file.endsWith(".jpg") || file.endsWith(".jpeg") || file.endsWith(".webp") || file.endsWith(".gif") || file.endsWith(".ico") || file.endsWith(".svg")) {
+    appendLink(document, {
+      rel: "preload",
+      as: "image",
+      href: file,
+      crossOrigin: ""
+    });
   }
 }
 function createLink(document) {
@@ -1140,6 +1132,69 @@ function appendLink(document, attrs) {
   document.head.appendChild(link);
 }
 
+const DYNAMIC_IMPORT_REGEX = /import\("([^)]+)"\)/g;
+function collectAssets({
+  routes,
+  locationArg,
+  base,
+  serverManifest,
+  manifest,
+  ssrManifest
+}) {
+  const matches = matchRoutes([...routes], locationArg, base);
+  const routeEntries = matches?.map((item) => item.route.entry).filter(Boolean) ?? [];
+  const dynamicImports = /* @__PURE__ */ new Set();
+  matches?.forEach((item) => {
+    let lazyStr = "";
+    if (item.route.lazy) {
+      lazyStr += item.route.lazy.toString();
+    }
+    if (item.route.Component?._payload?._result) {
+      lazyStr += item.route.Component._payload._result.toString();
+    }
+    const match = lazyStr.matchAll(DYNAMIC_IMPORT_REGEX);
+    for (const m of match) {
+      dynamicImports.add(m[1].split("/").at(-1) ?? "");
+    }
+  });
+  const entries = /* @__PURE__ */ new Set();
+  routeEntries.forEach((e) => entries.add(e));
+  const manifestEntries = [...Object.entries(serverManifest)];
+  dynamicImports.forEach((name) => {
+    const result = manifestEntries.find(([_, value]) => value.file.endsWith(name));
+    if (result) {
+      entries.add(result[0]);
+    }
+  });
+  const modules = collectModulesForEntries(manifest, entries);
+  const assets = /* @__PURE__ */ new Set();
+  Array.from(modules).forEach((id) => {
+    const files = ssrManifest[id] || [];
+    files.forEach((file) => {
+      assets.add(file);
+    });
+  });
+  return assets;
+}
+function collectModulesForEntries(manifest, entries) {
+  const mods = /* @__PURE__ */ new Set();
+  if (!entries)
+    return mods;
+  for (const entry of entries)
+    collectModules(manifest, entry, mods);
+  return mods;
+}
+function collectModules(manifest, entry, mods = /* @__PURE__ */ new Set()) {
+  if (!entry)
+    return mods;
+  mods.add(entry);
+  manifest[entry]?.dynamicImports?.forEach((item) => {
+    collectModules(manifest, item, mods);
+  });
+  return mods;
+}
+
+const dotVitedir = Number.parseInt(version$1) >= 5 ? [".vite"] : [];
 function DefaultIncludedRoutes(paths, _routes) {
   return paths.filter((i) => !i.includes(":") && !i.includes("*"));
 }
@@ -1171,6 +1226,13 @@ async function build(ssgOptions = {}, viteConfig = {}) {
   } = Object.assign({}, config.ssgOptions || {}, ssgOptions);
   if (fs.existsSync(ssgOut))
     await fs.remove(ssgOut);
+  const clientLogger = createLogger();
+  const loggerWarn = clientLogger.warn;
+  clientLogger.warn = (msg, options) => {
+    if (msg.includes("vite:resolve") && msg.includes("externalized for browser compatibility"))
+      return;
+    loggerWarn(msg, options);
+  };
   buildLog("Build for client...");
   await build$1(mergeConfig(viteConfig, {
     build: {
@@ -1188,6 +1250,7 @@ async function build(ssgOptions = {}, viteConfig = {}) {
         }
       }
     },
+    customLogger: clientLogger,
     mode: config.mode,
     ssr: { noExternal: ["vite-react-ssg"] }
   }));
@@ -1201,6 +1264,7 @@ async function build(ssgOptions = {}, viteConfig = {}) {
   await build$1(mergeConfig(viteConfig, {
     build: {
       ssr: ssrEntry,
+      manifest: true,
       outDir: ssgOut,
       minify: false,
       cssCodeSplit: false,
@@ -1220,11 +1284,12 @@ async function build(ssgOptions = {}, viteConfig = {}) {
   const prefix = format === "esm" && process.platform === "win32" ? "file://" : "";
   const ext = format === "esm" ? ".mjs" : ".cjs";
   const serverEntry = join(prefix, ssgOut, parse(ssrEntry).name + ext);
+  const serverManifest = JSON.parse(await fs.readFile(join(ssgOut, ...dotVitedir, "manifest.json"), "utf-8"));
   const _require = createRequire(import.meta.url);
   const { createRoot, includedRoutes: serverEntryIncludedRoutes } = format === "esm" ? await import(serverEntry) : _require(serverEntry);
   const includedRoutes = serverEntryIncludedRoutes || configIncludedRoutes;
   const { routes } = await createRoot(false);
-  const { paths, pathToEntry } = await routesToPaths(routes);
+  const { paths } = await routesToPaths(routes);
   let routesPaths = includeAllRoutes ? paths : await includedRoutes(paths, routes || []);
   routesPaths = DefaultIncludedRoutes(routesPaths);
   routesPaths = Array.from(new Set(routesPaths));
@@ -1232,7 +1297,6 @@ async function build(ssgOptions = {}, viteConfig = {}) {
   const critters = crittersOptions !== false ? await getCritters(outDir, { publicPath: configBase, ...crittersOptions }) : void 0;
   if (critters)
     console.log(`${gray("[vite-react-ssg]")} ${blue("Critical CSS generation enabled via `critters`")}`);
-  const dotVitedir = Number.parseInt(version$1) >= 5 ? [".vite"] : [];
   const ssrManifest = JSON.parse(await fs.readFile(join(out, ...dotVitedir, "ssr-manifest.json"), "utf-8"));
   const manifest = JSON.parse(await fs.readFile(join(out, ...dotVitedir, "manifest.json"), "utf-8"));
   let indexHTML = await fs.readFile(join(out, "index.html"), "utf-8");
@@ -1249,6 +1313,7 @@ async function build(ssgOptions = {}, viteConfig = {}) {
         const transformedIndexHTML = await onBeforePageRender?.(path, indexHTML, appCtx) || indexHTML;
         const fetchUrl = `${withTrailingSlash(base)}${removeLeadingSlash(path)}`;
         const request = createRequest(fetchUrl);
+        const assets = !app ? collectAssets({ routes: [...routes2], locationArg: fetchUrl, base, serverManifest, manifest, ssrManifest }) : /* @__PURE__ */ new Set();
         const { appHTML, bodyAttributes, htmlAttributes, metaAttributes, styleTag, routerContext } = await render(app ?? [...routes2], request, styleCollector, base);
         staticLoaderDataManifest[path] = routerContext?.loaderData;
         await triggerOnSSRAppRendered?.(path, appHTML, appCtx);
@@ -1262,8 +1327,7 @@ async function build(ssgOptions = {}, viteConfig = {}) {
           initialState: null
         });
         const jsdom = new JSDOM(renderedHTML);
-        const modules = collectModulesForEntrys(manifest, pathToEntry?.[path]);
-        renderPreloadLinks(jsdom.window.document, modules, ssrManifest);
+        renderPreloadLinks(jsdom.window.document, assets);
         const html = jsdom.serialize();
         let transformed = await onPageRendered?.(path, html, appCtx) || html;
         transformed = transformed.replace(SCRIPT_COMMENT_PLACEHOLDER, `window.__VITE_REACT_SSG_HASH__ = '${hash}'`);
@@ -1288,7 +1352,12 @@ ${err.stack}`);
     });
   }
   await queue.start().onIdle();
-  await fs.writeFile(join(out, `static-loader-data-manifest-${hash}.json`), JSON.stringify(staticLoaderDataManifest, null, 2));
+  buildLog("Generating static loader data manifest...");
+  const staticLoaderDataManifestString = JSON.stringify(staticLoaderDataManifest, null, 0);
+  await fs.writeFile(join(out, `static-loader-data-manifest-${hash}.json`), staticLoaderDataManifestString);
+  config.logger.info(
+    `${dim(`${outDir}/`)}${cyan(`static-loader-data-manifest-${hash}.json`.padEnd(15, " "))}  ${dim(getSize(staticLoaderDataManifestString))}`
+  );
   await fs.remove(join(root, ".vite-react-ssg-temp"));
   const pwaPlugin = config.plugins.find((i) => i.name === "vite-plugin-pwa")?.api;
   if (pwaPlugin && !pwaPlugin.disabled && pwaPlugin.generateSW) {
@@ -1332,23 +1401,6 @@ async function formatHtml(html, formatting) {
   }
   return html;
 }
-function collectModulesForEntrys(manifest, entrys) {
-  const mods = /* @__PURE__ */ new Set();
-  if (!entrys)
-    return mods;
-  for (const entry of entrys)
-    collectModules(manifest, entry, mods);
-  return mods;
-}
-function collectModules(manifest, entry, mods = /* @__PURE__ */ new Set()) {
-  if (!entry)
-    return mods;
-  mods.add(entry);
-  manifest[entry]?.dynamicImports?.forEach((item) => {
-    collectModules(manifest, item, mods);
-  });
-  return mods;
-}
 
 function invariant(value, message) {
   if (value === false || value === null || typeof value === "undefined") {
@@ -1464,11 +1516,10 @@ function ssrServerPlugin({
           const indexHTML = await server.transformIndexHtml(url, template);
           const transformedIndexHTML = await onBeforePageRender?.(url, indexHTML, appCtx) || indexHTML;
           const styleCollector = getStyleCollector ? await getStyleCollector() : null;
-          const { appHTML, bodyAttributes, htmlAttributes, metaAttributes, styleTag, routerContext } = await render(app ?? [...routes], fromNodeRequest(req), styleCollector, base);
+          const { appHTML, bodyAttributes, htmlAttributes, metaAttributes, styleTag } = await render(app ?? [...routes], fromNodeRequest(req), styleCollector, base);
           metaAttributes.push(styleTag);
-          const matchesEntries = routerContext?.matches.map((match) => match.route.entry).filter((entry2) => !!entry2).map((entry2) => entry2[0] === "/" ? entry2 : `/${entry2}`) ?? [];
           const mods = await Promise.all(
-            [ssrEntry, entry, ...matchesEntries].map(async (entry2) => await server.moduleGraph.getModuleByUrl(entry2))
+            [ssrEntry, entry].map(async (entry2) => await server.moduleGraph.getModuleByUrl(entry2))
           );
           const assetsUrls = /* @__PURE__ */ new Set();
           const collectAssets = async (mod) => {
@@ -1477,7 +1528,7 @@ function ssrServerPlugin({
             const { deps = [], dynamicDeps = [] } = mod?.ssrTransformResult;
             const allDeps = [...deps, ...dynamicDeps];
             for (const dep of allDeps) {
-              if (dep.endsWith(".css")) {
+              if (dep.endsWith(".css") || dep.endsWith(".scss") || dep.endsWith(".sass") || dep.endsWith(".less")) {
                 assetsUrls.add(dep);
               } else if (dep.endsWith(".ts") || dep.endsWith(".tsx")) {
                 const depModule = await server.moduleGraph.getModuleByUrl(dep);

package/dist/shared/{vite-react-ssg.870c683b.d.cts → vite-react-ssg.4d155759.d.cts}

@@ -140,6 +140,8 @@ interface CommonRouteOptions {
     /**
      * Used to obtain static resources through manifest
      *
+     * **You are not required to use this field. It is only necessary when "prehydration style loss" occurs.**
+     *
      * @example `src/pages/home.tsx`
      */
     entry?: string;

package/dist/shared/{vite-react-ssg.870c683b.d.mts → vite-react-ssg.4d155759.d.mts}

@@ -140,6 +140,8 @@ interface CommonRouteOptions {
     /**
      * Used to obtain static resources through manifest
      *
+     * **You are not required to use this field. It is only necessary when "prehydration style loss" occurs.**
+     *
      * @example `src/pages/home.tsx`
      */
     entry?: string;

package/dist/shared/{vite-react-ssg.870c683b.d.ts → vite-react-ssg.4d155759.d.ts}

@@ -140,6 +140,8 @@ interface CommonRouteOptions {
     /**
      * Used to obtain static resources through manifest
      *
+     * **You are not required to use this field. It is only necessary when "prehydration style loss" occurs.**
+     *
      * @example `src/pages/home.tsx`
      */
     entry?: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vite-react-ssg",
   "type": "module",
-  "version": "0.7.0-beta.1",
+  "version": "0.7.0",
   "packageManager": "pnpm@9.4.0",
   "description": "",
   "author": "Riri <Daydreamerriri@outlook.com>",