mirror of
https://github.com/graphql-hive/console
synced 2026-05-24 09:38:26 +00:00
105 lines
3.8 KiB
YAML
105 lines
3.8 KiB
YAML
name: Next.js Bundle Analysis
|
|
|
|
on:
|
|
pull_request:
|
|
push:
|
|
branches:
|
|
- main
|
|
# run action only when Hive app files were changed
|
|
paths:
|
|
- packages/web/app/**
|
|
workflow_dispatch:
|
|
|
|
jobs:
|
|
analyze:
|
|
env:
|
|
working-directory: packages/web/app
|
|
defaults:
|
|
run:
|
|
working-directory: ${{ env.working-directory }}
|
|
|
|
runs-on: ubuntu-latest
|
|
|
|
steps:
|
|
- uses: actions/checkout@v3
|
|
|
|
- name: Setup Environment
|
|
uses: ./.github/actions/setup
|
|
|
|
- name: Restore Next.js Build
|
|
uses: actions/cache@v3
|
|
id: restore-build-cache
|
|
env:
|
|
cache-name: cache-next-build
|
|
with:
|
|
# if you use a custom build directory, replace all instances of `.next` in this file with your build directory
|
|
# ex: if your app builds to `dist`, replace `.next` with `dist`
|
|
path: ${{ env.working-directory }}/.next/cache
|
|
# change this if you prefer a more strict cache
|
|
key: ${{ runner.os }}-build-${{ env.cache-name }}
|
|
|
|
- name: Build Next.js App
|
|
# change this if your site requires a custom build command
|
|
run: pnpm build
|
|
|
|
# Here's the first place where next-bundle-analysis' own script is used
|
|
# This step pulls the raw bundle stats for the current bundle
|
|
- name: Analyze Bundle
|
|
run: npx -p nextjs-bundle-analysis report
|
|
|
|
- name: Upload bundle
|
|
uses: actions/upload-artifact@v3
|
|
with:
|
|
name: bundle
|
|
path: ${{ env.working-directory }}/.next/analyze/__bundle_analysis.json
|
|
|
|
- name: Download Base Branch Bundle Stats
|
|
uses: dawidd6/action-download-artifact@v2
|
|
if: success() && github.event.number
|
|
with:
|
|
workflow: nextjs-bundle-analysis.yml
|
|
branch: ${{ github.event.pull_request.base.ref }}
|
|
path: ${{ env.working-directory }}/.next/analyze/base
|
|
|
|
# And here's the second place - this runs after we have both the current and
|
|
# base branch bundle stats, and will compare them to determine what changed.
|
|
# There are two configurable arguments that come from package.json:
|
|
#
|
|
# - budget: optional, set a budget (bytes) against which size changes are measured
|
|
# it's set to 350kb here by default, as informed by the following piece:
|
|
# https://infrequently.org/2021/03/the-performance-inequality-gap/
|
|
#
|
|
# - red-status-percentage: sets the percent size increase where you get a red
|
|
# status indicator, defaults to 20%
|
|
#
|
|
# Either of these arguments can be changed or removed by editing the `nextBundleAnalysis`
|
|
# entry in your package.json file.
|
|
- name: Compare with Base Branch Bundle
|
|
if: success() && github.event.number
|
|
run: ls -laR .next/analyze/base && npx -p nextjs-bundle-analysis compare
|
|
|
|
- name: Get Comment Body
|
|
id: get-comment-body
|
|
if: success() && github.event.number
|
|
# https://docs.github.com/en/actions/using-workflows/workflow-commands-for-github-actions#multiline-strings
|
|
run: |
|
|
echo "body<<EOF" >> $GITHUB_OUTPUT
|
|
echo "$(cat .next/analyze/__bundle_analysis_comment.txt)" >> $GITHUB_OUTPUT
|
|
echo EOF >> $GITHUB_OUTPUT
|
|
|
|
- name: Find Comment
|
|
uses: peter-evans/find-comment@v2
|
|
if: success() && github.event.number
|
|
id: fc
|
|
with:
|
|
issue-number: ${{ github.event.number }}
|
|
body-includes: '<!-- __NEXTJS_BUNDLE -->'
|
|
|
|
- name: Create or Update Comment
|
|
uses: peter-evans/create-or-update-comment@v2.1.1
|
|
if: success() && github.event.number
|
|
with:
|
|
issue-number: ${{ github.event.number }}
|
|
body: ${{ steps.get-comment-body.outputs.body }}
|
|
comment-id: ${{ steps.fc.outputs.comment-id }}
|
|
edit-mode: replace
|