Quality workflow (chakra-ui/chakra-ui)
The Quality workflow from chakra-ui/chakra-ui, explained and optimized by Latchkey.
C
CI health: C - fair
Point runs-on at Latchkey and get run de-duplication, job timeouts, self-healing for flaky steps, and up to 58% lower cost, applied automatically.
What it does
This is the Quality workflow from the chakra-ui/chakra-ui repository, a real project running GitHub Actions. It is shown here with attribution under its MIT license.
Below, Latchkey shows a faster, safer version produced by its optimization engine.
The workflow
workflow (.yml)
name: Quality
on:
push:
branches:
- main
pull_request:
branches:
- main
jobs:
build:
name: Build
runs-on: ubuntu-latest
steps:
- name: Checkout branch
uses: actions/checkout@v6
- name: Install
uses: ./.github/composite-actions/install
- name: Build packages
run: pnpm build
tests:
name: Tests
runs-on: ubuntu-latest
steps:
- name: Checkout branch
uses: actions/checkout@v6
- name: Install
uses: ./.github/composite-actions/install
- name: Run tests
run: pnpm test
eslint:
name: ESLint
runs-on: ubuntu-latest
steps:
- name: Checkout branch
uses: actions/checkout@v6
- name: Install
uses: ./.github/composite-actions/install
- name: Run ESLint
run: pnpm lint
types:
name: TypeScript
runs-on: ubuntu-latest
steps:
- name: Checkout branch
uses: actions/checkout@v6
- name: Install
uses: ./.github/composite-actions/install
- name: Run typecheck
run: pnpm typecheck
prettier:
name: Prettier
runs-on: ubuntu-latest
steps:
- name: Checkout branch
uses: actions/checkout@v6
- name: Install
uses: ./.github/composite-actions/install
- name: Run prettier
run: pnpm format:check
The same workflow, on Latchkey
Removes redundant runs and caps runaway jobs. Added and changed lines are highlighted.
name: Quality on: push: branches: - main pull_request: branches: - main concurrency: group: ${{ github.workflow }}-${{ github.ref }} cancel-in-progress: true jobs: build: timeout-minutes: 30 name: Build runs-on: latchkey-small steps: - name: Checkout branch uses: actions/checkout@v6 - name: Install uses: ./.github/composite-actions/install - name: Build packages run: pnpm build tests: timeout-minutes: 30 name: Tests runs-on: latchkey-small steps: - name: Checkout branch uses: actions/checkout@v6 - name: Install uses: ./.github/composite-actions/install - name: Run tests run: pnpm test eslint: timeout-minutes: 30 name: ESLint runs-on: latchkey-small steps: - name: Checkout branch uses: actions/checkout@v6 - name: Install uses: ./.github/composite-actions/install - name: Run ESLint run: pnpm lint types: timeout-minutes: 30 name: TypeScript runs-on: latchkey-small steps: - name: Checkout branch uses: actions/checkout@v6 - name: Install uses: ./.github/composite-actions/install - name: Run typecheck run: pnpm typecheck prettier: timeout-minutes: 30 name: Prettier runs-on: latchkey-small steps: - name: Checkout branch uses: actions/checkout@v6 - name: Install uses: ./.github/composite-actions/install - name: Run prettier run: pnpm format:check
What changed
- Run on Latchkey managed runners with one line (
runs-on), which apply the fixes below automatically and self-heal transient failures. This example useslatchkey-small; pick the runner size that fits the job. - Cancel superseded runs when a branch or PR gets a newer push.
- Add a job timeout so a hung step cannot burn hours of runner time.
This workflow runs 5 jobs per trigger. On Latchkey the same minutes cost up to 58% less than GitHub-hosted, with zero queue time.