Dev fe to develop #2
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 Preview | |
| on: | |
| pull_request: | |
| types: | |
| - opened | |
| - synchronize | |
| - reopened | |
| - closed | |
| branches: | |
| - main | |
| - develop | |
| paths: | |
| - 'client/**' | |
| - 'core/**' | |
| - '.github/workflows/storybook-*.yml' | |
| concurrency: | |
| group: ${{ github.workflow }}-${{ github.ref }}-${{ github.event.number }} | |
| cancel-in-progress: true | |
| jobs: | |
| deploy-preview: | |
| if: github.event.action != 'closed' | |
| runs-on: ubuntu-latest | |
| permissions: | |
| contents: write | |
| pull-requests: write | |
| steps: | |
| - name: Checkout | |
| uses: actions/checkout@v4 | |
| - name: Setup pnpm | |
| uses: pnpm/action-setup@v3 | |
| with: | |
| version: 9 | |
| run_install: false | |
| - name: Setup Node | |
| uses: actions/setup-node@v4 | |
| with: | |
| node-version: 20 | |
| cache: 'pnpm' | |
| cache-dependency-path: '**/pnpm-lock.yaml' | |
| - name: Install all dependencies | |
| run: pnpm install --frozen-lockfile | |
| - name: Build core package | |
| run: | | |
| echo "Building core package..." | |
| pnpm --filter @troublepainter/core build | |
| echo "Core build output:" | |
| ls -la core/dist/ | |
| - name: Verify core build | |
| run: | | |
| if [ ! -f "core/dist/index.mjs" ]; then | |
| echo "Core build failed - index.mjs not found" | |
| exit 1 | |
| fi | |
| - name: Build storybook | |
| working-directory: ./client | |
| run: | | |
| echo "Building Storybook with core from $(realpath ../core/dist/)" | |
| pnpm build-storybook | |
| - name: Deploy | |
| uses: peaceiris/actions-gh-pages@v3 | |
| with: | |
| github_token: ${{ secrets.GITHUB_TOKEN }} | |
| publish_dir: ./client/storybook-static | |
| destination_dir: storybook/preview-${{ github.event.number }} | |
| keep_files: true | |
| commit_message: 'docs: deploy storybook-preview' | |
| - name: Comment Preview URL | |
| uses: actions/github-script@v6 | |
| with: | |
| script: | | |
| const previewUrl = `https://${context.repo.owner}.github.io/${context.repo.repo}/storybook/preview-${context.issue.number}` | |
| github.rest.issues.createComment({ | |
| issue_number: context.issue.number, | |
| owner: context.repo.owner, | |
| repo: context.repo.repo, | |
| body: `📚 Storybook preview deployed to: [Visit Storybook Preview](${previewUrl})` | |
| }) | |
| cleanup-preview: | |
| if: github.event.action == 'closed' | |
| runs-on: ubuntu-latest | |
| permissions: | |
| contents: write | |
| pull-requests: write | |
| steps: | |
| - name: Checkout | |
| uses: actions/checkout@v4 | |
| with: | |
| ref: gh-pages | |
| - name: Delete preview directory | |
| run: | | |
| if [ -d "storybook/preview-${{ github.event.number }}" ]; then | |
| git config --global user.name 'github-actions[bot]' | |
| git config --global user.email 'github-actions[bot]@users.noreply.github.com' | |
| git rm -rf "storybook/preview-${{ github.event.number }}" | |
| git commit -m "docs: remove storybook preview for PR #${{ github.event.number }}" | |
| git push origin gh-pages | |
| fi | |
| - name: Comment Cleanup Notification | |
| uses: actions/github-script@v6 | |
| with: | |
| script: | | |
| github.rest.issues.createComment({ | |
| issue_number: context.issue.number, | |
| owner: context.repo.owner, | |
| repo: context.repo.repo, | |
| body: `🧹 Storybook preview for PR #${context.issue.number} has been removed.` | |
| }) |