⬆️ Upgrade to storybook v8

frontend/.storybook/main.js

@@ -1,14 +1,22 @@
+import viteConfig from "../vite.config";
+
 /** @type { import('@storybook/react-vite').StorybookConfig } */
 const config = {
   stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
   staticDirs: ["../resources/public"],
   addons: ["@storybook/addon-essentials"],
+  core: {
+    builder: "@storybook/builder-vite",
+    options: {
+      viteConfigPath: "../vite.config.js",
+    },
+  },
+
   framework: {
     name: "@storybook/react-vite",
     options: {},
   },
-  docs: {
-    autodocs: "tag",
-  },
+
+  docs: {},
 };
 export default config;

frontend/.storybook/preview.js

@@ -1,7 +1,6 @@
 /** @type { import('@storybook/react').Preview } */
 const preview = {
   parameters: {
-    actions: { argTypesRegex: "^on[A-Z].*" },
     controls: {
       matchers: {
         color: /(background|color)$/i,

frontend/package.json

@@ -36,15 +36,16 @@
     "e2e:server": "node ./scripts/e2e-server.js",
     "e2e:test": "playwright test --project default",
     "storybook:compile": "yarn run compile && clojure -M:dev:shadow-cljs compile storybook",
-    "storybook:watch": "yarn run storybook:compile && concurrently \"clojure -M:dev:shadow-cljs watch storybook\" \"storybook dev -p 6006\" \"yarn run watch\"",
+    "storybook:server": "yarn run storybook dev -p 6006 --no-open",
+    "storybook:watch": "yarn run storybook:compile && concurrently \"clojure -M:dev:shadow-cljs watch storybook\" \"yarn run storybook:server\" \"yarn run watch\"",
     "storybook:build": "yarn run storybook:compile && storybook build"
   },
   "devDependencies": {
     "@playwright/test": "1.44.1",
-    "@storybook/addon-essentials": "^7.6.17",
-    "@storybook/blocks": "^7.6.17",
-    "@storybook/react": "^7.6.17",
-    "@storybook/react-vite": "^7.6.17",
+    "@storybook/addon-essentials": "^8.2.1",
+    "@storybook/blocks": "^8.2.1",
+    "@storybook/react": "^8.2.1",
+    "@storybook/react-vite": "^8.2.1",
     "@types/node": "^20.11.20",
     "autoprefixer": "^10.4.19",
     "concurrently": "^8.2.2",
@@ -79,7 +80,7 @@
     "sass": "^1.77.4",
     "sass-embedded": "^1.77.2",
     "shadow-cljs": "2.28.8",
-    "storybook": "^7.6.17",
+    "storybook": "^8.2.1",
     "svg-sprite": "^2.0.4",
     "typescript": "^5.4.5",
     "vite": "^5.1.4",