chore: update eslint and CI

.eslintrc.json

@@ -1,22 +1,23 @@
 {
   "root": true,
   "parserOptions": {
-    "ecmaVersion": 2017
+    "ecmaVersion": "latest"
   },
   "env": {
     "browser": true,
-    "es6": true,
+    "es2021": true,
+    "node": true,
     "webextensions": true
   },
   "globals": {
     "globalThis": false
   },
-  "extends": [
-    "eslint:recommended"
-  ],
+  "extends": ["eslint:recommended"],
+  "overrides": [],
+
   "rules": {
     "no-console": 0,
-    "no-unused-vars": ["warn", { "vars": "all", "args": "after-used" } ],
+    "no-unused-vars": ["warn", { "vars": "all", "args": "after-used" }],
     "no-undef": ["warn"],
     "no-proto": ["error"],
     "prefer-arrow-callback": ["warn"],

.github/workflows/lint.yml

@@ -0,0 +1,23 @@
+name: lint
+on:
+  pull_request:
+    paths:
+      - "**.js"
+
+jobs:
+  eslint:
+    name: eslint
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pull-requests: write
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: reviewdog/action-eslint@v1
+        with:
+          reporter: github-pr-review
+          eslint_flags: "."
+          filter_mode: "file"
+          fail_on_error: true

package.json

@@ -4,15 +4,17 @@
   "version": "1.0.0",
   "description": "Example Firefox add-ons created using the WebExtensions API",
   "devDependencies": {
-    "eslint": "^4.4.1"
+    "@babel/eslint-parser": "^7.22.11",
+    "eslint": "^8.48.0"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/mdn/webextensions-examples.git"
   },
   "scripts": {
     "test": "eslint .",
-    "lint": "eslint ."
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix"
   },
   "license": "MIT",
   "bugs": {
@@ -25,8 +27,5 @@
     "firefox",
     "mozilla"
   ],
-  "homepage": "https://developer.mozilla.org/Add-ons/WebExtensions/Examples",
-  "dependencies": {
-    "babel-eslint": "^7.2.3"
-  }
+  "homepage": "https://developer.mozilla.org/Add-ons/WebExtensions/Examples"
 }

store-collected-images/webextension-plain/.eslintrc

@@ -1,3 +1,3 @@
 {
-  "parser": "babel-eslint"
+  "parser": "@babel/eslint-parser"
 }

store-collected-images/webextension-with-webpack/.eslintrc

@@ -1,5 +1,5 @@
 {
-  "parser": "babel-eslint",
+  "parser": "@babel/eslint-parser",
   "env": {
     "commonjs": true
   }