Support Vite 3 (#394)

This updates the vite builder to support vite 3.0, which is a breaking change due to our use of @vitejs/plugin-react, which also has a new major version to support vite 3. This also updates our examples to the latest vite and vite plugin beta versions.
storybookjs · Jul 8, 2022 · 9e8e6ec · 9e8e6ec
1 parent c055857
commit 9e8e6ec
Show file tree

Hide file tree

Showing 13 changed files with 1,663 additions and 2,582 deletions.
diff --git a/.github/workflows/buildExamples.yml b/.github/workflows/buildExamples.yml
@@ -31,6 +31,8 @@ jobs:
         run: yarn prepublish
 
       - name: Build examples
+        env:
+          NODE_OPTIONS: "--max-old-space-size=6144"
         run: yarn build-examples
 
       - name: Test built examples

diff --git a/examples/lit-ts/package.json b/examples/lit-ts/package.json
@@ -29,7 +29,7 @@
     "npm-run-all": "^4.1.5",
     "rollup-plugin-postcss-lit": "^2.0.0",
     "sass": "^1.50.1",
-    "vite": "2.9.6",
+    "vite": "^3.0.0-beta.9",
     "wait-on": "^6.0.1"
   },
   "bookcase-builder": {}

diff --git a/examples/overview/package.json b/examples/overview/package.json
@@ -18,17 +18,17 @@
     "react-dom": "^16.4.14"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "^6.5.0",
-    "@storybook/addon-docs": "^6.5.0",
-    "@storybook/addon-essentials": "^6.5.0",
+    "@storybook/addon-a11y": "^6.5.9",
+    "@storybook/addon-docs": "^6.5.9",
+    "@storybook/addon-essentials": "^6.5.9",
     "@storybook/builder-vite": "workspace:*",
-    "@storybook/react": "^6.5.0",
+    "@storybook/react": "^6.5.9",
     "@storybook/test-runner": "0.1.0",
-    "@vitejs/plugin-react": "^1.3.0",
+    "@vitejs/plugin-react": "^2.0.0-beta.1",
     "http-server": "^14.1.0",
     "jest": "^27.5.1",
     "npm-run-all": "^4.1.5",
-    "vite": "2.9.6",
+    "vite": "^3.0.0-beta.9",
     "wait-on": "^6.0.1"
   },
   "bookcase-builder": {}

diff --git a/examples/preact/package.json b/examples/preact/package.json
@@ -17,15 +17,15 @@
     "preact": "^10.5.15"
   },
   "devDependencies": {
-    "@preact/preset-vite": "^2.1.5",
+    "@preact/preset-vite": "^2.3.0",
     "@storybook/addon-essentials": "^6.5.9",
     "@storybook/builder-vite": "workspace:*",
     "@storybook/preact": "^6.5.9",
     "@storybook/test-runner": "0.1.0",
     "http-server": "^14.1.0",
     "jest": "^27.5.1",
     "npm-run-all": "^4.1.5",
-    "vite": "2.9.6",
+    "vite": "^3.0.0-beta.9",
     "wait-on": "^6.0.1"
   },
   "bookcase-builder": {}

diff --git a/examples/react-18/package.json b/examples/react-18/package.json
@@ -24,11 +24,11 @@
     "@storybook/builder-vite": "workspace:*",
     "@storybook/react": "^6.5.9",
     "@storybook/test-runner": "0.1.0",
-    "@vitejs/plugin-react": "^1.3.0",
+    "@vitejs/plugin-react": "^2.0.0-beta.1",
     "http-server": "^14.1.0",
     "jest": "^27.5.1",
     "npm-run-all": "^4.1.5",
-    "vite": "2.9.6",
+    "vite": "^3.0.0-beta.9",
     "wait-on": "^6.0.1"
   },
   "bookcase-builder": {}

diff --git a/examples/react-ts/package.json b/examples/react-ts/package.json
@@ -24,13 +24,13 @@
     "@storybook/builder-vite": "workspace:*",
     "@storybook/react": "^6.5.9",
     "@storybook/test-runner": "0.1.0",
-    "@vitejs/plugin-react": "^1.3.0",
+    "@vitejs/plugin-react": "^2.0.0-beta.1",
     "http-server": "^14.1.0",
     "jest": "^27.5.1",
     "npm-run-all": "^4.1.5",
     "ts-node": "^10.7.0",
     "typescript": "^4.5.4",
-    "vite": "2.9.6",
+    "vite": "^3.0.0-beta.9",
     "wait-on": "^6.0.1"
   },
   "bookcase-builder": {}

diff --git a/examples/react/package.json b/examples/react/package.json
@@ -25,11 +25,11 @@
     "@storybook/mdx2-csf": "^0.0.3",
     "@storybook/react": "^6.5.9",
     "@storybook/test-runner": "0.1.0",
-    "@vitejs/plugin-react": "^1.3.0",
+    "@vitejs/plugin-react": "^2.0.0-beta.1",
     "http-server": "^14.1.0",
     "jest": "^27.5.1",
     "npm-run-all": "^4.1.5",
-    "vite": "2.9.6",
+    "vite": "^3.0.0-beta.9",
     "wait-on": "^6.0.1"
   },
   "bookcase-builder": {}

diff --git a/examples/svelte/package.json b/examples/svelte/package.json
@@ -31,7 +31,7 @@
     "npm-run-all": "^4.1.5",
     "svelte-preprocess": "^4.10.4",
     "typescript": "^4.5.5",
-    "vite": "2.9.6",
+    "vite": "^3.0.0-beta.9",
     "wait-on": "^6.0.1"
   },
   "bookcase-builder": {}

diff --git a/examples/vue/package.json b/examples/vue/package.json
@@ -23,11 +23,11 @@
     "@storybook/mdx2-csf": "^0.0.3",
     "@storybook/test-runner": "0.1.0",
     "@storybook/vue3": "^6.5.9",
-    "@vitejs/plugin-vue": "^2.3.0",
+    "@vitejs/plugin-vue": "^3.0.0-beta.1",
     "http-server": "^14.1.0",
     "jest": "^27.5.1",
     "npm-run-all": "^4.1.5",
-    "vite": "2.9.6",
+    "vite": "^3.0.0-beta.9",
     "wait-on": "^6.0.1"
   }
 }
diff --git a/examples/workspaces/packages/catalog/package.json b/examples/workspaces/packages/catalog/package.json
@@ -20,6 +20,6 @@
     "@storybook/addon-essentials": "^6.5.9",
     "@storybook/builder-vite": "workspace:*",
     "@storybook/react": "^6.5.9",
-    "vite": "2.9.0"
+    "vite": "^3.0.0-beta.9"
   }
 }
diff --git a/package.json b/package.json
@@ -57,5 +57,6 @@
     "output": "./public",
     "publicURL": "/builder-vite/",
     "packageManager": "yarn"
-  }
+  },
+  "packageManager": "yarn@3.1.1"
 }
diff --git a/packages/builder-vite/package.json b/packages/builder-vite/package.json
@@ -16,7 +16,7 @@
     "@joshwooding/vite-plugin-react-docgen-typescript": "0.0.4",
     "@storybook/mdx1-csf": "^0.0.4",
     "@storybook/source-loader": "^6.4.3",
-    "@vitejs/plugin-react": "^1.0.8",
+    "@vitejs/plugin-react": "^2.0.0-beta.1",
     "ast-types": "^0.14.2",
     "es-module-lexer": "^0.9.3",
     "glob": "^7.2.0",