new: ✨ setup chromatic for storybook

.github/workflows/deploy-storybook.yml

@@ -0,0 +1,33 @@
+# .github/workflows/chromatic.yml
+
+# Workflow name
+name: "Chromatic Publish"
+
+# Event for the workflow
+on: push
+
+# List of jobs
+jobs:
+  build-storybook:
+    # Operating System
+    runs-on: ubuntu-latest
+    # Job steps
+    steps:
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 8.x
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: "pnpm"
+      - name: Checkout
+        uses: actions/checkout@v3
+      - run: pnpm install
+      #👇 Adds Chromatic as a step in the workflow
+      - uses: chromaui/action@v1
+        # Options required for Chromatic's GitHub Action
+        with:
+          #👇 Chromatic projectToken,
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          token: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/tests.yml

@@ -4,7 +4,7 @@ on:
   pull_request:
 
 jobs:
-  cypress-run:
+  run-tests:
     runs-on: ubuntu-latest
     steps:
       - name: Setup pnpm

.gitignore

@@ -5,3 +5,6 @@ build
 .vscode
 .docz
 .netlify
+storybook-static
+*.log
+build-*

package.json

@@ -2,9 +2,14 @@
   "name": "vue-mindee-js",
   "version": "1.3.1",
   "description": "Computer Vision SDK for Vue",
-  "author": "@mindee",
+  "author": {
+    "name": "@mindee"
+  },
   "license": "MIT",
-  "repository": "publicMindee/vue-mindee-js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mindee/vue-mindee-js.git"
+  },
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
@@ -73,5 +78,11 @@
     "processing",
     "computer",
     "vision"
-  ]
+  ],
+  "bugs": {
+    "url": "https://github.com/publicMindee/vue-mindee-js/issues"
+  },
+  "readme": "ERROR: No README data found!",
+  "homepage": "https://github.com/publicMindee/vue-mindee-js#readme",
+  "_id": "[email protected]"
 }