Skip to content

feat: APPS-2904 and APPS-2909 #3936

feat: APPS-2904 and APPS-2909

feat: APPS-2904 and APPS-2909 #3936

Workflow file for this run

name: Run CI Suite
on:
push:
branches: [main]
pull_request:
branches: [main]
concurrency:
group: ci-${{ github.ref_name=='main' && github.sha || github.ref_name }} # Cancel runs for previous version of PR, but not main (after merge). For hacked ternary, see https://github.com/actions/runner/issues/409#issuecomment-727565588
cancel-in-progress: true
jobs:
eslint:
runs-on: ubuntu-latest
timeout-minutes: 40
steps:
- uses: actions/checkout@v3
with:
repository: ${{ github.event.pull_request.head.repo.full_name }}
ref: ${{ github.event.pull_request.head.ref }}
- uses: ./.github/workflows/setup-workspace
- run: pnpm run lint
- uses: EndBug/add-and-commit@v9
with:
message: 'chore: linter autofixes'
default_author: github_actions
percy-instructions:
if: github.event_name == 'pull_request'
runs-on: ubuntu-latest
timeout-minutes: 20
steps:
- name: Comment with percy instructions
uses: bubkoo/auto-comment@v1
with:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
pullRequestOpened: >
# Percy Screenshots
In order to conserve our percy screenshot allowance, percy is not configured to run automatically. Please make sure the PR is ready and all other checks are passing, then start it manually:
1. Visit https://github.com/UCLALibrary/library-website-nuxt/actions/workflows/percy.yml
2. Click the 'Run workflow' button in the blue bar.
3. Select the correct branch for this PR and click 'Run workflow' again to confirm.
nuxt:
name: Nuxt build / Cypress tests / Netlify deploy
runs-on: ubuntu-latest
timeout-minutes: 40
steps:
- uses: actions/checkout@v3
- uses: ./.github/workflows/setup-workspace
- name: Cache built static site
uses: actions/cache@v3
with:
path: .output/public
key: nuxt-site-${{ github.sha }}
- name: Sets env vars for PR preview
run: |
echo "SITEMAP_HOST=deploy-preview-${{ github.event.pull_request.number }}-uclalibrary-test.netlify.app" >> $GITHUB_ENV
echo "ES_INDEX=${{secrets.ES_INDEX_TEST}}-deploy-preview" >> $GITHUB_ENV
echo "ES_ALIAS=${{secrets.ES_ALIAS_TEST}}-deploy-preview" >> $GITHUB_ENV
if: github.ref_name!='main'
- name: Sets env vars for main merge
run: |
echo "SITEMAP_HOST=${{ secrets.SITEMAP_URL_TEST }}" >> $GITHUB_ENV
echo "ES_INDEX=${{secrets.ES_INDEX_TEST}}" >> $GITHUB_ENV
echo "ES_ALIAS=${{secrets.ES_ALIAS_TEST}}" >> $GITHUB_ENV
if: github.ref_name=='main'
- run: pnpm run generate
env:
CRAFT_ENDPOINT: ${{ secrets.CRAFT_ENDPOINT }}
LIBCAL_ENDPOINT: ${{ secrets.LIBCAL_ENDPOINT }}
S3_BUCKET: 'https://static.library.ucla.edu/'
SITEMAP_HOST: ${{ env.SITEMAP_HOST }}
ES_URL: ${{ secrets.ES_URL }}
ESApiKey: ${{ secrets.ESApiKey }}
ES_READ_KEY: ${{ secrets.ES_READ_KEY_TEST }}
ES_WRITE_KEY: ${{ secrets.ES_WRITE_KEY_TEST }}
ES_ALIAS: ${{ env.ES_ALIAS }}-${{ github.event.pull_request.number }}
ES_INDEX_PREFIX: ${{secrets.ES_INDEX_PREFIX_TEST}}
ES_TEMP_INDEX_PREFIX_LIBGUIDES: ${{secrets.ES_TEMP_INDEX_PREFIX_LIBGUIDES_TEST}}
LIBGUIDES_ES_INDEX: ${{secrets.LIBGUIDES_ES_INDEX_TEST}}
# Step to generate the current date and time
- name: Set deployment date
id: set-deploy-date
run: echo "DEPLOY_DATE=$(date '+%Y-%m-%d %H:%M:%S %Z')" >> $GITHUB_ENV
- name: Install Netlify CLI globally
run: pnpm add -g netlify-cli
- name: Deploy to Netlify (preview)
if: "github.ref_name != 'main'"
run: |
for i in {1..3}; do
echo "Attempt $i to deploy to Netlify..."
deployOutput=$(netlify deploy --debug --dir=.output/public --site=$NETLIFY_SITE_ID --auth=$NETLIFY_AUTH_TOKEN --alias=deploy-preview-${{ github.event.pull_request.number }} --message="Date: ${{ env.DEPLOY_DATE }} | PR: #${{ github.event.pull_request.number }} | Commit: ${{ github.event.pull_request.head.sha }}")
if [ $? -eq 0 ]; then
echo "Deployment succeeded on attempt $i"
echo "Netlify deploy output: $deployOutput"
# Extract the deploy URL
deployUrl=$(echo "$deployOutput" | grep -o 'https://deploy-preview-[^ ]*')
echo "NETLIFY_DEPLOY_URL=$deployUrl" >> $GITHUB_ENV
# Construct a success message
deployMessage="🚀 Preview deployment available at: [Netlify Preview]($deployUrl)"
echo "$deployMessage"
# Set the deploy message as output for future steps
echo "deploy-message=$deployMessage" >> $GITHUB_OUTPUT
break
else
echo "Deployment failed on attempt $i with error: $deployOutput"
if [ $i -eq 3 ]; then
echo "Deployment failed after 3 attempts. Exiting..."
exit 1
fi
echo "Retrying in 10 seconds..."
sleep 10
fi
done
env:
NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
- name: Create Pull Request GitHub Deployment and Set Pull Request Deployment Status to Success
if: github.ref_name!='main'
id: create_deployment
uses: actions/github-script@v6
with:
script: |
const { data: deployment } = await github.rest.repos.createDeployment({
owner: context.repo.owner,
repo: context.repo.repo,
ref: context.sha,
environment: 'pull_request-${{ github.event.pull_request.number }}', // Ensures each PR gets a unique environment
description: 'Pull Request deployment',
required_contexts: [],
auto_inactive: true // Ensure only one active deployment
});
const deployUrl = process.env.NETLIFY_DEPLOY_URL;
await github.rest.repos.createDeploymentStatus({
owner: context.repo.owner,
repo: context.repo.repo,
deployment_id: deployment.id,
state: 'success',
environment_url: deployUrl,
description: 'Deployment successful'
});
- name: Comment on Pull Request with Netlify URL
if: github.event_name == 'pull_request'
uses: actions/github-script@v6
with:
script: |
const deployUrl = process.env.NETLIFY_DEPLOY_URL;
const siteId = '${{ secrets.NETLIFY_SITE_ID }}';
const markdownComment = `🚀 Preview deployment available at: [Netlify Preview](${deployUrl})`;
// Function to find an existing comment with a specific identifier
async function findIssueComment(githubClient, siteId) {
const { data: comments } = await githubClient.rest.issues.listComments({
owner: context.repo.owner,
repo: context.repo.repo,
issue_number: context.issue.number
});
const commentIdentifier = `<!-- NETLIFY DEPLOY COMMENT GENERATED BY ACTIONS_NETLIFY - SITE ID: ${siteId} -->`;
return comments.find(comment => comment.body.includes(commentIdentifier));
}
const existingComment = await findIssueComment(github, siteId);
if (existingComment) {
// Update the existing comment
await github.rest.issues.updateComment({
owner: context.repo.owner,
repo: context.repo.repo,
comment_id: existingComment.id,
body: `${markdownComment}\n<!-- NETLIFY DEPLOY COMMENT GENERATED BY ACTIONS_NETLIFY - SITE ID: ${siteId} -->`
});
} else {
// Create a new comment
await github.rest.issues.createComment({
issue_number: context.issue.number,
owner: context.repo.owner,
repo: context.repo.repo,
body: `${markdownComment}\n<!-- NETLIFY DEPLOY COMMENT GENERATED BY ACTIONS_NETLIFY - SITE ID: ${siteId} -->`
});
}
- uses: cypress-io/github-action@v5
with:
start: pnpm dlx serve .output/public
wait-on: http://127.0.0.1:3000
wait-on-timeout: 110
env:
CRAFT_ENDPOINT: ${{ secrets.CRAFT_ENDPOINT }}
LIBCAL_ENDPOINT: ${{ secrets.LIBCAL_ENDPOINT }}
S3_BUCKET: 'https://static.library.ucla.edu/'
SITEMAP_HOST: ${{ env.SITEMAP_HOST }}
ESApiKey: ${{ secrets.ESApiKey }}
ES_READ_KEY: ${{ secrets.ES_READ_KEY_TEST }}
ES_WRITE_KEY: ${{ secrets.ES_WRITE_KEY_TEST }}
ES_ALIAS: ${{ secrets.ES_ALIAS_TEST }}
ES_INDEX_PREFIX: ${{ secrets.ES_INDEX_PREFIX_TEST }}
ES_TEMP_INDEX_PREFIX_LIBGUIDES: ${{secrets.ES_TEMP_INDEX_PREFIX_LIBGUIDES_TEST}}
LIBGUIDES_ES_INDEX: ${{secrets.LIBGUIDES_ES_INDEX_TEST}}
- name: Deploy to Netlify (merged)
if: github.ref_name=='main'
uses: nwtgck/actions-netlify@v3
with:
production-deploy: true
deploy-message: "Deploy to test on merge to main for commit ${{ github.sha }}: https://github.com/UCLALibrary/library-website-nuxt/commit/${{ github.sha }}"
github-token: ${{ secrets.GITHUB_TOKEN }}
publish-dir: .output/public
fails-without-credentials: true
github-deployment-environment: testing
env:
NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}