@react-router/dev 0.0.0-experimental-ae6d61df4 → 0.0.0-experimental-61f2749d7

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # `@react-router/dev`
 
+## 7.9.1
+
+### Patch Changes
+
+- Fix internal `Future` interface naming from `middleware` -> `v8_middleware` ([#14327](https://github.com/remix-run/react-router/pull/14327))
+- Updated dependencies:
+  - `react-router@7.9.1`
+  - `@react-router/node@7.9.1`
+  - `@react-router/serve@7.9.1`
+
+## 7.9.0
+
+### Minor Changes
+
+- Stabilize middleware and context APIs. ([#14215](https://github.com/remix-run/react-router/pull/14215))
+
+  We have removed the `unstable_` prefix from the following APIs and they are now considered stable and ready for production use:
+
+  - [`RouterContextProvider`](https://reactrouter.com/api/utils/RouterContextProvider)
+  - [`createContext`](https://reactrouter.com/api/utils/createContext)
+  - `createBrowserRouter` [`getContext`](https://reactrouter.com/api/data-routers/createBrowserRouter#optsgetcontext) option
+  - `<HydratedRouter>` [`getContext`](https://reactrouter.com/api/framework-routers/HydratedRouter#getcontext) prop
+
+  Please see the [Middleware Docs](https://reactrouter.com/how-to/middleware), the [Middleware RFC](https://github.com/remix-run/remix/discussions/7642), and the [Client-side Context RFC](https://github.com/remix-run/react-router/discussions/9856) for more information.
+
+### Patch Changes
+
+- Updated dependencies:
+  - `react-router@7.9.0`
+  - `@react-router/node@7.9.0`
+  - `@react-router/serve@7.9.0`
+
 ## 7.8.2
 
 ### Patch Changes
@@ -728,6 +760,7 @@
   ```
 
   This initial implementation targets type inference for:
+
   - `Params` : Path parameters from your routing config in `routes.ts` including file-based routing
   - `LoaderData` : Loader data from `loader` and/or `clientLoader` within your route module
   - `ActionData` : Action data from `action` and/or `clientAction` within your route module
@@ -742,6 +775,7 @@
   ```
 
   Check out our docs for more:
+
   - [_Explanations > Type Safety_](https://reactrouter.com/dev/guides/explanation/type-safety)
   - [_How-To > Setting up type safety_](https://reactrouter.com/dev/guides/how-to/setting-up-type-safety)
 
@@ -941,6 +975,7 @@
 - Vite: Provide `Unstable_ServerBundlesFunction` and `Unstable_VitePluginConfig` types ([#8654](https://github.com/remix-run/remix/pull/8654))
 
 - Vite: add `--sourcemapClient` and `--sourcemapServer` flags to `remix vite:build` ([#8613](https://github.com/remix-run/remix/pull/8613))
+
   - `--sourcemapClient`
 
   - `--sourcemapClient=inline`
@@ -1277,6 +1312,7 @@
 - Add support for `clientLoader`/`clientAction`/`HydrateFallback` route exports ([RFC](https://github.com/remix-run/remix/discussions/7634)) ([#8173](https://github.com/remix-run/remix/pull/8173))
 
   Remix now supports loaders/actions that run on the client (in addition to, or instead of the loader/action that runs on the server). While we still recommend server loaders/actions for the majority of your data needs in a Remix app - these provide some levers you can pull for more advanced use-cases such as:
+
   - Leveraging a data source local to the browser (i.e., `localStorage`)
   - Managing a client-side cache of server data (like `IndexedDB`)
   - Bypassing the Remix server in a BFF setup and hitting your API directly from the browser
@@ -1680,6 +1716,7 @@
 - Output esbuild metafiles for bundle analysis ([#6772](https://github.com/remix-run/remix/pull/6772))
 
   Written to server build directory (`build/` by default):
+
   - `metafile.css.json`
   - `metafile.js.json` (browser JS)
   - `metafile.server.json` (server JS)
@@ -1777,6 +1814,7 @@
 - built-in tls support ([#6483](https://github.com/remix-run/remix/pull/6483))
 
   New options:
+
   - `--tls-key` / `tlsKey`: TLS key
   - `--tls-cert` / `tlsCert`: TLS Certificate
 
@@ -2047,6 +2085,7 @@
   ```
 
   The dev server will:
+
   - force `NODE_ENV=development` and warn you if it was previously set to something else
   - rebuild your app whenever your Remix app code changes
   - restart your app server whenever rebuilds succeed

package/dist/cli/index.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 /**
- * @react-router/dev v0.0.0-experimental-ae6d61df4
+ * @react-router/dev v0.0.0-experimental-61f2749d7
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -503,7 +503,6 @@ async function resolveConfig({
     serverBundles,
     serverModuleFormat,
     ssr,
-    unstable_rootRouteFile: rootRouteFile,
     unstable_routeConfig: routeConfig
   });
   for (let preset of reactRouterUserConfig.presets ?? []) {
@@ -914,7 +913,7 @@ function generateFuture(ctx) {
 
     declare module "react-router" {
       interface Future {
-        middleware: ${ctx.config.future.v8_middleware}
+        v8_middleware: ${ctx.config.future.v8_middleware}
       }
     }
   `;
@@ -1492,6 +1491,13 @@ var init_with_props = __esm({
   }
 });
 
+// vite/load-dotenv.ts
+var init_load_dotenv = __esm({
+  "vite/load-dotenv.ts"() {
+    "use strict";
+  }
+});
+
 // vite/plugins/validate-plugin-order.ts
 var init_validate_plugin_order = __esm({
   "vite/plugins/validate-plugin-order.ts"() {
@@ -1779,6 +1785,7 @@ var init_plugin = __esm({
     init_config();
     init_optimize_deps_entries();
     init_with_props();
+    init_load_dotenv();
     init_validate_plugin_order();
     init_warn_on_client_source_maps();
     CLIENT_NON_COMPONENT_EXPORTS = [

package/dist/config.d.ts

@@ -202,10 +202,6 @@ type ResolvedReactRouterConfig = Readonly<{
      * SPA without server-rendering. Default's to `true`.
      */
     ssr: boolean;
-    /**
-     * The absolute path to the root route file.
-     */
-    unstable_rootRouteFile: string;
     /**
      * The resolved array of route config entries exported from `routes.ts`
      */

package/dist/config.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-ae6d61df4
+ * @react-router/dev v0.0.0-experimental-61f2749d7
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/internal.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-ae6d61df4
+ * @react-router/dev v0.0.0-experimental-61f2749d7
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -46,6 +46,7 @@ module.exports = __toCommonJS(internal_exports);
 
 // vite/rsc/plugin.ts
 var import_es_module_lexer2 = require("es-module-lexer");
+var Path5 = __toESM(require("pathe"));
 var babel = __toESM(require("@babel/core"));
 var import_picocolors4 = __toESM(require("picocolors"));
 
@@ -536,7 +537,6 @@ async function resolveConfig({
     serverBundles,
     serverModuleFormat,
     ssr,
-    unstable_rootRouteFile: rootRouteFile,
     unstable_routeConfig: routeConfig
   });
   for (let preset of reactRouterUserConfig.presets ?? []) {
@@ -818,7 +818,7 @@ function generateFuture(ctx) {
 
     declare module "react-router" {
       interface Future {
-        middleware: ${ctx.config.future.v8_middleware}
+        v8_middleware: ${ctx.config.future.v8_middleware}
       }
     }
   `;
@@ -1689,6 +1689,26 @@ function isRootRouteFile({
   return filePath === rootRouteFile;
 }
 
+// vite/load-dotenv.ts
+async function loadDotenv({
+  rootDirectory,
+  viteUserConfig,
+  mode
+}) {
+  const vite2 = await import("vite");
+  Object.assign(
+    process.env,
+    vite2.loadEnv(
+      mode,
+      viteUserConfig.envDir ?? rootDirectory,
+      // We override the default prefix of "VITE_" with a blank string since
+      // we're targeting the server, so we want to load all environment
+      // variables, not just those explicitly marked for the client
+      ""
+    )
+  );
+}
+
 // vite/plugins/validate-plugin-order.ts
 function validatePluginOrder() {
   return {
@@ -1759,12 +1779,20 @@ function warnOnClientSourceMaps() {
 // vite/rsc/plugin.ts
 function reactRouterRSCVitePlugin() {
   let configLoader;
-  let config;
   let typegenWatcherPromise;
   let viteCommand;
   let routeIdByFile;
   let logger;
   const defaultEntries = getDefaultEntries();
+  let config;
+  let rootRouteFile;
+  function updateConfig(newConfig) {
+    config = newConfig;
+    rootRouteFile = Path5.resolve(
+      newConfig.appDirectory,
+      newConfig.routes.root.file
+    );
+  }
   return [
     {
       name: "react-router/rsc",
@@ -1803,12 +1831,17 @@ ${errors.map((x) => ` - ${x}`).join("\n")}
         });
         const configResult = await configLoader.getConfig();
         if (!configResult.ok) throw new Error(configResult.error);
-        config = configResult.value;
+        updateConfig(configResult.value);
         if (viteUserConfig.base && config.basename !== "/" && viteCommand === "serve" && !viteUserConfig.server?.middlewareMode && !config.basename.startsWith(viteUserConfig.base)) {
           throw new Error(
             "When using the React Router `basename` and the Vite `base` config, the `basename` config must begin with `base` for the default Vite dev server."
           );
         }
+        await loadDotenv({
+          rootDirectory,
+          viteUserConfig,
+          mode
+        });
         const vite2 = await import("vite");
         logger = vite2.createLogger(viteUserConfig.logLevel, {
           prefix: "[react-router]"
@@ -1942,7 +1975,7 @@ ${errors.map((x) => ` - ${x}`).join("\n")}
               clear: true,
               timestamp: true
             });
-            config = result.value;
+            updateConfig(result.value);
             if (configChanged || routeConfigChanged) {
               invalidateVirtualModules(viteDevServer);
             }
@@ -2009,7 +2042,7 @@ ${errors.map((x) => ` - ${x}`).join("\n")}
           id,
           viteCommand,
           routeIdByFile,
-          rootRouteFile: config.unstable_rootRouteFile,
+          rootRouteFile,
           viteEnvironment: this.environment
         });
       }

package/dist/routes.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-ae6d61df4
+ * @react-router/dev v0.0.0-experimental-61f2749d7
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/vite/cloudflare.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-ae6d61df4
+ * @react-router/dev v0.0.0-experimental-61f2749d7
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -599,7 +599,6 @@ async function resolveConfig({
     serverBundles,
     serverModuleFormat,
     ssr,
-    unstable_rootRouteFile: rootRouteFile,
     unstable_routeConfig: routeConfig
   });
   for (let preset of reactRouterUserConfig.presets ?? []) {

package/dist/vite.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-ae6d61df4
+ * @react-router/dev v0.0.0-experimental-61f2749d7
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -558,7 +558,6 @@ async function resolveConfig({
     serverBundles,
     serverModuleFormat,
     ssr,
-    unstable_rootRouteFile: rootRouteFile,
     unstable_routeConfig: routeConfig
   });
   for (let preset of reactRouterUserConfig.presets ?? []) {
@@ -899,7 +898,7 @@ function generateFuture(ctx) {
 
     declare module "react-router" {
       interface Future {
-        middleware: ${ctx.config.future.v8_middleware}
+        v8_middleware: ${ctx.config.future.v8_middleware}
       }
     }
   `;
@@ -2391,6 +2390,26 @@ function toFunctionExpression(decl) {
   );
 }
 
+// vite/load-dotenv.ts
+async function loadDotenv({
+  rootDirectory,
+  viteUserConfig,
+  mode
+}) {
+  const vite2 = await import("vite");
+  Object.assign(
+    process.env,
+    vite2.loadEnv(
+      mode,
+      viteUserConfig.envDir ?? rootDirectory,
+      // We override the default prefix of "VITE_" with a blank string since
+      // we're targeting the server, so we want to load all environment
+      // variables, not just those explicitly marked for the client
+      ""
+    )
+  );
+}
+
 // vite/plugins/validate-plugin-order.ts
 function validatePluginOrder() {
   return {
@@ -3166,17 +3185,11 @@ var reactRouterVitePlugin = () => {
           watch: viteCommand === "serve"
         });
         await updatePluginContext();
-        Object.assign(
-          process.env,
-          vite2.loadEnv(
-            viteConfigEnv.mode,
-            viteUserConfig.envDir ?? ctx.rootDirectory,
-            // We override the default prefix of "VITE_" with a blank string since
-            // we're targeting the server, so we want to load all environment
-            // variables, not just those explicitly marked for the client
-            ""
-          )
-        );
+        await loadDotenv({
+          rootDirectory,
+          viteUserConfig,
+          mode
+        });
         let environments = await getEnvironmentsOptions(ctx, viteCommand, {
           viteUserConfig
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-router/dev",
-  "version": "0.0.0-experimental-ae6d61df4",
+  "version": "0.0.0-experimental-61f2749d7",
   "description": "Dev tools and CLI for React Router",
   "homepage": "https://reactrouter.com",
   "bugs": {
@@ -90,7 +90,7 @@
     "tinyglobby": "^0.2.14",
     "valibot": "^0.41.0",
     "vite-node": "^3.2.2",
-    "@react-router/node": "0.0.0-experimental-ae6d61df4"
+    "@react-router/node": "0.0.0-experimental-61f2749d7"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5",
@@ -114,16 +114,16 @@
     "vite": "^6.1.0",
     "wireit": "0.14.9",
     "wrangler": "^4.23.0",
-    "@react-router/serve": "0.0.0-experimental-ae6d61df4",
-    "react-router": "^0.0.0-experimental-ae6d61df4"
+    "react-router": "^0.0.0-experimental-61f2749d7",
+    "@react-router/serve": "0.0.0-experimental-61f2749d7"
   },
   "peerDependencies": {
     "@vitejs/plugin-rsc": "*",
     "typescript": "^5.1.0",
     "vite": "^5.1.0 || ^6.0.0 || ^7.0.0",
     "wrangler": "^3.28.2 || ^4.0.0",
-    "react-router": "^0.0.0-experimental-ae6d61df4",
-    "@react-router/serve": "^0.0.0-experimental-ae6d61df4"
+    "@react-router/serve": "^0.0.0-experimental-61f2749d7",
+    "react-router": "^0.0.0-experimental-61f2749d7"
   },
   "peerDependenciesMeta": {
     "@vitejs/plugin-rsc": {