modify configs and improve build chunking

.github/workflows/deploy-storybook-gh-pages.yml

@@ -16,9 +16,9 @@ jobs:
             - name: Install and build
               run: |
                   npm ci
-                  npm run storybook-build
+                  npm run storybook:build
             - name: Deploy
               uses: JamesIves/github-pages-deploy-action@4.3.3
               with:
                   branch: gh-pages
-                  folder: storybook-static
+                  folder: .storybook-dist

.gitignore

@@ -2,6 +2,6 @@
 node_modules
 dist
 /Icon?
-/graphics
 
-/storybook-static
+/graphics
+/.storybook-dist

.prettierignore

@@ -3,4 +3,4 @@ node_modules/
 package-lock.json
 
 graphics/
-storybook-static/
+.storybook-dist/

.storybook/main.ts

@@ -1,16 +1,37 @@
 import {StorybookConfig} from '@storybook/core-common';
 
-const storybookConfig: StorybookConfig = {
-    stories: [
-        '../src/**/*.stories.mdx',
-        '../src/**/*.stories.@(js|jsx|ts|tsx)',
-    ],
-    addons: [
-        '@storybook/addon-links',
-        '@storybook/addon-essentials',
-        '@storybook/addon-interactions',
-    ],
-    framework: '@storybook/react',
+export const stories: StorybookConfig['stories'] = [
+    '../src/**/*.stories.mdx',
+    '../src/**/*.stories.@(js|jsx|ts|tsx)',
+];
+export const addons: StorybookConfig['addons'] = [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+];
+export const framework: StorybookConfig['framework'] = '@storybook/react';
+
+const maxAssetSize = 1024 * 1024;
+
+export const webpackFinal: StorybookConfig['webpackFinal'] = (config) => {
+    config.optimization = {
+        ...config.optimization,
+        splitChunks: {
+            ...config.optimization?.splitChunks,
+            chunks: 'all',
+            minSize: 30 * 1024,
+            maxSize: maxAssetSize,
+        },
+    };
+    config.performance = {
+        ...config.performance,
+        maxAssetSize: maxAssetSize,
+    };
+
+    return config;
 };
 
-export default storybookConfig;
+export const features: StorybookConfig['features'] = {
+    /** Decrease bundle size */
+    storyStoreV7: true,
+};