build: use node 18 lts and update storybook to use webpack 5, #71

.github/workflows/ci.yml

@@ -1,6 +1,13 @@
 name: CI
 
-on: [push, pull_request]
+on:
+  push:
+    branches: [main]
+  pull_request:
+    types:
+      - opened
+      - synchronize
+      - reopened
 
 jobs:
   build:
@@ -30,6 +37,7 @@ jobs:
 
       - name: 🧪 Test
         run: |
+          npx playwright install chromium
           pnpm run --filter @this/example build
           pnpm run test:ci
 

.nvmrc

@@ -1 +1 @@
-lts/gallium
+lts/hydrogen

docs/storybook/.storybook/main.ts

@@ -3,6 +3,10 @@ import path from 'path';
 import codesandbox from 'remark-codesandbox';
 
 const config = {
+  core: {
+    builder: 'webpack5',
+  },
+
   addons: [
     '@storybook/addon-essentials',
     {

docs/storybook/package.json

@@ -22,7 +22,9 @@
     "@storybook/addon-links": "^6.5.13",
     "@storybook/addon-storysource": "^6.5.13",
     "@storybook/builder-vite": "^0.2.5",
+    "@storybook/builder-webpack5": "^6.5.15",
     "@storybook/jest": "^0.0.10",
+    "@storybook/manager-webpack5": "^6.5.15",
     "@storybook/preset-typescript": "^3.0.0",
     "@storybook/react": "^6.5.13",
     "@storybook/test-runner": "^0.9.1",

package.json

@@ -89,30 +89,30 @@
   },
   "devDependencies": {
     "@ianvs/prettier-plugin-sort-imports": "^3.7.1",
-    "@types/node": "^18.11.9",
-    "@types/react": "^18.0.25",
-    "@types/react-dom": "^18.0.9",
+    "@types/node": "^18.11.18",
+    "@types/react": "^18.0.26",
+    "@types/react-dom": "^18.0.10",
     "@types/resize-observer-browser": "^0.1.7",
-    "@typescript-eslint/eslint-plugin": "^5.44.0",
-    "@typescript-eslint/parser": "^5.44.0",
+    "@typescript-eslint/eslint-plugin": "^5.48.0",
+    "@typescript-eslint/parser": "^5.48.0",
     "browserslist": "^4.21.4",
     "concurrently": "^7.6.0",
-    "esbuild-plugin-browserslist": "^0.5.2",
-    "eslint": "^8.28.0",
+    "esbuild-plugin-browserslist": "^0.6.0",
+    "eslint": "^8.31.0",
     "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-react-hooks": "^4.6.0",
     "http-server": "^14.1.1",
-    "husky": "^8.0.2",
-    "lint-staged": "^13.0.3",
-    "np": "^7.6.2",
+    "husky": "^8.0.3",
+    "lint-staged": "^13.1.0",
+    "np": "^7.6.3",
     "nyc": "^15.1.0",
-    "prettier": "^2.8.0",
+    "prettier": "^2.8.1",
     "pretty-quick": "^3.1.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tslib": "~2.4.1",
     "tsup": "^6.5.0",
-    "typescript": "4.9.3",
+    "typescript": "4.9.4",
     "wait-port": "^1.0.4"
   }
 }