Merge pull request #20 from storybookjs/feat/upgrade-example-projects

Migrate examples to Storybook 7
storybookjs · Sep 19, 2023 · 3d68eeb · 3d68eeb
2 parents bf96244 + d9c0b88
commit 3d68eeb
Show file tree

Hide file tree

Showing 10 changed files with 6,702 additions and 11,107 deletions.
diff --git a/examples/babel/.storybook/main.js b/examples/babel/.storybook/main.js
@@ -1,15 +1,11 @@
 module.exports = {
-  "stories": [
-    "../stories/**/*.stories.mdx",
-    "../stories/**/*.stories.@(js|jsx|ts|tsx)"
-  ],
-  "addons": [
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions",
-    "@storybook/addon-coverage",
-  ],
+  "stories": ["../stories/**/*.mdx", "../stories/**/*.stories.@(js|jsx|ts|tsx)"],
+  "addons": ["@storybook/addon-essentials", "@storybook/addon-interactions", "@storybook/addon-coverage"],
   "framework": {
     "name": "@storybook/react-webpack5",
     "options": {}
+  },
+  docs: {
+    autodocs: true
   }
-}
+};
diff --git a/examples/babel/.storybook/preview.js b/examples/babel/.storybook/preview.js
@@ -1,4 +1,7 @@
-console.log(globalThis.__coverage__)
+export const decorators = [(StoryFn) => {
+  console.log(globalThis.__coverage__)
+  return StoryFn()
+}]
 
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },

diff --git a/examples/babel/package.json b/examples/babel/package.json
@@ -26,13 +26,13 @@
     "webpack-dev-server": "latest"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "^7.0.0-alpha.34",
-    "@storybook/addon-interactions": "^7.0.0-alpha.34",
+    "@storybook/addon-essentials": "^7.4.2",
+    "@storybook/addon-interactions": "^7.4.2",
     "@storybook/addon-coverage": "link:../..",
-    "@storybook/test-runner": "^0.7.2",
-    "@storybook/react": "^7.0.0-alpha.34",
-    "@storybook/react-webpack5": "^7.0.0-alpha.34",
-    "@storybook/testing-library": "^0.0.13",
-    "storybook": "^7.0.0-alpha.34"
+    "@storybook/test-runner": "^0.13.0",
+    "@storybook/react": "^7.4.2",
+    "@storybook/react-webpack5": "^7.4.2",
+    "@storybook/testing-library": "^0.2.1",
+    "storybook": "^7.4.2"
   }
 }
diff --git a/examples/babel/yarn.lock b/examples/babel/yarn.lock
diff --git a/examples/vite/.storybook/main.cjs b/examples/vite/.storybook/main.cjs
diff --git a/examples/vite/.storybook/main.js b/examples/vite/.storybook/main.js
@@ -0,0 +1,15 @@
+module.exports = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  addons: [
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
+    "@storybook/addon-coverage",
+  ],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+  docs: {
+    autodocs: true,
+  },
+};
diff --git a/examples/vite/.storybook/preview-head.html b/examples/vite/.storybook/preview-head.html
diff --git a/examples/vite/.storybook/preview.js b/examples/vite/.storybook/preview.js
@@ -1,4 +1,7 @@
-console.log(globalThis.__coverage__)
+export const decorators = [(StoryFn) => {
+  console.log(globalThis.__coverage__)
+  return StoryFn()
+}]
 
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },

diff --git a/examples/vite/package.json b/examples/vite/package.json
@@ -15,18 +15,18 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "^7.0.0-alpha.34",
-    "@storybook/addon-interactions": "^7.0.0-alpha.34",
+    "@storybook/addon-essentials": "7.4.2",
+    "@storybook/addon-interactions": "7.4.2",
     "@storybook/addon-coverage": "link:../..",
-    "@storybook/react": "^7.0.0-alpha.34",
-    "@storybook/react-vite": "^7.0.0-alpha.34",
-    "@storybook/test-runner": "^0.7.2",
-    "@storybook/testing-library": "^0.0.13",
+    "@storybook/react": "7.4.2",
+    "@storybook/react-vite": "7.4.2",
+    "@storybook/test-runner": "^0.13.0",
+    "@storybook/testing-library": "^0.2.1",
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
     "@vitejs/plugin-react": "^2.1.0",
-    "storybook": "^7.0.0-alpha.34",
+    "storybook": "7.4.2",
     "typescript": "^4.6.4",
-    "vite": "^3.1.0"
+    "vite": "^4.2.1"
   }
 }