Merge pull request #356 from MuckRock/chromatic

Adds Chromatic

.github/workflows/chromatic.yml

@@ -0,0 +1,26 @@
+# .github/workflows/chromatic.yml
+
+# Workflow name
+name: "Chromatic"
+
+# Event for the workflow
+on: push
+
+jobs:
+  chromatic-deployment:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0 # Required to retrieve git history
+      - name: Use Node v18
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+      - name: Install dependencies
+        run: npm ci
+      - name: Publish to Chromatic
+        uses: chromaui/action@v1
+        with:
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}

package.json

@@ -35,7 +35,7 @@
     "rlite-router": "^2.0.3",
     "sass": "^1.60.0",
     "sass-loader": "^13.3.2",
-    "scrollzoom": "MuckRock/scrollzoom",
+    "scrollzoom": "github:MuckRock/scrollzoom",
     "style-loader": "^3.3.3",
     "svelte": "^4.0.0",
     "svelte-i18n": "^4.0.0",
@@ -64,6 +64,7 @@
     "@storybook/svelte": "^7.5.3",
     "@storybook/svelte-webpack5": "^7.5.3",
     "@storybook/testing-library": "^0.2.2",
+    "chromatic": "^9.1.0",
     "eslint": "^7.32.0",
     "jest": "^29.6.3",
     "jest-environment-jsdom": "^29.7.0",