chore: migrate storybook to vite and update version (#346)

Author: tenphi

.storybook/main.js

@@ -1,23 +1,12 @@
 // @ts-check
 
-/**
- * @readonly
- * @type {import('@swc/core').Config}
- */
-const swcConfig = {
-  jsc: {
-    parser: { syntax: 'typescript', tsx: true },
-    transform: { react: { runtime: 'automatic' } },
-  },
-  env: {
-    targets: 'last 2 Safari major versions',
-  },
-};
-
 /** @type {import('@storybook/core-common').StorybookConfig} */
 const config = {
   staticDirs: ['../public'],
-  framework: { name: '@storybook/react-vite', options: {} },
+  framework: {
+    name: '@storybook/react-vite',
+    options: {},
+  },
   features: {
     postcss: false,
     emotionAlias: false,
@@ -35,15 +24,15 @@ const config = {
     {
       name: 'storybook-addon-turbo-build',
       options: {
-        esbuildMinifyOptions: { target: 'es2021' },
-        managerTranspiler: () => ({ loader: 'swc-loader', options: swcConfig }),
-        previewTranspiler: () => ({ loader: 'swc-loader', options: swcConfig }),
+        esbuildMinifyOptions: {
+          target: 'es2021',
+        },
       },
     },
+    '@storybook/addon-mdx-gfm',
   ],
   docs: {
     autodocs: true,
   },
 };
-
 export default config;

package.json

@@ -123,7 +123,8 @@
     "react-transition-group": "^4.4.2",
     "storybook": "^7.0.10",
     "tiny-invariant": "^1.3.1",
-    "valid-url": "^1.0.9"
+    "valid-url": "^1.0.9",
+    "vite": "^4.3.5"
   },
   "devDependencies": {
     "@actions/core": "^1.8.2",
@@ -142,11 +143,10 @@
     "@storybook/addon-essentials": "^7.0.10",
     "@storybook/addon-interactions": "^7.0.10",
     "@storybook/addon-links": "^7.0.10",
-    "@storybook/builder-webpack5": "^7.0.10",
-    "@storybook/jest": "^0.0.10",
-    "@storybook/manager-webpack5": "^7.0.0-alpha.10",
+    "@storybook/addon-mdx-gfm": "^7.0.10",
+    "@storybook/jest": "^0.1.0",
     "@storybook/react": "^7.0.10",
-    "@storybook/testing-library": "^0.0.13",
+    "@storybook/testing-library": "^0.1.0",
     "@swc/core": "^1.3.36",
     "@swc/jest": "^0.2.24",
     "@testing-library/dom": "^9.0.0",
@@ -192,7 +192,7 @@
     "react-test-renderer": "^17.0.2",
     "rimraf": "^3.0.2",
     "size-limit": "^8.1.0",
-    "storybook-addon-turbo-build": "^1.1.0",
+    "storybook-addon-turbo-build": "^2.0.1",
     "styled-components": "^5.3.6",
     "swc-loader": "^0.2.3",
     "typescript": "^4.5.4",