Merge pull request #4 from emulsify-ds/add-storybook-deploy

Add storybook deploy

.github/workflows/deploy.yaml

@@ -0,0 +1,20 @@
+name: 'Build and Publish storybook to GitHub Pages'
+
+on:
+  push:
+    branches:
+      - 'main'
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - id: build-publish
+        uses: bitovi/[email protected]
+        with:
+          path: 'storybook-static'

.gitignore

@@ -22,3 +22,6 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+# Storybook
+storybook-static

README.md

@@ -40,6 +40,8 @@ npm run develop
 This version only supports developing and previewing the components within Storybook. Support for building components for use in Drupal or frontend frameworks
 will be added later.
 
+[View the deployed storybook instance](https://emulsify-ds.github.io/emulsify-web-components/)
+
 ## Connecting components with Figma
 
 First, get your own copy of the [Emulsify UI kit](https://www.figma.com/community/file/1141071510618977331) from the Figma community.

package.json

@@ -8,8 +8,7 @@
     "build": "npm run clean && tsc && find src/components -name '*.ts' -not -name '*.stories.ts' -exec npx vite build -- {} \\;",
     "watch-typescript": "tsc --watch",
     "storybook": "storybook dev -p 6006",
-    "storybook:build": "storybook build",
-    "storybook:deploy": "storybook-to-ghpages -o .out",
+    "build-storybook": "storybook build",
     "style-dictionary:build": "node ./src/tokens/tokensTransform.js",
     "tokens:transform": "token-transformer ./src/tokens/figma.tokens.json ./src/tokens/transformed.tokens.json",
     "tokens:build": "npm run tokens:transform && npm run style-dictionary:build"