Upgrade eslint

eslint.config.js

@@ -0,0 +1,39 @@
+const shopify = require('@shopify/eslint-plugin');
+const parser = require('@typescript-eslint/parser');
+
+module.exports = [
+  {
+    ignores: [
+      '**/dist/**',
+      '**/node_modules/**',
+    ],
+  },
+  {
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      parser: parser,
+      parserOptions: {
+        project: './tsconfig.json',
+        ecmaVersion: 2022,
+        sourceType: 'module',
+        ecmaFeatures: {
+          jsx: true
+        }
+      }
+    },
+    plugins: {
+      shopify: shopify,
+    },
+    rules: {
+      'import/extensions': 'off',
+      'jsx-a11y/control-has-associated-label': 'off',
+      'node/no-extraneous-require': 'off',
+      'import/no-cycle': 'off',
+      'callback-return': 'off',
+      'import/named': 'off',
+      'func-style': 'off',
+      'shopify/jsx-no-hardcoded-content': 'off',
+      'shopify/restrict-full-import': ['error', 'lodash'],
+    },
+  },
+];

package.json

@@ -24,27 +24,24 @@
   "homepage": "https://github.com/Shopify/shopify-devtools#readme",
   "dependencies": {
     "@types/chrome": "^0.0.297",
-    "@types/jsdom": "^21.1.7",
     "auth0-chrome": "^0.1.2",
-    "autobind-decorator": "^2.4.0",
-    "buffer": "^6.0.3",
-    "copy-webpack-plugin": "^8.1.1",
-    "jsdom": "^15.2.1"
+    "buffer": "^6.0.3"
   },
   "devDependencies": {
-    "clean-webpack-plugin": "^3.0.0",
+    "@babel/core": "^7.x.x",
+    "@babel/eslint-parser": "^7.x.x", 
+    "@shopify/eslint-plugin": "^46.0.0",
+    "@typescript-eslint/parser": "^8.20.0",
+    "clean-webpack-plugin": "^4.0.0",
     "closure-webpack-plugin": "^2.5.0",
+    "copy-webpack-plugin": "^12.0.2",
     "css-loader": "^7.1.2",
-    "eslint": "^6.8.0",
-    "eslint-plugin-shopify": "^30.0.1",
-    "google-closure-compiler": "^20210406.0.0",
+    "eslint": "^8.56.0",
+    "google-closure-compiler": "^20240317.0.0",
     "html-webpack-inline-svg-plugin": "^2.3.0",
-    "html-webpack-plugin": "^5.3.1",
-    "identity-obj-proxy": "^3.0.0",
-    "mini-css-extract-plugin": "^1.5.0",
+    "html-webpack-plugin": "^5.6.3",
+    "mini-css-extract-plugin": "^2.9.2",
     "prettier": "^3.4.2",
-    "sinon-chrome": "^3.0.1",
-    "style-loader": "^1.3.0",
     "ts-loader": "^9.5.2",
     "typescript": "^5.7.3",
     "webpack": "^5.97.1",

src/types/AccessToken.d.ts

@@ -1,4 +1,3 @@
-/* eslint-disable babel/camelcase */
 export interface ClientTokenResponseBody {
   access_token: string;
   expires_in: number;

src/types/OpenIdConfig.d.ts

@@ -1,5 +1,3 @@
-/* eslint-disable babel/camelcase */
-
 export interface OpenIdConfig {
   issuer: string;
   authorization_endpoint: string;

src/types/TokenIntrospection.d.ts

@@ -1,5 +1,3 @@
-/* eslint-disable babel/camelcase */
-
 export interface TokenIntrospection {
   valid: boolean;
   scope: string;

src/types/UserInfo.d.ts

@@ -1,4 +1,3 @@
-/* eslint-disable babel/camelcase */
 export interface UserInfo {
   email: string;
   email_verified: boolean;