docs: migrate storybook to v8

.gitignore

@@ -9,6 +9,7 @@ node_modules/
 dist/
 tsconfig.build.tsbuildinfo
 
+*storybook.log
 storybook-static/
 # Swap the comments on the following lines if you don't wish to use zero-installs
 # Documentation here: https://yarnpkg.com/features/zero-installs

.storybook/main.ts

@@ -7,19 +7,16 @@ export default {
     "@storybook/addon-links",
     "@storybook/addon-essentials",
     "@storybook/addon-interactions",
+    "@storybook/addon-mdx-gfm"
   ],
-  framework: "@storybook/react-vite",
-  core: {
-    builder: "@storybook/builder-vite",
-    disableTelemetry: true,
+  framework: {
+    name: "@storybook/react-vite",
+    options: {}
   },
-  async viteFinal(config) {
-    return {
-      ...config,
-      define: {
-        ...(config.define || {}),
-        "process.env": {},
-      },
-    };
+  core: {
+    disableTelemetry: true
   },
+  docs: {
+    autodocs: true
+  }
 } satisfies StorybookConfig;

.storybook/preview.tsx

@@ -2,7 +2,6 @@ import { DevTools } from "jotai-devtools";
 import React from "react";
 
 export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
   controls: {
     matchers: {
       color: /(background|color)$/i,

package.json

@@ -39,6 +39,7 @@
     "typecheck": "vitest --typecheck.only",
     "storybook": "storybook dev",
     "sb": "yarn storybook",
+    "sb:up": "yarn dlx storybook@latest upgrade",
     "docs": "storybook dev --docs",
     "lint": "eslint --ext .tsx,.ts ./src",
     "lint:fix": "yarn run lint --fix",
@@ -54,17 +55,17 @@
     "@semantic-release/github": "^9.2.6",
     "@semantic-release/npm": "^11.0.2",
     "@semantic-release/release-notes-generator": "^12.1.0",
-    "@storybook/addon-actions": "7.6.16",
-    "@storybook/addon-docs": "7.6.16",
-    "@storybook/addon-essentials": "7.6.16",
-    "@storybook/addon-interactions": "7.6.16",
-    "@storybook/addon-links": "7.6.16",
-    "@storybook/builder-vite": "^7.6.16",
-    "@storybook/manager-api": "^7.6.16",
-    "@storybook/react": "7.6.16",
-    "@storybook/react-vite": "^7.6.16",
-    "@storybook/testing-library": "0.2.2",
-    "@storybook/theming": "^7.6.16",
+    "@storybook/addon-actions": "^8.0.0-beta.4",
+    "@storybook/addon-docs": "^8.0.0-beta.4",
+    "@storybook/addon-essentials": "^8.0.0-beta.4",
+    "@storybook/addon-interactions": "^8.0.0-beta.4",
+    "@storybook/addon-links": "^8.0.0-beta.4",
+    "@storybook/addon-mdx-gfm": "8.0.0-beta.4",
+    "@storybook/manager-api": "^8.0.0-beta.4",
+    "@storybook/react": "^8.0.0-beta.4",
+    "@storybook/react-vite": "^8.0.0-beta.4",
+    "@storybook/test": "^8.0.0-beta.4",
+    "@storybook/theming": "^8.0.0-beta.4",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.1",
     "@testing-library/user-event": "^14.5.2",
@@ -93,7 +94,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "semantic-release": "^23.0.2",
-    "storybook": "7.6.16",
+    "storybook": "^8.0.0-beta.4",
     "typescript": "5.3.3",
     "vite": "^5.1.3",
     "vitest": "^1.3.0",

vite.config.mts

@@ -0,0 +1,9 @@
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  plugins: [react()],
+  define: {
+    "process.env": {},
+  },
+});