update CI

.github/workflows/chromatic.yml

@@ -1,37 +1,36 @@
-# name: Chromatic
-# on: push
+name: Chromatic
+on: push
 
-# jobs:
-#   chromatic:
-#     runs-on: ubuntu-latest
-#     steps:
-#       - uses: actions/checkout@v3
-#         with:
-#           fetch-depth: 0
-#       - uses: actions/setup-node@v3
-#         with:
-#           node-version: 22
-#       - uses: pnpm/action-setup@v4
-#         with:
-#           version: 9
-#       - name: install
-#         run: pnpm install
-#       - name: build storybook
-#         run: pnpm build-storybook
-#       - name: run chromatic
-#         run: pnpm chromatic
-#         env:
-#           CHROMATIC_PROJECT_TOKEN: chpt_8adcafffd1b8cdc
-#       # - name: Run Chromatic
-#       #   id: run-chromatic-action
-#       #   uses: chromaui/action-next@v1
-#       #   with:
-#       #     onlyChanged: true
-#       #     traceChanged: true
-#       #     diagnostics: true
-#       #     exitZeroOnChanges: true
-#       #     exitOnceUploaded: true
-#       #     autoAcceptChanges: "main"
-#       #   env:
-#       #     CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
-#       #     STORYBOOK_GITHUB_SHA: ${{ github.event.pull_request.head.sha }}
+jobs:
+  chromatic:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 22
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 9
+      - name: install
+        run: pnpm install
+      - name: build storybook
+        run: pnpm build-storybook
+      - name: run chromatic
+        run: pnpm chromatic
+        env:
+          CHROMATIC_PROJECT_TOKEN: chpt_d1f0c3a104744ba
+      - name: Run Chromatic
+        id: run-chromatic-action
+        uses: chromaui/action@v11
+        with:
+          onlyChanged: true
+          traceChanged: true
+          zip: true
+          exitZeroOnChanges: true
+          exitOnceUploaded: true
+          autoAcceptChanges: 'main'
+        env:
+          CHROMATIC_PROJECT_TOKEN: chpt_d1f0c3a104744ba

azure-pipelines.yml

@@ -1,24 +1,24 @@
-# Starter pipeline
-# Start with a minimal pipeline that you can customize to build and deploy your code.
-# Add steps that build, run tests, deploy, and more:
-# https://aka.ms/yaml
+# # Starter pipeline
+# # Start with a minimal pipeline that you can customize to build and deploy your code.
+# # Add steps that build, run tests, deploy, and more:
+# # https://aka.ms/yaml
 
-trigger:
-- main
+# trigger:
+# - main
 
-pool:
-  vmImage: ubuntu-latest
+# pool:
+#   vmImage: ubuntu-latest
 
-steps:
-- checkout: self
-  fetchDepth: '0'
-- task: UseNode@1
-  inputs:
-    version: '18.x'
-- script: |
-    npm install --global pnpm
-  displayName: "Setup pnpm"
+# steps:
+# - checkout: self
+#   fetchDepth: '0'
+# - task: UseNode@1
+#   inputs:
+#     version: '18.x'
+# - script: |
+#     npm install --global pnpm
+#   displayName: "Setup pnpm"
 
-- script: pnpm install
-- script: pnpm build-storybook
-- script: pnpm chromatic
+# - script: pnpm install
+# - script: pnpm build-storybook
+# - script: pnpm chromatic

package.json

@@ -17,17 +17,16 @@
   },
   "devDependencies": {
     "@babel/core": "^7.18.13",
-    "@storybook/addon-actions": "^8.1.5",
-    "@storybook/addon-essentials": "^8.1.5",
-    "@storybook/react": "^8.1.5",
-    "@storybook/react-vite": "^8.1.5",
-    "@storybook/test": "^8.1.5",
+    "@storybook/addon-actions": "^8.2.4",
+    "@storybook/addon-essentials": "^8.2.4",
+    "@storybook/react": "^8.2.4",
+    "@storybook/react-vite": "^8.2.4",
+    "@storybook/test": "^8.2.4",
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
     "@vitejs/plugin-react": "^4.2.1",
     "babel-loader": "^8.2.5",
-    "chromatic": "11.5.4--canary.1006.9474473692.0",
-    "storybook": "^8.1.5",
+    "storybook": "^8.2.4",
     "typescript": "^5.3.3",
     "vite": "^5.0.12",
     "vite-plugin-turbosnap": "^1.0.3",