@netlify/vite-plugin 0.3.1 → 2.0.0

package/README.md

@@ -1,6 +1,7 @@
 # @netlify/vite-plugin
 
-> [!WARNING] This is an experimental Vite plugin for Netlify. It is under active development and does **not** yet support all Netlify platform features.
+> [!WARNING] This is an experimental Vite plugin for Netlify. It is under active development and does **not** yet
+> support all Netlify platform features.
 
 A Vite plugin that integrates with Netlify's platform features.
 
@@ -14,9 +15,11 @@ npm install @netlify/vite-plugin
 
 The plugin accepts the following options:
 
-- `middleware` (boolean, default: `true`): Attach a Vite middleware that intercepts requests and handles them in the same way as the Netlify production environment
+- `middleware` (boolean, default: `true`): Attach a Vite middleware that intercepts requests and handles them in the
+  same way as the Netlify production environment
 - `blobs`: Configure blob storage functionality
 - `functions`: Configure serverless functions
+- `headers`: Configure response headers
 - `redirects`: Configure URL redirects
 - `staticFiles`: Configure static file serving
 
@@ -29,6 +32,6 @@ import { defineConfig } from 'vite'
 import netlify from '@netlify/vite-plugin'
 
 export default defineConfig({
-  plugins: [netlify()]
+  plugins: [netlify()],
 })
 ```

package/dist/main.d.ts

@@ -3,7 +3,7 @@ import { Features } from '@netlify/dev';
 interface NetlifyPluginOptions extends Features {
     /**
      * Attach a Vite middleware that intercepts requests and handles them in the
-     * same way as the Netlify production environment.
+     * same way as the Netlify production environment (default: true).
      */
     middleware?: boolean;
 }

package/dist/main.js

@@ -1,11 +1,11 @@
 // src/main.ts
-import process from "node:process";
+import process from "process";
 import { NetlifyDev } from "@netlify/dev";
 
 // src/lib/logger.ts
 import chalk from "chalk";
 var NETLIFY_CYAN = chalk.rgb(40, 180, 170);
-var banner = NETLIFY_CYAN("\u25C8 Netlify \u25C8");
+var banner = NETLIFY_CYAN("\u2B25 Netlify \u2B25");
 var logger = {
   error: (...data) => data.length === 0 ? console.error(...data) : console.error(banner, ...data),
   log: (...data) => data.length === 0 ? console.log(...data) : console.log(banner, ...data),
@@ -13,7 +13,7 @@ var logger = {
 };
 
 // src/lib/reqres.ts
-import { Readable } from "node:stream";
+import { Readable } from "stream";
 var normalizeHeaders = (headers) => {
   const result = [];
   for (const [key, value] of Object.entries(headers)) {
@@ -67,31 +67,46 @@ function netlify(options = {}) {
   const plugin = {
     name: "vite-plugin-netlify",
     async configureServer(viteDevServer) {
-      const { blobs, functions, middleware = true, redirects, staticFiles } = options;
+      const { port } = viteDevServer.config.server;
+      const { blobs, edgeFunctions, functions, middleware = true, redirects, staticFiles } = options;
       const netlifyDev = new NetlifyDev({
         blobs,
+        edgeFunctions,
         functions,
         logger,
         redirects,
-        staticFiles,
+        serverAddress: `http://localhost:${port}`,
+        staticFiles: {
+          ...staticFiles,
+          directories: [viteDevServer.config.root, viteDevServer.config.publicDir]
+        },
         projectRoot: viteDevServer.config.root
       });
       await netlifyDev.start();
       if (!netlifyDev.siteIsLinked) {
-        logger.log("Your project is not linked to a Netlify site. Run `npx netlify link` to get started.");
+        logger.log(
+          "Linking this project to a Netlify site lets you deploy your site, use any environment variables defined on your team and site and much more. Run `npx netlify init` to get started."
+        );
       }
       if (middleware) {
-        return () => {
-          viteDevServer.middlewares.use(async (nodeReq, nodeRes, next) => {
-            const req = toWebRequest(nodeReq, nodeReq.originalUrl);
-            const res = await netlifyDev.handle(req);
-            if (res) {
-              fromWebResponse(res, nodeRes);
-            } else {
-              next();
+        viteDevServer.middlewares.use(async function netlifyPreMiddleware(nodeReq, nodeRes, next) {
+          const req = toWebRequest(nodeReq, nodeReq.originalUrl);
+          const headers = {};
+          const result = await netlifyDev.handleAndIntrospect(req, {
+            headersCollector: (key, value) => {
+              headers[key] = value;
             }
           });
-        };
+          const isStaticFile = result?.type === "static";
+          if (result && !isStaticFile) {
+            fromWebResponse(result.response, nodeRes);
+            return;
+          }
+          for (const key in headers) {
+            nodeRes.setHeader(key, headers[key]);
+          }
+          next();
+        });
       }
     }
   };

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@netlify/vite-plugin",
-  "version": "0.3.1",
+  "version": "2.0.0",
   "description": "Vite plugin with a local emulation of the Netlify environment",
   "type": "module",
   "engines": {
-    "node": ">=16.0.0"
+    "node": "^20.6.1 || >=22"
   },
   "main": "./dist/main.js",
   "exports": "./dist/main.js",
@@ -29,16 +29,17 @@
   },
   "author": "Netlify Inc.",
   "devDependencies": {
-    "@types/node": "^20.5.1",
+    "@types/node": "^20.17.57",
+    "playwright": "^1.52.0",
     "tsup": "^8.0.0",
     "vite": "^6.3.4",
     "vitest": "^3.0.0"
   },
   "dependencies": {
-    "@netlify/dev": "2.3.1",
+    "@netlify/dev": "4.0.0",
     "chalk": "^5.4.1"
   },
   "peerDependencies": {
-    "vite": "^6.2"
+    "vite": "^6"
   }
 }