Merge pull request #284 from italia/dev #238
This file contains hidden or 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
| # Deploy static preview (disco, it-wallet, qrcode-demo) to GitHub Pages | |
| # when static files change and CI (lint) succeeds. | |
| # Each branch gets its own subfolder: preview/<branch-name>/ | |
| name: Static Preview Deploy | |
| on: | |
| push: | |
| paths: | |
| - 'iam-proxy-italia-project/static/**' | |
| pull_request: | |
| paths: | |
| - 'iam-proxy-italia-project/static/**' | |
| workflow_dispatch: | |
| env: | |
| FORCE_JAVASCRIPT_ACTIONS_TO_NODE24: 'true' | |
| jobs: | |
| pre_job: | |
| runs-on: ubuntu-latest | |
| outputs: | |
| should_skip: ${{ steps.skip_check.outputs.should_skip }} | |
| steps: | |
| - id: skip_check | |
| uses: fkirc/skip-duplicate-actions@v5.3.1 | |
| with: | |
| skip_after_successful_duplicate: 'true' | |
| concurrent_skipping: 'same_content_newer' | |
| lint: | |
| name: Lint static assets | |
| needs: pre_job | |
| if: needs.pre_job.outputs.should_skip != 'true' | |
| runs-on: ubuntu-latest | |
| steps: | |
| - uses: actions/checkout@v4 | |
| - name: Set up Node.js | |
| uses: actions/setup-node@v4 | |
| with: | |
| node-version: '24' | |
| cache: 'npm' | |
| cache-dependency-path: iam-proxy-italia-project/static/package-lock.json | |
| - name: Install dependencies | |
| working-directory: iam-proxy-italia-project/static | |
| run: npm ci | |
| - name: Lint HTML, CSS, JS | |
| working-directory: iam-proxy-italia-project/static | |
| run: npm run lint | |
| deploy: | |
| name: Deploy to GitHub Pages | |
| needs: [pre_job, lint] | |
| if: needs.pre_job.outputs.should_skip != 'true' | |
| runs-on: ubuntu-latest | |
| permissions: | |
| contents: write | |
| steps: | |
| - uses: actions/checkout@v4 | |
| - name: Set up Node.js | |
| uses: actions/setup-node@v4 | |
| with: | |
| node-version: '24' | |
| cache: 'npm' | |
| cache-dependency-path: iam-proxy-italia-project/static/package-lock.json | |
| - name: Install dependencies | |
| working-directory: iam-proxy-italia-project/static | |
| run: npm ci | |
| - name: Prepare preview artifact | |
| id: prepare | |
| run: | | |
| BRANCH="${{ github.event_name == 'pull_request' && github.head_ref || github.ref_name }}" | |
| # Sanitize branch name for use as folder (replace / with -) | |
| SAFE_BRANCH=$(echo "$BRANCH" | sed 's/\//-/g') | |
| PREVIEW_DIR="preview/${SAFE_BRANCH}" | |
| mkdir -p deploy/"${PREVIEW_DIR}" | |
| # Exclude the legacy "static -> ./" symlink to avoid recursive paths on Pages builds. | |
| (cd iam-proxy-italia-project/static && tar --exclude=node_modules --exclude=static -cf - .) | (cd deploy/"${PREVIEW_DIR}" && tar -xf -) | |
| # Rewrite /static/ to ./ for GitHub Pages relative paths | |
| find deploy/"${PREVIEW_DIR}" \( -name '*.html' -o -name '*.json' -o -name '*.js' \) -type f \ | |
| -exec sed -i 's|/static/|./|g' {} \; | |
| # qrcode-demo uses bootstrap-italia/svg - disco/it-wallet use svg/; ensure svg exists | |
| if [ -d deploy/"${PREVIEW_DIR}"/bootstrap-italia/svg ]; then | |
| mkdir -p deploy/"${PREVIEW_DIR}"/svg | |
| cp deploy/"${PREVIEW_DIR}"/bootstrap-italia/svg/sprites.svg deploy/"${PREVIEW_DIR}"/svg/ 2>/dev/null || true | |
| fi | |
| echo "preview_dir=${PREVIEW_DIR}" >> $GITHUB_OUTPUT | |
| echo "safe_branch=${SAFE_BRANCH}" >> $GITHUB_OUTPUT | |
| echo "Branch preview: ${PREVIEW_DIR}" | |
| - name: Deploy to GitHub Pages | |
| run: | | |
| git config user.name "github-actions[bot]" | |
| git config user.email "github-actions[bot]@users.noreply.github.com" | |
| git fetch origin gh-pages 2>/dev/null || true | |
| if git rev-parse --verify origin/gh-pages >/dev/null 2>&1; then | |
| git checkout -B gh-pages origin/gh-pages | |
| else | |
| git checkout --orphan gh-pages | |
| git rm -rf --cached . 2>/dev/null || true | |
| fi | |
| rm -rf preview/"${{ steps.prepare.outputs.safe_branch }}" | |
| mkdir -p preview/"${{ steps.prepare.outputs.safe_branch }}" | |
| cp -r deploy/"${{ steps.prepare.outputs.preview_dir }}"/* preview/"${{ steps.prepare.outputs.safe_branch }}"/ | |
| if [ "${{ github.event_name }}" = "workflow_dispatch" ]; then | |
| # Force a gh-pages commit for manual runs even when static files are unchanged. | |
| { | |
| echo "manual_dispatch=true" | |
| echo "run_id=${{ github.run_id }}" | |
| echo "run_attempt=${{ github.run_attempt }}" | |
| echo "deployed_at=$(date -u +'%Y-%m-%dT%H:%M:%SZ')" | |
| } > preview/"${{ steps.prepare.outputs.safe_branch }}"/.preview-deploy-meta | |
| fi | |
| # Rebuild preview index listing all available branch previews. | |
| mkdir -p preview | |
| ASSET_PREFIX="" | |
| for dir in preview/*; do | |
| [ -d "$dir" ] || continue | |
| ASSET_PREFIX="./$(basename "$dir")" | |
| break | |
| done | |
| { | |
| echo '<!doctype html>' | |
| echo '<html lang="it">' | |
| echo '<head>' | |
| echo ' <meta charset="utf-8">' | |
| echo ' <meta name="viewport" content="width=device-width, initial-scale=1">' | |
| echo ' <title>IAM Proxy Italia - Static Preview Index</title>' | |
| if [ -n "$ASSET_PREFIX" ]; then | |
| printf ' <link rel="stylesheet" href="%s/css/style.css">\n' "$ASSET_PREFIX" | |
| printf ' <link rel="stylesheet" href="%s/css/bootstrap-italia.min.css">\n' "$ASSET_PREFIX" | |
| printf ' <link rel="stylesheet" href="%s/css/ita.min.css">\n' "$ASSET_PREFIX" | |
| fi | |
| echo '</head>' | |
| echo '<body>' | |
| echo ' <header class="it-header-wrapper">' | |
| echo ' <div class="it-header-slim-wrapper bg-primary">' | |
| echo ' <div class="container">' | |
| echo ' <div class="it-header-slim-wrapper-content d-flex justify-content-between align-items-center">' | |
| echo ' <span class="navbar-brand text-white"><strong>IAM Proxy Italia</strong></span>' | |
| echo ' </div>' | |
| echo ' </div>' | |
| echo ' </div>' | |
| echo ' <div class="header-title-section">' | |
| echo ' <div class="container py-3">' | |
| echo ' <div class="d-flex align-items-center">' | |
| if [ -n "$ASSET_PREFIX" ]; then | |
| printf ' <svg class="icon icon-lg me-2" aria-hidden="true"><use xlink:href="%s/svg/sprites.svg#it-code-circle"></use></svg>\n' "$ASSET_PREFIX" | |
| fi | |
| echo ' <h2 class="mb-0">Static previews per branch</h2>' | |
| echo ' </div>' | |
| echo ' </div>' | |
| echo ' </div>' | |
| echo ' </header>' | |
| echo ' <main class="container my-4">' | |
| echo ' <p class="mb-3">Seleziona una branch per aprire la preview statica.</p>' | |
| echo ' <div class="link-list-wrapper">' | |
| echo ' <ul class="link-list">' | |
| has_entries=false | |
| for dir in preview/*; do | |
| [ -d "$dir" ] || continue | |
| branch=$(basename "$dir") | |
| has_entries=true | |
| printf ' <li><a class="list-item" href="./%s/"><span>%s</span></a></li>\n' "$branch" "$branch" | |
| done | |
| if [ "$has_entries" = false ]; then | |
| echo ' <li><span class="list-item disabled"><span>Nessuna preview disponibile</span></span></li>' | |
| fi | |
| echo ' </ul>' | |
| echo ' </div>' | |
| echo ' </main>' | |
| echo ' <footer>' | |
| echo ' <div class="container h-100 d-flex align-items-center">' | |
| echo ' <div class="d-flex flex-wrap justify-content-start text-white">' | |
| echo ' <span class="mb-2">Generated by Static Preview Deploy workflow</span>' | |
| echo ' </div>' | |
| echo ' </div>' | |
| echo ' </footer>' | |
| echo '</body>' | |
| echo '</html>' | |
| } > preview/index.html | |
| touch .nojekyll | |
| git add preview/"${{ steps.prepare.outputs.safe_branch }}" preview/index.html .nojekyll | |
| git diff --staged --quiet || git commit -m "Deploy static preview for ${{ steps.prepare.outputs.safe_branch }}" | |
| git push origin gh-pages |