upgrade storybook to v7

public-convenience-ltd · Sep 25, 2023 · 069256a · 069256a
1 parent 6dee1a3
commit 069256a
Show file tree

Hide file tree

Showing 4 changed files with 3,285 additions and 5,588 deletions.
diff --git a/.storybook/main.js b/.storybook/main.js
@@ -9,17 +9,11 @@ module.exports = {
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
     '@storybook/addon-postcss',
-    {
-      name: 'storybook-addon-next',
-      options: {
-        nextConfigPath: path.resolve(__dirname, '../next.config.js'),
-      },
-    },
+    '@storybook/addon-mdx-gfm',
     'storybook-addon-apollo-client',
   ],
-  framework: '@storybook/react',
-  core: {
-    builder: '@storybook/builder-webpack5',
+  framework: {
+    name: '@storybook/nextjs',
   },
   babel: async (options) => {
     options.presets.push('@emotion/babel-preset-css-prop');

diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
@@ -0,0 +1,7 @@
+<style>
+  html,
+  body,
+  #storybook-root {
+    height: 100%;
+  }
+</style>
diff --git a/package.json b/package.json
@@ -30,8 +30,8 @@
     "e2e:headless": "./scripts/e2e.sh -h",
     "e2e:dev": "./scripts/e2e.sh -d d",
     "wait-on:server": "pnpm wait-on http://localhost:3000/ -t 60000",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook -o ./public/storybook",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build -o ./public/storybook",
     "check": "tsc -p tsconfig.json --noEmit",
     "format": "prettier --write .",
     "migrate:postgres": "TS_NODE_COMPILER_OPTIONS='{\"module\":\"commonjs\"}' dotenv -e .env -- pnpm ts-node --transpileOnly ./scripts/migrateToPostgres.ts",
@@ -117,14 +117,17 @@
     "@mapbox/geojson-area": "^0.2.2",
     "@mapbox/geojson-rewind": "^0.5.2",
     "@next/bundle-analyzer": "^13.5.2",
-    "@storybook/addon-actions": "^6.5.16",
-    "@storybook/addon-essentials": "^6.5.16",
-    "@storybook/addon-interactions": "^6.5.16",
-    "@storybook/addon-links": "^6.5.16",
+    "@storybook/addon-actions": "^7.4.4",
+    "@storybook/addon-essentials": "^7.4.4",
+    "@storybook/addon-interactions": "^7.4.4",
+    "@storybook/addon-links": "^7.4.4",
+    "@storybook/addon-mdx-gfm": "^7.4.4",
+    "@storybook/addon-onboarding": "^1.0.8",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/builder-webpack5": "^6.5.16",
-    "@storybook/manager-webpack5": "^6.5.16",
-    "@storybook/react": "^6.5.16",
+    "@storybook/blocks": "^7.4.4",
+    "@storybook/nextjs": "^7.4.4",
+    "@storybook/react": "^7.4.4",
+    "@storybook/testing-library": "^0.2.1",
     "@testing-library/cypress": "^8.0.3",
     "@types/cli-progress": "^3.11.2",
     "@types/jest": "^29.5.5",
@@ -169,9 +172,8 @@
     "prisma": "^4.13.0",
     "require-from-string": "^2.0.2",
     "start-server-and-test": "^2.0.1",
-    "storybook": "6.5.16",
-    "storybook-addon-apollo-client": "^4.0.13",
-    "storybook-addon-next": "^1.8.0",
+    "storybook": "7.4.4",
+    "storybook-addon-apollo-client": "^5.0.0",
     "style-loader": "^3.3.3",
     "supabase": "^1.99.5",
     "topojson-server": "^3.0.1",