vite-plugin-vercel 0.0.5 → 0.1.0

package/README.md

@@ -0,0 +1,56 @@
+# vite-plugin-vercel
+
+This is a **Work In Progress** Vercel adapter for [`vite`](https://vitejs.dev/).
+
+## Usage
+
+Install as a dev dependency and add it to your Vite config like this:
+
+```ts
+import { defineConfig } from 'vite';
+import vercel from 'vite-plugin-vercel';
+import ssr from 'vite-plugin-ssr';
+
+export default defineConfig({
+  plugins: [ssr(), vercel()],
+});
+```
+
+### Usage with vite-plugin-ssr
+
+[vite-plugin-ssr](https://vite-plugin-ssr.com/) will support this plugin when stable.
+In the meantime, you can add experimental support yourself.
+
+First copy [prerender](../../prerender) folder to the root of your project.
+Then, update your vercel config:
+
+```ts
+// vercel.config.ts
+// A TS config is prefered if your project is of { type: "module" }
+
+import module from 'module';
+import { defineConfig } from 'vite';
+import ssr from 'vite-plugin-ssr/plugin';
+import vercel from 'vite-plugin-vercel';
+
+// FIX esbuild bug https://github.com/evanw/esbuild/pull/2067
+// probably not necessary when `./prerender/vite-plugin-ssr` will be included in `vite-plugin-ssr`
+// eslint-disable-next-line no-undef
+globalThis.require = module.createRequire(import.meta.url);
+
+export default defineConfig(async ({ command, mode }) => {
+  // Dynamic import to bypass esbuild compilation issue.
+  // If you are not using ESM, could me move as a top synchronous import
+  const vitePluginSsrVercelPlugin = await import('./prerender/vite-plugin-ssr');
+
+  return {
+    plugins: [ssr(), vercel(), vitePluginSsrVercelPlugin.default()],
+    build: {
+      polyfillDynamicImport: false,
+    },
+    vercel: {
+      // Tweak what you need, check TS definition for details
+    },
+  };
+});
+```

package/dist/index.cjs

@@ -263,7 +263,7 @@ function getEntries(resolvedConfig) {
 var standardBuildOptions = {
   bundle: true,
   target: "es2020",
-  format: "esm",
+  format: "cjs",
   platform: "node",
   logLevel: "info",
   minify: true
@@ -385,8 +385,8 @@ function vercelPlugin() {
       resolvedConfig = config;
     },
     async buildStart() {
-      if (process.env.VERCEL_ENV === "production" && !process.env.ENABLE_FILE_SYSTEM_API) {
-        throw new Error("Missing ENABLE_FILE_SYSTEM_API=1 to your environment variables in your project settings");
+      if (process.env.VERCEL_ENV === "production" && !process.env.ENABLE_VC_BUILD) {
+        throw new Error("Missing ENABLE_VC_BUILD=1 to your environment variables in your project settings");
       }
       if (!resolvedConfig.build.ssr) {
         await cleanOutputDirectory(resolvedConfig);

package/dist/index.js

@@ -240,7 +240,7 @@ function getEntries(resolvedConfig) {
 var standardBuildOptions = {
   bundle: true,
   target: "es2020",
-  format: "esm",
+  format: "cjs",
   platform: "node",
   logLevel: "info",
   minify: true
@@ -362,8 +362,8 @@ function vercelPlugin() {
       resolvedConfig = config;
     },
     async buildStart() {
-      if (process.env.VERCEL_ENV === "production" && !process.env.ENABLE_FILE_SYSTEM_API) {
-        throw new Error("Missing ENABLE_FILE_SYSTEM_API=1 to your environment variables in your project settings");
+      if (process.env.VERCEL_ENV === "production" && !process.env.ENABLE_VC_BUILD) {
+        throw new Error("Missing ENABLE_VC_BUILD=1 to your environment variables in your project settings");
       }
       if (!resolvedConfig.build.ssr) {
         await cleanOutputDirectory(resolvedConfig);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-vercel",
-  "version": "0.0.5",
+  "version": "0.1.0",
   "type": "module",
   "files": [
     "dist",

package/readme.md

@@ -1,28 +0,0 @@
-# vite-plugin-vercel
-
-This is a wip Vercel adapter for [`vite`](https://vitejs.dev/).
-
-## Usage
-
-Install as a dev dependency and add it to your Vite config like this:
-
-```ts
-import { defineConfig } from 'vite';
-import vercel from 'vite-plugin-vercel';
-import ssr from 'vite-plugin-ssr';
-
-export default defineConfig({
-  plugins: [
-    ssr(),
-    vercel({
-      dynamicRoutes: [
-        {
-          ssr: true,
-          page: '/ssr',
-          regex: '/((?!assets/)(?!api/).*)',
-        },
-      ],
-    }),
-  ],
-});
-```