Skip to content
Latchkey

Continuous Integration workflow (parallax/jsPDF)

The Continuous Integration workflow from parallax/jsPDF, 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.

Grade your own workflow free or run it on Latchkey →
Source: parallax/jsPDF.github/workflows/continuous-integration.ymlLicense MITView source

What it does

This is the Continuous Integration workflow from the parallax/jsPDF 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: Continuous Integration

on: [push, pull_request, workflow_dispatch]

jobs:
  test-browser:
    name: Browser tests
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v5
      - name: Install Node.js
        uses: actions/setup-node@v6
        with:
          node-version: 20
          cache: npm
      - name: npm install
        run: npm ci
      - name: Build
        run: npm run build
      - name: Run tests
        run: npm run test-ci

  test-node:
    runs-on: ubuntu-latest
    strategy:
      matrix:
        node-version:
          - 20 # current LTS
          - 22 # latest
    name: Node.js ${{ matrix.node-version }} test
    steps:
      - name: Checkout
        uses: actions/checkout@v5
      - name: Install Node.js ${{ matrix.node-version }}
        uses: actions/setup-node@v6
        with:
          node-version: ${{ matrix.node-version }}
          cache: npm
      - name: npm install
        run: npm ci
      - name: Build
        run: npm run build
      - name: Run tests
        run: npm run test-node

  test-typings:
    runs-on: ubuntu-latest
    strategy:
      matrix:
        ts-version:
          - { ts: '4.0', types-node: '17' }
          - { ts: 'latest', types-node: '20' }
    name: Typings tests (typescript@${{ matrix.ts-version.ts }})
    steps:
      - name: Checkout
        uses: actions/checkout@v5
      - name: Install Node.js
        uses: actions/setup-node@v6
        with:
          node-version: 20
          cache: npm
      - name: npm install
        run: npm ci
      - name: Install typescript@${{ matrix.ts-version.ts }}
        run: npm install typescript@${{ matrix.ts-version.ts }}
      - name: Install @types/node@${{ matrix.ts-version.types-node }}
        run: npm install @types/node@${{ matrix.ts-version.types-node }}
      - name: Run tests
        run: npm run test-typings

  lint:
    runs-on: ubuntu-latest
    name: Lint
    steps:
      - name: Checkout
        uses: actions/checkout@v5
      - name: Install Node.js
        uses: actions/setup-node@v6
        with:
          node-version: 20
          cache: npm
      - name: npm install
        run: npm ci
      - name: Check Prettier
        run: npm run lint

The same workflow, on Latchkey

Removes redundant runs and caps runaway jobs. Added and changed lines are highlighted.

name: Continuous Integration
 
on: [push, pull_request, workflow_dispatch]
 
concurrency:
  group: ${{ github.workflow }}-${{ github.ref }}
  cancel-in-progress: true
 
jobs:
  test-browser:
    timeout-minutes: 30
    name: Browser tests
    runs-on: latchkey-small
    steps:
      - name: Checkout
        uses: actions/checkout@v5
      - name: Install Node.js
        uses: actions/setup-node@v6
        with:
          node-version: 20
          cache: npm
      - name: npm install
        run: npm ci
      - name: Build
        run: npm run build
      - name: Run tests
        run: npm run test-ci
 
  test-node:
    timeout-minutes: 30
    runs-on: latchkey-small
    strategy:
      matrix:
        node-version:
          - 20 # current LTS
          - 22 # latest
    name: Node.js ${{ matrix.node-version }} test
    steps:
      - name: Checkout
        uses: actions/checkout@v5
      - name: Install Node.js ${{ matrix.node-version }}
        uses: actions/setup-node@v6
        with:
          node-version: ${{ matrix.node-version }}
          cache: npm
      - name: npm install
        run: npm ci
      - name: Build
        run: npm run build
      - name: Run tests
        run: npm run test-node
 
  test-typings:
    timeout-minutes: 30
    runs-on: latchkey-small
    strategy:
      matrix:
        ts-version:
          - { ts: '4.0', types-node: '17' }
          - { ts: 'latest', types-node: '20' }
    name: Typings tests (typescript@${{ matrix.ts-version.ts }})
    steps:
      - name: Checkout
        uses: actions/checkout@v5
      - name: Install Node.js
        uses: actions/setup-node@v6
        with:
          node-version: 20
          cache: npm
      - name: npm install
        run: npm ci
      - name: Install typescript@${{ matrix.ts-version.ts }}
        run: npm install typescript@${{ matrix.ts-version.ts }}
      - name: Install @types/node@${{ matrix.ts-version.types-node }}
        run: npm install @types/node@${{ matrix.ts-version.types-node }}
      - name: Run tests
        run: npm run test-typings
 
  lint:
    timeout-minutes: 30
    runs-on: latchkey-small
    name: Lint
    steps:
      - name: Checkout
        uses: actions/checkout@v5
      - name: Install Node.js
        uses: actions/setup-node@v6
        with:
          node-version: 20
          cache: npm
      - name: npm install
        run: npm ci
      - name: Check Prettier
        run: npm run lint
 

What changed

What Latchkey heals here

This workflow has steps that commonly fail on transient issues (network, registries, flaky browsers). On Latchkey managed runners they are detected, retried, and self-healed instead of failing your build:

This workflow runs 4 jobs (6 with the matrix expanded) per trigger. On Latchkey the same minutes cost up to 58% less than GitHub-hosted, with zero queue time.

Actions used in this workflow