storybook 8 + webpack 5

Author: lhz516

.github/workflows/nodejs.yml

@@ -16,7 +16,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [18.x]
+        node-version: [20.x]
 
     steps:
     - uses: actions/checkout@v2

.storybook/main.js renamed to .storybook/main.ts

@@ -1,28 +1,29 @@
 import path from 'path';
+import type { StorybookConfig } from '@storybook/react-webpack5';
 
-export default {
-  stories: [
-    '../stories/**/*.mdx',
-    '../stories/**/*.stories.@(ts|tsx)',
-  ],
+const config: StorybookConfig = {
+  stories: ['../stories/**/*.mdx', '../stories/**/*.stories.@(js|jsx|ts|tsx)'],
 
   addons: [
     '@storybook/addon-docs',
     '@storybook/addon-actions',
-    '@storybook/addon-mdx-gfm'
+    '@storybook/addon-webpack5-compiler-babel',
+    
   ],
 
   framework: {
     name: '@storybook/react-webpack5',
     options: {}
   },
 
-  docs: {
-    autodocs: true
+  typescript: {
+    check: false,
+    checkOptions: {},
+    skipCompiler: false,
   },
 
   webpackFinal: async (config) => {
-    config.module.rules.push({
+    config.module?.rules?.push({
       test: /\.scss$/,
       use: [
         'style-loader',
@@ -35,3 +36,5 @@ export default {
     return config;
   },
 };
+
+export default config;

.storybook/preview.js renamed to .storybook/preview.ts

@@ -7,3 +7,4 @@ export const parameters = {
     page: DocsPage,
   },
 }
+export const tags = ['autodocs'];

babel.config.js

@@ -24,8 +24,6 @@ module.exports = (api) => {
       '@babel/preset-react',
     ],
     plugins: [
-      ['@babel/plugin-proposal-private-methods'],
-      '@babel/plugin-proposal-class-properties',
       '@babel/plugin-transform-runtime'
     ],
     comments: false,

docs/0.22722940.iframe.bundle.js

@@ -0,0 +1,9 @@
+/**
+ * @license React
+ * scheduler.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

docs/0.22722940.iframe.bundle.js.LICENSE.txt

@@ -0,0 +1,39 @@
+/**
+ * @license React
+ * react-dom-test-utils.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-dom.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */