From 56590836db4129a7f4220aa5ca435b51afc14185 Mon Sep 17 00:00:00 2001 From: georgewrmarshall Date: Sun, 27 Apr 2025 10:36:59 +0930 Subject: [PATCH 1/4] chore: adding github workflow to publish storybook react --- .github/workflows/storybook-deploy.yml | 40 ++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) create mode 100644 .github/workflows/storybook-deploy.yml diff --git a/.github/workflows/storybook-deploy.yml b/.github/workflows/storybook-deploy.yml new file mode 100644 index 00000000..b70d6f89 --- /dev/null +++ b/.github/workflows/storybook-deploy.yml @@ -0,0 +1,40 @@ +name: Build and Deploy Storybook + +on: + push: + branches: + - main + workflow_call: + secrets: + PUBLISH_STORYBOOK_TOKEN: + required: true + +jobs: + build-deploy-storybook: + name: Build and Deploy Storybook + permissions: + contents: write + runs-on: ubuntu-latest + environment: github-pages + defaults: + run: + working-directory: apps/storybook-react + steps: + - name: Checkout and setup environment + uses: MetaMask/action-checkout-and-setup@v1 + with: + is-high-risk-environment: false + cache-node-modules: true + + - name: Install dependencies + run: yarn --immutable + + - name: Build Storybook + run: yarn build-storybook + + - name: Deploy to GitHub Pages + uses: peaceiris/actions-gh-pages@de7ea6f8efb354206b205ef54722213d99067935 + with: + personal_token: ${{ secrets.PUBLISH_STORYBOOK_TOKEN }} + publish_dir: ./storybook-static + destination_dir: storybook-static From a6e274e1b93649170aed832c672b7dedc50b66a3 Mon Sep 17 00:00:00 2001 From: georgewrmarshall Date: Tue, 29 Apr 2025 13:14:00 +0930 Subject: [PATCH 2/4] chore: adding worflow for PR based on extension --- ...ok-deploy.yml => build-storybook-main.yml} | 0 .github/workflows/build-storybook-pr.yml | 31 +++++++++++++++++++ 2 files changed, 31 insertions(+) rename .github/workflows/{storybook-deploy.yml => build-storybook-main.yml} (100%) create mode 100644 .github/workflows/build-storybook-pr.yml diff --git a/.github/workflows/storybook-deploy.yml b/.github/workflows/build-storybook-main.yml similarity index 100% rename from .github/workflows/storybook-deploy.yml rename to .github/workflows/build-storybook-main.yml diff --git a/.github/workflows/build-storybook-pr.yml b/.github/workflows/build-storybook-pr.yml new file mode 100644 index 00000000..8079bc1e --- /dev/null +++ b/.github/workflows/build-storybook-pr.yml @@ -0,0 +1,31 @@ +name: Build Storybook PR + +on: + pull_request: + workflow_dispatch: + +jobs: + build-storybook: + name: Build Storybook PR + runs-on: ubuntu-latest + defaults: + run: + working-directory: apps/storybook-react + steps: + - name: Checkout and setup high risk environment + uses: MetaMask/action-checkout-and-setup@v1 + with: + is-high-risk-environment: true + skip-allow-scripts: true + + - name: Build storybook + run: yarn build-storybook + + - name: Upload 'storybook-build' to S3 + if: ${{ vars.AWS_REGION && vars.AWS_IAM_ROLE && vars.AWS_S3_BUCKET }} + uses: metamask/github-tools/.github/actions/upload-s3@1233659b3850eb84824d7375e2e0c58eb237701d + with: + aws-region: ${{ vars.AWS_REGION }} + role-to-assume: ${{ vars.AWS_IAM_ROLE }} + s3-bucket: ${{ vars.AWS_S3_BUCKET }}/${{ github.event.repository.name }}/${{ github.event.pull_request.number }}/storybook-build + path: apps/storybook-react/storybook-static From 88f0ec50c4eda861e6851903833dd68e542de0fb Mon Sep 17 00:00:00 2001 From: georgewrmarshall Date: Tue, 29 Apr 2025 13:20:52 +0930 Subject: [PATCH 3/4] chore: building packages --- .github/workflows/build-storybook-main.yml | 7 +++++++ .github/workflows/build-storybook-pr.yml | 10 ++++++++++ 2 files changed, 17 insertions(+) diff --git a/.github/workflows/build-storybook-main.yml b/.github/workflows/build-storybook-main.yml index b70d6f89..3c5cac81 100644 --- a/.github/workflows/build-storybook-main.yml +++ b/.github/workflows/build-storybook-main.yml @@ -29,6 +29,13 @@ jobs: - name: Install dependencies run: yarn --immutable + - name: Build required packages + working-directory: . + run: | + yarn workspace @metamask/design-tokens build + yarn workspace @metamask/design-system-tailwind-preset build + yarn workspace @metamask/design-system-react build + - name: Build Storybook run: yarn build-storybook diff --git a/.github/workflows/build-storybook-pr.yml b/.github/workflows/build-storybook-pr.yml index 8079bc1e..f481f70d 100644 --- a/.github/workflows/build-storybook-pr.yml +++ b/.github/workflows/build-storybook-pr.yml @@ -18,6 +18,16 @@ jobs: is-high-risk-environment: true skip-allow-scripts: true + - name: Install dependencies + run: yarn --immutable + + - name: Build required packages + working-directory: . + run: | + yarn workspace @metamask/design-tokens build + yarn workspace @metamask/design-system-tailwind-preset build + yarn workspace @metamask/design-system-react build + - name: Build storybook run: yarn build-storybook From 60e947516309cb6d3003cc1814516c951810328a Mon Sep 17 00:00:00 2001 From: georgewrmarshall Date: Tue, 29 Apr 2025 21:10:31 +0930 Subject: [PATCH 4/4] chore: update --- .github/workflows/build-storybook-main.yml | 3 --- .github/workflows/build-storybook-pr.yml | 7 ++----- 2 files changed, 2 insertions(+), 8 deletions(-) diff --git a/.github/workflows/build-storybook-main.yml b/.github/workflows/build-storybook-main.yml index 3c5cac81..6215b9d4 100644 --- a/.github/workflows/build-storybook-main.yml +++ b/.github/workflows/build-storybook-main.yml @@ -26,9 +26,6 @@ jobs: is-high-risk-environment: false cache-node-modules: true - - name: Install dependencies - run: yarn --immutable - - name: Build required packages working-directory: . run: | diff --git a/.github/workflows/build-storybook-pr.yml b/.github/workflows/build-storybook-pr.yml index f481f70d..8839c217 100644 --- a/.github/workflows/build-storybook-pr.yml +++ b/.github/workflows/build-storybook-pr.yml @@ -12,14 +12,11 @@ jobs: run: working-directory: apps/storybook-react steps: - - name: Checkout and setup high risk environment + - name: Checkout and setup environment uses: MetaMask/action-checkout-and-setup@v1 with: is-high-risk-environment: true - skip-allow-scripts: true - - - name: Install dependencies - run: yarn --immutable + cache-node-modules: true - name: Build required packages working-directory: .