Update dependencies and fix linting issues.

package.json

@@ -5,35 +5,35 @@
     "@holllo/migration-helper": "^0.1.4",
     "@holllo/webextension-storage": "^0.2.0",
     "caret-pos": "^2.0.0",
-    "debounce": "^1.2.1",
+    "debounce": "^2.0.0",
     "fast-diff": "^1.3.0",
     "modern-normalize": "^2.0.0",
     "platform": "^1.3.6",
-    "preact": "^10.15.1",
+    "preact": "^10.19.3",
     "webextension-polyfill": "^0.10.0"
   },
   "devDependencies": {
-    "@bauke/eslint-config": "^0.1.3",
-    "@bauke/prettier-config": "^0.1.3",
-    "@bauke/stylelint-config": "^0.1.3",
+    "@bauke/eslint-config": "^0.1.4",
+    "@bauke/prettier-config": "^0.1.4",
+    "@bauke/stylelint-config": "^0.1.4",
     "@holllo/test": "^0.2.1",
-    "@types/debounce": "^1.2.1",
-    "@types/node": "^20.3.3",
-    "@types/platform": "^1.3.4",
-    "@types/webextension-polyfill": "^0.10.1",
-    "concurrently": "^8.2.0",
-    "cssnano": "^6.0.1",
-    "esbuild": "^0.18.11",
+    "@types/debounce": "^1.2.4",
+    "@types/node": "^20.11.0",
+    "@types/platform": "^1.3.6",
+    "@types/webextension-polyfill": "^0.10.7",
+    "concurrently": "^8.2.2",
+    "cssnano": "^6.0.3",
+    "esbuild": "^0.19.11",
     "esbuild-copy-static-files": "^0.1.0",
-    "esbuild-sass-plugin": "^2.10.0",
-    "postcss": "^8.4.24",
-    "sass": "^1.63.6",
+    "esbuild-sass-plugin": "^2.16.1",
+    "postcss": "^8.4.33",
+    "sass": "^1.69.7",
     "stylelint": "^15.9.0",
     "trash-cli": "^5.0.0",
-    "tsx": "^3.12.7",
-    "typescript": "^5.1.6",
-    "web-ext": "^7.6.2",
-    "xo": "^0.54.2"
+    "tsx": "^4.7.0",
+    "typescript": "^5.3.3",
+    "web-ext": "^7.10.0",
+    "xo": "^0.56.0"
   },
   "prettier": "@bauke/prettier-config",
   "stylelint": {
@@ -43,6 +43,7 @@
     "extends": "@bauke/eslint-config",
     "prettier": true,
     "rules": {
+      "@typescript-eslint/no-unsafe-enum-comparison": "off",
       "complexity": "off",
       "no-await-in-loop": "off"
     },

source/content-scripts/features/anonymize-usernames.ts

@@ -41,7 +41,7 @@ async function generateReplacements(
   data: AnonymizeUsernamesData,
 ): Promise<Record<string, string>> {
   const usernames = new Set(
-    elements.map((element) => usernameFromElement(element).replace(/@/g, "")),
+    elements.map((element) => usernameFromElement(element).replaceAll("@", "")),
   );
 
   const replacements: Record<string, string> = {};

source/content-scripts/features/miscellaneous/topic-log-enhancements.tsx

@@ -39,7 +39,7 @@ function applyEnhancements(): number {
     }
 
     // Remove any excess whitespace.
-    text = text.replace(/\s+/g, " ").trim();
+    text = text.replaceAll(/\s+/, " ").trim();
 
     // Remove the editor's name too as we already have that.
     text = text.slice(text.indexOf(" ") + 1);
@@ -166,7 +166,7 @@ function transformText(text: string): TransformedText {
     );
 
     if (removed !== undefined) {
-      const tags = removed.replace(/'/g, "").split(", ");
+      const tags = removed.replaceAll("'", "").split(", ");
       spans.push(
         ...tags.map((tag) => (
           <>
@@ -180,7 +180,7 @@ function transformText(text: string): TransformedText {
     }
 
     if (added !== undefined) {
-      const tags = added.replace(/'/g, "").split(", ");
+      const tags = added.replaceAll("'", "").split(", ");
       spans.push(
         ...tags.map((tag) => (
           <>

source/content-scripts/features/user-labels.tsx

@@ -82,7 +82,7 @@ export class UserLabelsFeature extends Component<Props, State> {
     });
 
     for (const element of elements) {
-      let username: string = element.textContent!.replace(/@/g, "");
+      let username: string = element.textContent!.replaceAll("@", "");
 
       if (this.props.anonymizeUsernamesEnabled) {
         username = element.dataset.trxUsername ?? username;

source/options/components/about.tsx

@@ -54,6 +54,7 @@ async function importFileHandler(event: Event): Promise<void> {
     reader.abort();
   });
 
+  // eslint-disable-next-line unicorn/prefer-blob-reading-methods
   reader.readAsText(fileList[0]);
 }
 

source/options/components/anonymize-usernames.tsx

@@ -47,8 +47,8 @@ export class AnonymizeUsernamesSetting extends Component<SettingProps, State> {
     const replacementTypeOptions = Object.values(ReplacementType).map((key) => (
       <option selected={key === replacementType} value={key}>
         {key
-          .replace(/-/g, " ")
-          .replace(/(\b[a-z])/gi, (character) => character.toUpperCase())}
+          .replaceAll("-", " ")
+          .replaceAll(/(\b[a-z])/gi, (character) => character.toUpperCase())}
       </option>
     ));
 

source/options/components/hide-topics.tsx

@@ -135,8 +135,8 @@ export class HideTopicsSetting extends Component<SettingProps, State> {
       const matcherOptions = Object.values(HideTopicMatcher).map((key) => (
         <option selected={predicate.matcher === key} value={key}>
           {key
-            .replace(/-/g, " ")
-            .replace(/(\b[a-z])/gi, (character) => character.toUpperCase())}
+            .replaceAll("-", " ")
+            .replaceAll(/(\b[a-z])/gi, (character) => character.toUpperCase())}
         </option>
       ));
 

source/options/components/index.tsx

@@ -1,5 +1,4 @@
 import {Component, type ComponentChildren, type JSX} from "preact";
-// eslint-disable-next-line n/file-extension-in-import
 import {useContext} from "preact/hooks";
 import {AppContext} from "../context.js";
 import {type Feature} from "../../storage/exports.js";

source/options/components/miscellaneous.tsx

@@ -126,8 +126,10 @@ export class MiscellaneousSetting extends Component<SettingProps, State> {
               onClick={clickHandler}
             />
             {feature
-              .replace(/-/g, " ")
-              .replace(/(\b[a-z])/gi, (character) => character.toUpperCase())}
+              .replaceAll("-", " ")
+              .replaceAll(/(\b[a-z])/gi, (character) =>
+                character.toUpperCase(),
+              )}
           </label>
           <FeatureDescription feature={feature} />
         </li>

source/scss/scripts/_autocomplete.scss

@@ -3,8 +3,7 @@
   border: 1px solid var(--border-color);
   font-size: 80%;
   max-height: 8rem;
-  overflow-x: hidden;
-  overflow-y: hidden;
+  overflow: hidden;
   position: absolute;
 
   li {

source/storage/markdown-toolbar.ts

@@ -253,6 +253,6 @@ export function processSnippetShortcut(
     alt: components.includes("alt"),
     ctrl: components.includes("ctrl"),
     shift: components.includes("shift"),
-    key: components[components.length - 1],
+    key: components.at(-1),
   } satisfies ProcessedSnippetShortcut;
 }

source/storage/migrations/migrations.ts

@@ -53,7 +53,7 @@ export const migrations: Array<Migration<string>> = [
       enabledFeatures.value.clear();
       for (const [key, value] of Object.entries(data.features)) {
         if (value) {
-          const snakeCasedKey = key.replace(/([A-Z])/g, "-$1").toLowerCase();
+          const snakeCasedKey = key.replaceAll(/([A-Z])/g, "-$1").toLowerCase();
           if (Object.values(Feature).includes(snakeCasedKey as Feature)) {
             enabledFeatures.value.add(snakeCasedKey as Feature);
           } else {