Merge branch 'feat/adding-level-generic-interface' of https://github.com/hydralauncher/hydra into feat/search-autosuggest

.cursorrules

@@ -28,6 +28,13 @@
 - Use async/await instead of promises when possible
 - Prefer named exports over default exports for utilities and services
 
+## TypeScript Array Syntax
+
+- **Always use `T[]` syntax instead of `Array<T>`** for array types
+- Prefer: `string[]`, `number[]`, `MyType[]`
+- Avoid: `Array<string>`, `Array<number>`, `Array<MyType>`
+- This applies to all type annotations, type assertions, and generic type parameters
+
 ## Comments
 
 - Keep comments concise and purposeful; avoid verbose explanations.

README.md

@@ -1,6 +1,6 @@
 <div align="center">
 
-[<img src="./resources/icon.png" width="144"/>](https://help.hydralauncher.gg)
+[<img src="https://raw.githubusercontent.com/hydralauncher/hydra/refs/heads/main/resources/icon.png" width="144"/>](https://help.hydralauncher.gg)
 
   <h1 align="center">Hydra Launcher</h1>
 

src/main/events/auth/index.ts

@@ -0,0 +1,3 @@
+import "./get-session-hash";
+import "./open-auth-window";
+import "./sign-out";

src/main/events/autoupdater/index.ts

@@ -0,0 +1,2 @@
+import "./check-for-updates";
+import "./restart-and-install-update";

src/main/events/catalogue/index.ts

@@ -0,0 +1,4 @@
+import "./get-game-assets";
+import "./get-game-shop-details";
+import "./get-game-stats";
+import "./get-random-game";

src/main/events/cloud-save/index.ts

@@ -0,0 +1,4 @@
+import "./download-game-artifact";
+import "./get-game-backup-preview";
+import "./select-game-backup-path";
+import "./upload-save-game";

src/main/events/download-sources/index.ts

@@ -0,0 +1,6 @@
+import "./add-download-source";
+import "./get-download-sources-check-baseline";
+import "./get-download-sources-since-value";
+import "./get-download-sources";
+import "./remove-download-source";
+import "./sync-download-sources";

src/main/events/hardware/index.ts

@@ -0,0 +1,2 @@
+import "./check-folder-write-permission";
+import "./get-disk-free-space";

src/main/events/index.ts

@@ -1,107 +1,22 @@
 import { appVersion, defaultDownloadsPath, isStaging } from "@main/constants";
 import { ipcMain } from "electron";
 
-import "./catalogue/get-game-shop-details";
+import "./auth";
-import "./catalogue/get-random-game";
+import "./autoupdater";
-import "./catalogue/get-game-stats";
+import "./catalogue";
-import "./hardware/get-disk-free-space";
+import "./cloud-save";
-import "./hardware/check-folder-write-permission";
+import "./download-sources";
-import "./library/add-game-to-library";
+import "./hardware";
-import "./library/add-custom-game-to-library";
+import "./library";
-import "./library/update-custom-game";
+import "./leveldb";
-import "./library/update-game-custom-assets";
+import "./misc";
-import "./library/add-game-to-favorites";
+import "./notifications";
-import "./library/remove-game-from-favorites";
+import "./profile";
-import "./library/toggle-game-pin";
+import "./themes";
-import "./library/create-game-shortcut";
+import "./torrenting";
-import "./library/close-game";
+import "./user";
-import "./library/delete-game-folder";
+import "./user-preferences";
-import "./library/get-game-by-object-id";
+
-import "./library/get-library";
-import "./library/refresh-library-assets";
-import "./library/extract-game-download";
-import "./library/clear-new-download-options";
-import "./library/open-game";
-import "./library/open-game-executable-path";
-import "./library/open-game-installer";
-import "./library/open-game-installer-path";
-import "./library/update-executable-path";
-import "./library/update-launch-options";
-import "./library/verify-executable-path";
-import "./library/remove-game";
-import "./library/remove-game-from-library";
-import "./library/select-game-wine-prefix";
-import "./library/reset-game-achievements";
-import "./library/change-game-playtime";
-import "./library/toggle-automatic-cloud-sync";
-import "./library/get-default-wine-prefix-selection-path";
-import "./library/cleanup-unused-assets";
-import "./library/create-steam-shortcut";
-import "./library/copy-custom-game-asset";
-import "./misc/open-checkout";
-import "./misc/open-external";
-import "./misc/show-open-dialog";
-import "./misc/show-item-in-folder";
-import "./misc/install-common-redist";
-import "./misc/can-install-common-redist";
-import "./misc/save-temp-file";
-import "./misc/delete-temp-file";
-import "./misc/install-hydra-decky-plugin";
-import "./misc/get-hydra-decky-plugin-info";
-import "./misc/check-homebrew-folder-exists";
-import "./misc/hydra-api-call";
-import "./torrenting/cancel-game-download";
-import "./torrenting/pause-game-download";
-import "./torrenting/resume-game-download";
-import "./torrenting/start-game-download";
-import "./torrenting/pause-game-seed";
-import "./torrenting/resume-game-seed";
-import "./torrenting/check-debrid-availability";
-import "./user-preferences/get-user-preferences";
-import "./user-preferences/update-user-preferences";
-import "./user-preferences/auto-launch";
-import "./autoupdater/check-for-updates";
-import "./autoupdater/restart-and-install-update";
-import "./user-preferences/authenticate-real-debrid";
-import "./user-preferences/authenticate-torbox";
-import "./download-sources/add-download-source";
-import "./download-sources/sync-download-sources";
-import "./download-sources/get-download-sources-check-baseline";
-import "./download-sources/get-download-sources-since-value";
-import "./auth/sign-out";
-import "./auth/open-auth-window";
-import "./auth/get-session-hash";
-import "./user/get-auth";
-import "./user/get-unlocked-achievements";
-import "./user/get-compared-unlocked-achievements";
-import "./profile/get-me";
-import "./profile/update-profile";
-import "./profile/process-profile-image";
-import "./profile/sync-friend-requests";
-import "./cloud-save/download-game-artifact";
-import "./cloud-save/get-game-backup-preview";
-import "./cloud-save/upload-save-game";
-import "./cloud-save/select-game-backup-path";
-import "./notifications/publish-new-repacks-notification";
-import "./notifications/update-achievement-notification-window";
-import "./notifications/show-achievement-test-notification";
-import "./themes/add-custom-theme";
-import "./themes/delete-custom-theme";
-import "./themes/get-all-custom-themes";
-import "./themes/delete-all-custom-themes";
-import "./themes/update-custom-theme";
-import "./themes/open-editor-window";
-import "./themes/get-custom-theme-by-id";
-import "./themes/get-active-custom-theme";
-import "./themes/close-editor-window";
-import "./themes/toggle-custom-theme";
-import "./themes/copy-theme-achievement-sound";
-import "./themes/remove-theme-achievement-sound";
-import "./themes/get-theme-sound-path";
-import "./themes/get-theme-sound-data-url";
-import "./themes/import-theme-sound-from-store";
-import "./download-sources/remove-download-source";
-import "./download-sources/get-download-sources";
 import { isPortableVersion } from "@main/helpers";
 
 ipcMain.handle("ping", () => "pong");

src/main/events/leveldb/helpers.ts

@@ -0,0 +1,27 @@
+import { db } from "@main/level";
+
+const sublevelCache = new Map<
+  string,
+  ReturnType<typeof db.sublevel<string, unknown>>
+>();
+
+/**
+ * Gets a sublevel by name, creating it if it doesn't exist.
+ * All sublevels use "json" encoding by default.
+ * @param sublevelName - The name of the sublevel to get or create
+ * @returns The sublevel instance
+ */
+export const getSublevelByName = (
+  sublevelName: string
+): ReturnType<typeof db.sublevel<string, unknown>> => {
+  if (sublevelCache.has(sublevelName)) {
+    return sublevelCache.get(sublevelName)!;
+  }
+
+  // All sublevels use "json" encoding - this cannot be changed per sublevel
+  const sublevel = db.sublevel<string, unknown>(sublevelName, {
+    valueEncoding: "json",
+  });
+  sublevelCache.set(sublevelName, sublevel);
+  return sublevel;
+};

src/main/events/leveldb/index.ts

@@ -0,0 +1,6 @@
+import "./leveldb-get";
+import "./leveldb-put";
+import "./leveldb-del";
+import "./leveldb-clear";
+import "./leveldb-values";
+import "./leveldb-iterator";

src/main/events/leveldb/leveldb-clear.ts

@@ -0,0 +1,18 @@
+import { registerEvent } from "../register-event";
+import { getSublevelByName } from "./helpers";
+import { logger } from "@main/services";
+
+const leveldbClear = async (
+  _event: Electron.IpcMainInvokeEvent,
+  sublevelName: string
+) => {
+  try {
+    const sublevel = getSublevelByName(sublevelName);
+    await sublevel.clear();
+  } catch (error) {
+    logger.error("Error in leveldbClear", error);
+    throw error;
+  }
+};
+
+registerEvent("leveldbClear", leveldbClear);

src/main/events/leveldb/leveldb-del.ts

@@ -0,0 +1,28 @@
+import { registerEvent } from "../register-event";
+import { db } from "@main/level";
+import { getSublevelByName } from "./helpers";
+import { logger } from "@main/services";
+
+const leveldbDel = async (
+  _event: Electron.IpcMainInvokeEvent,
+  key: string,
+  sublevelName?: string | null
+) => {
+  try {
+    if (sublevelName) {
+      const sublevel = getSublevelByName(sublevelName);
+      await sublevel.del(key);
+    } else {
+      await db.del(key);
+    }
+  } catch (error) {
+    if (error instanceof Error && error.name === "NotFoundError") {
+      // NotFoundError on delete is not an error, just return
+      return;
+    }
+    logger.error("Error in leveldbDel", error);
+    throw error;
+  }
+};
+
+registerEvent("leveldbDel", leveldbDel);

src/main/events/leveldb/leveldb-get.ts

@@ -0,0 +1,28 @@
+import { registerEvent } from "../register-event";
+import { db } from "@main/level";
+import { getSublevelByName } from "./helpers";
+import { logger } from "@main/services";
+
+const leveldbGet = async (
+  _event: Electron.IpcMainInvokeEvent,
+  key: string,
+  sublevelName?: string | null,
+  valueEncoding: "json" | "utf8" = "json"
+) => {
+  try {
+    if (sublevelName) {
+      // Note: sublevels always use "json" encoding, valueEncoding parameter is ignored
+      const sublevel = getSublevelByName(sublevelName);
+      return sublevel.get(key);
+    }
+    return db.get<string, unknown>(key, { valueEncoding });
+  } catch (error) {
+    if (error instanceof Error && error.name === "NotFoundError") {
+      return null;
+    }
+    logger.error("Error in leveldbGet", error);
+    throw error;
+  }
+};
+
+registerEvent("leveldbGet", leveldbGet);

src/main/events/leveldb/leveldb-iterator.ts

@@ -0,0 +1,18 @@
+import { registerEvent } from "../register-event";
+import { getSublevelByName } from "./helpers";
+import { logger } from "@main/services";
+
+const leveldbIterator = async (
+  _event: Electron.IpcMainInvokeEvent,
+  sublevelName: string
+) => {
+  try {
+    const sublevel = getSublevelByName(sublevelName);
+    return sublevel.iterator().all();
+  } catch (error) {
+    logger.error("Error in leveldbIterator", error);
+    throw error;
+  }
+};
+
+registerEvent("leveldbIterator", leveldbIterator);

src/main/events/leveldb/leveldb-put.ts

@@ -0,0 +1,27 @@
+import { registerEvent } from "../register-event";
+import { db } from "@main/level";
+import { getSublevelByName } from "./helpers";
+import { logger } from "@main/services";
+
+const leveldbPut = async (
+  _event: Electron.IpcMainInvokeEvent,
+  key: string,
+  value: unknown,
+  sublevelName?: string | null,
+  valueEncoding: "json" | "utf8" = "json"
+) => {
+  try {
+    if (sublevelName) {
+      // Note: sublevels always use "json" encoding, valueEncoding parameter is ignored
+      const sublevel = getSublevelByName(sublevelName);
+      await sublevel.put(key, value);
+    } else {
+      await db.put<string, unknown>(key, value, { valueEncoding });
+    }
+  } catch (error) {
+    logger.error("Error in leveldbPut", error);
+    throw error;
+  }
+};
+
+registerEvent("leveldbPut", leveldbPut);

src/main/events/leveldb/leveldb-values.ts

@@ -0,0 +1,18 @@
+import { registerEvent } from "../register-event";
+import { getSublevelByName } from "./helpers";
+import { logger } from "@main/services";
+
+const leveldbValues = async (
+  _event: Electron.IpcMainInvokeEvent,
+  sublevelName: string
+) => {
+  try {
+    const sublevel = getSublevelByName(sublevelName);
+    return sublevel.values().all();
+  } catch (error) {
+    logger.error("Error in leveldbValues", error);
+    throw error;
+  }
+};
+
+registerEvent("leveldbValues", leveldbValues);

src/main/events/library/index.ts

@@ -0,0 +1,32 @@
+import "./add-custom-game-to-library";
+import "./add-game-to-favorites";
+import "./add-game-to-library";
+import "./change-game-playtime";
+import "./cleanup-unused-assets";
+import "./clear-new-download-options";
+import "./close-game";
+import "./copy-custom-game-asset";
+import "./create-game-shortcut";
+import "./create-steam-shortcut";
+import "./delete-game-folder";
+import "./extract-game-download";
+import "./get-default-wine-prefix-selection-path";
+import "./get-game-by-object-id";
+import "./get-library";
+import "./open-game-executable-path";
+import "./open-game-installer-path";
+import "./open-game-installer";
+import "./open-game";
+import "./refresh-library-assets";
+import "./remove-game-from-favorites";
+import "./remove-game-from-library";
+import "./remove-game";
+import "./reset-game-achievements";
+import "./select-game-wine-prefix";
+import "./toggle-automatic-cloud-sync";
+import "./toggle-game-pin";
+import "./update-custom-game";
+import "./update-executable-path";
+import "./update-game-custom-assets";
+import "./update-launch-options";
+import "./verify-executable-path";

src/main/events/misc/index.ts

@@ -0,0 +1,12 @@
+import "./can-install-common-redist";
+import "./check-homebrew-folder-exists";
+import "./delete-temp-file";
+import "./get-hydra-decky-plugin-info";
+import "./hydra-api-call";
+import "./install-common-redist";
+import "./install-hydra-decky-plugin";
+import "./open-checkout";
+import "./open-external";
+import "./save-temp-file";
+import "./show-item-in-folder";
+import "./show-open-dialog";

src/main/events/notifications/index.ts

@@ -0,0 +1,3 @@
+import "./publish-new-repacks-notification";
+import "./show-achievement-test-notification";
+import "./update-achievement-notification-window";

src/main/events/profile/index.ts

@@ -0,0 +1,4 @@
+import "./get-me";
+import "./process-profile-image";
+import "./sync-friend-requests";
+import "./update-profile";

src/main/events/themes/index.ts

@@ -0,0 +1,15 @@
+import "./add-custom-theme";
+import "./close-editor-window";
+import "./copy-theme-achievement-sound";
+import "./delete-all-custom-themes";
+import "./delete-custom-theme";
+import "./get-active-custom-theme";
+import "./get-all-custom-themes";
+import "./get-custom-theme-by-id";
+import "./get-theme-sound-data-url";
+import "./get-theme-sound-path";
+import "./import-theme-sound-from-store";
+import "./open-editor-window";
+import "./remove-theme-achievement-sound";
+import "./toggle-custom-theme";
+import "./update-custom-theme";

src/main/events/torrenting/index.ts

@@ -0,0 +1,7 @@
+import "./cancel-game-download";
+import "./check-debrid-availability";
+import "./pause-game-download";
+import "./pause-game-seed";
+import "./resume-game-download";
+import "./resume-game-seed";
+import "./start-game-download";

src/main/events/user-preferences/index.ts

@@ -0,0 +1,5 @@
+import "./authenticate-real-debrid";
+import "./authenticate-torbox";
+import "./auto-launch";
+import "./get-user-preferences";
+import "./update-user-preferences";

src/main/events/user/index.ts

@@ -0,0 +1,3 @@
+import "./get-auth";
+import "./get-compared-unlocked-achievements";
+import "./get-unlocked-achievements";

src/main/level/sublevels/downloadSourcesCheckTimestamp.ts

@@ -7,7 +7,9 @@ export const getDownloadSourcesCheckBaseline = async (): Promise<
   string | null
 > => {
   try {
-    const timestamp = await db.get(levelKeys.downloadSourcesCheckBaseline);
+    const timestamp = await db.get(levelKeys.downloadSourcesCheckBaseline, {
+      valueEncoding: "utf8",
+    });
     return timestamp;
   } catch (error) {
     if (error instanceof Error && error.name === "NotFoundError") {
@@ -27,7 +29,9 @@ export const updateDownloadSourcesCheckBaseline = async (
   timestamp: string
 ): Promise<void> => {
   const utcTimestamp = new Date(timestamp).toISOString();
-  await db.put(levelKeys.downloadSourcesCheckBaseline, utcTimestamp);
+  await db.put(levelKeys.downloadSourcesCheckBaseline, utcTimestamp, {
+    valueEncoding: "utf8",
+  });
 };
 
 // Gets the 'since' value the API used in the last check (for modal comparison)
@@ -35,7 +39,9 @@ export const getDownloadSourcesSinceValue = async (): Promise<
   string | null
 > => {
   try {
-    const timestamp = await db.get(levelKeys.downloadSourcesSinceValue);
+    const timestamp = await db.get(levelKeys.downloadSourcesSinceValue, {
+      valueEncoding: "utf8",
+    });
     return timestamp;
   } catch (error) {
     if (error instanceof Error && error.name === "NotFoundError") {
@@ -55,5 +61,7 @@ export const updateDownloadSourcesSinceValue = async (
   timestamp: string
 ): Promise<void> => {
   const utcTimestamp = new Date(timestamp).toISOString();
-  await db.put(levelKeys.downloadSourcesSinceValue, utcTimestamp);
+  await db.put(levelKeys.downloadSourcesSinceValue, utcTimestamp, {
+    valueEncoding: "utf8",
+  });
 };

src/main/services/hydra-api.ts

@@ -30,7 +30,7 @@ export class HydraApi {
   private static instance: AxiosInstance;
 
   private static readonly EXPIRATION_OFFSET_IN_MS = 1000 * 60 * 5; // 5 minutes
-  private static readonly ADD_LOG_INTERCEPTOR = true;
+  private static readonly ADD_LOG_INTERCEPTOR = false;
 
   private static secondsToMilliseconds(seconds: number) {
     return seconds * 1000;

src/main/services/system-path.ts

@@ -13,9 +13,9 @@ export class SystemPath {
   };
 
   static checkIfPathsAreAvailable() {
-    const paths = Object.keys(SystemPath.paths) as Array<
+    const paths = Object.keys(
-      keyof typeof SystemPath.paths
+      SystemPath.paths
-    >;
+    ) as (keyof typeof SystemPath.paths)[];
 
     paths.forEach((pathName) => {
       try {

src/preload/index.ts

@@ -619,4 +619,28 @@ contextBridge.exposeInMainWorld("electron", {
   },
   closeEditorWindow: (themeId?: string) =>
     ipcRenderer.invoke("closeEditorWindow", themeId),
+
+  /* LevelDB Generic CRUD */
+  leveldb: {
+    get: (
+      key: string,
+      sublevelName?: string | null,
+      valueEncoding?: "json" | "utf8"
+    ) => ipcRenderer.invoke("leveldbGet", key, sublevelName, valueEncoding),
+    put: (
+      key: string,
+      value: unknown,
+      sublevelName?: string | null,
+      valueEncoding?: "json" | "utf8"
+    ) =>
+      ipcRenderer.invoke("leveldbPut", key, value, sublevelName, valueEncoding),
+    del: (key: string, sublevelName?: string | null) =>
+      ipcRenderer.invoke("leveldbDel", key, sublevelName),
+    clear: (sublevelName: string) =>
+      ipcRenderer.invoke("leveldbClear", sublevelName),
+    values: (sublevelName: string) =>
+      ipcRenderer.invoke("leveldbValues", sublevelName),
+    iterator: (sublevelName: string) =>
+      ipcRenderer.invoke("leveldbIterator", sublevelName),
+  },
 });

src/renderer/src/app.tsx

@@ -31,6 +31,8 @@ import {
   getAchievementSoundUrl,
   getAchievementSoundVolume,
 } from "./helpers";
+import { levelDBService } from "./services/leveldb.service";
+import type { UserPreferences } from "@types";
 import "./app.scss";
 
 export interface AppProps {
@@ -77,11 +79,12 @@ export function App() {
   const { showSuccessToast } = useToast();
 
   useEffect(() => {
-    Promise.all([window.electron.getUserPreferences(), updateLibrary()]).then(
+    Promise.all([
-      ([preferences]) => {
+      levelDBService.get("userPreferences", null, "json"),
-        dispatch(setUserPreferences(preferences));
+      updateLibrary(),
-      }
+    ]).then(([preferences]) => {
-    );
+      dispatch(setUserPreferences(preferences as UserPreferences | null));
+    });
   }, [navigate, location.pathname, dispatch, updateLibrary]);
 
   useEffect(() => {
@@ -204,7 +207,11 @@ export function App() {
   }, [dispatch, draggingDisabled]);
 
   const loadAndApplyTheme = useCallback(async () => {
-    const activeTheme = await window.electron.getActiveCustomTheme();
+    const allThemes = (await levelDBService.values("themes")) as {
+      isActive?: boolean;
+      code?: string;
+    }[];
+    const activeTheme = allThemes.find((theme) => theme.isActive);
     if (activeTheme?.code) {
       injectCustomCss(activeTheme.code);
     } else {

src/renderer/src/components/search-dropdown/highlight-text.tsx

@@ -1,11 +1,11 @@
 import React from "react";
 
 interface HighlightTextProps {
-  text: string;
+  readonly text: string;
-  query: string;
+  readonly query: string;
 }
 
-export function HighlightText({ text, query }: HighlightTextProps) {
+export function HighlightText({ text, query }: Readonly<HighlightTextProps>) {
   if (!query.trim()) {
     return <>{text}</>;
   }
@@ -20,7 +20,7 @@ export function HighlightText({ text, query }: HighlightTextProps) {
   }
 
   const textWords = text.split(/\b/);
-  const matches: Array<{ start: number; end: number; text: string }> = [];
+  const matches: { start: number; end: number; text: string }[] = [];
 
   let currentIndex = 0;
   textWords.forEach((word) => {
@@ -45,7 +45,7 @@ export function HighlightText({ text, query }: HighlightTextProps) {
 
   matches.sort((a, b) => a.start - b.start);
 
-  const mergedMatches: Array<{ start: number; end: number }> = [];
+  const mergedMatches: { start: number; end: number }[] = [];
 
   if (matches.length === 0) {
     return <>{text}</>;
@@ -63,7 +63,7 @@ export function HighlightText({ text, query }: HighlightTextProps) {
   }
   mergedMatches.push(current);
 
-  const parts: Array<{ text: string; highlight: boolean }> = [];
+  const parts: { text: string; highlight: boolean; key: string }[] = [];
   let lastIndex = 0;
 
   mergedMatches.forEach((match) => {
@@ -71,12 +71,14 @@ export function HighlightText({ text, query }: HighlightTextProps) {
       parts.push({
         text: text.slice(lastIndex, match.start),
         highlight: false,
+        key: `${lastIndex}-${match.start}`,
       });
     }
 
     parts.push({
       text: text.slice(match.start, match.end),
       highlight: true,
+      key: `${match.start}-${match.end}`,
     });
 
     lastIndex = match.end;
@@ -86,18 +88,19 @@ export function HighlightText({ text, query }: HighlightTextProps) {
     parts.push({
       text: text.slice(lastIndex),
       highlight: false,
+      key: `${lastIndex}-${text.length}`,
     });
   }
 
   return (
     <>
-      {parts.map((part, index) =>
+      {parts.map((part) =>
         part.highlight ? (
-          <mark key={index} className="search-dropdown__highlight">
+          <mark key={part.key} className="search-dropdown__highlight">
             {part.text}
           </mark>
         ) : (
-          <React.Fragment key={index}>{part.text}</React.Fragment>
+          <React.Fragment key={part.key}>{part.text}</React.Fragment>
         )
       )}
     </>

src/renderer/src/components/search-dropdown/search-dropdown.scss

@@ -44,7 +44,8 @@
     transition: color ease 0.2s;
 
     &:hover {
-      color: #dadbe1;
+      color: #ffffff;
+      background-color: rgba(255, 255, 255, 0.15);
     }
   }
 
@@ -76,6 +77,12 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    background-color: transparent;
+
+    &:hover {
+      color: #ff3333;
+      background-color: rgba(255, 85, 85, 0.2);
+    }
   }
 
   &__item {
@@ -134,8 +141,8 @@
   }
 
   &__highlight {
-    background-color: rgba(255, 193, 7, 0.3);
+    background-color: rgba(255, 193, 7, 0.4);
-    color: #ffc107;
+    color: #ffa000;
     font-weight: 600;
     padding: 0 2px;
     border-radius: 2px;

src/renderer/src/context/game-details/game-details.context.tsx

@@ -1,6 +1,8 @@
 import { createContext, useCallback, useEffect, useRef, useState } from "react";
 
 import { setHeaderTitle } from "@renderer/features";
+import { levelDBService } from "@renderer/services/leveldb.service";
+import { orderBy } from "lodash-es";
 import { getSteamLanguage } from "@renderer/helpers";
 import {
   useAppDispatch,
@@ -10,6 +12,7 @@ import {
 } from "@renderer/hooks";
 
 import type {
+  DownloadSource,
   GameRepack,
   GameShop,
   GameStats,
@@ -297,7 +300,10 @@ export function GameDetailsContextProvider({
 
     const fetchDownloadSources = async () => {
       try {
-        const sources = await window.electron.getDownloadSources();
+        const sourcesRaw = (await levelDBService.values(
+          "downloadSources"
+        )) as DownloadSource[];
+        const sources = orderBy(sourcesRaw, "createdAt", "desc");
 
         const params = {
           take: 100,

src/renderer/src/context/settings/settings.context.tsx

@@ -2,6 +2,7 @@ import { createContext, useCallback, useEffect, useState } from "react";
 
 import { setUserPreferences } from "@renderer/features";
 import { useAppDispatch } from "@renderer/hooks";
+import { levelDBService } from "@renderer/services/leveldb.service";
 import type { UserBlocks, UserPreferences } from "@types";
 import { useSearchParams } from "react-router-dom";
 
@@ -134,9 +135,11 @@ export function SettingsContextProvider({
 
   const updateUserPreferences = async (values: Partial<UserPreferences>) => {
     await window.electron.updateUserPreferences(values);
-    window.electron.getUserPreferences().then((userPreferences) => {
+    levelDBService
-      dispatch(setUserPreferences(userPreferences));
+      .get("userPreferences", null, "json")
-    });
+      .then((userPreferences) => {
+        dispatch(setUserPreferences(userPreferences as UserPreferences | null));
+      });
   };
 
   return (

src/renderer/src/declaration.d.ts

@@ -438,6 +438,25 @@ declare global {
     onNewDownloadOptions: (
       cb: (gamesWithNewOptions: { gameId: string; count: number }[]) => void
     ) => () => Electron.IpcRenderer;
+
+    /* LevelDB Generic CRUD */
+    leveldb: {
+      get: (
+        key: string,
+        sublevelName?: string | null,
+        valueEncoding?: "json" | "utf8"
+      ) => Promise<unknown>;
+      put: (
+        key: string,
+        value: unknown,
+        sublevelName?: string | null,
+        valueEncoding?: "json" | "utf8"
+      ) => Promise<void>;
+      del: (key: string, sublevelName?: string | null) => Promise<void>;
+      clear: (sublevelName: string) => Promise<void>;
+      values: (sublevelName: string) => Promise<unknown[]>;
+      iterator: (sublevelName: string) => Promise<[string, unknown][]>;
+    };
   }
 
   interface Window {

src/renderer/src/helpers.ts

@@ -3,6 +3,7 @@ import type { GameShop } from "@types";
 import Color from "color";
 import { v4 as uuidv4 } from "uuid";
 import { THEME_WEB_STORE_URL } from "./constants";
+import { levelDBService } from "./services/leveldb.service";
 
 export const formatDownloadProgress = (
   progress?: number,
@@ -127,7 +128,12 @@ export const getAchievementSoundUrl = async (): Promise<string> => {
     .default;
 
   try {
-    const activeTheme = await window.electron.getActiveCustomTheme();
+    const allThemes = (await levelDBService.values("themes")) as {
+      id: string;
+      isActive?: boolean;
+      hasCustomSound?: boolean;
+    }[];
+    const activeTheme = allThemes.find((theme) => theme.isActive);
 
     if (activeTheme?.hasCustomSound) {
       const soundDataUrl = await window.electron.getThemeSoundDataUrl(
@@ -146,10 +152,18 @@ export const getAchievementSoundUrl = async (): Promise<string> => {
 
 export const getAchievementSoundVolume = async (): Promise<number> => {
   try {
-    const prefs = await window.electron.getUserPreferences();
+    const prefs = (await levelDBService.get(
+      "userPreferences",
+      null,
+      "json"
+    )) as { achievementSoundVolume?: number } | null;
     return prefs?.achievementSoundVolume ?? 0.15;
   } catch (error) {
     console.error("Failed to get sound volume", error);
     return 0.15;
   }
 };
+
+export const getGameKey = (shop: GameShop, objectId: string): string => {
+  return `${shop}:${objectId}`;
+};

src/renderer/src/hooks/use-catalogue.ts

@@ -1,8 +1,9 @@
 import axios from "axios";
 import { useCallback, useEffect, useState } from "react";
+import { levelDBService } from "@renderer/services/leveldb.service";
+import type { DownloadSource } from "@types";
 import { useAppDispatch } from "./redux";
 import { setGenres, setTags } from "@renderer/features";
-import type { DownloadSource } from "@types";
 
 export const externalResourcesInstance = axios.create({
   baseURL: import.meta.env.RENDERER_VITE_EXTERNAL_RESOURCES_URL,
@@ -40,8 +41,9 @@ export function useCatalogue() {
   }, []);
 
   const getDownloadSources = useCallback(() => {
-    window.electron.getDownloadSources().then((results) => {
+    levelDBService.values("downloadSources").then((results) => {
-      setDownloadSources(results.filter((source) => !!source.fingerprint));
+      const sources = results as DownloadSource[];
+      setDownloadSources(sources.filter((source) => !!source.fingerprint));
     });
   }, []);
 

src/renderer/src/hooks/use-search-suggestions.ts

@@ -1,6 +1,7 @@
 import { useState, useEffect, useCallback, useRef } from "react";
 import { useAppSelector } from "./redux";
 import { debounce } from "lodash-es";
+import { logger } from "@renderer/logger";
 
 export interface SearchSuggestion {
   title: string;
@@ -85,12 +86,12 @@ export function useSearchSuggestions(
 
       try {
         const response = await window.electron.hydraApi.get<
-          Array<{
+          {
             title: string;
             objectId: string;
             shop: string;
             iconUrl: string | null;
-          }>
+          }[]
         >("/catalogue/search/suggestions", {
           params: {
             query: searchQuery,
@@ -113,6 +114,7 @@ export function useSearchSuggestions(
       } catch (error) {
         if (!abortController.signal.aborted) {
           setSuggestions([]);
+          logger.error("Failed to fetch catalogue suggestions", error);
         }
       } finally {
         if (!abortController.signal.aborted) {

src/renderer/src/main.tsx

@@ -21,6 +21,7 @@ import resources from "@locales";
 
 import { logger } from "./logger";
 import { addCookieInterceptor } from "./cookies";
+import { levelDBService } from "./services/leveldb.service";
 import Catalogue from "./pages/catalogue/catalogue";
 import Home from "./pages/home/home";
 import Downloads from "./pages/downloads/downloads";
@@ -48,7 +49,11 @@ i18n
     },
   })
   .then(async () => {
-    const userPreferences = await window.electron.getUserPreferences();
+    const userPreferences = (await levelDBService.get(
+      "userPreferences",
+      null,
+      "json"
+    )) as { language?: string } | null;
 
     if (userPreferences?.language) {
       i18n.changeLanguage(userPreferences.language);

src/renderer/src/pages/achievements/notification/achievement-notification.tsx

@@ -11,6 +11,7 @@ import {
   getAchievementSoundVolume,
 } from "@renderer/helpers";
 import { AchievementNotificationItem } from "@renderer/components/achievements/notification/achievement-notification";
+import { levelDBService } from "@renderer/services/leveldb.service";
 import app from "../../../app.scss?inline";
 import styles from "../../../components/achievements/notification/achievement-notification.scss?inline";
 import root from "react-shadow";
@@ -144,7 +145,11 @@ export function AchievementNotification() {
 
   const loadAndApplyTheme = useCallback(async () => {
     if (!shadowRootRef) return;
-    const activeTheme = await window.electron.getActiveCustomTheme();
+    const allThemes = (await levelDBService.values("themes")) as {
+      isActive?: boolean;
+      code?: string;
+    }[];
+    const activeTheme = allThemes.find((theme) => theme.isActive);
     if (activeTheme?.code) {
       injectCustomCss(activeTheme.code, shadowRootRef);
     } else {

src/renderer/src/pages/game-details/gallery-slider/gallery-slider.tsx

@@ -100,20 +100,48 @@ export function GallerySlider() {
       src?: string;
       poster?: string;
       videoSrc?: string;
+      videoType?: string;
       alt: string;
     }> = [];
 
     if (shopDetails?.movies) {
       shopDetails.movies.forEach((video, index) => {
-        items.push({
+        // Prefer new formats: HLS (best browser support), then DASH H264, then DASH AV1
-          id: String(video.id),
+        // Fallback to old format: mp4/webm if new formats are not available
-          type: "video",
+        let videoSrc: string | undefined;
-          poster: video.thumbnail,
+        let videoType: string | undefined;
-          videoSrc: video.mp4.max.startsWith("http://")
+
-            ? video.mp4.max.replace("http://", "https://")
+        if (video.hls_h264) {
-            : video.mp4.max,
+          videoSrc = video.hls_h264;
-          alt: t("video", { number: String(index + 1) }),
+          videoType = "application/x-mpegURL";
-        });
+        } else if (video.dash_h264) {
+          videoSrc = video.dash_h264;
+          videoType = "application/dash+xml";
+        } else if (video.dash_av1) {
+          videoSrc = video.dash_av1;
+          videoType = "application/dash+xml";
+        } else if (video.mp4?.max) {
+          // Fallback to old format
+          videoSrc = video.mp4.max;
+          videoType = "video/mp4";
+        } else if (video.webm?.max) {
+          // Fallback to webm if mp4 is not available
+          videoSrc = video.webm.max;
+          videoType = "video/webm";
+        }
+
+        if (videoSrc) {
+          items.push({
+            id: String(video.id),
+            type: "video",
+            poster: video.thumbnail,
+            videoSrc: videoSrc.startsWith("http://")
+              ? videoSrc.replace("http://", "https://")
+              : videoSrc,
+            videoType,
+            alt: video.name || t("video", { number: String(index + 1) }),
+          });
+        }
       });
     }
 
@@ -172,7 +200,9 @@ export function GallerySlider() {
                   autoPlay={autoplayEnabled}
                   tabIndex={-1}
                 >
-                  <source src={item.videoSrc} />
+                  {item.videoSrc && (
+                    <source src={item.videoSrc} type={item.videoType} />
+                  )}
                 </video>
               ) : (
                 <img

src/renderer/src/pages/game-details/modals/game-options-modal.tsx

@@ -1,7 +1,7 @@
 import { useContext, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Button, CheckboxField, Modal, TextField } from "@renderer/components";
-import type { LibraryGame, ShortcutLocation } from "@types";
+import type { Game, LibraryGame, ShortcutLocation } from "@types";
 import { gameDetailsContext } from "@renderer/context";
 import { DeleteGameModal } from "@renderer/pages/downloads/delete-game-modal";
 import { useDownload, useToast, useUserDetails } from "@renderer/hooks";
@@ -11,6 +11,8 @@ import { ChangeGamePlaytimeModal } from "./change-game-playtime-modal";
 import { FileDirectoryIcon, FileIcon } from "@primer/octicons-react";
 import SteamLogo from "@renderer/assets/steam-logo.svg?react";
 import { debounce } from "lodash-es";
+import { levelDBService } from "@renderer/services/leveldb.service";
+import { getGameKey } from "@renderer/helpers";
 import "./game-options-modal.scss";
 import { logger } from "@renderer/logger";
 
@@ -75,11 +77,19 @@ export function GameOptionsModal({
 
   const debounceUpdateLaunchOptions = useRef(
     debounce(async (value: string) => {
-      await window.electron.updateLaunchOptions(
+      const gameKey = getGameKey(game.shop, game.objectId);
-        game.shop,
+      const gameData = (await levelDBService.get(
-        game.objectId,
+        gameKey,
-        value
+        "games"
-      );
+      )) as Game | null;
+      if (gameData) {
+        const trimmedValue = value.trim();
+        const updated = {
+          ...gameData,
+          launchOptions: trimmedValue ? trimmedValue : null,
+        };
+        await levelDBService.put(gameKey, updated, "games");
+      }
       updateGame();
     }, 1000)
   ).current;
@@ -213,9 +223,16 @@ export function GameOptionsModal({
   const handleClearLaunchOptions = async () => {
     setLaunchOptions("");
 
-    window.electron
+    const gameKey = getGameKey(game.shop, game.objectId);
-      .updateLaunchOptions(game.shop, game.objectId, null)
+    const gameData = (await levelDBService.get(
-      .then(updateGame);
+      gameKey,
+      "games"
+    )) as Game | null;
+    if (gameData) {
+      const updated = { ...gameData, launchOptions: null };
+      await levelDBService.put(gameKey, updated, "games");
+    }
+    updateGame();
   };
 
   const shouldShowWinePrefixConfiguration =
@@ -256,11 +273,15 @@ export function GameOptionsModal({
   ) => {
     setAutomaticCloudSync(event.target.checked);
 
-    await window.electron.toggleAutomaticCloudSync(
+    const gameKey = getGameKey(game.shop, game.objectId);
-      game.shop,
+    const gameData = (await levelDBService.get(
-      game.objectId,
+      gameKey,
-      event.target.checked
+      "games"
-    );
+    )) as Game | null;
+    if (gameData) {
+      const updated = { ...gameData, automaticCloudSync: event.target.checked };
+      await levelDBService.put(gameKey, updated, "games");
+    }
 
     updateGame();
   };

src/renderer/src/pages/game-details/modals/repacks-modal.tsx

@@ -15,7 +15,7 @@ import {
   TextField,
   CheckboxField,
 } from "@renderer/components";
-import type { DownloadSource, GameRepack } from "@types";
+import type { DownloadSource, Game, GameRepack } from "@types";
 
 import { DownloadSettingsModal } from "./download-settings-modal";
 import { gameDetailsContext } from "@renderer/context";
@@ -23,6 +23,8 @@ import { Downloader } from "@shared";
 import { orderBy } from "lodash-es";
 import { useDate, useFeature, useAppDispatch } from "@renderer/hooks";
 import { clearNewDownloadOptions } from "@renderer/features";
+import { levelDBService } from "@renderer/services/leveldb.service";
+import { getGameKey } from "@renderer/helpers";
 import "./repacks-modal.scss";
 
 export interface RepacksModalProps {
@@ -98,8 +100,11 @@ export function RepacksModal({
 
   useEffect(() => {
     const fetchDownloadSources = async () => {
-      const sources = await window.electron.getDownloadSources();
+      const sources = (await levelDBService.values(
-      setDownloadSources(sources);
+        "downloadSources"
+      )) as DownloadSource[];
+      const sorted = orderBy(sources, "createdAt", "desc");
+      setDownloadSources(sorted);
     };
 
     fetchDownloadSources();
@@ -109,10 +114,19 @@ export function RepacksModal({
     const fetchLastCheckTimestamp = async () => {
       setIsLoadingTimestamp(true);
 
-      const timestamp = await window.electron.getDownloadSourcesSinceValue();
+      try {
+        const timestamp = (await levelDBService.get(
+          "downloadSourcesSinceValue",
+          null,
+          "utf8"
+        )) as string | null;
 
-      setLastCheckTimestamp(timestamp);
+        setLastCheckTimestamp(timestamp);
-      setIsLoadingTimestamp(false);
+      } catch {
+        setLastCheckTimestamp(null);
+      } finally {
+        setIsLoadingTimestamp(false);
+      }
     };
 
     if (visible) {
@@ -126,7 +140,20 @@ export function RepacksModal({
       game?.newDownloadOptionsCount &&
       game.newDownloadOptionsCount > 0
     ) {
-      globalThis.electron.clearNewDownloadOptions(game.shop, game.objectId);
+      const gameKey = getGameKey(game.shop, game.objectId);
+      levelDBService
+        .get(gameKey, "games")
+        .then((gameData) => {
+          if (gameData) {
+            const updated = {
+              ...(gameData as Game),
+              newDownloadOptionsCount: undefined,
+            };
+            return levelDBService.put(gameKey, updated, "games");
+          }
+          return Promise.resolve();
+        })
+        .catch(() => {});
 
       const gameId = `${game.shop}:${game.objectId}`;
       dispatch(clearNewDownloadOptions({ gameId }));

src/renderer/src/pages/home/home.tsx

@@ -1,11 +1,13 @@
 import { useCallback, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
+import { levelDBService } from "@renderer/services/leveldb.service";
+import { orderBy } from "lodash-es";
 import { useNavigate } from "react-router-dom";
 
 import Skeleton, { SkeletonTheme } from "react-loading-skeleton";
 
 import { Button, GameCard, Hero } from "@renderer/components";
-import type { ShopAssets, Steam250Game } from "@types";
+import type { DownloadSource, ShopAssets, Steam250Game } from "@types";
 
 import flameIconStatic from "@renderer/assets/icons/flame-static.png";
 import flameIconAnimated from "@renderer/assets/icons/flame-animated.gif";
@@ -40,7 +42,10 @@ export default function Home() {
       setCurrentCatalogueCategory(category);
       setIsLoading(true);
 
-      const downloadSources = await window.electron.getDownloadSources();
+      const sources = (await levelDBService.values(
+        "downloadSources"
+      )) as DownloadSource[];
+      const downloadSources = orderBy(sources, "createdAt", "desc");
 
       const params = {
         take: 12,

src/renderer/src/pages/settings/aparence/components/theme-card.tsx

@@ -8,6 +8,7 @@ import { useState } from "react";
 import { DeleteThemeModal } from "../modals/delete-theme-modal";
 import { injectCustomCss, removeCustomCss } from "@renderer/helpers";
 import { THEME_WEB_STORE_URL } from "@renderer/constants";
+import { levelDBService } from "@renderer/services/leveldb.service";
 
 interface ThemeCardProps {
   theme: Theme;
@@ -22,11 +23,18 @@ export const ThemeCard = ({ theme, onListUpdated }: ThemeCardProps) => {
 
   const handleSetTheme = async () => {
     try {
-      const currentTheme = await window.electron.getCustomThemeById(theme.id);
+      const currentTheme = (await levelDBService.get(
+        theme.id,
+        "themes"
+      )) as Theme | null;
 
       if (!currentTheme) return;
 
-      const activeTheme = await window.electron.getActiveCustomTheme();
+      const allThemes = (await levelDBService.values("themes")) as {
+        id: string;
+        isActive?: boolean;
+      }[];
+      const activeTheme = allThemes.find((t) => t.isActive);
 
       if (activeTheme) {
         removeCustomCss();

src/renderer/src/pages/settings/aparence/modals/add-theme-modal.tsx

@@ -10,6 +10,7 @@ import * as yup from "yup";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { useCallback } from "react";
 import { generateUUID } from "@renderer/helpers";
+import { levelDBService } from "@renderer/services/leveldb.service";
 
 import "./modals.scss";
 
@@ -90,7 +91,7 @@ export function AddThemeModal({
         updatedAt: new Date(),
       };
 
-      await window.electron.addCustomTheme(theme);
+      await levelDBService.put(theme.id, theme, "themes");
       onThemeAdded();
       onClose();
       reset();

src/renderer/src/pages/settings/aparence/modals/delete-all-themes-modal.tsx

@@ -3,6 +3,7 @@ import { Modal } from "@renderer/components/modal/modal";
 import { useTranslation } from "react-i18next";
 import "./modals.scss";
 import { removeCustomCss } from "@renderer/helpers";
+import { levelDBService } from "@renderer/services/leveldb.service";
 
 interface DeleteAllThemesModalProps {
   visible: boolean;
@@ -18,13 +19,16 @@ export const DeleteAllThemesModal = ({
   const { t } = useTranslation("settings");
 
   const handleDeleteAllThemes = async () => {
-    const activeTheme = await window.electron.getActiveCustomTheme();
+    const allThemes = (await levelDBService.values("themes")) as {
+      isActive?: boolean;
+    }[];
+    const activeTheme = allThemes.find((theme) => theme.isActive);
 
     if (activeTheme) {
       removeCustomCss();
     }
 
-    await window.electron.deleteAllCustomThemes();
+    await levelDBService.clear("themes");
     await window.electron.closeEditorWindow();
     onClose();
     onThemesDeleted();

src/renderer/src/pages/settings/aparence/modals/delete-theme-modal.tsx

@@ -3,6 +3,7 @@ import { Modal } from "@renderer/components/modal/modal";
 import { useTranslation } from "react-i18next";
 import "./modals.scss";
 import { removeCustomCss } from "@renderer/helpers";
+import { levelDBService } from "@renderer/services/leveldb.service";
 
 interface DeleteThemeModalProps {
   visible: boolean;
@@ -28,7 +29,7 @@ export const DeleteThemeModal = ({
       removeCustomCss();
     }
 
-    await window.electron.deleteCustomTheme(themeId);
+    await levelDBService.del(themeId, "themes");
     await window.electron.closeEditorWindow(themeId);
     onThemeDeleted();
   };

src/renderer/src/pages/settings/aparence/modals/import-theme-modal.tsx

@@ -11,6 +11,7 @@ import {
 import { useToast } from "@renderer/hooks";
 import { THEME_WEB_STORE_URL } from "@renderer/constants";
 import { logger } from "@renderer/logger";
+import { levelDBService } from "@renderer/services/leveldb.service";
 
 interface ImportThemeModalProps {
   visible: boolean;
@@ -45,9 +46,12 @@ export const ImportThemeModal = ({
     };
 
     try {
-      await window.electron.addCustomTheme(theme);
+      await levelDBService.put(theme.id, theme, "themes");
 
-      const currentTheme = await window.electron.getCustomThemeById(theme.id);
+      const currentTheme = (await levelDBService.get(
+        theme.id,
+        "themes"
+      )) as Theme | null;
 
       if (!currentTheme) return;
 
@@ -61,7 +65,11 @@ export const ImportThemeModal = ({
         logger.error("Failed to import theme sound", soundError);
       }
 
-      const activeTheme = await window.electron.getActiveCustomTheme();
+      const allThemes = (await levelDBService.values("themes")) as {
+        id: string;
+        isActive?: boolean;
+      }[];
+      const activeTheme = allThemes.find((t) => t.isActive);
 
       if (activeTheme) {
         removeCustomCss();

src/renderer/src/pages/settings/aparence/settings-appearance.tsx

@@ -5,6 +5,7 @@ import type { Theme } from "@types";
 import { ImportThemeModal } from "./modals/import-theme-modal";
 import { settingsContext } from "@renderer/context";
 import { useNavigate } from "react-router-dom";
+import { levelDBService } from "@renderer/services/leveldb.service";
 
 interface SettingsAppearanceProps {
   appearance: {
@@ -31,7 +32,7 @@ export function SettingsAppearance({
   const navigate = useNavigate();
 
   const loadThemes = useCallback(async () => {
-    const themesList = await window.electron.getAllCustomThemes();
+    const themesList = (await levelDBService.values("themes")) as Theme[];
     setThemes(themesList);
   }, []);
 

src/renderer/src/pages/settings/settings-download-sources.tsx

@@ -21,6 +21,8 @@ import { DownloadSourceStatus } from "@shared";
 import { settingsContext } from "@renderer/context";
 import { useNavigate } from "react-router-dom";
 import { setFilters, clearFilters } from "@renderer/features";
+import { levelDBService } from "@renderer/services/leveldb.service";
+import { orderBy } from "lodash-es";
 import "./settings-download-sources.scss";
 import { logger } from "@renderer/logger";
 
@@ -52,8 +54,11 @@ export function SettingsDownloadSources() {
 
   useEffect(() => {
     const fetchDownloadSources = async () => {
-      const sources = await window.electron.getDownloadSources();
+      const sources = (await levelDBService.values(
-      setDownloadSources(sources);
+        "downloadSources"
+      )) as DownloadSource[];
+      const sorted = orderBy(sources, "createdAt", "desc");
+      setDownloadSources(sorted);
     };
 
     fetchDownloadSources();
@@ -73,8 +78,11 @@ export function SettingsDownloadSources() {
     const intervalId = setInterval(async () => {
       try {
         await window.electron.syncDownloadSources();
-        const sources = await window.electron.getDownloadSources();
+        const sources = (await levelDBService.values(
-        setDownloadSources(sources);
+          "downloadSources"
+        )) as DownloadSource[];
+        const sorted = orderBy(sources, "createdAt", "desc");
+        setDownloadSources(sorted);
       } catch (error) {
         logger.error("Failed to fetch download sources:", error);
       }
@@ -88,8 +96,11 @@ export function SettingsDownloadSources() {
 
     try {
       await window.electron.removeDownloadSource(false, downloadSource.id);
-      const sources = await window.electron.getDownloadSources();
+      const sources = (await levelDBService.values(
-      setDownloadSources(sources);
+        "downloadSources"
+      )) as DownloadSource[];
+      const sorted = orderBy(sources, "createdAt", "desc");
+      setDownloadSources(sorted);
       showSuccessToast(t("removed_download_source"));
     } catch (error) {
       logger.error("Failed to remove download source:", error);
@@ -103,8 +114,11 @@ export function SettingsDownloadSources() {
 
     try {
       await window.electron.removeDownloadSource(true);
-      const sources = await window.electron.getDownloadSources();
+      const sources = (await levelDBService.values(
-      setDownloadSources(sources);
+        "downloadSources"
+      )) as DownloadSource[];
+      const sorted = orderBy(sources, "createdAt", "desc");
+      setDownloadSources(sorted);
       showSuccessToast(t("removed_all_download_sources"));
     } catch (error) {
       logger.error("Failed to remove all download sources:", error);
@@ -116,8 +130,11 @@ export function SettingsDownloadSources() {
 
   const handleAddDownloadSource = async () => {
     try {
-      const sources = await window.electron.getDownloadSources();
+      const sources = (await levelDBService.values(
-      setDownloadSources(sources);
+        "downloadSources"
+      )) as DownloadSource[];
+      const sorted = orderBy(sources, "createdAt", "desc");
+      setDownloadSources(sorted);
     } catch (error) {
       logger.error("Failed to refresh download sources:", error);
     }
@@ -127,8 +144,11 @@ export function SettingsDownloadSources() {
     setIsSyncingDownloadSources(true);
     try {
       await window.electron.syncDownloadSources();
-      const sources = await window.electron.getDownloadSources();
+      const sources = (await levelDBService.values(
-      setDownloadSources(sources);
+        "downloadSources"
+      )) as DownloadSource[];
+      const sorted = orderBy(sources, "createdAt", "desc");
+      setDownloadSources(sorted);
 
       showSuccessToast(t("download_sources_synced_successfully"));
     } finally {

src/renderer/src/pages/theme-editor/theme-editor.tsx

@@ -16,6 +16,7 @@ import { injectCustomCss, getAchievementSoundVolume } from "@renderer/helpers";
 import { AchievementNotificationItem } from "@renderer/components/achievements/notification/achievement-notification";
 import { generateAchievementCustomNotificationTest } from "@shared";
 import { CollapsedMenu } from "@renderer/components/collapsed-menu/collapsed-menu";
+import { levelDBService } from "@renderer/services/leveldb.service";
 import app from "../../app.scss?inline";
 import styles from "../../components/achievements/notification/achievement-notification.scss?inline";
 import root from "react-shadow";
@@ -64,15 +65,16 @@ export default function ThemeEditor() {
 
   useEffect(() => {
     if (themeId) {
-      window.electron.getCustomThemeById(themeId).then((loadedTheme) => {
+      levelDBService.get(themeId, "themes").then((loadedTheme) => {
-        if (loadedTheme) {
+        const theme = loadedTheme as Theme | null;
-          setTheme(loadedTheme);
+        if (theme) {
-          setCode(loadedTheme.code);
+          setTheme(theme);
-          if (loadedTheme.originalSoundPath) {
+          setCode(theme.code);
-            setSoundPath(loadedTheme.originalSoundPath);
+          if (theme.originalSoundPath) {
+            setSoundPath(theme.originalSoundPath);
           }
           if (shadowRootRef) {
-            injectCustomCss(loadedTheme.code, shadowRootRef);
+            injectCustomCss(theme.code, shadowRootRef);
           }
         }
       });
@@ -132,7 +134,10 @@ export default function ThemeEditor() {
     if (filePaths && filePaths.length > 0) {
       const originalPath = filePaths[0];
       await window.electron.copyThemeAchievementSound(theme.id, originalPath);
-      const updatedTheme = await window.electron.getCustomThemeById(theme.id);
+      const updatedTheme = (await levelDBService.get(
+        theme.id,
+        "themes"
+      )) as Theme | null;
       if (updatedTheme) {
         setTheme(updatedTheme);
         if (updatedTheme.originalSoundPath) {
@@ -146,7 +151,10 @@ export default function ThemeEditor() {
     if (!theme) return;
 
     await window.electron.removeThemeAchievementSound(theme.id);
-    const updatedTheme = await window.electron.getCustomThemeById(theme.id);
+    const updatedTheme = (await levelDBService.get(
+      theme.id,
+      "themes"
+    )) as Theme | null;
     if (updatedTheme) {
       setTheme(updatedTheme);
     }

src/renderer/src/services/leveldb.service.ts

@@ -0,0 +1,36 @@
+class LevelDBService {
+  get(
+    key: string,
+    sublevelName?: string | null,
+    valueEncoding?: "json" | "utf8"
+  ): Promise<unknown> {
+    return window.electron.leveldb.get(key, sublevelName, valueEncoding);
+  }
+
+  put(
+    key: string,
+    value: unknown,
+    sublevelName?: string | null,
+    valueEncoding?: "json" | "utf8"
+  ): Promise<void> {
+    return window.electron.leveldb.put(key, value, sublevelName, valueEncoding);
+  }
+
+  del(key: string, sublevelName?: string | null): Promise<void> {
+    return window.electron.leveldb.del(key, sublevelName);
+  }
+
+  clear(sublevelName: string): Promise<void> {
+    return window.electron.leveldb.clear(sublevelName);
+  }
+
+  values(sublevelName: string): Promise<unknown[]> {
+    return window.electron.leveldb.values(sublevelName);
+  }
+
+  iterator(sublevelName: string): Promise<[string, unknown][]> {
+    return window.electron.leveldb.iterator(sublevelName);
+  }
+}
+
+export const levelDBService = new LevelDBService();

src/types/steam.types.ts

@@ -16,8 +16,11 @@ export interface SteamVideoSource {
 
 export interface SteamMovies {
   id: number;
-  mp4: SteamVideoSource;
+  dash_av1?: string;
-  webm: SteamVideoSource;
+  dash_h264?: string;
+  hls_h264?: string;
+  mp4?: SteamVideoSource;
+  webm?: SteamVideoSource;
   thumbnail: string;
   name: string;
   highlight: boolean;