@netlify/vite-plugin 0.2.0

package/README.md

@@ -0,0 +1,34 @@
+# @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.
+
+A Vite plugin that integrates with Netlify's platform features.
+
+## Installation
+
+```bash
+npm install @netlify/vite-plugin
+```
+
+## Configuration options
+
+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
+- `blobs`: Configure blob storage functionality
+- `functions`: Configure serverless functions
+- `redirects`: Configure URL redirects
+- `staticFiles`: Configure static file serving
+
+## Usage
+
+Add the plugin to your `vite.config.js` or `vite.config.ts`:
+
+```js
+import { defineConfig } from 'vite'
+import netlify from '@netlify/vite-plugin'
+
+export default defineConfig({
+  plugins: [netlify()]
+})
+```

package/dist/main.d.ts

@@ -0,0 +1,12 @@
+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.
+     */
+    middleware?: boolean;
+}
+declare function netlify(options?: NetlifyPluginOptions): any;
+
+export { type NetlifyPluginOptions, netlify };

package/dist/main.js

@@ -0,0 +1,100 @@
+// src/main.ts
+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 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),
+  warn: (...data) => data.length === 0 ? console.warn(...data) : console.warn(banner, ...data)
+};
+
+// src/lib/reqres.ts
+import { Readable } from "node:stream";
+var normalizeHeaders = (headers) => {
+  const result = [];
+  for (const [key, value] of Object.entries(headers)) {
+    if (Array.isArray(value)) {
+      result.push([key, value.join(",")]);
+    } else if (typeof value === "string") {
+      result.push([key, value]);
+    }
+  }
+  return result;
+};
+var toWebRequest = (nodeReq, urlPath) => {
+  const { method, headers, url = "" } = nodeReq;
+  const ac = new AbortController();
+  const origin = `http://${headers.host}`;
+  const fullUrl = new URL(urlPath ?? url, origin);
+  const webStream = Readable.toWeb(nodeReq);
+  nodeReq.once("aborted", () => ac.abort());
+  return new Request(fullUrl.href, {
+    method,
+    headers: normalizeHeaders(headers),
+    body: method === "GET" || method === "HEAD" ? null : webStream,
+    // @ts-expect-error Not typed
+    duplex: "half"
+  });
+};
+var fromWebResponse = async (webRes, res) => {
+  res.statusCode = webRes.status;
+  webRes.headers.forEach((value, name) => {
+    res.setHeader(name, value);
+  });
+  if (webRes.body) {
+    const reader = webRes.body.getReader();
+    const writer = res;
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) {
+        break;
+      }
+      writer.write(value);
+    }
+  }
+  res.end();
+};
+
+// src/main.ts
+function netlify(options = {}) {
+  const plugin = {
+    name: "vite-plugin-netlify",
+    async configureServer(viteDevServer) {
+      const { blobs, functions, middleware = true, redirects, staticFiles } = options;
+      const netlifyDev = new NetlifyDev({
+        blobs,
+        functions,
+        logger,
+        redirects,
+        staticFiles,
+        projectRoot: viteDevServer.config.root
+      });
+      await netlifyDev.start();
+      if (!netlifyDev.siteIsLinked) {
+        logger.log(
+          "Your project is not linked to a Netlify site. Refer to https://ntl.fyi/vite-link for more information."
+        );
+      }
+      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();
+            }
+          });
+        };
+      }
+    }
+  };
+  return [plugin];
+}
+export {
+  netlify
+};

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@netlify/vite-plugin",
+  "version": "0.2.0",
+  "description": "Netlify Vite plugin",
+  "type": "module",
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "main": "./dist/main.js",
+  "types": "./dist/main.d.ts",
+  "files": [
+    "dist/**/*"
+  ],
+  "scripts": {
+    "build": "tsup-node",
+    "prepack": "npm run build",
+    "test": "vitest run",
+    "test:dev": "vitest",
+    "test:ci": "npm run build && vitest run",
+    "dev": "tsup-node --watch"
+  },
+  "keywords": [],
+  "license": "MIT",
+  "repository": "netlify/primitives",
+  "bugs": {
+    "url": "https://github.com/netlify/primitives/issues"
+  },
+  "author": "Netlify Inc.",
+  "devDependencies": {
+    "@types/node": "^22.14.1",
+    "tsup": "^8.0.0",
+    "vite": "^6.3.4",
+    "vitest": "^3.0.0"
+  },
+  "dependencies": {
+    "@netlify/dev": "2.1.0",
+    "chalk": "^5.4.1"
+  },
+  "peerDependencies": {
+    "vite": "^6.2"
+  }
+}