Add GitHub CI Actions

Close #7.

Author: rnwst

.github/actions/setup/action.yml

@@ -0,0 +1,11 @@
+name: Setup Node Environment
+description: Prepare repository, Node, and dependencies.
+runs:
+  using: composite
+  steps:
+    - uses: actions/setup-node@v4
+      with:
+        node-version: latest
+        cache: npm
+    - shell: bash
+      run: npm ci

.github/workflows/build.yml

@@ -0,0 +1,32 @@
+name: Build
+
+on:
+  push:
+    branches: [ master ]
+    paths:
+      - '**/*.ts'
+      - '**/*.js'
+      - 'manifest.json'
+      - 'package.json'
+      - 'package-lock.json'
+  pull_request:
+    paths:
+      - '**/*.ts'
+      - '**/*.js'
+      - 'manifest.json'
+      - 'package.json'
+      - 'package-lock.json'
+  workflow_dispatch:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: ./.github/actions/setup
+      - run: npm run build
+      - name: Upload Firefox artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: dist-firefox
+          path: dist/firefox

.github/workflows/eslint.yml

@@ -0,0 +1,27 @@
+name: ESLint
+
+on:
+  push:
+    branches: [ master ]
+    paths:
+      - '**/*.ts'
+      - '**/*.js'
+      - 'eslint.config.js'
+      - 'package.json'
+      - 'package-lock.json'
+  pull_request:
+    paths:
+      - '**/*.ts'
+      - '**/*.js'
+      - 'eslint.config.js'
+      - 'package.json'
+      - 'package-lock.json'
+  workflow_dispatch:
+
+jobs:
+  eslint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: ./.github/actions/setup
+      - run: npx eslint .

.github/workflows/stylelint.yml

@@ -0,0 +1,25 @@
+name: Stylelint
+
+on:
+  push:
+    branches: [ master ]
+    paths:
+      - '**/*.css'
+      - '.stylelintrc.json'
+      - 'package.json'
+      - 'package-lock.json'
+  pull_request:
+    paths:
+      - '**/*.css'
+      - '.stylelintrc.json'
+      - 'package.json'
+      - 'package-lock.json'
+  workflow_dispatch:
+
+jobs:
+  stylelint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: ./.github/actions/setup
+      - run: npx stylelint '**/*.css'

.github/workflows/tests.yml

@@ -0,0 +1,27 @@
+name: Tests
+
+on:
+  push:
+    branches: [ master ]
+    paths:
+      - '**/*.ts'
+      - '**/*.js'
+      - 'manifest.json'
+      - 'package.json'
+      - 'package-lock.json'
+  pull_request:
+    paths:
+      - '**/*.ts'
+      - '**/*.js'
+      - 'manifest.json'
+      - 'package.json'
+      - 'package-lock.json'
+  workflow_dispatch:
+
+jobs:
+  tests:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: ./.github/actions/setup
+      - run: npm test

.github/workflows/webext-lint.yml

@@ -0,0 +1,28 @@
+name: WebExt Lint
+
+permissions:
+  actions: read
+  contents: read
+
+on:
+  workflow_run:
+    workflows: [Build]
+    types: [completed]
+
+jobs:
+  webext-lint:
+    if: ${{ github.event.workflow_run.conclusion == 'success' }}
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.workflow_run.head_sha }}
+      - uses: ./.github/actions/setup
+      - name: Download Firefox artifact
+        uses: actions/download-artifact@v4
+        with:
+          name: dist-firefox
+          run-id: ${{ github.event.workflow_run.id }}
+          path: dist
+      - name: Lint Firefox build
+        run: npx web-ext lint dist/firefox

scripts/build.js

@@ -294,9 +294,12 @@ async function buildIcon(icon, size, distDir) {
     // https://bugs.chromium.org/p/chromium/issues/detail?id=29683.
     console.log(
       `Converting ${svgIcon} to PNG and writing to dist`);
+    const puppeteerLaunchOptions = {executablePath};
+    // Needed for puppeteer to work in GitHub workflows.
+    if (process.env.CI) puppeteerLaunchOptions.args = ['--no-sandbox'];
     const png =
         await svg2png(optimizedSVGStr, {
-          launch: {executablePath},
+          launch: puppeteerLaunchOptions,
           width: size,
           height: size
         });