Refactor contentScripts to use ES6 imports

.eslintrc.yml

@@ -1,25 +1,12 @@
 env:
   browser: true
   es2021: true
-extends: 'eslint:recommended'
+extends:
+  - eslint:recommended
+  - plugin:import/recommended
 globals:
   chrome: readonly
   $: readonly
-  store: readonly # From utils/storageManager
-  load: readonly # From utils/storageManager
-  loadAll: readonly # From utils/storageManager
-  clearPage: readonly # From utils/storageManager
-  update: readonly # From utils/storageManager
-  addHighlightError: readonly # From utils/errorManager
-  highlight: readonly # From utils/highlight
-  highlightV3: readonly # From utils/highlightV3
-  highlightV4: readonly # From utils/highlightV4
-  highlight_legacy: readonly # From utils/highlight_legacy
-  HIGHLIGHT_CLASS: readonly # From utils/highlight
-  DELETED_CLASS: readonly # From utils/highlight
-  onHighlightMouseEnterOrClick: readonly # From hoverTools/hoverTools
-  onHighlightMouseLeave: readonly # From hoverTools/hoverTools
-  highlightOnSelection: readonly # From contentScripts/highlighterCursor
 ignorePatterns:
   - lib/*
   - config/*
@@ -94,7 +81,9 @@ rules:
   jsx-quotes: error
   key-spacing: 'off'
   keyword-spacing: 'off'
-  linebreak-style: 'off'
+  linebreak-style:
+    - error
+    - unix
   lines-around-comment: error
   lines-between-class-members: error
   max-classes-per-file: error
@@ -246,3 +235,8 @@ rules:
   yoda:
     - error
     - never
+  import/order: ["error", {
+      "groups": ["index", "sibling", "parent", "internal", "external", "builtin", "object", "type"],
+      "newlines-between": "always",
+      "alphabetize": { "order": "asc", "caseInsensitive": true },
+    }]

contentScript.js

@@ -0,0 +1,6 @@
+// Use a dynamic import as a work-around to content scripts not supporting JS modules (ES6)
+(async () => {
+    const src = chrome.runtime.getURL('src/contentScripts/index.js');
+    const contentScript = await import(src);
+    contentScript.initialize();
+})();

manifest.json

@@ -23,18 +23,10 @@
             ],
             "js": [
                 "lib/jquery-2.1.3.min.js",
-                "src/utils/storageManager.js",
-                "src/utils/highlight.js",
-                "src/utils/highlightV3.js",
-                "src/utils/highlightV4.js",
-                "src/utils/highlight_legacy.js",
-                "src/utils/errorManager.js",
-                "src/hoverTools/hoverTools.js",
-                "src/contentScripts/loadHighlights.js",
-                "src/contentScripts/highlighterCursor.js"
+                "contentScript.js"
             ],
             "css": [
-                "src/hoverTools/hoverTools.css"
+                "src/contentScripts/hoverTools/index.css"
             ],
             "all_frames": true
         }
@@ -83,7 +75,7 @@
             "resources": [
                 "images/*.png",
                 "images/*.svg",
-                "src/hoverTools/hoverTools.html"
+                "src/contentScripts/*"
             ],
             "matches": [
                 "<all_urls>"