Merge pull request #10 from storybookjs/valentin/setup-chromatic

chore: Setup Chromatic

.github/workflows/chromatic.yml

@@ -0,0 +1,30 @@
+name: "Chromatic"
+
+on: push
+
+jobs:
+  chromatic:
+    name: Run Chromatic
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 18
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 9.4.0
+          run_install: true
+      - name: Install dependencies
+        run: pnpm install
+      - name: Build the plugin
+        run: pnpm build
+      - name: Run Chromatic
+        uses: chromaui/action@latest
+        with:
+          # ⚠️ Make sure to configure a `CHROMATIC_PROJECT_TOKEN` repository secret
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          workingDir: example

biome.json

@@ -19,7 +19,8 @@
       ".vite-inspect/**/*",
       "**/node_modules/**/*",
       "example/storybook-static/**/*",
-      ".tsup/**"
+      ".tsup/**",
+      "package.json"
     ]
   }
 }

example/package.json

@@ -42,6 +42,7 @@
     "@vitest/browser": "^2.0.5",
     "autoprefixer": "^10.4.19",
     "bootstrap": "^5.3.3",
+    "chromatic": "^11.7.0",
     "happy-dom": "^14.12.3",
     "jsdom": "^24.1.1",
     "playwright": "^1.45.3",

package.json

@@ -2,20 +2,11 @@
   "name": "vite-plugin-storybook-nextjs",
   "version": "1.0.1",
   "description": "",
-  "keywords": [
-    "vite-plugin",
-    "nextjs",
-    "storybook",
-    "vitest"
-  ],
+  "keywords": ["vite-plugin", "nextjs", "storybook", "vitest"],
   "author": "Storybook Bot <[email protected]>",
   "license": "MIT",
-  "sideEffects": [
-    "./src/polyfills/promise-with-resolvers.ts"
-  ],
-  "files": [
-    "dist"
-  ],
+  "sideEffects": ["./src/polyfills/promise-with-resolvers.ts"],
+  "files": ["dist"],
   "type": "module",
   "exports": {
     ".": {