From 666d374057069f0db1e1621eadb0a47022169d37 Mon Sep 17 00:00:00 2001
From: KoloMl <thekolomoets@hotmail.com>
Date: Wed, 27 Nov 2024 22:11:35 +0400
Subject: [PATCH 01/10] Moving Maintenance Profile to TypeScript for better
 types

---
 src/components/maintenance/ProfileView.svelte |  2 +-
 src/lib/components/MaintenancePopup.js        |  2 +-
 src/lib/components/TagDropdownWrapper.js      |  2 +-
 src/lib/extension/base/StorageEntity.js       | 56 -----------------
 src/lib/extension/base/StorageEntity.ts       | 46 ++++++++++++++
 .../extension/entities/MaintenanceProfile.js  | 63 -------------------
 .../extension/entities/MaintenanceProfile.ts  | 50 +++++++++++++++
 .../extension/settings/MaintenanceSettings.js |  2 +-
 src/lib/extension/transporting/exporters.js   |  4 +-
 src/routes/+page.svelte                       |  2 +-
 src/routes/features/maintenance/+page.svelte  |  2 +-
 .../features/maintenance/[id]/+page.svelte    |  2 +-
 .../maintenance/[id]/edit/+page.svelte        |  2 +-
 .../maintenance/[id]/export/+page.svelte      |  4 +-
 .../features/maintenance/import/+page.svelte  |  2 +-
 src/stores/maintenance-profiles-store.js      |  2 +-
 16 files changed, 110 insertions(+), 133 deletions(-)
 delete mode 100644 src/lib/extension/base/StorageEntity.js
 create mode 100644 src/lib/extension/base/StorageEntity.ts
 delete mode 100644 src/lib/extension/entities/MaintenanceProfile.js
 create mode 100644 src/lib/extension/entities/MaintenanceProfile.ts

diff --git a/src/components/maintenance/ProfileView.svelte b/src/components/maintenance/ProfileView.svelte
index 7a01c62..d3084bb 100644
--- a/src/components/maintenance/ProfileView.svelte
+++ b/src/components/maintenance/ProfileView.svelte
@@ -1,5 +1,5 @@
 <script>
-    /** @type {import('$lib/extension/entities/MaintenanceProfile.js').default} */
+    /** @type {import('$entities/MaintenanceProfile.ts').default} */
     export let profile;
 
     const sortedTagsList = profile.settings.tags.sort((a, b) => a.localeCompare(b));
diff --git a/src/lib/components/MaintenancePopup.js b/src/lib/components/MaintenancePopup.js
index 25ee29c..7abb794 100644
--- a/src/lib/components/MaintenancePopup.js
+++ b/src/lib/components/MaintenancePopup.js
@@ -1,5 +1,5 @@
 import MaintenanceSettings from "$lib/extension/settings/MaintenanceSettings.js";
-import MaintenanceProfile from "$entities/MaintenanceProfile.js";
+import MaintenanceProfile from "$entities/MaintenanceProfile.ts";
 import {BaseComponent} from "$lib/components/base/BaseComponent.js";
 import {getComponent} from "$lib/components/base/ComponentUtils.js";
 import ScrapedAPI from "$lib/booru/scraped/ScrapedAPI.js";
diff --git a/src/lib/components/TagDropdownWrapper.js b/src/lib/components/TagDropdownWrapper.js
index 37c45ca..0eb5e3c 100644
--- a/src/lib/components/TagDropdownWrapper.js
+++ b/src/lib/components/TagDropdownWrapper.js
@@ -1,5 +1,5 @@
 import {BaseComponent} from "$lib/components/base/BaseComponent.js";
-import MaintenanceProfile from "$entities/MaintenanceProfile.js";
+import MaintenanceProfile from "$entities/MaintenanceProfile.ts";
 import MaintenanceSettings from "$lib/extension/settings/MaintenanceSettings.js";
 import {getComponent} from "$lib/components/base/ComponentUtils.js";
 
diff --git a/src/lib/extension/base/StorageEntity.js b/src/lib/extension/base/StorageEntity.js
deleted file mode 100644
index b8261e6..0000000
--- a/src/lib/extension/base/StorageEntity.js
+++ /dev/null
@@ -1,56 +0,0 @@
-import EntitiesController from "$lib/extension/EntitiesController.js";
-
-class StorageEntity {
-  /**
-   * @type {string}
-   */
-  #id;
-
-  /**
-   * @type {Object}
-   */
-  #settings;
-
-  /**
-   * @param {string} id
-   * @param {Object} settings
-   */
-  constructor(id, settings = {}) {
-    this.#id = id;
-    this.#settings = settings;
-  }
-
-  /**
-   * @return {string}
-   */
-  get id() {
-    return this.#id;
-  }
-
-  /**
-   * @return {Object}
-   */
-  get settings() {
-    return this.#settings;
-  }
-
-  static _entityName = "entity";
-
-  async save() {
-    await EntitiesController.updateEntity(this.constructor._entityName, this);
-  }
-
-  async delete() {
-    await EntitiesController.deleteEntity(this.constructor._entityName, this.id);
-  }
-
-  /**
-   * Static function to read all entities of this type from the storage. Must be implemented in the child class.
-   * @return {Promise<array>}
-   */
-  static async readAll() {
-    throw new Error("Not implemented");
-  }
-}
-
-export default StorageEntity;
\ No newline at end of file
diff --git a/src/lib/extension/base/StorageEntity.ts b/src/lib/extension/base/StorageEntity.ts
new file mode 100644
index 0000000..e211232
--- /dev/null
+++ b/src/lib/extension/base/StorageEntity.ts
@@ -0,0 +1,46 @@
+import EntitiesController from "$lib/extension/EntitiesController.js";
+
+export default abstract class StorageEntity<SettingsType extends Object = {}> {
+  /**
+   * @type {string}
+   */
+  readonly #id: string;
+
+  /**
+   * @type {Object}
+   */
+  readonly #settings: SettingsType;
+
+  constructor(id: string, settings: SettingsType) {
+    this.#id = id;
+    this.#settings = settings;
+  }
+
+  get id(): string {
+    return this.#id;
+  }
+
+  get settings(): SettingsType {
+    return this.#settings;
+  }
+
+  protected static _entityName: string = "entity";
+
+  async save() {
+    await EntitiesController.updateEntity(
+      (this.constructor as typeof StorageEntity)._entityName,
+      this
+    );
+  }
+
+  async delete() {
+    await EntitiesController.deleteEntity(
+      (this.constructor as typeof StorageEntity)._entityName,
+      this.id
+    );
+  }
+
+  static async readAll(): Promise<Array<any>> {
+    throw new Error("Not implemented");
+  }
+}
diff --git a/src/lib/extension/entities/MaintenanceProfile.js b/src/lib/extension/entities/MaintenanceProfile.js
deleted file mode 100644
index 0f9a637..0000000
--- a/src/lib/extension/entities/MaintenanceProfile.js
+++ /dev/null
@@ -1,63 +0,0 @@
-import StorageEntity from "$lib/extension/base/StorageEntity.js";
-import EntitiesController from "$lib/extension/EntitiesController.js";
-
-/**
- * @typedef {Object} MaintenanceProfileSettings
- * @property {string} name
- * @property {string[]} tags
- */
-
-/**
- * Class representing the maintenance profile entity.
- */
-class MaintenanceProfile extends StorageEntity {
-  /**
-   * @param {string} id ID of the entity.
-   * @param {Partial<MaintenanceProfileSettings>} settings Maintenance profile settings object.
-   */
-  constructor(id, settings) {
-    super(id, {
-      name: settings.name || '',
-      tags: settings.tags || []
-    });
-  }
-
-  /**
-   * @return {MaintenanceProfileSettings}
-   */
-  get settings() {
-    return super.settings;
-  }
-
-  static _entityName = "profiles";
-
-  /**
-   * Read all maintenance profiles from the storage.
-   *
-   * @return {Promise<InstanceType<MaintenanceProfile>[]>}
-   */
-  static async readAll() {
-    return await EntitiesController.readAllEntities(
-      this._entityName,
-      MaintenanceProfile
-    );
-  }
-
-  /**
-   * Subscribe to the changes and receive the new list of profiles when they change.
-   *
-   * @param {function(MaintenanceProfile[]): void} callback Callback to call when the profiles change. The new list of
-   * profiles is passed as an argument.
-   *
-   * @return {function(): void} Unsubscribe function.
-   */
-  static subscribe(callback) {
-    return EntitiesController.subscribeToEntity(
-      this._entityName,
-      MaintenanceProfile,
-      callback
-    );
-  }
-}
-
-export default MaintenanceProfile;
diff --git a/src/lib/extension/entities/MaintenanceProfile.ts b/src/lib/extension/entities/MaintenanceProfile.ts
new file mode 100644
index 0000000..5dcbdd3
--- /dev/null
+++ b/src/lib/extension/entities/MaintenanceProfile.ts
@@ -0,0 +1,50 @@
+import StorageEntity from "$lib/extension/base/StorageEntity.ts";
+import EntitiesController from "$lib/extension/EntitiesController.js";
+
+export interface MaintenanceProfileSettings {
+  name: string;
+  tags: string[];
+}
+
+/**
+ * Class representing the maintenance profile entity.
+ */
+export default class MaintenanceProfile extends StorageEntity<MaintenanceProfileSettings> {
+  /**
+   * @param id ID of the entity.
+   * @param settings Maintenance profile settings object.
+   */
+  constructor(id: string, settings: Partial<MaintenanceProfileSettings>) {
+    super(id, {
+      name: settings.name || '',
+      tags: settings.tags || []
+    });
+  }
+
+  static _entityName = "profiles";
+
+  /**
+   * Read all maintenance profiles from the storage.
+   */
+  static async readAll(): Promise<MaintenanceProfile[]> {
+    return await EntitiesController.readAllEntities(
+      this._entityName,
+      MaintenanceProfile
+    );
+  }
+
+  /**
+   * Subscribe to the changes and receive the new list of profiles when they change.
+   *
+   * @param callback Callback to call when the profiles change. The new list of profiles is passed as an argument.
+   *
+   * @return Unsubscribe function.
+   */
+  static subscribe(callback: (profiles: MaintenanceProfile[]) => void): () => void {
+    return EntitiesController.subscribeToEntity(
+      this._entityName,
+      MaintenanceProfile,
+      callback
+    );
+  }
+}
diff --git a/src/lib/extension/settings/MaintenanceSettings.js b/src/lib/extension/settings/MaintenanceSettings.js
index adee2ef..ad0da60 100644
--- a/src/lib/extension/settings/MaintenanceSettings.js
+++ b/src/lib/extension/settings/MaintenanceSettings.js
@@ -1,5 +1,5 @@
 import ConfigurationController from "$lib/extension/ConfigurationController.js";
-import MaintenanceProfile from "$lib/extension/entities/MaintenanceProfile.js";
+import MaintenanceProfile from "$entities/MaintenanceProfile.ts";
 import CacheableSettings from "$lib/extension/base/CacheableSettings.js";
 
 export default class MaintenanceSettings extends CacheableSettings {
diff --git a/src/lib/extension/transporting/exporters.js b/src/lib/extension/transporting/exporters.js
index f74e15f..87757f5 100644
--- a/src/lib/extension/transporting/exporters.js
+++ b/src/lib/extension/transporting/exporters.js
@@ -1,8 +1,8 @@
 /**
- * @type {Map<string, ((entity: import('../base/StorageEntity.js').default) => Record<string, any>)>}
+ * @type {Map<string, ((entity: import('../base/StorageEntity.ts').default) => Record<string, any>)>}
  */
 const entitiesExporters = new Map([
-  ['profiles', /** @param {import('../entities/MaintenanceProfile.js').default} entity */entity => {
+  ['profiles', /** @param {import('../entities/MaintenanceProfile.ts').default} entity */entity => {
     return {
       v: 1,
       id: entity.id,
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 27ae80e..7b1fa3a 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -4,7 +4,7 @@
     import { activeProfileStore, maintenanceProfilesStore } from "$stores/maintenance-profiles-store.js";
     import MenuCheckboxItem from "$components/ui/menu/MenuCheckboxItem.svelte";
 
-    /** @type {import('$lib/extension/entities/MaintenanceProfile.js').default|undefined} */
+    /** @type {import('$entities/MaintenanceProfile.ts').default|undefined} */
     let activeProfile;
 
     $: activeProfile = $maintenanceProfilesStore.find(profile => profile.id === $activeProfileStore);
diff --git a/src/routes/features/maintenance/+page.svelte b/src/routes/features/maintenance/+page.svelte
index 251dbf2..a6162f6 100644
--- a/src/routes/features/maintenance/+page.svelte
+++ b/src/routes/features/maintenance/+page.svelte
@@ -4,7 +4,7 @@
     import MenuRadioItem from "$components/ui/menu/MenuRadioItem.svelte";
     import {activeProfileStore, maintenanceProfilesStore} from "$stores/maintenance-profiles-store.js";
 
-    /** @type {import('$lib/extension/entities/MaintenanceProfile.js').default[]} */
+    /** @type {import('$entities/MaintenanceProfile.ts').default[]} */
     let profiles = [];
 
     $: profiles = $maintenanceProfilesStore.sort((a, b) => a.settings.name.localeCompare(b.settings.name));
diff --git a/src/routes/features/maintenance/[id]/+page.svelte b/src/routes/features/maintenance/[id]/+page.svelte
index 25db375..0a066a5 100644
--- a/src/routes/features/maintenance/[id]/+page.svelte
+++ b/src/routes/features/maintenance/[id]/+page.svelte
@@ -7,7 +7,7 @@
     import ProfileView from "$components/maintenance/ProfileView.svelte";
 
     const profileId = $page.params.id;
-    /** @type {import('$lib/extension/entities/MaintenanceProfile.js').default|null} */
+    /** @type {import('$entities/MaintenanceProfile.ts').default|null} */
     let profile = null;
     let isActiveProfile = false;
 
diff --git a/src/routes/features/maintenance/[id]/edit/+page.svelte b/src/routes/features/maintenance/[id]/edit/+page.svelte
index 498671c..9b1240c 100644
--- a/src/routes/features/maintenance/[id]/edit/+page.svelte
+++ b/src/routes/features/maintenance/[id]/edit/+page.svelte
@@ -8,7 +8,7 @@
     import {page} from "$app/stores";
     import {goto} from "$app/navigation";
     import {maintenanceProfilesStore} from "$stores/maintenance-profiles-store.js";
-    import MaintenanceProfile from "$entities/MaintenanceProfile.js";
+    import MaintenanceProfile from "$entities/MaintenanceProfile.ts";
 
     /** @type {string} */
     let profileId = $page.params.id;
diff --git a/src/routes/features/maintenance/[id]/export/+page.svelte b/src/routes/features/maintenance/[id]/export/+page.svelte
index d4e2191..9788c01 100644
--- a/src/routes/features/maintenance/[id]/export/+page.svelte
+++ b/src/routes/features/maintenance/[id]/export/+page.svelte
@@ -7,12 +7,12 @@
     import FormContainer from "$components/ui/forms/FormContainer.svelte";
     import FormControl from "$components/ui/forms/FormControl.svelte";
     import EntitiesTransporter from "$lib/extension/EntitiesTransporter.ts";
-    import MaintenanceProfile from "$entities/MaintenanceProfile.js";
+    import MaintenanceProfile from "$entities/MaintenanceProfile.ts";
 
     const profileId = $page.params.id;
 
     /**
-     * @type {import('$lib/extension/entities/MaintenanceProfile.js').default|undefined}
+     * @type {import('$entities/MaintenanceProfile.ts').default|undefined}
      */
     const profile = $maintenanceProfilesStore.find(profile => profile.id === profileId);
 
diff --git a/src/routes/features/maintenance/import/+page.svelte b/src/routes/features/maintenance/import/+page.svelte
index 6f83c11..ad01898 100644
--- a/src/routes/features/maintenance/import/+page.svelte
+++ b/src/routes/features/maintenance/import/+page.svelte
@@ -2,7 +2,7 @@
     import Menu from "$components/ui/menu/Menu.svelte";
     import MenuItem from "$components/ui/menu/MenuItem.svelte";
     import FormContainer from "$components/ui/forms/FormContainer.svelte";
-    import MaintenanceProfile from "$entities/MaintenanceProfile.js";
+    import MaintenanceProfile from "$entities/MaintenanceProfile.ts";
     import FormControl from "$components/ui/forms/FormControl.svelte";
     import ProfileView from "$components/maintenance/ProfileView.svelte";
     import {maintenanceProfilesStore} from "$stores/maintenance-profiles-store.js";
diff --git a/src/stores/maintenance-profiles-store.js b/src/stores/maintenance-profiles-store.js
index 792d212..95e1a70 100644
--- a/src/stores/maintenance-profiles-store.js
+++ b/src/stores/maintenance-profiles-store.js
@@ -1,5 +1,5 @@
 import {writable} from "svelte/store";
-import MaintenanceProfile from "$lib/extension/entities/MaintenanceProfile.js";
+import MaintenanceProfile from "$entities/MaintenanceProfile.ts";
 import MaintenanceSettings from "$lib/extension/settings/MaintenanceSettings.js";
 
 /**

From f6ab60d939ff325a94bfa44dfc104868adb6be6c Mon Sep 17 00:00:00 2001
From: KoloMl <thekolomoets@hotmail.com>
Date: Wed, 27 Nov 2024 22:48:31 +0400
Subject: [PATCH 02/10] Making entity name public, trying to better support new
 types

---
 src/lib/extension/EntitiesTransporter.ts | 30 +++++++++++++++++-------
 src/lib/extension/base/StorageEntity.ts  |  2 +-
 2 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/src/lib/extension/EntitiesTransporter.ts b/src/lib/extension/EntitiesTransporter.ts
index 598edbb..790b4d0 100644
--- a/src/lib/extension/EntitiesTransporter.ts
+++ b/src/lib/extension/EntitiesTransporter.ts
@@ -1,16 +1,28 @@
 import {validateImportedEntity} from "$lib/extension/transporting/validators.js";
 import {exportEntityToObject} from "$lib/extension/transporting/exporters.js";
-import StorageEntity from "./base/StorageEntity.js";
+import StorageEntity from "$lib/extension/base/StorageEntity.ts";
 import {compressToEncodedURIComponent, decompressFromEncodedURIComponent} from "lz-string";
 
-type EntityConstructor<T extends StorageEntity> =
-  (new (id: string, settings: Record<string, any>) => T)
-  & typeof StorageEntity;
+export default class EntitiesTransporter<EntityType> {
+  readonly #targetEntityConstructor: new (...any: any[]) => EntityType;
 
-export default class EntitiesTransporter<EntityType extends StorageEntity> {
-  readonly #targetEntityConstructor: EntityConstructor<EntityType>;
+  /**
+   * Name of the entity, exported directly from the constructor.
+   * @private
+   */
+  get #entityName() {
+    // How the hell should I even do this?
+    return ((this.#targetEntityConstructor as any) as typeof StorageEntity)._entityName;
+  }
+
+  /**
+   * @param entityConstructor Class which should be used for import or export.
+   */
+  constructor(entityConstructor: new (...any: any[]) => EntityType) {
+    if (!(entityConstructor.prototype instanceof StorageEntity)) {
+      throw new TypeError('Invalid class provided as the target for importing!');
+    }
 
-  constructor(entityConstructor: EntityConstructor<EntityType>) {
     this.#targetEntityConstructor = entityConstructor;
   }
 
@@ -23,7 +35,7 @@ export default class EntitiesTransporter<EntityType extends StorageEntity> {
 
     validateImportedEntity(
       importedObject,
-      this.#targetEntityConstructor._entityName
+      this.#entityName
     );
 
     return new this.#targetEntityConstructor(
@@ -45,7 +57,7 @@ export default class EntitiesTransporter<EntityType extends StorageEntity> {
 
     const exportableObject = exportEntityToObject(
       entityObject,
-      this.#targetEntityConstructor._entityName
+      this.#entityName
     );
 
     return JSON.stringify(exportableObject, null, 2);
diff --git a/src/lib/extension/base/StorageEntity.ts b/src/lib/extension/base/StorageEntity.ts
index e211232..c0469a2 100644
--- a/src/lib/extension/base/StorageEntity.ts
+++ b/src/lib/extension/base/StorageEntity.ts
@@ -24,7 +24,7 @@ export default abstract class StorageEntity<SettingsType extends Object = {}> {
     return this.#settings;
   }
 
-  protected static _entityName: string = "entity";
+  public static readonly _entityName: string = "entity";
 
   async save() {
     await EntitiesController.updateEntity(

From c7f40e99b780b568501916b7f4881e97a28b52e2 Mon Sep 17 00:00:00 2001
From: KoloMl <thekolomoets@hotmail.com>
Date: Thu, 28 Nov 2024 00:43:55 +0400
Subject: [PATCH 03/10] Added mapping of entities and their names

---
 src/app.d.ts | 40 +++++++++++++++++++++++-----------------
 1 file changed, 23 insertions(+), 17 deletions(-)

diff --git a/src/app.d.ts b/src/app.d.ts
index 9b049f4..aa237b3 100644
--- a/src/app.d.ts
+++ b/src/app.d.ts
@@ -1,24 +1,30 @@
 // See https://kit.svelte.dev/docs/types#app
 // for information about these interfaces
+import MaintenanceProfile from "$entities/MaintenanceProfile.ts";
+
 declare global {
-    namespace App {
-        // interface Error {}
-        // interface Locals {}
-        // interface PageData {}
-        // interface PageState {}
-        // interface Platform {}
-        type LinkTarget = "_blank" | "_self" | "_parent" | "_top";
-        type IconName = (
-                "tag"
-                | "paint-brush"
-                | "arrow-left"
-                | "info-circle"
-                | "wrench"
-                | "globe"
-                | "plus"
-                | "file-export"
-                );
+  namespace App {
+    // interface Error {}
+    // interface Locals {}
+    // interface PageData {}
+    // interface PageState {}
+    // interface Platform {}
+    type LinkTarget = "_blank" | "_self" | "_parent" | "_top";
+    type IconName = (
+      "tag"
+      | "paint-brush"
+      | "arrow-left"
+      | "info-circle"
+      | "wrench"
+      | "globe"
+      | "plus"
+      | "file-export"
+      );
+
+    interface EntityNamesMap {
+      profiles: MaintenanceProfile;
     }
+  }
 }
 
 export {};

From b3a92653ad46542f6b6532b4a0f6cc6a6598b677 Mon Sep 17 00:00:00 2001
From: KoloMl <thekolomoets@hotmail.com>
Date: Thu, 28 Nov 2024 00:45:41 +0400
Subject: [PATCH 04/10] Converting the exporters to TypeScript, fixing type
 errors

---
 src/lib/extension/EntitiesTransporter.ts      |  6 ++++-
 src/lib/extension/transporting/exporters.js   | 26 -------------------
 src/lib/extension/transporting/exporters.ts   | 24 +++++++++++++++++
 src/lib/extension/transporting/validators.js  |  2 +-
 .../maintenance/[id]/export/+page.svelte      |  4 ---
 5 files changed, 30 insertions(+), 32 deletions(-)
 delete mode 100644 src/lib/extension/transporting/exporters.js
 create mode 100644 src/lib/extension/transporting/exporters.ts

diff --git a/src/lib/extension/EntitiesTransporter.ts b/src/lib/extension/EntitiesTransporter.ts
index 790b4d0..a1c030e 100644
--- a/src/lib/extension/EntitiesTransporter.ts
+++ b/src/lib/extension/EntitiesTransporter.ts
@@ -1,5 +1,5 @@
 import {validateImportedEntity} from "$lib/extension/transporting/validators.js";
-import {exportEntityToObject} from "$lib/extension/transporting/exporters.js";
+import {exportEntityToObject} from "$lib/extension/transporting/exporters.ts";
 import StorageEntity from "$lib/extension/base/StorageEntity.ts";
 import {compressToEncodedURIComponent, decompressFromEncodedURIComponent} from "lz-string";
 
@@ -55,6 +55,10 @@ export default class EntitiesTransporter<EntityType> {
       throw new TypeError('Transporter should be connected to the same entity to export!');
     }
 
+    if (!(entityObject instanceof StorageEntity)) {
+      throw new TypeError('Only storage entities could be exported!');
+    }
+
     const exportableObject = exportEntityToObject(
       entityObject,
       this.#entityName
diff --git a/src/lib/extension/transporting/exporters.js b/src/lib/extension/transporting/exporters.js
deleted file mode 100644
index 87757f5..0000000
--- a/src/lib/extension/transporting/exporters.js
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * @type {Map<string, ((entity: import('../base/StorageEntity.ts').default) => Record<string, any>)>}
- */
-const entitiesExporters = new Map([
-  ['profiles', /** @param {import('../entities/MaintenanceProfile.ts').default} entity */entity => {
-    return {
-      v: 1,
-      id: entity.id,
-      name: entity.settings.name,
-      tags: entity.settings.tags,
-    }
-  }]
-])
-
-/**
- * @param entityInstance
- * @param {string} entityName
- * @returns {Record<string, *>}
- */
-export function exportEntityToObject(entityInstance, entityName) {
-  if (!entitiesExporters.has(entityName)) {
-    throw new Error(`Missing exporter for entity: ${entityName}`);
-  }
-
-  return entitiesExporters.get(entityName).call(null, entityInstance);
-}
diff --git a/src/lib/extension/transporting/exporters.ts b/src/lib/extension/transporting/exporters.ts
new file mode 100644
index 0000000..c2386c4
--- /dev/null
+++ b/src/lib/extension/transporting/exporters.ts
@@ -0,0 +1,24 @@
+import StorageEntity from "$lib/extension/base/StorageEntity.ts";
+
+type ExportersMap = {
+  [EntityName in keyof App.EntityNamesMap]: (entity: App.EntityNamesMap[EntityName]) => Record<string, any>
+};
+
+const entitiesExporters: ExportersMap = {
+  profiles: entity => {
+    return {
+      v: 1,
+      id: entity.id,
+      name: entity.settings.name,
+      tags: entity.settings.tags,
+    }
+  },
+};
+
+export function exportEntityToObject(entityInstance: StorageEntity<any>, entityName: string): Record<string, any> {
+  if (!(entityName in entitiesExporters) || !entitiesExporters.hasOwnProperty(entityName)) {
+    throw new Error(`Missing exporter for entity: ${entityName}`);
+  }
+
+  return entitiesExporters[entityName as keyof App.EntityNamesMap].call(null, entityInstance);
+}
diff --git a/src/lib/extension/transporting/validators.js b/src/lib/extension/transporting/validators.js
index cb41e3d..111c1be 100644
--- a/src/lib/extension/transporting/validators.js
+++ b/src/lib/extension/transporting/validators.js
@@ -1,6 +1,6 @@
 /**
  * Map of validators for each entity. Function should throw the error if validation failed.
- * @type {Map<string, ((importedObject: Object) => void)>}
+ * @type {Map<keyof App.EntityNamesMap|string, ((importedObject: Object) => void)>}
  */
 const entitiesValidators = new Map([
   ['profiles', importedObject => {
diff --git a/src/routes/features/maintenance/[id]/export/+page.svelte b/src/routes/features/maintenance/[id]/export/+page.svelte
index 9788c01..ea8e2a3 100644
--- a/src/routes/features/maintenance/[id]/export/+page.svelte
+++ b/src/routes/features/maintenance/[id]/export/+page.svelte
@@ -10,10 +10,6 @@
     import MaintenanceProfile from "$entities/MaintenanceProfile.ts";
 
     const profileId = $page.params.id;
-
-    /**
-     * @type {import('$entities/MaintenanceProfile.ts').default|undefined}
-     */
     const profile = $maintenanceProfilesStore.find(profile => profile.id === profileId);
 
     const profilesTransporter = new EntitiesTransporter(MaintenanceProfile);

From d14fc8ba7d256a8e9deced36e9a12b6c4bbe22c6 Mon Sep 17 00:00:00 2001
From: KoloMl <thekolomoets@hotmail.com>
Date: Sat, 30 Nov 2024 03:37:05 +0400
Subject: [PATCH 05/10] Proper modifiers

---
 src/lib/extension/entities/MaintenanceProfile.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/extension/entities/MaintenanceProfile.ts b/src/lib/extension/entities/MaintenanceProfile.ts
index 5dcbdd3..f68b369 100644
--- a/src/lib/extension/entities/MaintenanceProfile.ts
+++ b/src/lib/extension/entities/MaintenanceProfile.ts
@@ -21,7 +21,7 @@ export default class MaintenanceProfile extends StorageEntity<MaintenanceProfile
     });
   }
 
-  static _entityName = "profiles";
+  public static readonly _entityName = "profiles";
 
   /**
    * Read all maintenance profiles from the storage.

From ee3fcd1b0871ecb09bb2d30460d497f2ffb53e8e Mon Sep 17 00:00:00 2001
From: KoloMl <thekolomoets@hotmail.com>
Date: Sat, 30 Nov 2024 03:49:53 +0400
Subject: [PATCH 06/10] Renamed controller to TS

---
 .../extension/{EntitiesController.js => EntitiesController.ts}  | 0
 src/lib/extension/entities/MaintenanceProfile.ts                | 2 +-
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename src/lib/extension/{EntitiesController.js => EntitiesController.ts} (100%)

diff --git a/src/lib/extension/EntitiesController.js b/src/lib/extension/EntitiesController.ts
similarity index 100%
rename from src/lib/extension/EntitiesController.js
rename to src/lib/extension/EntitiesController.ts
diff --git a/src/lib/extension/entities/MaintenanceProfile.ts b/src/lib/extension/entities/MaintenanceProfile.ts
index f68b369..f9ad72e 100644
--- a/src/lib/extension/entities/MaintenanceProfile.ts
+++ b/src/lib/extension/entities/MaintenanceProfile.ts
@@ -1,5 +1,5 @@
 import StorageEntity from "$lib/extension/base/StorageEntity.ts";
-import EntitiesController from "$lib/extension/EntitiesController.js";
+import EntitiesController from "$lib/extension/EntitiesController.ts";
 
 export interface MaintenanceProfileSettings {
   name: string;

From 59c958ab32b004364c04ac172f9bdb4ab0c6826d Mon Sep 17 00:00:00 2001
From: KoloMl <thekolomoets@hotmail.com>
Date: Sat, 30 Nov 2024 04:20:27 +0400
Subject: [PATCH 07/10] Switching the jsconfig & vite config to TypeScript

---
 package.json                     | 4 ++--
 jsconfig.json => tsconfig.json   | 0
 vite.config.js => vite.config.ts | 0
 3 files changed, 2 insertions(+), 2 deletions(-)
 rename jsconfig.json => tsconfig.json (100%)
 rename vite.config.js => vite.config.ts (100%)

diff --git a/package.json b/package.json
index 92044cd..6cb0882 100644
--- a/package.json
+++ b/package.json
@@ -6,8 +6,8 @@
         "build": "npm run build:popup && npm run build:extension",
         "build:popup": "vite build",
         "build:extension": "node build-extension.js",
-        "check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
-        "check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch"
+        "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+        "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
     },
     "devDependencies": {
         "@sveltejs/adapter-auto": "^3.0.0",
diff --git a/jsconfig.json b/tsconfig.json
similarity index 100%
rename from jsconfig.json
rename to tsconfig.json
diff --git a/vite.config.js b/vite.config.ts
similarity index 100%
rename from vite.config.js
rename to vite.config.ts

From 9f61f9954831d22203de846596c01b6230bb7c18 Mon Sep 17 00:00:00 2001
From: KoloMl <thekolomoets@hotmail.com>
Date: Sat, 30 Nov 2024 04:22:43 +0400
Subject: [PATCH 08/10] Moving `readAll` static method to base class

---
 src/lib/extension/base/StorageEntity.ts          |  8 ++++++--
 src/lib/extension/entities/MaintenanceProfile.ts | 10 ----------
 2 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/src/lib/extension/base/StorageEntity.ts b/src/lib/extension/base/StorageEntity.ts
index c0469a2..2b19aea 100644
--- a/src/lib/extension/base/StorageEntity.ts
+++ b/src/lib/extension/base/StorageEntity.ts
@@ -40,7 +40,11 @@ export default abstract class StorageEntity<SettingsType extends Object = {}> {
     );
   }
 
-  static async readAll(): Promise<Array<any>> {
-    throw new Error("Not implemented");
+  public static async readAll<Type extends StorageEntity<any>>(this: new (...args: any[]) => Type): Promise<Type[]> {
+    return await EntitiesController.readAllEntities(
+      // Voodoo magic, once again.
+      ((this as any) as typeof StorageEntity)._entityName,
+      this
+    )
   }
 }
diff --git a/src/lib/extension/entities/MaintenanceProfile.ts b/src/lib/extension/entities/MaintenanceProfile.ts
index f9ad72e..21bdd14 100644
--- a/src/lib/extension/entities/MaintenanceProfile.ts
+++ b/src/lib/extension/entities/MaintenanceProfile.ts
@@ -23,16 +23,6 @@ export default class MaintenanceProfile extends StorageEntity<MaintenanceProfile
 
   public static readonly _entityName = "profiles";
 
-  /**
-   * Read all maintenance profiles from the storage.
-   */
-  static async readAll(): Promise<MaintenanceProfile[]> {
-    return await EntitiesController.readAllEntities(
-      this._entityName,
-      MaintenanceProfile
-    );
-  }
-
   /**
    * Subscribe to the changes and receive the new list of profiles when they change.
    *

From be97ac564041acb6c1e2788ce67031bd531a6c23 Mon Sep 17 00:00:00 2001
From: KoloMl <thekolomoets@hotmail.com>
Date: Sat, 30 Nov 2024 04:22:59 +0400
Subject: [PATCH 09/10] Marking the constructor protected

---
 src/lib/extension/base/StorageEntity.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/extension/base/StorageEntity.ts b/src/lib/extension/base/StorageEntity.ts
index 2b19aea..cb78d00 100644
--- a/src/lib/extension/base/StorageEntity.ts
+++ b/src/lib/extension/base/StorageEntity.ts
@@ -11,7 +11,7 @@ export default abstract class StorageEntity<SettingsType extends Object = {}> {
    */
   readonly #settings: SettingsType;
 
-  constructor(id: string, settings: SettingsType) {
+  protected constructor(id: string, settings: SettingsType) {
     this.#id = id;
     this.#settings = settings;
   }

From 4f0f3142a12224ecd8d9c9cd963d7000770ecc28 Mon Sep 17 00:00:00 2001
From: KoloMl <thekolomoets@hotmail.com>
Date: Sat, 30 Nov 2024 04:46:10 +0400
Subject: [PATCH 10/10] Typing controller methods, moving `subscribe` to base
 class

---
 src/lib/extension/EntitiesController.ts       | 46 ++++++++-----------
 src/lib/extension/base/StorageEntity.ts       |  9 ++++
 .../extension/entities/MaintenanceProfile.ts  | 15 ------
 3 files changed, 29 insertions(+), 41 deletions(-)

diff --git a/src/lib/extension/EntitiesController.ts b/src/lib/extension/EntitiesController.ts
index 95cf74f..4420d8e 100644
--- a/src/lib/extension/EntitiesController.ts
+++ b/src/lib/extension/EntitiesController.ts
@@ -1,4 +1,5 @@
 import StorageHelper from "$lib/browser/StorageHelper.js";
+import type StorageEntity from "$lib/extension/base/StorageEntity.ts";
 
 export default class EntitiesController {
   static #storageHelper = new StorageHelper(chrome.storage.local);
@@ -6,15 +7,13 @@ export default class EntitiesController {
   /**
    * Read all entities of the given type from the storage. Build the entities from the raw data and return them.
    *
-   * @template EntityClass
+   * @param entityName Name of the entity to read.
+   * @param entityClass Class of the entity to read. Must have a constructor that accepts the ID and the settings
+   * object.
    *
-   * @param {string} entityName Name of the entity to read.
-   * @param {EntityClass} entityClass Class of the entity to read. Must have a constructor that accepts the ID and the
-   * settings object.
-   *
-   * @return {Promise<InstanceType<EntityClass>[]>} List of entities of the given type.
+   * @return List of entities of the given type.
    */
-  static async readAllEntities(entityName, entityClass) {
+  static async readAllEntities<Type extends StorageEntity<any>>(entityName: string, entityClass: new (...any: any[]) => Type): Promise<Type[]> {
     const rawEntities = await this.#storageHelper.read(entityName, {});
 
     if (!rawEntities || Object.keys(rawEntities).length === 0) {
@@ -29,13 +28,11 @@ export default class EntitiesController {
   /**
    * Update the single entity in the storage. If the entity with the given ID already exists, it will be overwritten.
    *
-   * @param {string} entityName Name of the entity to update.
-   * @param {StorageEntity} entity Entity to update.
-   *
-   * @return {Promise<void>}
+   * @param entityName Name of the entity to update.
+   * @param entity Entity to update.
    */
-  static async updateEntity(entityName, entity) {
-    await this.#storageHelper.write(
+  static async updateEntity(entityName: string, entity: StorageEntity<Object>): Promise<void> {
+    this.#storageHelper.write(
       entityName,
       Object.assign(
         await this.#storageHelper.read(
@@ -51,15 +48,13 @@ export default class EntitiesController {
   /**
    * Delete the entity with the given ID.
    *
-   * @param {string} entityName Name of the entity to delete.
-   * @param {string} entityId ID of the entity to delete.
-   *
-   * @return {Promise<void>}
+   * @param entityName Name of the entity to delete.
+   * @param entityId ID of the entity to delete.
    */
-  static async deleteEntity(entityName, entityId) {
+  static async deleteEntity(entityName: string, entityId: string): Promise<void> {
     const entities = await this.#storageHelper.read(entityName, {});
     delete entities[entityId];
-    await this.#storageHelper.write(entityName, entities);
+    this.#storageHelper.write(entityName, entities);
   }
 
   /**
@@ -67,17 +62,16 @@ export default class EntitiesController {
    *
    * @template EntityClass
    *
-   * @param {string} entityName Name of the entity to subscribe to.
-   * @param {EntityClass} entityClass Class of the entity to subscribe to.
-   * @param {function(InstanceType<EntityClass>[]): any} callback Callback to call when the storage changes.
-   * @return {function(): void} Unsubscribe function.
+   * @param entityName Name of the entity to subscribe to.
+   * @param entityClass Class of the entity to subscribe to.
+   * @param callback Callback to call when the storage changes.
+   * @return Unsubscribe function.
    */
-  static subscribeToEntity(entityName, entityClass, callback) {
+  static subscribeToEntity<Type extends StorageEntity<any>>(entityName: string, entityClass: new (...any: any[]) => Type, callback: (entities: Type[]) => void): () => void {
     /**
      * Watch the changes made to the storage and call the callback when the entity changes.
-     * @param {Object<string, StorageChange>} changes Changes made to the storage.
      */
-    const storageChangesSubscriber = changes => {
+    const storageChangesSubscriber = (changes: Record<string, chrome.storage.StorageChange>) => {
       if (!changes[entityName]) {
         return;
       }
diff --git a/src/lib/extension/base/StorageEntity.ts b/src/lib/extension/base/StorageEntity.ts
index cb78d00..45f0b94 100644
--- a/src/lib/extension/base/StorageEntity.ts
+++ b/src/lib/extension/base/StorageEntity.ts
@@ -47,4 +47,13 @@ export default abstract class StorageEntity<SettingsType extends Object = {}> {
       this
     )
   }
+
+  public static subscribe<Type extends StorageEntity<any>>(this: new (...args: any[]) => Type, callback: (entities: Type[]) => void): () => void {
+    return EntitiesController.subscribeToEntity(
+      // And once more.
+      ((this as any) as typeof StorageEntity)._entityName,
+      this,
+      callback
+    );
+  }
 }
diff --git a/src/lib/extension/entities/MaintenanceProfile.ts b/src/lib/extension/entities/MaintenanceProfile.ts
index 21bdd14..ac14352 100644
--- a/src/lib/extension/entities/MaintenanceProfile.ts
+++ b/src/lib/extension/entities/MaintenanceProfile.ts
@@ -22,19 +22,4 @@ export default class MaintenanceProfile extends StorageEntity<MaintenanceProfile
   }
 
   public static readonly _entityName = "profiles";
-
-  /**
-   * Subscribe to the changes and receive the new list of profiles when they change.
-   *
-   * @param callback Callback to call when the profiles change. The new list of profiles is passed as an argument.
-   *
-   * @return Unsubscribe function.
-   */
-  static subscribe(callback: (profiles: MaintenanceProfile[]) => void): () => void {
-    return EntitiesController.subscribeToEntity(
-      this._entityName,
-      MaintenanceProfile,
-      callback
-    );
-  }
 }