Using Prettier to check JavaScript code style in GitHub Actions

I decided to adopt Prettier as the JavaScript code style for Datasette, based on my success with Black for Python code.

I added .prettierrc to the root of the repo with the following settings:

{
  "tabWidth": 2,
  "useTabs": false
}

Then I created the following .github/workflows/prettier.yml file:

name: Check JavaScript for conformance with Prettier
on:
  push:
  pull_request:
jobs:
  prettier:
    runs-on: ubuntu-latest
    steps:
    - name: Check out repo
      uses: actions/checkout@v2
    - uses: actions/cache@v2
      name: Configure npm caching
      with:
        path: ~/.npm
        key: ${{ runner.os }}-npm-${{ hashFiles('**/workflows/prettier.yml') }}
        restore-keys: |
          ${{ runner.os }}-npm-
    - name: Run prettier
      run: |-
        npx prettier --check 'datasette/static/*[!.min].js'

The npx prettier --check 'datasette/static/*[!.min].js' line ensures that prettier is run in "check" mode (which fails the tests if a matching file does not conform to the formatting rules) - it checks any .js file in the datasette/static folder but excludes any .min.js minified files.

I'm using npx to run Prettier which installs it if it is missing - as far as I can tell npx respects the .npm cache so I'm using that to avoid downloading a new copy of Prettier every time. UPDATE: Apparently it doesn't, see #1169

I decided to use the hash of the prettier.yml file itself as the key for the cached data, so any time I change the workflow it should invalidate the cache.

Related

• npm Running Prettier against Django or Jinja templates - 2024-06-19
• github-actions Using the GitHub Actions cache with npx and no package.json - 2022-03-22
• github-actions Deploying a live Datasette demo when the tests pass - 2022-03-27
• javascript Minifying JavaScript with npx uglify-js - 2020-08-30
• github-actions Running tests against multiple versions of a Python dependency in GitHub Actions - 2023-09-15
• github-actions actions/setup-python caching for setup.py projects - 2022-11-28
• yaml Auto-formatting YAML files with yamlfmt - 2023-07-13
• github-actions GitHub Actions job summaries - 2022-05-17
• github-actions Testing against Python 3.11 preview using GitHub Actions - 2022-02-02
• github-actions Conditionally running a second job in a GitHub Actions workflow - 2022-07-11

Created 2020-12-31T13:55:53-08:00, updated 2021-01-03T10:24:55-08:00 · History · Edit