Show before-and-after sample images in GitHub workflow #337
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: Build PR Preview | |
| on: | |
| pull_request: | |
| branches: [main] | |
| types: | |
| - opened | |
| - reopened | |
| - synchronize | |
| workflow_dispatch: | |
| permissions: | |
| contents: read | |
| pages: write | |
| pull-requests: write | |
| id-token: write | |
| checks: write | |
| concurrency: preview-${{ github.ref }} | |
| jobs: | |
| deploy-preview: | |
| runs-on: ubuntu-latest | |
| steps: | |
| - name: Use Node.js 18.16.1 | |
| uses: actions/setup-node@v3 | |
| with: | |
| node-version: 18.16.1 #18.17.0 is buggy | |
| - name: Checkout Main Branch 🛎️ | |
| uses: actions/checkout@v3 | |
| with: | |
| ref: main | |
| path: main | |
| - name: Install and Build Main Branch 🔧 | |
| run: | | |
| npm ci --include=dev | |
| npm run build | |
| npm run style | |
| npm run shields | |
| cp src/configs/config.aws.js src/config.js | |
| working-directory: main | |
| - name: Capture main branch usage statistics | |
| id: main-stats | |
| run: | | |
| MAIN_STATS=$(node scripts/stats.js -j) | |
| echo "MAIN_STATS<<EOF" >> $GITHUB_ENV | |
| echo -e "$MAIN_STATS" >> $GITHUB_ENV | |
| echo "EOF" >> $GITHUB_ENV | |
| working-directory: main | |
| - name: Capture main branch sample clips | |
| id: main-samples | |
| run: | | |
| npm start & | |
| until nc -z localhost 1776; do sleep 1; done | |
| npm run generate_samples | |
| kill $(lsof -t -i:1776) 2>/dev/null || echo "No process found listening on port 1776." | |
| mv samples ../samples-main | |
| working-directory: main | |
| - name: Checkout PR Branch 🛎️ | |
| uses: actions/checkout@v3 | |
| with: | |
| path: pr | |
| - name: Install and Build 🔧 | |
| # TODO: when we move shieldlib to its own repo, move shieldlib docs CI also | |
| run: | | |
| ls -l samples-main | |
| npm ci --include=dev | |
| npm run build | |
| npm run style | |
| npm run shields | |
| cp src/configs/config.aws.js src/config.js | |
| mkdir -p dist/shield-docs | |
| cp -r shieldlib/docs/* dist/shield-docs | |
| working-directory: pr-branch | |
| - name: Capture PR branch sample clips | |
| id: pr-samples | |
| run: | | |
| npm start & | |
| until nc -z localhost 1776; do sleep 1; done | |
| npm run generate_samples | |
| kill $(lsof -t -i:1776) 2>/dev/null || echo "No process found listening on port 1776." | |
| mv samples ../samples-pr | |
| mv dist .. | |
| working-directory: pr-branch | |
| - name: Upload Build artifact | |
| uses: actions/upload-artifact@v3 | |
| with: | |
| name: americana | |
| path: dist/ | |
| - name: Capture PR branch usage statistics | |
| id: pr-stats | |
| run: | | |
| PR_STATS=$(node scripts/stats.js -j) | |
| echo "PR_STATS<<EOF" >> $GITHUB_ENV | |
| echo -e "$PR_STATS" >> $GITHUB_ENV | |
| echo "EOF" >> $GITHUB_ENV | |
| working-directory: pr-branch | |
| - name: Compare Stats | |
| id: compare-stats | |
| run: | | |
| mkdir -p pr | |
| echo '${{ env.MAIN_STATS }}' | |
| echo '${{ env.PR_STATS }}' | |
| npm exec ts-node scripts/stats_compare '${{ env.MAIN_STATS }}' '${{ env.PR_STATS }}' > pr/stats-difference.md | |
| - name: Generate map diff sample clips | |
| id: map-diff-samples | |
| run: | | |
| ls -l samples-main | |
| ls -l samples-pr | |
| ./scripts/folder_diff.sh samples-main samples-pr | |
| ls -l samples-diff | |
| mv pr_preview-extra.md ../pr/ | |
| cat ../pr/pr_preview-extra.md | |
| mv samples-diff ../dist/ | |
| working-directory: pr-branch | |
| - name: Save PR artifacts | |
| env: | |
| PR_NUMBER: ${{ github.event.pull_request.number }} | |
| PR_SHA: ${{ github.event.pull_request.head.sha }} | |
| run: | | |
| echo $PR_NUMBER > pr/pr_number | |
| echo $PR_SHA > pr/pr_sha | |
| echo "Saved PR# ${{ github.event.pull_request.number }}, SHA# ${{ github.event.pull_request.head.sha }} for upload" | |
| - name: Upload PR artifacts | |
| uses: actions/upload-artifact@v3 | |
| with: | |
| name: pr_ci_artifacts | |
| path: pr/ |