feat: create docs package for solid components #1018
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
| name: Deploy Storybook to GitHub Pages | |
| on: | |
| push: | |
| branches: ["main"] | |
| pull_request: | |
| workflow_dispatch: | |
| permissions: | |
| contents: read | |
| pages: write | |
| id-token: write | |
| pull-requests: write | |
| # Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued. | |
| # However, do NOT cancel in-progress runs as we want to allow these production deployments to complete. | |
| concurrency: | |
| group: "pages" | |
| cancel-in-progress: false | |
| jobs: | |
| deploy: | |
| environment: | |
| name: github-pages | |
| url: ${{ steps.deployment.outputs.page_url }} | |
| runs-on: ubuntu-latest | |
| steps: | |
| - name: Set GitHub Safe Branch | |
| id: set_safe_branch | |
| run: echo "GITHUB_SAFE_BRANCH=$(echo ${GITHUB_HEAD_REF:-${GITHUB_REF_NAME}} | tr '/' '_')" >> $GITHUB_ENV | |
| - name: Checkout | |
| uses: actions/checkout@v4 | |
| with: | |
| fetch-depth: 0 | |
| - name: Install Node.js | |
| uses: actions/setup-node@v4 | |
| with: | |
| node-version: 18 | |
| - uses: pnpm/action-setup@v2 | |
| name: Install pnpm | |
| id: pnpm-install | |
| with: | |
| version: 8.6.2 | |
| run_install: false | |
| - name: Install dependencies | |
| run: pnpm i | |
| - name: Build storybook | |
| run: cd packages/docs && pnpm run build | |
| - name: Prepare deployment directory | |
| run: | | |
| mkdir -p deployment/archives | |
| mkdir -p deployment/${{ env.GITHUB_SAFE_BRANCH }} | |
| cp -r packages/docs/dist/storybook/* deployment/${{ env.GITHUB_SAFE_BRANCH }}/ | |
| - name: Create archive | |
| run: | | |
| mkdir -p deployment/archives | |
| tar -czf deployment/archives/${{ env.GITHUB_SAFE_BRANCH }}.tar -C deployment/${{ env.GITHUB_SAFE_BRANCH }} . | |
| - name: Download and unpack existing archives | |
| run: | | |
| mkdir -p deployment/archives | |
| git fetch --all | |
| for branch in $(git branch -r | grep -v '\->' | sed 's/origin\///'); do | |
| safe_branch=$(echo ${branch} | tr '/' '_') | |
| if [ "${safe_branch}" != "${{ env.GITHUB_SAFE_BRANCH }}" ]; then | |
| echo "Checking for existing archive for branch: ${branch}" | |
| if curl --head --fail -s https://solid-design-system.github.io/solid/archives/${safe_branch}.tar; then | |
| echo "Downloading archive for branch: ${branch}" | |
| curl -L -o deployment/archives/${safe_branch}.tar https://solid-design-system.github.io/solid/archives/${safe_branch}.tar | |
| mkdir -p deployment/${safe_branch} | |
| tar -xzf deployment/archives/${safe_branch}.tar -C deployment/${safe_branch} | |
| else | |
| echo "Branch ${branch} was not deployed to GitHub Pages" | |
| fi | |
| fi | |
| done | |
| - name: Generate index file | |
| run: | | |
| echo "<html><body><h1>Deployed Branches</h1><ul>" > deployment/index.html | |
| for archive in deployment/archives/*.tar; do | |
| branch_name=$(basename $archive .tar) | |
| echo "<li><a href='./${branch_name}/'>${branch_name}</a></li>" >> deployment/index.html | |
| done | |
| echo "</ul></body></html>" >> deployment/index.html | |
| - name: Upload artifact | |
| uses: actions/upload-pages-artifact@v3 | |
| with: | |
| path: 'deployment' | |
| - name: Deploy to GitHub Pages | |
| id: deployment | |
| uses: actions/deploy-pages@v4 | |
| - name: Find existing comment | |
| uses: peter-evans/find-comment@v3 | |
| id: fc | |
| with: | |
| issue-number: ${{ github.event.pull_request.number || github.run_id }} | |
| comment-author: 'github-actions[bot]' | |
| body-includes: 'Storybook has been deployed for' | |
| - name: Create or update comment | |
| uses: peter-evans/create-or-update-comment@v4 | |
| with: | |
| issue-number: ${{ github.event.pull_request.number || github.run_id }} | |
| comment-id: ${{ steps.fc.outputs.comment-id }} | |
| body: | | |
| 🚀 Storybook has been deployed for branch `${{ env.GITHUB_SAFE_BRANCH }}` | |
| - [View Storybook](https://solid-design-system.github.io/solid/${{ env.GITHUB_SAFE_BRANCH }}) | |
| edit-mode: replace |