yarn upgrade-interactive --latest, fix lint & ts

hopefully this makes semver@6 go away

package.json

@@ -30,7 +30,7 @@
   "devDependencies": {
     "@types/chai": "^4.3.5",
     "@types/chai-dom": "^1.11.0",
-    "@types/chrome": "^0.0.235",
+    "@types/chrome": "^0.0.246",
     "@types/firefox-webext-browser": "^111.0.1",
     "@types/jsdom": "^21.1.1",
     "@types/jsdom-global": "^3.0.4",
@@ -39,25 +39,25 @@
     "@types/offscreencanvas": "^2019.7.0",
     "@types/sinon": "^10.0.13",
     "@types/sinon-chai": "^3.2.9",
-    "@typescript-eslint/eslint-plugin": "^5.59.2",
-    "@typescript-eslint/parser": "^5.59.2",
-    "c8": "^7.13.0",
+    "@typescript-eslint/eslint-plugin": "^6.7.2",
+    "@typescript-eslint/parser": "^6.7.2",
+    "c8": "^8.0.1",
     "chai": "^4.3.7",
     "chai-dom": "^1.11.0",
     "chai-html": "^2.1.0",
     "eslint": "^8.40.0",
-    "eslint-config-prettier": "^8.6.0",
-    "eslint-plugin-lodash-template": "^0.21.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-lodash-template": "^0.22.1",
     "eslint-plugin-no-only-tests": "^3.1.0",
     "jake": "^10.8.7",
     "jsdom": "^22.0.0",
     "jsdom-global": "^3.0.2",
     "lodash.template": "^4.5.0",
     "mocha": "^10.2.0",
-    "sinon": "^15.0.4",
+    "sinon": "^16.0.0",
     "sinon-chai": "^3.7.0",
     "ts-node": "^10.9.1",
-    "typescript": "^5.0.3",
+    "typescript": "^5.2.0",
     "uglify-js": "^3.17.4"
   }
 }

spec/setup.ts

@@ -27,11 +27,9 @@ const canvasBox = sinon.createSandbox({
   properties: ['spy', 'stub']
 })
 
-interface OffscreenCanvasMock {
+class OffscreenCanvasMock {
   props: Record<string, unknown>
-}
 
-class OffscreenCanvasMock {
   constructor(width: number, height: number) {
     this.props = { width, height }
   }
@@ -67,11 +65,9 @@ const local = {
   clear: chromeBox.stub()
 }
 
-interface Storage {
+class Storage {
   store: Record<string, Record<string, unknown>>
-}
 
-class Storage {
   constructor(data: Storage['store']) {
     this.store = data
 

src/helpers/canvas.ts

@@ -1,11 +1,9 @@
 import { isFirefox } from './index.js'
 
-export interface SquareCanvas {
+export class SquareCanvas {
   size: number
   ctx: OffscreenCanvasRenderingContext2D
-}
 
-export class SquareCanvas {
   // local_resource.png is 64x64, globe is 32x32, flags 16px wide
   // so upscale everything to 64px
   constructor(size = 64) {

ts.base.json

@@ -10,7 +10,7 @@
 
     /* modules */
     "esModuleInterop": true,
-    "module": "es2022", // this makes mocha work with ESM
+    "module": "nodenext", // this makes mocha work with ESM
     "target": "es2021", // modern chrome and firefox
     "moduleResolution": "nodenext" // this makes other peoples d.ts pass
   }