Storybook deploy

.github/workflows/build.yml

@@ -0,0 +1,16 @@
+name: build
+on: [push]
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Install node
+        uses: actions/setup-node@v2
+        with:
+          node-version: "16"
+          cache: "yarn"
+      - run: yarn cache clean
+      - run: yarn --update-checksums
+      - run: yarn install
+      - run: yarn build

.github/workflows/deploy-github-pages.yml

@@ -0,0 +1,35 @@
+# Workflow name
+name: Build and Publish Storybook to GitHub Pages
+
+on:
+  # Event for the workflow to run on
+  push:
+    branches:
+      - 'master' # Replace with the branch you want to deploy from
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# List of jobs
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    # Job steps
+    steps:
+      # Manual Checkout
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      # Set up Node
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+      #👇 Add Storybook build and deploy to GitHub Pages as a step in the workflow
+      - uses: bitovi/[email protected]
+        with:
+          install_command: yarn install # default: npm ci
+          build_command: yarn build-storybook # default: npm run build-storybook
+          path: storybook-static # default: dist/storybook
+          checkout: false # default: true

.github/workflows/snapshot.yml

@@ -0,0 +1,20 @@
+name: snapshot
+on: [push]
+jobs:
+  snapshot:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Install node
+        uses: actions/setup-node@v2
+        with:
+          node-version: "16"
+          cache: "yarn"
+      - run: yarn install
+      - run: yarn test:snapshot:ci
+        continue-on-error: true
+      - name: Upload artifacts
+        uses: actions/upload-artifact@v4
+        with:
+          name: snapshot-diff
+          path: packages/component/src/**/__snapshots__/__diff_output__/*

.github/workflows/storybook.yml

@@ -0,0 +1,20 @@
+name: storybook
+on:
+  push:
+	branches:
+	  - master
+jobs:
+  build:
+	runs-on: ubuntu-latest
+	steps:
+	  - uses: actions/checkout@v2
+	  - name: Install node
+		uses: actions/setup-node@v2
+		with:
+		  node-version: "16"
+		  cache: "yarn"
+	  - run: yarn install
+	  - run: yarn predeploy
+	  - run: yarn deploy-storybook -- --ci
+		env:
+		  GH_TOKEN: ${{ github.actor }}:${{ secrets.KJ_GITHUB_SECRET }}

.github/workflows/test.yml

@@ -0,0 +1,19 @@
+ name: test
+ on: [push]
+ jobs:
+  cypress-run:
+    runs-on: ubuntu-latest
+    name: e2e on Chrome
+    steps:
+      - uses: actions/checkout@v2
+      - uses: cypress-io/github-action@v6
+        with:
+          install-command: yarn install
+          browser: chrome
+          repository: kelseythejackson/fullstack-web-components
+          ref: refs/heads/master
+          token: ${{ secrets.KJ_GITHUB_SECRET }}
+          persist-credentials: false
+          build: yarn build
+          start: yarn start
+          wait-on: http://localhost:6006

.storybook/preview.js

@@ -1,3 +1,8 @@
+import { setCustomElementsManifest } from '@storybook/web-components';
+
+import customElementsManifest from '../custom-elements.json';
+
+setCustomElementsManifest(customElementsManifest);
 import './iframe.css';
 import './../packages/style/style.css';