Merge branch 'feature/cloud-sync' into feature/game-achievements

# Conflicts:
#	src/locales/en/translation.json
#	src/locales/pt-BR/translation.json
#	src/main/events/library/add-game-to-library.ts
#	src/renderer/src/pages/game-details/sidebar/sidebar.css.ts
#	src/renderer/src/pages/game-details/sidebar/sidebar.tsx

src/main/services/how-long-to-beat.ts

@@ -1,32 +1,65 @@
 import axios from "axios";
 import { requestWebPage } from "@main/helpers";
-import { HowLongToBeatCategory } from "@types";
+import type {
+  HowLongToBeatCategory,
+  HowLongToBeatSearchResponse,
+} from "@types";
 import { formatName } from "@shared";
 import { logger } from "./logger";
+import UserAgent from "user-agents";
 
-export interface HowLongToBeatResult {
-  game_id: number;
-  profile_steam: number;
-}
+const state = {
+  apiKey: null as string | null,
+};
 
-export interface HowLongToBeatSearchResponse {
-  data: HowLongToBeatResult[];
-}
+const getHowLongToBeatSearchApiKey = async () => {
+  const userAgent = new UserAgent();
+
+  const document = await requestWebPage("https://howlongtobeat.com/");
+  const scripts = Array.from(document.querySelectorAll("script"));
+
+  const appScript = scripts.find((script) =>
+    script.src.startsWith("/_next/static/chunks/pages/_app")
+  );
+
+  if (!appScript) return null;
+
+  const response = await axios.get(
+    `https://howlongtobeat.com${appScript.src}`,
+    {
+      headers: {
+        "User-Agent": userAgent.toString(),
+      },
+    }
+  );
+
+  const results = /fetch\("\/api\/search\/"\.concat\("(.*?)"\)/gm.exec(
+    response.data
+  );
+
+  if (!results) return null;
+
+  return results[1];
+};
 
 export const searchHowLongToBeat = async (gameName: string) => {
+  state.apiKey = state.apiKey ?? (await getHowLongToBeatSearchApiKey());
+  if (!state.apiKey) return { data: [] };
+
+  const userAgent = new UserAgent();
+
   const response = await axios
     .post(
-      "https://howlongtobeat.com/api/search",
+      "https://howlongtobeat.com/api/search/8fbd64723a8204dd",
       {
         searchType: "games",
         searchTerms: formatName(gameName).split(" "),
         searchPage: 1,
-        size: 100,
+        size: 20,
       },
       {
         headers: {
-          "User-Agent":
-            "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36",
+          "User-Agent": userAgent.toString(),
           Referer: "https://howlongtobeat.com/",
         },
       }

src/main/services/index.ts

@@ -8,3 +8,4 @@ export * from "./how-long-to-beat";
 export * from "./process-watcher";
 export * from "./main-loop";
 export * from "./hydra-api";
+export * from "./ludusavi";

src/main/services/ludusavi.ts

@@ -0,0 +1,63 @@
+import { GameShop, LudusaviBackup } from "@types";
+import Piscina from "piscina";
+
+import { app } from "electron";
+import path from "node:path";
+
+import ludusaviWorkerPath from "../workers/ludusavi.worker?modulePath";
+
+const binaryPath = app.isPackaged
+  ? path.join(process.resourcesPath, "ludusavi", "ludusavi")
+  : path.join(__dirname, "..", "..", "ludusavi", "ludusavi");
+
+export class Ludusavi {
+  private static worker = new Piscina({
+    filename: ludusaviWorkerPath,
+    workerData: {
+      binaryPath,
+    },
+  });
+
+  static async findGames(shop: GameShop, objectId: string): Promise<string[]> {
+    const games = await this.worker.run(
+      { objectId, shop },
+      { name: "findGames" }
+    );
+
+    return games;
+  }
+
+  static async backupGame(
+    shop: GameShop,
+    objectId: string,
+    backupPath: string
+  ): Promise<LudusaviBackup> {
+    const games = await this.findGames(shop, objectId);
+    if (!games.length) throw new Error("Game not found");
+
+    return this.worker.run(
+      { title: games[0], backupPath },
+      { name: "backupGame" }
+    );
+  }
+
+  static async getBackupPreview(
+    shop: GameShop,
+    objectId: string,
+    backupPath: string
+  ): Promise<LudusaviBackup | null> {
+    const games = await this.findGames(shop, objectId);
+    if (!games.length) return null;
+
+    const backupData = await this.worker.run(
+      { title: games[0], backupPath, preview: true },
+      { name: "backupGame" }
+    );
+
+    return backupData;
+  }
+
+  static async restoreBackup(backupPath: string) {
+    return this.worker.run(backupPath, { name: "restoreBackup" });
+  }
+}

src/main/services/process-watcher.ts

@@ -2,7 +2,7 @@ import { IsNull, Not } from "typeorm";
 import { gameRepository } from "@main/repository";
 import { WindowManager } from "./window-manager";
 import { createGame, updateGamePlaytime } from "./library-sync";
-import { GameRunning } from "@types";
+import type { GameRunning } from "@types";
 import { PythonInstance } from "./download";
 import { Game } from "@main/entity";
 

src/main/services/steam-250.ts

@@ -17,7 +17,7 @@ export const requestSteam250 = async (path: string) => {
 
           return {
             title: $title.textContent,
-            objectID: steamGameUrl.split("/").pop(),
+            objectId: steamGameUrl.split("/").pop(),
           } as Steam250Game;
         })
         .filter((game) => game != null);
@@ -38,7 +38,7 @@ export const getSteam250List = async () => {
   ).flat();
 
   const gamesMap: Map<string, Steam250Game> = gamesList.reduce((map, item) => {
-    if (item) map.set(item.objectID, item);
+    if (item) map.set(item.objectId, item);
 
     return map;
   }, new Map());

src/main/services/steam-grid.ts

@@ -1,3 +1,4 @@
+import type { GameShop } from "@types";
 import axios from "axios";
 
 export interface SteamGridResponse {
@@ -20,9 +21,9 @@ export interface SteamGridGameResponse {
 }
 
 export const getSteamGridData = async (
-  objectID: string,
+  objectId: string,
   path: string,
-  shop: string,
+  shop: GameShop,
   params: Record<string, string> = {}
 ): Promise<SteamGridResponse> => {
   const searchParams = new URLSearchParams(params);
@@ -32,7 +33,7 @@ export const getSteamGridData = async (
   }
 
   const response = await axios.get(
-    `https://www.steamgriddb.com/api/v2/${path}/${shop}/${objectID}?${searchParams.toString()}`,
+    `https://www.steamgriddb.com/api/v2/${path}/${shop}/${objectId}?${searchParams.toString()}`,
     {
       headers: {
         Authorization: `Bearer ${import.meta.env.MAIN_VITE_STEAMGRIDDB_API_KEY}`,
@@ -58,10 +59,10 @@ export const getSteamGridGameById = async (
   return response.data;
 };
 
-export const getSteamGameClientIcon = async (objectID: string) => {
+export const getSteamGameClientIcon = async (objectId: string) => {
   const {
     data: { id: steamGridGameId },
-  } = await getSteamGridData(objectID, "games", "steam");
+  } = await getSteamGridData(objectId, "games", "steam");
 
   const steamGridGame = await getSteamGridGameById(steamGridGameId);
   return steamGridGame.data.platforms.steam.metadata.clienticon;

src/main/services/steam.ts

@@ -12,11 +12,11 @@ export interface SteamAppDetailsResponse {
 }
 
 export const getSteamAppDetails = async (
-  objectID: string,
+  objectId: string,
   language: string
 ) => {
   const searchParams = new URLSearchParams({
-    appids: objectID,
+    appids: objectId,
     l: language,
   });
 
@@ -25,7 +25,7 @@ export const getSteamAppDetails = async (
       `http://store.steampowered.com/api/appdetails?${searchParams.toString()}`
     )
     .then((response) => {
-      if (response.data[objectID].success) return response.data[objectID].data;
+      if (response.data[objectId].success) return response.data[objectId].data;
       return null;
     })
     .catch((err) => {

src/main/services/window-manager.ts

@@ -16,6 +16,7 @@ import trayIcon from "@resources/tray-icon.png?asset";
 import { gameRepository, userPreferencesRepository } from "@main/repository";
 import { IsNull, Not } from "typeorm";
 import { HydraApi } from "./hydra-api";
+import UserAgent from "user-agents";
 
 export class WindowManager {
   public static mainWindow: Electron.BrowserWindow | null = null;
@@ -77,6 +78,54 @@ export class WindowManager {
       show: false,
     });
 
+    this.mainWindow.webContents.session.webRequest.onBeforeSendHeaders(
+      (details, callback) => {
+        const userAgent = new UserAgent();
+
+        callback({
+          requestHeaders: {
+            ...details.requestHeaders,
+            "user-agent": userAgent.toString(),
+          },
+        });
+      }
+    );
+
+    this.mainWindow.webContents.session.webRequest.onHeadersReceived(
+      (details, callback) => {
+        if (details.webContentsId !== this.mainWindow?.webContents.id) {
+          return callback(details);
+        }
+
+        const headers = {
+          "access-control-allow-origin": ["*"],
+          "access-control-allow-methods": ["GET, POST, PUT, DELETE, OPTIONS"],
+          "access-control-expose-headers": ["ETag"],
+          "access-control-allow-headers": [
+            "Content-Type, Authorization, X-Requested-With, If-None-Match",
+          ],
+        };
+
+        if (details.method === "OPTIONS") {
+          return callback({
+            cancel: false,
+            responseHeaders: {
+              ...details.responseHeaders,
+              ...headers,
+            },
+            statusLine: "HTTP/1.1 200 OK",
+          });
+        }
+
+        return callback({
+          responseHeaders: {
+            ...details.responseHeaders,
+            ...headers,
+          },
+        });
+      }
+    );
+
     this.loadMainWindowURL();
     this.mainWindow.removeMenu();
 
@@ -116,11 +165,10 @@ export class WindowManager {
         sandbox: false,
       },
     });
-
     this.notificationWindow.setIgnoreMouseEvents(true);
-    this.notificationWindow.setVisibleOnAllWorkspaces(true, {
-      visibleOnFullScreen: true,
-    });
+    // this.notificationWindow.setVisibleOnAllWorkspaces(true, {
+    //   visibleOnFullScreen: true,
+    // });
     this.notificationWindow.setAlwaysOnTop(true, "screen-saver", 1);
     this.loadNotificationWindowURL();
   }
@@ -145,6 +193,8 @@ export class WindowManager {
 
       authWindow.removeMenu();
 
+      if (!app.isPackaged) authWindow.webContents.openDevTools();
+
       const searchParams = new URLSearchParams({
         lng: i18next.language,
       });
@@ -176,7 +226,7 @@ export class WindowManager {
   }
 
   public static createSystemTray(language: string) {
-    let tray;
+    let tray: Tray;
 
     if (process.platform === "darwin") {
       const macIcon = nativeImage