Upgrade typescript/svelte/esbuild

2026-06-08 08:39:59 +00:00 · 2026-02-28 15:34:03 +00:00
parent 11e3ad06aa
commit 5a18907dba
26 changed files with 1610 additions and 789 deletions
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -1,7 +1,7 @@
 {
    "root": true,
    "parser": "@typescript-eslint/parser",
-    "plugins": ["svelte3", "@typescript-eslint"],
+    "plugins": ["@typescript-eslint"],
    "extends": ["eslint:recommended", "prettier"],
    "rules": {
        "no-useless-escape": "off",
@@ -17,7 +17,7 @@
        ]
    },
    "parserOptions": {
-        "extraFileExtensions": ".svelte"
+        "extraFileExtensions": [".svelte"]
    },
    "overrides": [
        {
@@ -28,7 +28,10 @@
        },
        {
            "files": ["extension/**/*.svelte"],
-            "processor": "svelte3/svelte3",
+            "parser": "svelte-eslint-parser",
+            "parserOptions": {
+                "parser": "@typescript-eslint/parser"
+            },
            "rules": {
                "no-undef": "off"
            }
@@ -53,8 +56,5 @@
                ]
            }
        }
-    ],
-    "settings": {
-        "svelte3/typescript": true
-    }
+    ]
 }
--- a/bridge/package-lock.json
+++ b/bridge/package-lock.json
@@ -21,7 +21,7 @@
                "@types/mdns": "^0.0.34",
                "@types/mime-types": "^2.1.1",
                "@types/minimist": "^1.2.2",
-                "@types/node": "^17.0.26",
+                "@types/node": "^22.0.0",
                "@types/node-fetch": "^2.6.1",
                "@types/ws": "^8.5.3",
                "@types/yargs": "^17.0.11",
@@ -29,7 +29,7 @@
                "mustache": "^4.2.0",
                "pkg": "^5.6.0",
                "tiny-typed-emitter": "^2.1.0",
-                "typescript": "^4.6.3"
+                "typescript": "^5.7.0"
            }
        },
        "node_modules/@babel/helper-validator-identifier": {
@@ -182,9 +182,13 @@
            "dev": true
        },
        "node_modules/@types/node": {
-            "version": "17.0.26",
-            "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.26.tgz",
-            "integrity": "sha512-z/FG/6DUO7pnze3AE3TBGIjGGKkvCcGcWINe1C7cADY8hKLJPDYpzsNE37uExQ4md5RFtTCvg+M8Mu1Enyeg2A=="
+            "version": "22.19.13",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-22.19.13.tgz",
+            "integrity": "sha512-akNQMv0wW5uyRpD2v2IEyRSZiR+BeGuoB6L310EgGObO44HSMNT8z1xzio28V8qOrgYaopIDNA18YgdXd+qTiw==",
+            "license": "MIT",
+            "dependencies": {
+                "undici-types": "~6.21.0"
+            }
        },
        "node_modules/@types/node-fetch": {
            "version": "2.6.1",
@@ -2040,18 +2044,25 @@
            }
        },
        "node_modules/typescript": {
-            "version": "4.6.3",
-            "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.6.3.tgz",
-            "integrity": "sha512-yNIatDa5iaofVozS/uQJEl3JRWLKKGJKh6Yaiv0GLGSuhpFJe7P3SbHZ8/yjAHRQwKRoA6YZqlfjXWmVzoVSMw==",
+            "version": "5.9.3",
+            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+            "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
            "dev": true,
+            "license": "Apache-2.0",
            "bin": {
                "tsc": "bin/tsc",
                "tsserver": "bin/tsserver"
            },
            "engines": {
-                "node": ">=4.2.0"
+                "node": ">=14.17"
            }
        },
+        "node_modules/undici-types": {
+            "version": "6.21.0",
+            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+            "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+            "license": "MIT"
+        },
        "node_modules/universalify": {
            "version": "2.0.0",
            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
@@ -2401,9 +2412,12 @@
            "dev": true
        },
        "@types/node": {
-            "version": "17.0.26",
-            "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.26.tgz",
-            "integrity": "sha512-z/FG/6DUO7pnze3AE3TBGIjGGKkvCcGcWINe1C7cADY8hKLJPDYpzsNE37uExQ4md5RFtTCvg+M8Mu1Enyeg2A=="
+            "version": "22.19.13",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-22.19.13.tgz",
+            "integrity": "sha512-akNQMv0wW5uyRpD2v2IEyRSZiR+BeGuoB6L310EgGObO44HSMNT8z1xzio28V8qOrgYaopIDNA18YgdXd+qTiw==",
+            "requires": {
+                "undici-types": "~6.21.0"
+            }
        },
        "@types/node-fetch": {
            "version": "2.6.1",
@@ -3775,11 +3789,16 @@
            }
        },
        "typescript": {
-            "version": "4.6.3",
-            "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.6.3.tgz",
-            "integrity": "sha512-yNIatDa5iaofVozS/uQJEl3JRWLKKGJKh6Yaiv0GLGSuhpFJe7P3SbHZ8/yjAHRQwKRoA6YZqlfjXWmVzoVSMw==",
+            "version": "5.9.3",
+            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+            "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
            "dev": true
        },
+        "undici-types": {
+            "version": "6.21.0",
+            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+            "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ=="
+        },
        "universalify": {
            "version": "2.0.0",
            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
--- a/bridge/package.json
+++ b/bridge/package.json
@@ -23,7 +23,7 @@
        "@types/mdns": "^0.0.34",
        "@types/mime-types": "^2.1.1",
        "@types/minimist": "^1.2.2",
-        "@types/node": "^17.0.26",
+        "@types/node": "^22.0.0",
        "@types/node-fetch": "^2.6.1",
        "@types/ws": "^8.5.3",
        "@types/yargs": "^17.0.11",
@@ -31,6 +31,6 @@
        "mustache": "^4.2.0",
        "pkg": "^5.6.0",
        "tiny-typed-emitter": "^2.1.0",
-        "typescript": "^4.6.3"
+        "typescript": "^5.7.0"
    }
 }
--- a/bridge/tsconfig.json
+++ b/bridge/tsconfig.json
@@ -2,6 +2,7 @@
    "extends": "../tsconfig",
    "include": ["./src/**/*", "./@types/**/*"],
    "compilerOptions": {
-        "lib": ["ES2020.String", "DOM"]
+        "lib": ["ES2020.String", "DOM"],
+        "verbatimModuleSyntax": false
    }
 }
--- a/extension/bin/build.js
+++ b/extension/bin/build.js
@@ -95,7 +95,36 @@ const buildOpts = {
            src: srcPath,
            dest: outPath,
            excludePattern: /^(manifest\.json|.*\.(ts|js|svelte))$/
+        }),
+
+        // Write manifest after each build
+        {
+            name: "write-manifest",
+            setup(build) {
+                build.onEnd(result => {
+                    if (result.errors.length) {
+                        console.error("Build error!");
+                        return;
+                    }
+
+                    const manifest = JSON.parse(
+                        fs.readFileSync(`${srcPath}/manifest.json`, {
+                            encoding: "utf-8"
                        })
+                    );
+
+                    manifest.content_security_policy =
+                        argv.mode === "production"
+                            ? "script-src 'self'; object-src 'self'"
+                            : "script-src 'self' 'unsafe-eval'; object-src 'self'";
+
+                    fs.writeFileSync(
+                        `${outPath}/manifest.json`,
+                        JSON.stringify(manifest)
+                    );
+                });
+            }
+        }
    ]
 };

@@ -105,47 +134,15 @@ if (argv.mode === "production") {
    buildOpts.sourcemap = false;
 }

-/**
- * Handle build results.
- *
- * @param {esbuild.BuildResult | null} result
- */
-function onBuildResult(result) {
-    if (result?.errors.length) {
-        console.error("Build error!");
-        return;
-    }
-
-    const manifest = JSON.parse(
-        fs.readFileSync(`${srcPath}/manifest.json`, { encoding: "utf-8" })
-    );
-
-    manifest.content_security_policy =
-        argv.mode === "production"
-            ? "script-src 'self'; object-src 'self'"
-            : "script-src 'self' 'unsafe-eval'; object-src 'self'";
-
-    fs.writeFileSync(`${outPath}/manifest.json`, JSON.stringify(manifest));
-}
-
 // Clean
 fs.removeSync(distPath);

 if (argv.watch) {
-    esbuild
-        .build({
-            ...buildOpts,
-            watch: {
-                onRebuild(_err, result) {
-                    return onBuildResult(result);
-                }
-            }
-        })
-        .then(onBuildResult);
+    const ctx = await esbuild.context(buildOpts);
+    await ctx.watch();
+    console.info("Watching for changes...");
 } else {
-    esbuild.build(buildOpts).then(result => {
-        onBuildResult(result);
-
+    esbuild.build(buildOpts).then(() => {
        if (argv.package) {
            webExt.cmd
                .build(
--- a/extension/package-lock.json
+++ b/extension/package-lock.json
--- a/extension/package.json
+++ b/extension/package.json
@@ -11,15 +11,15 @@
        "@types/firefox-webext-browser": "^94.0.1",
        "@types/semver": "^7.3.9",
        "@types/uuid": "^8.3.4",
-        "esbuild": "^0.14.38",
-        "esbuild-svelte": "^0.7.1",
+        "esbuild": "^0.25.0",
+        "esbuild-svelte": "^0.8.0",
        "fs-extra": "^10.1.0",
        "fuzzysort": "^2.0.3",
        "semver": "^7.3.7",
-        "svelte": "^3.49.0",
-        "svelte-preprocess": "^4.10.6",
+        "svelte": "^4.0.0",
+        "svelte-preprocess": "^5.0.0",
        "ts-loader": "^9.2.8",
-        "typescript": "^4.6.3",
+        "typescript": "^5.7.0",
        "uuid": "^8.3.2",
        "web-ext": "^7.5.0",
        "yargs": "^17.5.1"
--- a/extension/src/background/ReceiverSelector.ts
+++ b/extension/src/background/ReceiverSelector.ts
@@ -1,5 +1,5 @@
 import logger from "../lib/logger";
-import messaging, { Port, Message } from "../messaging";
+import messaging, { type Port, type Message } from "../messaging";
 import options from "../lib/options";
 import { TypedEventTarget } from "../lib/TypedEventTarget";

--- a/extension/src/background/background.ts
+++ b/extension/src/background/background.ts
@@ -1,6 +1,6 @@
 import logger from "../lib/logger";
 import options from "../lib/options";
-import bridge, { BridgeInfo } from "../lib/bridge";
+import bridge, { type BridgeInfo } from "../lib/bridge";
 import { baseConfigStorage, fetchBaseConfig } from "../lib/chromecastConfigApi";

 import defaultOptions from "../defaultOptions";
--- a/extension/src/background/castManager.ts
+++ b/extension/src/background/castManager.ts
@@ -1,19 +1,19 @@
 import bridge from "../lib/bridge";
 import {
-    BaseConfig,
+    type BaseConfig,
    baseConfigStorage,
    getAppTag
 } from "../lib/chromecastConfigApi";
 import logger from "../lib/logger";
-import messaging, { Message, Port } from "../messaging";
+import messaging, { type Message, type Port } from "../messaging";
 import options from "../lib/options";
 import type { TypedMessagePort } from "../lib/TypedMessagePort";

 import {
-    ReceiverDevice,
-    ReceiverSelectorAppInfo,
+    type ReceiverDevice,
+    type ReceiverSelectorAppInfo,
    ReceiverSelectorMediaType,
-    ReceiverSelectorPageInfo
+    type ReceiverSelectorPageInfo
 } from "../types";

 import type { ApiConfig } from "../cast/sdk/classes";
@@ -21,10 +21,10 @@ import { AutoJoinPolicy, ReceiverAction } from "../cast/sdk/enums";
 import { createReceiver } from "../cast/utils";

 import ReceiverSelector, {
-    ReceiverSelection,
-    ReceiverSelectorMediaMessage,
-    ReceiverSelectorReceiverMessage
-} from "./ReceiverSelector";
+    type ReceiverSelection,
+    type ReceiverSelectorMediaMessage,
+    type ReceiverSelectorReceiverMessage
+} from "./receiverSelector";

 import deviceManager from "./deviceManager";
 import { ActionState, updateActionState } from "./action";
--- a/extension/src/background/deviceManager.ts
+++ b/extension/src/background/deviceManager.ts
@@ -1,4 +1,4 @@
-import bridge, { BridgeInfo } from "../lib/bridge";
+import bridge, { type BridgeInfo } from "../lib/bridge";
 import logger from "../lib/logger";
 import { TypedEventTarget } from "../lib/TypedEventTarget";

--- a/extension/src/cast/contentBridge.ts
+++ b/extension/src/cast/contentBridge.ts
@@ -1,4 +1,4 @@
-import messaging, { Message } from "../messaging";
+import messaging, { type Message } from "../messaging";
 import pageMessaging from "./pageMessaging";

 // Message port to cast manager in background script
--- a/extension/src/cast/export.ts
+++ b/extension/src/cast/export.ts
@@ -1,5 +1,5 @@
 import type { TypedMessagePort } from "../lib/TypedMessagePort";
-import messaging, { Message } from "../messaging";
+import messaging, { type Message } from "../messaging";
 import type { ReceiverDevice } from "../types";

 import pageMessaging from "./pageMessaging";
--- a/extension/src/cast/senders/media.ts
+++ b/extension/src/cast/senders/media.ts
@@ -8,7 +8,7 @@ import { AutoJoinPolicy, ReceiverAvailability } from "../sdk/enums";
 import type Session from "../sdk/Session";
 import type Media from "../sdk/media/Media";

-import cast, { ensureInit, CastPort } from "../export";
+import cast, { ensureInit, type CastPort } from "../export";

 const logger = new Logger("fx_cast [media sender]");

--- a/extension/src/cast/utils.ts
+++ b/extension/src/cast/utils.ts
@@ -1,4 +1,4 @@
-import { ReceiverDevice, ReceiverDeviceCapabilities } from "../types";
+import { type ReceiverDevice, ReceiverDeviceCapabilities } from "../types";
 import { Receiver } from "./sdk/classes";
 import { Capability, ReceiverType } from "./sdk/enums";
 import { MediaCommand } from "./sdk/media/enums";
--- a/extension/src/lib/options.ts
+++ b/extension/src/lib/options.ts
@@ -1,5 +1,5 @@
-import defaultOptions, { Options } from "../defaultOptions";
-export { Options };
+import defaultOptions, { type Options } from "../defaultOptions";
+export type { Options };

 import logger from "./logger";

--- a/extension/src/ui/mirroring/MirroringPopup.svelte
+++ b/extension/src/ui/mirroring/MirroringPopup.svelte
@@ -3,8 +3,8 @@
    import MirroringSender from "../../cast/senders/mirroring";
    import logger from "../../lib/logger";

-    import options, { Options } from "../../lib/options";
-    import messaging, { Port } from "../../messaging";
+    import options, { type Options } from "../../lib/options";
+    import messaging, { type Port } from "../../messaging";

    import type { ReceiverDevice } from "../../types";
    import LoadingIndicator from "../LoadingIndicator.svelte";
--- a/extension/src/ui/options/Bridge.svelte
+++ b/extension/src/ui/options/Bridge.svelte
@@ -5,7 +5,7 @@
    import LoadingIndicator from "../LoadingIndicator.svelte";

    import bridge, {
-        BridgeInfo,
+        type BridgeInfo,
        BridgeTimedOutError,
        BridgeAuthenticationError
    } from "../../lib/bridge";
--- a/extension/src/ui/options/Options.svelte
+++ b/extension/src/ui/options/Options.svelte
@@ -7,7 +7,7 @@

    import logger from "../../lib/logger";

-    import options, { Options } from "../../lib/options";
+    import options, { type Options } from "../../lib/options";
    import defaultOptions from "../../defaultOptions";

    import { getChromeUserAgentString } from "../../lib/userAgents";
--- a/extension/src/ui/options/Whitelist.svelte
+++ b/extension/src/ui/options/Whitelist.svelte
@@ -6,7 +6,7 @@
    import { REMOTE_MATCH_PATTERN_REGEX } from "../../lib/matchPattern";
    import type { Options } from "../../lib/options";

-    import knownApps, { KnownApp } from "../../cast/knownApps";
+    import knownApps, { type KnownApp } from "../../cast/knownApps";
    import Option from "./Option.svelte";

    const _ = browser.i18n.getMessage;
--- a/extension/src/ui/popup/Popup.svelte
+++ b/extension/src/ui/popup/Popup.svelte
@@ -2,21 +2,21 @@
    import { afterUpdate, onDestroy, onMount, tick } from "svelte";
    import fuzzysort from "fuzzysort";

-    import messaging, { Message, Port } from "../../messaging";
-    import options, { Options } from "../../lib/options";
+    import messaging, { type Message, type Port } from "../../messaging";
+    import options, { type Options } from "../../lib/options";
    import { RemoteMatchPattern } from "../../lib/matchPattern";

    import { receiverMenuIds } from "../../menuIds";

    import {
-        ReceiverDevice,
+        type ReceiverDevice,
        ReceiverDeviceCapabilities,
-        ReceiverSelectorAppInfo,
+        type ReceiverSelectorAppInfo,
        ReceiverSelectorMediaType,
-        ReceiverSelectorPageInfo
+        type ReceiverSelectorPageInfo
    } from "../../types";

-    import knownApps, { KnownApp } from "../../cast/knownApps";
+    import knownApps, { type KnownApp } from "../../cast/knownApps";
    import { hasRequiredCapabilities } from "../../cast/utils";

    import Receiver from "./Receiver.svelte";
--- a/extension/src/ui/popup/Receiver.svelte
+++ b/extension/src/ui/popup/Receiver.svelte
@@ -4,18 +4,18 @@

    import type { Options } from "../../lib/options";

-    import { ReceiverDevice, ReceiverDeviceCapabilities } from "../../types";
+    import { type ReceiverDevice, ReceiverDeviceCapabilities } from "../../types";
    import type { Port } from "../../messaging";

    import * as menuIds from "../../menuIds";

    import type { Volume } from "../../cast/sdk/classes";
    import { PlayerState, TrackType } from "../../cast/sdk/media/enums";
-    import {
+    import type {
        SenderMediaMessage,
-        SenderMessage,
-        _MediaCommand
+        SenderMessage
    } from "../../cast/sdk/types";
+    import { _MediaCommand } from "../../cast/sdk/types";

    import LoadingIndicator from "../LoadingIndicator.svelte";
    import ReceiverMedia from "./ReceiverMedia.svelte";
--- a/extension/src/ui/popup/ReceiverMedia.svelte
+++ b/extension/src/ui/popup/ReceiverMedia.svelte
@@ -3,7 +3,8 @@

    import type { ReceiverDevice } from "../../types";

-    import { MediaStatus, _MediaCommand } from "../../cast/sdk/types";
+    import type { MediaStatus } from "../../cast/sdk/types";
+    import { _MediaCommand } from "../../cast/sdk/types";
    import type { Volume } from "../../cast/sdk/classes";
    import {
        MetadataType,
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,11 +10,12 @@
                "@typescript-eslint/parser": "^5.14.0",
                "eslint": "^8.16.0",
                "eslint-config-prettier": "^8.5.0",
-                "eslint-plugin-svelte3": "^4.0.0",
+                "eslint-plugin-svelte": "^2.0.0",
                "jasmine-console-reporter": "^3.1.0",
                "prettier": "^2.5.1",
                "prettier-plugin-svelte": "^2.7.0",
                "selenium-webdriver": "^4.1.1",
+                "svelte-eslint-parser": "^0.41.0",
                "ws": "^8.5.0"
            }
        },
@@ -176,6 +177,13 @@
                "url": "https://github.com/chalk/strip-ansi?sponsor=1"
            }
        },
+        "node_modules/@jridgewell/sourcemap-codec": {
+            "version": "1.5.5",
+            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+            "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+            "dev": true,
+            "license": "MIT"
+        },
        "node_modules/@nodelib/fs.scandir": {
            "version": "2.1.5",
            "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -676,6 +684,19 @@
                "node": ">= 8"
            }
        },
+        "node_modules/cssesc": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+            "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+            "dev": true,
+            "license": "MIT",
+            "bin": {
+                "cssesc": "bin/cssesc"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
        "node_modules/debug": {
            "version": "4.4.3",
            "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
@@ -826,6 +847,22 @@
                "url": "https://opencollective.com/eslint"
            }
        },
+        "node_modules/eslint-compat-utils": {
+            "version": "0.5.1",
+            "resolved": "https://registry.npmjs.org/eslint-compat-utils/-/eslint-compat-utils-0.5.1.tgz",
+            "integrity": "sha512-3z3vFexKIEnjHE3zCMRo6fn/e44U7T1khUjg+Hp0ZQMCigh28rALD0nPFBcGZuiLC5rLZa2ubQHDRln09JfU2Q==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "semver": "^7.5.4"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "peerDependencies": {
+                "eslint": ">=6.0.0"
+            }
+        },
        "node_modules/eslint-config-prettier": {
            "version": "8.10.2",
            "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.10.2.tgz",
@@ -839,15 +876,94 @@
                "eslint": ">=7.0.0"
            }
        },
-        "node_modules/eslint-plugin-svelte3": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/eslint-plugin-svelte3/-/eslint-plugin-svelte3-4.0.0.tgz",
-            "integrity": "sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==",
+        "node_modules/eslint-plugin-svelte": {
+            "version": "2.46.1",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-svelte/-/eslint-plugin-svelte-2.46.1.tgz",
+            "integrity": "sha512-7xYr2o4NID/f9OEYMqxsEQsCsj4KaMy4q5sANaKkAb6/QeCjYFxRmDm2S3YC3A3pl1kyPZ/syOx/i7LcWYSbIw==",
            "dev": true,
            "license": "MIT",
+            "dependencies": {
+                "@eslint-community/eslint-utils": "^4.4.0",
+                "@jridgewell/sourcemap-codec": "^1.4.15",
+                "eslint-compat-utils": "^0.5.1",
+                "esutils": "^2.0.3",
+                "known-css-properties": "^0.35.0",
+                "postcss": "^8.4.38",
+                "postcss-load-config": "^3.1.4",
+                "postcss-safe-parser": "^6.0.0",
+                "postcss-selector-parser": "^6.1.0",
+                "semver": "^7.6.2",
+                "svelte-eslint-parser": "^0.43.0"
+            },
+            "engines": {
+                "node": "^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ota-meshi"
+            },
            "peerDependencies": {
-                "eslint": ">=8.0.0",
-                "svelte": "^3.2.0"
+                "eslint": "^7.0.0 || ^8.0.0-0 || ^9.0.0-0",
+                "svelte": "^3.37.0 || ^4.0.0 || ^5.0.0"
+            },
+            "peerDependenciesMeta": {
+                "svelte": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/eslint-plugin-svelte/node_modules/eslint-scope": {
+            "version": "7.2.2",
+            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+            "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+            "dev": true,
+            "license": "BSD-2-Clause",
+            "dependencies": {
+                "esrecurse": "^4.3.0",
+                "estraverse": "^5.2.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/eslint"
+            }
+        },
+        "node_modules/eslint-plugin-svelte/node_modules/estraverse": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+            "dev": true,
+            "license": "BSD-2-Clause",
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
+        "node_modules/eslint-plugin-svelte/node_modules/svelte-eslint-parser": {
+            "version": "0.43.0",
+            "resolved": "https://registry.npmjs.org/svelte-eslint-parser/-/svelte-eslint-parser-0.43.0.tgz",
+            "integrity": "sha512-GpU52uPKKcVnh8tKN5P4UZpJ/fUDndmq7wfsvoVXsyP+aY0anol7Yqo01fyrlaWGMFfm4av5DyrjlaXdLRJvGA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "eslint-scope": "^7.2.2",
+                "eslint-visitor-keys": "^3.4.3",
+                "espree": "^9.6.1",
+                "postcss": "^8.4.39",
+                "postcss-scss": "^4.0.9"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ota-meshi"
+            },
+            "peerDependencies": {
+                "svelte": "^3.37.0 || ^4.0.0 || ^5.0.0"
+            },
+            "peerDependenciesMeta": {
+                "svelte": {
+                    "optional": true
+                }
            }
        },
        "node_modules/eslint-scope": {
@@ -1583,6 +1699,13 @@
                "json-buffer": "3.0.1"
            }
        },
+        "node_modules/known-css-properties": {
+            "version": "0.35.0",
+            "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.35.0.tgz",
+            "integrity": "sha512-a/RAk2BfKk+WFGhhOCAYqSiFLc34k8Mt/6NWRI4joER0EYUzXIcFivjjnoD3+XU1DggLn/tZc3DOAgke7l8a4A==",
+            "dev": true,
+            "license": "MIT"
+        },
        "node_modules/levn": {
            "version": "0.4.1",
            "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
@@ -1607,6 +1730,16 @@
                "immediate": "~3.0.5"
            }
        },
+        "node_modules/lilconfig": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
+            "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=10"
+            }
+        },
        "node_modules/locate-path": {
            "version": "6.0.0",
            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
@@ -1801,6 +1934,25 @@
            "dev": true,
            "license": "MIT"
        },
+        "node_modules/nanoid": {
+            "version": "3.3.11",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+            "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "bin": {
+                "nanoid": "bin/nanoid.cjs"
+            },
+            "engines": {
+                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+            }
+        },
        "node_modules/natural-compare": {
            "version": "1.4.0",
            "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
@@ -2110,6 +2262,13 @@
            "dev": true,
            "license": "MIT"
        },
+        "node_modules/picocolors": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+            "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+            "dev": true,
+            "license": "ISC"
+        },
        "node_modules/picomatch": {
            "version": "2.3.1",
            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
@@ -2123,6 +2282,123 @@
                "url": "https://github.com/sponsors/jonschlinkert"
            }
        },
+        "node_modules/postcss": {
+            "version": "8.5.6",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+            "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/postcss/"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/postcss"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "nanoid": "^3.3.11",
+                "picocolors": "^1.1.1",
+                "source-map-js": "^1.2.1"
+            },
+            "engines": {
+                "node": "^10 || ^12 || >=14"
+            }
+        },
+        "node_modules/postcss-load-config": {
+            "version": "3.1.4",
+            "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz",
+            "integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "lilconfig": "^2.0.5",
+                "yaml": "^1.10.2"
+            },
+            "engines": {
+                "node": ">= 10"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/postcss/"
+            },
+            "peerDependencies": {
+                "postcss": ">=8.0.9",
+                "ts-node": ">=9.0.0"
+            },
+            "peerDependenciesMeta": {
+                "postcss": {
+                    "optional": true
+                },
+                "ts-node": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/postcss-safe-parser": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
+            "integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=12.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/postcss/"
+            },
+            "peerDependencies": {
+                "postcss": "^8.3.3"
+            }
+        },
+        "node_modules/postcss-scss": {
+            "version": "4.0.9",
+            "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.9.tgz",
+            "integrity": "sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/postcss/"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/postcss-scss"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "engines": {
+                "node": ">=12.0"
+            },
+            "peerDependencies": {
+                "postcss": "^8.4.29"
+            }
+        },
+        "node_modules/postcss-selector-parser": {
+            "version": "6.1.2",
+            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+            "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "cssesc": "^3.0.0",
+                "util-deprecate": "^1.0.2"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
        "node_modules/prelude-ls": {
            "version": "1.2.1",
            "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -2419,6 +2695,16 @@
                "node": ">=8"
            }
        },
+        "node_modules/source-map-js": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+            "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+            "dev": true,
+            "license": "BSD-3-Clause",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
        "node_modules/string_decoder": {
            "version": "1.1.1",
            "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
@@ -2569,6 +2855,61 @@
                "node": ">= 8"
            }
        },
+        "node_modules/svelte-eslint-parser": {
+            "version": "0.41.1",
+            "resolved": "https://registry.npmjs.org/svelte-eslint-parser/-/svelte-eslint-parser-0.41.1.tgz",
+            "integrity": "sha512-08ndI6zTghzI8SuJAFpvMbA/haPSGn3xz19pjre19yYMw8Nw/wQJ2PrZBI/L8ijGTgtkWCQQiLLy+Z1tfaCwNA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "eslint-scope": "^7.2.2",
+                "eslint-visitor-keys": "^3.4.3",
+                "espree": "^9.6.1",
+                "postcss": "^8.4.39",
+                "postcss-scss": "^4.0.9"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ota-meshi"
+            },
+            "peerDependencies": {
+                "svelte": "^3.37.0 || ^4.0.0 || ^5.0.0-next.191"
+            },
+            "peerDependenciesMeta": {
+                "svelte": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/svelte-eslint-parser/node_modules/eslint-scope": {
+            "version": "7.2.2",
+            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+            "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+            "dev": true,
+            "license": "BSD-2-Clause",
+            "dependencies": {
+                "esrecurse": "^4.3.0",
+                "estraverse": "^5.2.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/eslint"
+            }
+        },
+        "node_modules/svelte-eslint-parser/node_modules/estraverse": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+            "dev": true,
+            "license": "BSD-2-Clause",
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
        "node_modules/text-table": {
            "version": "0.2.0",
            "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
@@ -2853,6 +3194,16 @@
                }
            }
        },
+        "node_modules/yaml": {
+            "version": "1.10.2",
+            "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+            "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+            "dev": true,
+            "license": "ISC",
+            "engines": {
+                "node": ">= 6"
+            }
+        },
        "node_modules/yocto-queue": {
            "version": "0.1.0",
            "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
--- a/package.json
+++ b/package.json
@@ -23,7 +23,8 @@
        "@typescript-eslint/parser": "^5.14.0",
        "eslint": "^8.16.0",
        "eslint-config-prettier": "^8.5.0",
-        "eslint-plugin-svelte3": "^4.0.0",
+        "eslint-plugin-svelte": "^2.0.0",
+        "svelte-eslint-parser": "^0.41.0",
        "jasmine-console-reporter": "^3.1.0",
        "prettier": "^2.5.1",
        "prettier-plugin-svelte": "^2.7.0",
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -8,7 +8,7 @@
        "resolveJsonModule": true,
        "target": "es6",
        "strict": true,
-        "importsNotUsedAsValues": "error"
+        "verbatimModuleSyntax": true
    },
    "exclude": ["node_modules/**/*", "**/node_modules/**/*", "dist/**/*"]
 }