Upgrade Storybook to use webpack 5 + GitHub actions

.github/workflows/code-check.yml

@@ -0,0 +1,35 @@
+name: Code Check
+
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+    branches:
+      - master
+
+jobs:
+  build:
+    name: Check codebase (lint and typecheck)
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: 'yarn'
+
+      - name: Installation
+        run: yarn --frozen-lockfile
+
+      - name: Lint
+        run: yarn lint
+
+      - name: Test
+        run: yarn run test
+
+      - name: Library Build
+        run: yarn run build
+
+      - name: Storybook Build
+        run: yarn run storybook:build

.gitignore

@@ -8,4 +8,5 @@ bundle-stats.html
 .next
 .out
 .history/
-stats.html
+stats.html
+/.idea

.storybook/main.js

@@ -6,6 +6,9 @@ module.exports = {
     "@storybook/addon-controls",
     // "@storybook/addon-actions"
   ],
+  core: {
+    builder: 'webpack5',
+  },
   "webpackFinal": async (config) => {
     config.module.rules.push({
       test: /\.mjs$/,
@@ -14,4 +17,4 @@ module.exports = {
     })
     return config
   }
-}
+}

package.json

@@ -36,6 +36,8 @@
     "@rollup/plugin-node-resolve": "^13.0.4",
     "@rollup/plugin-replace": "^3.0.0",
     "@storybook/addon-controls": "^6.4.13",
+    "@storybook/builder-webpack5": "^6.5.16",
+    "@storybook/manager-webpack5": "^6.5.16",
     "@storybook/react": "^6.4.13",
     "@types/react": "^17.0.38",
     "babel-jest": "^27.0.6",
@@ -60,7 +62,8 @@
     "rollup-plugin-visualizer": "^5.5.4",
     "styled-components": "^4.0.0-beta.8",
     "typescript": "^2.9.2",
-    "typings-tester": "^0.3.1"
+    "typings-tester": "^0.3.1",
+    "webpack": "^5.76.3"
   },
   "files": [
     "src",