core: update storybook to v8

siriwatknp · Apr 28, 2024 · e85ef8d · e85ef8d
1 parent 3c37aec
commit e85ef8d
Show file tree

Hide file tree

Showing 5 changed files with 2,235 additions and 2,855 deletions.
diff --git a/.gitignore b/.gitignore
@@ -9,4 +9,9 @@ storybook-static
 
 # local test
 mui-treasury.config.js
-mui-treasury
+mui-treasury
+
+build-storybook.log
+chromatic.log
+chromatic-build-*.xml
+chromatic-diagnostics.json
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -37,6 +37,9 @@ const config: StorybookConfig = {
         ],
       },
     },
+    "@storybook/addon-mdx-gfm",
+    "@storybook/addon-webpack5-compiler-babel",
+    "@chromatic-com/storybook"
   ],
   framework: {
     name: "@storybook/react-webpack5",

diff --git a/.storybook/manager.tsx b/.storybook/manager.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import ReactGA from "react-ga4";
-import { addons, types } from "@storybook/addons";
+import { addons, types } from "@storybook/manager-api";
 import {
   STORY_CHANGED,
   STORY_ERRORED,

diff --git a/package.json b/package.json
@@ -1,7 +1,9 @@
 {
   "name": "mui-treasury",
   "description": "A CLI to clone Material UI blocks into your project.",
-  "author": "siriwatknp",
+  "author": {
+    "name": "siriwatknp"
+  },
   "version": "0.2.0",
   "homepage": "https://siriwatknp.github.io/mui-treasury/",
   "license": "MIT",
@@ -10,12 +12,17 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/siriwatknp/mui-treasury"
+    "url": "git+https://github.com/siriwatknp/mui-treasury.git"
+  },
+  "bugs": {
+    "url": "https://github.com/siriwatknp/mui-treasury/issues"
   },
   "main": "dist/index.js",
   "type": "module",
   "exports": "./dist/index.js",
-  "bin": "./dist/index.js",
+  "bin": {
+    "mui-treasury": "./dist/index.js"
+  },
   "files": [
     "dist"
   ],
@@ -33,6 +40,7 @@
     "jackspeak": "2.1.1"
   },
   "dependencies": {
+    "@mdx-js/react": "3.0.1",
     "@types/got": "9.6.11",
     "@types/rimraf": "3.0.0",
     "@types/tar": "4.0.4",
@@ -54,21 +62,20 @@
     "@babel/preset-env": "7.22.9",
     "@babel/preset-react": "7.22.5",
     "@babel/preset-typescript": "7.22.5",
+    "@chromatic-com/storybook": "^1",
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
     "@fontsource/roboto": "5.0.8",
     "@ianvs/prettier-plugin-sort-imports": "4.1.0",
     "@mui/icons-material": "5.15.3",
     "@mui/material": "5.15.1",
-    "@storybook/addon-essentials": "7.2.3",
-    "@storybook/addon-info": "5.3.21",
-    "@storybook/addon-links": "7.2.3",
-    "@storybook/addon-mdx-gfm": "7.2.3",
-    "@storybook/addon-styling": "1.3.6",
-    "@storybook/addon-styling-webpack": "^0.0.6",
-    "@storybook/addons": "7.2.3",
-    "@storybook/react": "7.2.3",
-    "@storybook/react-webpack5": "7.2.3",
+    "@storybook/addon-essentials": "^8.0.9",
+    "@storybook/addon-links": "^8.0.9",
+    "@storybook/addon-mdx-gfm": "^8.0.9",
+    "@storybook/addon-styling-webpack": "^1.0.0",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
+    "@storybook/react": "^8.0.9",
+    "@storybook/react-webpack5": "^8.0.9",
     "@testing-library/jest-dom": "6.1.6",
     "@testing-library/react": "14.1.2",
     "@testing-library/user-event": "14.5.2",
@@ -79,7 +86,7 @@
     "@types/react-dom": "18.2.7",
     "autoprefixer": "10.4.16",
     "babel-loader": "9.1.3",
-    "chromatic": "6.24.1",
+    "chromatic": "11.3.0",
     "color": "4.2.3",
     "css-loader": "6.9.0",
     "formik": "2.4.5",
@@ -90,8 +97,8 @@
     "postcss-loader": "7.3.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "storybook": "7.2.3",
-    "storybook-dark-mode": "3.0.1",
+    "storybook": "^8.0.9",
+    "storybook-dark-mode": "^4.0.1",
     "style-loader": "3.3.4",
     "stylis-plugin-rtl": "2.1.1",
     "tailwindcss": "3.4.1",