feat(workflows) deploy storybook to github pages #2
Workflow file for this run
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# Run it locally with act | |
# 1. Install act: | |
# `brew install act` | |
# 2. Create a .secret file with the following content: | |
# `GITHUB_TOKEN=your_github_token` | |
# PULL REQUEST | |
# 1. Create a act_pull_request.json file in case of a pull request with the following content: | |
# `{"pull_request": {"number": <PR number>, "head": {"ref": "<PR branch name>", "sha": "PR commit sha"}, "base": {"ref": "main"}}, "repository": {"name": "juno", "owner": {"login": "cloudoperators"}}}` | |
# 2. Run the following command: | |
# `act pull_request --container-architecture linux/amd64 -P default=catthehacker/ubuntu:act-latest -e act_pull_request.json -W .github/workflows/deploy-github-pages.yaml` | |
name: Build and Publish Storybook to GitHub Pages | |
on: | |
pull_request: | |
types: [opened, synchronize, reopened] | |
paths: | |
- "libs/juno-ui-components/**" | |
permissions: | |
contents: read | |
pages: write | |
id-token: write | |
jobs: | |
build: | |
runs-on: [default] | |
defaults: | |
run: | |
# Set the working directory for all steps in this job | |
working-directory: libs/juno-ui-components | |
steps: | |
- uses: actions/checkout@v4 | |
with: | |
# Fetch only the juno-ui-components folder | |
sparse-checkout: libs/juno-ui-components | |
- uses: actions/setup-node@v4 | |
with: | |
node-version: "20.x" | |
- name: Install dependencies | |
run: | | |
npm install | |
- name: Build storybook | |
run: npm run build-storybook | |
- name: Upload artifact | |
uses: actions/upload-pages-artifact@v2 | |
with: | |
path: ./storybook-static | |
deploy: | |
env: | |
NODE_EXTRA_CA_CERTS: /etc/ssl/certs/ca-certificates.crt | |
NODE_OPTIONS: --use-openssl-ca | |
ACTIONS_RUNNER_DEBUG: true | |
permissions: | |
pages: write # to deploy to Pages | |
id-token: write # to verify the deployment originates from an appropriate source | |
environment: | |
name: github-pages | |
url: ${{ steps.deployment.outputs.page_url }} | |
runs-on: [default] | |
needs: [build] | |
steps: | |
- name: Deploy to GitHub Pages | |
id: deployment | |
uses: actions/deploy-pages@v3 |