Merge pull request #36 from ronny1020/feat/pnpm-version

chore(pnpm): update pnpm lock version

.github/workflows/build.yml

@@ -13,10 +13,10 @@ jobs:
       - uses: actions/checkout@v3
       - uses: pnpm/action-setup@v2
         with:
-          version: 7
+          version: 9
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 20
           cache: 'pnpm'
       - run: pnpm i
       - run: pnpm build

.github/workflows/chromatic.yml

@@ -19,7 +19,7 @@ jobs:
       - run: pnpm i
       - name: Publish to Chromatic
         id: chromatic
-        uses: chromaui/action@v1
+        uses: chromaui/action@latest
         with:
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
           onlyChanged: true

.github/workflows/lint.yml

@@ -13,15 +13,11 @@ jobs:
       - uses: actions/checkout@v3
       - uses: pnpm/action-setup@v2
         with:
-          version: 7
+          version: 9
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 20
           cache: 'pnpm'
       - run: pnpm i
-      - uses: sibiraj-s/action-eslint@v2
-        with:
-          github-token: ${{ secrets.GITHUB_TOKEN }}
-          eslint-args: '--ignore-path=.gitignore --quiet'
-          extensions: 'js,jsx,ts,tsx'
-          annotations: true
+      - name: 'lint'
+        run: pnpm run lint

.github/workflows/vitest.yml

@@ -16,10 +16,10 @@ jobs:
       - uses: actions/checkout@v3
       - uses: pnpm/action-setup@v2
         with:
-          version: 7
+          version: 9
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 20
           cache: 'pnpm'
       - run: pnpm i
       - name: 'Test'

.storybook/main.ts

@@ -4,15 +4,17 @@ const config: StorybookConfig = {
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
-    '@storybook/addon-interactions'
+    '@storybook/addon-interactions',
+    '@chromatic-com/storybook'
   ],
-  docs: {
-    autodocs: 'tag'
-  },
+  docs: {},
   framework: {
     name: '@storybook/react-vite',
     options: {}
   },
-  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)']
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  typescript: {
+    reactDocgen: 'react-docgen-typescript'
+  }
 }
 export default config

.storybook/preview.ts

@@ -2,7 +2,6 @@ import type { Preview } from '@storybook/react'
 
 const preview: Preview = {
   parameters: {
-    actions: { argTypesRegex: '^on[A-Z].*' },
     controls: {
       matchers: {
         color: /(background|color)$/i,

package.json

@@ -50,13 +50,14 @@
     "chromatic": "npx chromatic --project-token=chpt_6d2a9426aaad6f1"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "7.0.24",
-    "@storybook/addon-interactions": "7.0.24",
-    "@storybook/addon-links": "7.0.24",
-    "@storybook/blocks": "7.0.24",
-    "@storybook/react": "7.0.24",
-    "@storybook/react-vite": "7.0.24",
-    "@storybook/testing-library": "0.2.0",
+    "@chromatic-com/storybook": "^1",
+    "@storybook/addon-essentials": "^8.1.11",
+    "@storybook/addon-interactions": "^8.1.11",
+    "@storybook/addon-links": "^8.1.11",
+    "@storybook/blocks": "^8.1.11",
+    "@storybook/react": "^8.1.11",
+    "@storybook/react-vite": "^8.1.11",
+    "@storybook/test": "^8.1.11",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@types/node": "^20.3.3",
@@ -67,7 +68,7 @@
     "@typescript-eslint/parser": "^5.60.1",
     "@vitejs/plugin-react": "^4.0.1",
     "@vitest/coverage-v8": "^0.32.4",
-    "chromatic": "^6.19.9",
+    "chromatic": "^11.5.4",
     "cross-env": "^7.0.3",
     "eslint": "^8.44.0",
     "eslint-config-airbnb": "^19.0.4",
@@ -83,7 +84,7 @@
     "eslint-plugin-sort-destructure-keys": "^1.5.0",
     "eslint-plugin-sort-keys-fix": "^1.1.2",
     "eslint-plugin-standard": "^4.1.0",
-    "eslint-plugin-storybook": "^0.6.12",
+    "eslint-plugin-storybook": "^0.8.0",
     "eslint-plugin-typescript-sort-keys": "^2.3.0",
     "husky": "^8.0.3",
     "jsdom": "^22.1.0",
@@ -92,7 +93,7 @@
     "prop-types": "15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "storybook": "7.0.24",
+    "storybook": "^8.1.11",
     "typescript": "^5.1.6",
     "vite": "^4.3.9",
     "vite-plugin-dts": "^3.0.2",