@netlify/vite-plugin-react-router 3.1.0-next.2 → 3.1.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [3.1.0](https://github.com/netlify/remix-compute/compare/vite-plugin-react-router-v3.0.0...vite-plugin-react-router-v3.1.0) (2026-03-13)
+
+
+### Features
+
+* **vite-plugin-react-router:** support Hydrogen sites ([#641](https://github.com/netlify/remix-compute/issues/641)) ([923d9dc](https://github.com/netlify/remix-compute/commit/923d9dcba02ff6027d85bba697bd6cf1f1d09329))
+
+
+### Bug Fixes
+
+* actually use Hydrogen entry in dev ([#651](https://github.com/netlify/remix-compute/issues/651)) ([c8f93a2](https://github.com/netlify/remix-compute/commit/c8f93a2d2aeeb95f68d9cc5e2c9b876f8d875aff))
+
 ## [3.0.0](https://github.com/netlify/remix-compute/compare/vite-plugin-react-router-v2.1.3...vite-plugin-react-router-v3.0.0) (2026-02-25)
 
 

package/README.md

@@ -10,28 +10,33 @@ To deploy a React Router 7+ site to Netlify, install this package:
 npm install @netlify/vite-plugin-react-router
 ```
 
-Then include the Netlify plugin in your `vite.config.ts`:
+It's also recommended (but not required) to use the
+[Netlify Vite plugin](https://www.npmjs.com/package/@netlify/vite-plugin), which provides full Netlify platform
+emulation directly in your local dev server:
+
+```sh
+npm install --save-dev @netlify/vite-plugin
+```
+
+and include the Netlify plugin in your `vite.config.ts`:
 
 ```typescript
 import { reactRouter } from '@react-router/dev/vite'
 import { defineConfig } from 'vite'
 import tsconfigPaths from 'vite-tsconfig-paths'
 import netlifyReactRouter from '@netlify/vite-plugin-react-router' // <- add this
+import netlify from '@netlify/vite-plugin' // <- add this (optional)
 
 export default defineConfig({
   plugins: [
     reactRouter(),
     tsconfigPaths(),
     netlifyReactRouter(), // <- add this
+    netlify(), // <- add this (optional)
   ],
 })
 ```
 
-> [!NOTE]
->
-> This plugin automatically includes [`@netlify/vite-plugin`](https://npmx.dev/@netlify/vite-plugin), which provides
-> full Netlify platform emulation directly in your local dev server.
-
 Your app is ready to [deploy to Netlify](https://docs.netlify.com/deploy/create-deploys/).
 
 ### Deploying to Edge Functions
@@ -48,6 +53,7 @@ export default defineConfig({
     reactRouter(),
     tsconfigPaths(),
     netlifyReactRouter({ edge: true }), // <- deploy to Edge Functions
+    netlify(),
   ],
 })
 ```
@@ -82,6 +88,7 @@ export default defineConfig({
       edge: true,
       excludedPaths: ['/ping', '/api/*', '/webhooks/*'],
     }),
+    netlify(),
   ],
 })
 ```
@@ -152,6 +159,12 @@ export default function Example() {
 }
 ```
 
+> [!IMPORTANT]
+>
+> Note that in local development, `netlifyRouterContext` requires Netlify platform emulation, which is provided
+> seamlessly by [`@netlify/vite-plugin`](https://www.npmjs.com/package/@netlify/vite-plugin) (or Netlify CLI - up to
+> you).
+
 ### Middleware context
 
 React Router introduced a stable middleware feature in 7.9.0.
@@ -180,3 +193,9 @@ export default function Home() {
   return <h1>Hello world</h1>
 }
 ```
+
+> [!IMPORTANT]
+>
+> Note that in local development, `netlifyRouterContext` requires Netlify platform emulation, which is provided
+> seamlessly by [`@netlify/vite-plugin`](https://www.npmjs.com/package/@netlify/vite-plugin) (or Netlify CLI - up to
+> you).

package/dist/index.d.mts

@@ -21,6 +21,6 @@ interface NetlifyPluginOptions {
      */
     excludedPaths?: string[];
 }
-declare function netlifyPlugin(options?: NetlifyPluginOptions): Plugin[];
+declare function netlifyPlugin(options?: NetlifyPluginOptions): Plugin;
 
 export { netlifyPlugin as default };

package/dist/index.d.ts

@@ -60,6 +60,6 @@ interface NetlifyPluginOptions {
      */
     excludedPaths?: string[];
 }
-declare function netlifyPlugin(options?: NetlifyPluginOptions): Plugin[];
+declare function netlifyPlugin(options?: NetlifyPluginOptions): Plugin;
 
 export { type GetLoadContextFunction, type RequestHandler, createRequestHandler, netlifyPlugin as default, netlifyRouterContext };

package/dist/index.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name2 in all)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -119,13 +109,12 @@ function createRequestHandler({
 var import_promises = require("fs/promises");
 var import_node_path2 = require("path");
 var import_posix = require("path/posix");
-var import_vite_plugin = __toESM(require("@netlify/vite-plugin"));
 var import_node_fetch_server = require("@remix-run/node-fetch-server");
 var import_tinyglobby = require("tinyglobby");
 
 // package.json
 var name = "@netlify/vite-plugin-react-router";
-var version = "3.1.0-next.2";
+var version = "3.1.0";
 
 // src/lib/rollup.ts
 var import_node_path = require("path");
@@ -241,7 +230,7 @@ function netlifyPlugin(options = {}) {
   let currentCommand;
   let isHydrogenSite = false;
   let userServerFile;
-  const reactRouterPlugin = {
+  return {
     name: "vite-plugin-netlify-react-router",
     config(_config, { command, isSsrBuild }) {
       currentCommand = command;
@@ -389,7 +378,6 @@ function netlifyPlugin(options = {}) {
       }
     }
   };
-  return [reactRouterPlugin, ...(0, import_vite_plugin.default)()];
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.mjs

@@ -8,13 +8,12 @@ import "./chunk-J5PMA2AP.mjs";
 import { access, mkdir, writeFile } from "node:fs/promises";
 import { dirname, join, relative, resolve, sep } from "node:path";
 import { sep as posixSep } from "node:path/posix";
-import netlifyVitePlugin from "@netlify/vite-plugin";
 import { createRequest, sendResponse } from "@remix-run/node-fetch-server";
 import { glob } from "tinyglobby";
 
 // package.json
 var name = "@netlify/vite-plugin-react-router";
-var version = "3.1.0-next.2";
+var version = "3.1.0";
 
 // src/lib/rollup.ts
 import { basename, extname } from "node:path";
@@ -130,7 +129,7 @@ function netlifyPlugin(options = {}) {
   let currentCommand;
   let isHydrogenSite = false;
   let userServerFile;
-  const reactRouterPlugin = {
+  return {
     name: "vite-plugin-netlify-react-router",
     config(_config, { command, isSsrBuild }) {
       currentCommand = command;
@@ -278,7 +277,6 @@ function netlifyPlugin(options = {}) {
       }
     }
   };
-  return [reactRouterPlugin, ...netlifyVitePlugin()];
 }
 export {
   createRequestHandler,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netlify/vite-plugin-react-router",
-  "version": "3.1.0-next.2",
+  "version": "3.1.0",
   "description": "React Router 7+ Vite plugin for Netlify",
   "type": "commonjs",
   "main": "./dist/index.js",
@@ -54,7 +54,6 @@
   "dependencies": {
     "@netlify/edge-functions": "^3.0.4",
     "@netlify/functions": "^5.1.3",
-    "@netlify/vite-plugin": "^2.11.0",
     "@remix-run/node-fetch-server": "^0.9.0",
     "isbot": "^5.1.25",
     "tinyglobby": "^0.2.10"