[F] storybook deploy setup

.github/workflows/unit_test.yml → .github/workflows/dev-pull-request.yml

@@ -1,7 +1,7 @@
 name: Run Jest unit tests
 on:
   pull_request:
-    branches: [main, develop]
+    branches: [develop]
 jobs:
   build:
     runs-on: ubuntu-latest

.github/workflows/deploy-github-pages.yaml → .github/workflows/main-merge.yaml

@@ -8,9 +8,7 @@ on:
       - "main" # Replace with the branch you want to deploy from
 
 permissions:
-  contents: read
-  pages: write
-  id-token: write
+  contents: write
 
 # List of jobs
 jobs:
@@ -24,19 +22,16 @@ jobs:
     steps:
       # Manual Checkout
       - uses: actions/checkout@v4
-
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
       - name: Install dependencies
-        uses: Borales/actions-yarn@v5.0.0
-        with:
-          cmd: install # will run `yarn install` command
-      #👇 Add Storybook build and deploy to GitHub Pages as a step in the workflow
-      - uses: bitovi/github-[email protected]
+        run: yarn --frozen-lockfile
+      - name: Build Storybook
+        run: yarn deploy-storybook
+      - name: Deploy 🚀
+        uses: JamesIves/github-pages-deploy-action@v4
         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
+          folder: storybook-static # The folder the action should deploy.
+          token: ${{ secrets.GITHUB_TOKEN }}

package.json

@@ -1,6 +1,6 @@
 {
   "private": true,
-  "version": "0.6.0",
+  "version": "0.7.0",
   "license": "MIT",
   "author": "Rubin EPO",
   "repository": {
@@ -15,12 +15,9 @@
     "packages/epo-style-dictionary"
   ],
   "scripts": {
-    "build-storybook": "yarn workspace @rubin-epo/epo-react-lib run build-storybook -o ../../storybook-static && yarn workspace @rubin-epo/epo-widget-lib run build-storybook -o ../../storybook-static/epo-widget-lib",
-    "deploy-storybook": "mkdir ./storybook-static && touch ./storybook-static/.nojekyll && storybook-to-ghpages --packages=packages --out=.out",
+    "build-storybook:production": "yarn workspace @rubin-epo/epo-react-lib run build-storybook:production && yarn workspace @rubin-epo/epo-widget-lib run build-storybook:production",
     "test": "yarn workspaces run test",
     "test:generate-output": "jest --json --outputFile=.jest-test-results.json || true"
   },
-  "devDependencies": {
-    "@storybook/storybook-deployer": "^2.8.16"
-  }
+  "devDependencies": {}
 }

packages/epo-react-lib/.gitignore

@@ -20,7 +20,6 @@ tempPublish/
 .out/*
 
 # testing
-.jest-test-results.json
 
 # Editor directories and files
 .vscode/*

packages/epo-react-lib/.storybook/main.ts

@@ -1,6 +1,7 @@
 import { mergeConfig } from "vite";
 import { resolve, dirname, join } from "path";
 import { StorybookConfig } from "@storybook/react-vite";
+import react from "@vitejs/plugin-react";
 
 const config: StorybookConfig = {
   stories: ["../src/**/*.stories.@(js|jsx|ts|tsx)"],
@@ -16,6 +17,9 @@ const config: StorybookConfig = {
     options: {},
   },
   core: {},
+  typescript: {
+    reactDocgen: "react-docgen", // 👈 react-docgen configured here.
+  },
   features: {
     storyStoreV7: true,
   },
@@ -37,8 +41,10 @@ const config: StorybookConfig = {
     };
   },
   async viteFinal(config) {
+    config.plugins = config.plugins?.filter((p) => p?.name !== "vite:dts");
+
     return mergeConfig(config, {
-      base: "/epo-react-lib/@rubin-epo/epo-react-lib/",
+      base: "/epo-react-lib/",
       resolve: {
         alias: {
           path: "path-browserify",

packages/epo-react-lib/package.json

@@ -22,8 +22,9 @@
     "publish-clean": "yarn test && yarn build && clean-publish",
     "publish-beta": "yarn build && clean-publish --tag beta",
     "publish-local": "yarn build && clean-publish --without-publish",
-    "storybook": "yarn test:generate-output && storybook dev -p 6006",
-    "build-storybook": "yarn test:generate-output && storybook build",
+    "storybook": "yarn storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build-storybook:production": "yarn build-storybook -o ../../storybook-static",
     "test": "NODE_OPTIONS=--experimental-vm-modules jest --max-workers=2",
     "test:generate-output": "yarn test --json --outputFile=.jest-test-results.json || true"
   },

packages/epo-style-dictionary/dist/web/legacy/palette/index.cjs

@@ -3,7 +3,7 @@
  * Avoid using these
  * 
  * Do not edit directly
- * Generated on Wed, 15 May 2024 19:05:35 GMT
+ * Generated on Thu, 16 May 2024 22:19:26 GMT
  */
 
 module.exports = {

packages/epo-style-dictionary/dist/web/legacy/palette/index.css

@@ -3,7 +3,7 @@
  * Avoid using these
  * 
  * Do not edit directly
- * Generated on Wed, 15 May 2024 19:05:35 GMT
+ * Generated on Thu, 16 May 2024 22:19:26 GMT
  */
 
 :root {

packages/epo-style-dictionary/dist/web/legacy/palette/index.d.ts

@@ -3,7 +3,7 @@
  * Avoid using these
  * 
  * Do not edit directly
- * Generated on Wed, 15 May 2024 19:05:35 GMT
+ * Generated on Thu, 16 May 2024 22:19:26 GMT
  */
 
 export const white : string;

packages/epo-style-dictionary/dist/web/legacy/palette/index.js

@@ -3,7 +3,7 @@
  * Avoid using these
  * 
  * Do not edit directly
- * Generated on Wed, 15 May 2024 19:05:35 GMT
+ * Generated on Thu, 16 May 2024 22:19:26 GMT
  */
 
 export const white = "#ffffff";

packages/epo-style-dictionary/dist/web/legacy/tokens/index.cjs

@@ -3,7 +3,7 @@
  * Avoid using these
  * 
  * Do not edit directly
- * Generated on Wed, 15 May 2024 19:05:35 GMT
+ * Generated on Thu, 16 May 2024 22:19:26 GMT
  */
 
 module.exports = {

packages/epo-style-dictionary/dist/web/legacy/tokens/index.d.ts

@@ -3,7 +3,7 @@
  * Avoid using these
  * 
  * Do not edit directly
- * Generated on Wed, 15 May 2024 19:05:35 GMT
+ * Generated on Thu, 16 May 2024 22:19:26 GMT
  */
 
 export const FONT_WEIGHT_NORMAL : string;

packages/epo-style-dictionary/dist/web/legacy/tokens/index.js

@@ -3,7 +3,7 @@
  * Avoid using these
  * 
  * Do not edit directly
- * Generated on Wed, 15 May 2024 19:05:35 GMT
+ * Generated on Thu, 16 May 2024 22:19:26 GMT
  */
 
 export const FONT_WEIGHT_NORMAL = "400";

packages/epo-widget-lib/.gitignore

@@ -17,7 +17,6 @@ tempPublish
 .out/*
 
 # testing
-.jest-test-results.json
 
 # Editor directories and files
 .vscode/*

packages/epo-widget-lib/.storybook/main.ts

@@ -48,8 +48,10 @@ const config: StorybookConfig = {
     };
   },
   async viteFinal(config) {
+    config.plugins = config.plugins?.filter((p) => p?.name !== "vite:dts");
+
     return mergeConfig(config, {
-      base: "/epo-react-lib/@rubin-epo/epo-widget-lib/",
+      base: "/epo-react-lib/epo-widget-lib/",
       resolve: {
         alias: {
           path: "path-browserify",

packages/epo-widget-lib/package.json

@@ -22,8 +22,9 @@
     "publish-clean": "yarn test && yarn build && clean-publish",
     "publish-beta": "yarn build && clean-publish --tag beta",
     "publish-local": "yarn build && clean-publish --without-publish",
-    "storybook": "yarn run test:generate-output && storybook dev -p 6007",
-    "build-storybook": "yarn test:generate-output && storybook build",
+    "storybook": "yarn storybook dev -p 6007",
+    "build-storybook": "storybook build",
+    "build-storybook:production": "yarn build-storybook -o ../../storybook-static",
     "test": "jest --max-workers=2",
     "test:generate-output": "yarn test --json --outputFile=.jest-test-results.json || true"
   },