@react-router/dev 0.0.0-experimental-8677247c0 → 0.0.0-experimental-c10e297a4

package/dist/cli/index.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 /**
- * @react-router/dev v0.0.0-experimental-8677247c0
+ * @react-router/dev v0.0.0-experimental-c10e297a4
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/config.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-8677247c0
+ * @react-router/dev v0.0.0-experimental-c10e297a4
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/routes.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-8677247c0
+ * @react-router/dev v0.0.0-experimental-c10e297a4
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/vite/cloudflare.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-8677247c0
+ * @react-router/dev v0.0.0-experimental-c10e297a4
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/vite.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-8677247c0
+ * @react-router/dev v0.0.0-experimental-c10e297a4
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -1047,27 +1047,35 @@ var groupRoutesByParentId = (manifest) => {
   });
   return routes;
 };
-var createRoutes = (manifest, parentId = "", routesByParentId = groupRoutesByParentId(manifest)) => {
+var createRoutesWithChildren = (manifest, parentId = "", routesByParentId = groupRoutesByParentId(manifest)) => {
   return (routesByParentId[parentId] || []).map((route) => ({
     ...route,
-    children: createRoutes(manifest, route.id, routesByParentId)
+    ...route.index ? {
+      index: true
+    } : {
+      index: false,
+      children: createRoutesWithChildren(
+        manifest,
+        route.id,
+        routesByParentId
+      )
+    }
   }));
 };
-var getStylesForUrl = async ({
+var getStylesForPathname = async ({
   viteDevServer,
   rootDirectory,
   reactRouterConfig,
   entryClientFilePath,
   loadCssContents,
-  build,
-  url: url2
+  pathname
 }) => {
-  if (url2 === void 0 || url2.includes("?_data=")) {
+  if (pathname === void 0 || pathname.includes("?_data=")) {
     return void 0;
   }
-  let routes = createRoutes(build.routes);
+  let routesWithChildren = createRoutesWithChildren(reactRouterConfig.routes);
   let appPath = path5.relative(process.cwd(), reactRouterConfig.appDirectory);
-  let documentRouteFiles = (0, import_react_router.matchRoutes)(routes, url2, build.basename)?.map(
+  let documentRouteFiles = (0, import_react_router.matchRoutes)(routesWithChildren, pathname, reactRouterConfig.basename)?.map(
     (match) => path5.resolve(appPath, reactRouterConfig.routes[match.route.id].file)
   ) ?? [];
   let styles = await getStylesForFiles({
@@ -2227,10 +2235,10 @@ var reactRouterVitePlugin = () => {
       routes
     );
     return `
-    import * as entryServer from ${JSON.stringify(
+      import * as entryServer from ${JSON.stringify(
       resolveFileUrl(ctx, ctx.entryServerFilePath)
     )};
-    ${Object.keys(routes).map((key, index) => {
+      ${Object.keys(routes).map((key, index) => {
       let route = routes[key];
       return `import * as route${index} from ${JSON.stringify(
         resolveFileUrl(
@@ -2267,7 +2275,15 @@ var reactRouterVitePlugin = () => {
           module: route${index}
         }`;
     }).join(",\n  ")}
-      };`;
+      };
+      ${ctx.reactRouterConfig.future.unstable_viteEnvironmentApi && viteCommand === "serve" ? `
+              export const getCriticalCss = ({ pathname }) => {
+                return {
+                  rel: "stylesheet",
+                  href: "${viteUserConfig.base ?? "/"}@react-router/critical.css?pathname=" + pathname,
+                };
+              }
+            ` : ""}`;
   };
   let loadViteManifest = async (directory) => {
     let manifestContents = await fse.readFile(
@@ -2747,15 +2763,14 @@ var reactRouterVitePlugin = () => {
         (0, import_react_router2.unstable_setDevServerHooks)({
           // Give the request handler access to the critical CSS in dev to avoid a
           // flash of unstyled content since Vite injects CSS file contents via JS
-          getCriticalCss: async (build, url2) => {
-            return getStylesForUrl({
+          getCriticalCss: async (pathname) => {
+            return getStylesForPathname({
               rootDirectory: ctx.rootDirectory,
               entryClientFilePath: ctx.entryClientFilePath,
               reactRouterConfig: ctx.reactRouterConfig,
               viteDevServer,
               loadCssContents,
-              build,
-              url: url2
+              pathname
             });
           },
           // If an error is caught within the request handler, let Vite fix the
@@ -2799,6 +2814,27 @@ var reactRouterVitePlugin = () => {
           }
         );
         return () => {
+          viteDevServer.middlewares.use(async (req, res, next) => {
+            let [reqPathname, reqSearch] = (req.url ?? "").split("?");
+            if (reqPathname === "/@react-router/critical.css") {
+              let pathname = new URLSearchParams(reqSearch).get("pathname");
+              if (!pathname) {
+                return next("No pathname provided");
+              }
+              let css = await getStylesForPathname({
+                rootDirectory: ctx.rootDirectory,
+                entryClientFilePath: ctx.entryClientFilePath,
+                reactRouterConfig: ctx.reactRouterConfig,
+                viteDevServer,
+                loadCssContents,
+                pathname
+              });
+              res.setHeader("Content-Type", "text/css");
+              res.end(css);
+            } else {
+              next();
+            }
+          });
           if (!viteDevServer.config.server.middlewareMode) {
             viteDevServer.middlewares.use(async (req, res, next) => {
               try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-router/dev",
-  "version": "0.0.0-experimental-8677247c0",
+  "version": "0.0.0-experimental-c10e297a4",
   "description": "Dev tools and CLI for React Router",
   "homepage": "https://reactrouter.com",
   "bugs": {
@@ -88,7 +88,7 @@
     "set-cookie-parser": "^2.6.0",
     "valibot": "^0.41.0",
     "vite-node": "3.0.0-beta.2",
-    "@react-router/node": "0.0.0-experimental-8677247c0"
+    "@react-router/node": "0.0.0-experimental-c10e297a4"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5",
@@ -117,15 +117,15 @@
     "vite": "^6.0.0",
     "wireit": "0.14.9",
     "wrangler": "^3.28.2",
-    "@react-router/serve": "0.0.0-experimental-8677247c0",
-    "react-router": "^0.0.0-experimental-8677247c0"
+    "@react-router/serve": "0.0.0-experimental-c10e297a4",
+    "react-router": "^0.0.0-experimental-c10e297a4"
   },
   "peerDependencies": {
     "typescript": "^5.1.0",
     "vite": "^5.1.0 || ^6.0.0",
     "wrangler": "^3.28.2",
-    "@react-router/serve": "^0.0.0-experimental-8677247c0",
-    "react-router": "^0.0.0-experimental-8677247c0"
+    "@react-router/serve": "^0.0.0-experimental-c10e297a4",
+    "react-router": "^0.0.0-experimental-c10e297a4"
   },
   "peerDependenciesMeta": {
     "@react-router/serve": {