add "Examples Only" version of Storybook and Chromatic

storybookjs · Jun 20, 2024 · d0d95f4 · d0d95f4
1 parent 799eb49
commit d0d95f4
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 5 deletions.
diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml
@@ -30,8 +30,18 @@ jobs:
         run: >
           pnpm run build
 
-      - name: Publish to Chromatic
-        uses: chromaui/action@v1
+      - name: Upload to Chromatic
+        uses: chromaui/action@v11
         with:
           token: ${{ secrets.GITHUB_TOKEN }}
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          onlyChanged: true
+
+      - name: Upload "Examples" to Chromatic
+        uses: chromaui/action@v11
+        env:
+          EXAMPLES_ONLY: true
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN_EXAMPLES_ONLY }}
+          onlyChanged: true
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -1,18 +1,20 @@
 import type { StorybookConfig } from '@storybook/svelte-vite';
 
+const examplesOnly = process.env.EXAMPLES_ONLY === 'true';
+
 const config: StorybookConfig = {
   stories: [
     {
       directory: '../examples',
       files: '**/*.stories.@(ts|svelte)',
-      titlePrefix: 'Examples',
+      titlePrefix: examplesOnly ? undefined : 'Examples',
     },
-    {
+    !examplesOnly && {
       directory: '../tests/stories',
       files: '**/*.stories.@(ts|svelte)',
       titlePrefix: 'Tests',
     },
-  ],
+  ].filter(Boolean) as StorybookConfig['stories'],
   framework: '@storybook/svelte-vite',
   addons: ['../dist/preset.js', '@storybook/addon-essentials', '@storybook/addon-interactions'],
 };