switch lib

projects/backend/src/common/app-utils.ts

@@ -1,9 +1,9 @@
 /**
  * Gets the app version.
  */
-export function getAppVersion() {
+export async function getAppVersion() {
   if (!process.env.APP_VERSION) {
-    const packageJson = require("../../package.json");
+    const packageJson = await import("../../package.json");
     process.env.APP_VERSION = packageJson.version;
   }
   return process.env.APP_VERSION + "-" + (process.env.GIT_REV?.substring(0, 7) ?? "dev");

projects/backend/src/controller/app.controller.ts

@@ -5,10 +5,10 @@ import { AppService } from "../service/app.service";
 @Controller()
 export default class AppController {
   @Get("/")
-  public index() {
+  public async index() {
     return {
       app: "backend",
-      version: getAppVersion(),
+      version: await getAppVersion(),
     };
   }
 

projects/backend/src/index.ts

@@ -21,9 +21,6 @@ import { delay } from "@ssr/common/utils/utils";
 import { connectScoreSaberWebSocket } from "@ssr/common/websocket/scoresaber-websocket";
 import ImageController from "./controller/image.controller";
 import ReplayController from "./controller/replay.controller";
-// @ts-ignore
-import { MessageBuilder, Webhook } from "discord-webhook-node";
-import { formatPp } from "@ssr/common/utils/number-utils";
 import { ScoreService } from "./service/score.service";
 
 // Load .env file
@@ -98,7 +95,7 @@ app.onError({ as: "global" }, ({ code, error }) => {
     return error.all;
   }
 
-  let status = "status" in error ? error.status : undefined;
+  const status = "status" in error ? error.status : undefined;
   return {
     ...((status && { statusCode: status }) || { status: code }),
     ...(error.message != code && { message: error.message }),
@@ -134,7 +131,10 @@ app.use(
     duration: 60 * 1000,
     max: 100,
     skip: request => {
+      // Skip requests to /
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars,prefer-const
       let [_, path] = request.url.split("/"); // Get the url parts
+      // eslint-disable-next-line @typescript-eslint/no-unused-expressions
       path === "" || (path === undefined && (path = "/")); // If we're on /, the path is undefined, so we set it to /
       return path === "/"; // ignore all requests to /
     },

projects/backend/src/service/image.service.tsx

@@ -9,8 +9,7 @@ import NodeCache from "node-cache";
 import ScoreSaberLeaderboardToken from "@ssr/common/types/token/scoresaber/score-saber-leaderboard-token";
 import ScoreSaberPlayer, { getScoreSaberPlayerFromToken } from "@ssr/common/types/player/impl/scoresaber-player";
 import { Config } from "../common/config";
-import ky from "ky";
-import { createCanvas, loadImage } from "canvas";
+import { Jimp } from "jimp";
 import { extractColors } from "extract-colors";
 
 const cache = new NodeCache({ stdTTL: 60 * 60, checkperiod: 120 });
@@ -29,33 +28,27 @@ export class ImageService {
 
     return await this.fetchWithCache<{ color: string }>(`average_color-${src}`, async () => {
       try {
-        const response = await ky.get(src);
-        if (response.status !== 200) {
-          throw new Error(`Failed to fetch image: ${src}`);
+        const image = await Jimp.read(src); // Load image using Jimp
+        const { width, height, data } = image.bitmap; // Access image dimensions and pixel data
+
+        // Convert the Buffer data to Uint8ClampedArray
+        const uint8ClampedArray = new Uint8ClampedArray(data);
+
+        // Extract the colors using extract-colors
+        const colors = await extractColors({ data: uint8ClampedArray, width, height });
+
+        // Return the most dominant color, or fallback if none found
+        if (colors && colors.length > 0) {
+          return { color: colors[2].hex }; // Returning the third most dominant color
         }
 
-        const imageBuffer = await response.arrayBuffer();
-
-        // Create an image from the buffer using canvas
-        const img = await loadImage(Buffer.from(imageBuffer));
-        const canvas = createCanvas(img.width, img.height);
-        const ctx = canvas.getContext("2d");
-
-        // Draw the image onto the canvas
-        ctx.drawImage(img, 0, 0);
-
-        // Get the pixel data from the canvas
-        const imageData = ctx.getImageData(0, 0, img.width, img.height);
-        const { data, width, height } = imageData;
-
-        // Extract the colors
-        const color = await extractColors({ data, width, height });
         return {
-          color: color[2].hex,
+          color: "#fff", // Fallback color in case no colors are found
         };
       } catch (error) {
+        console.error("Error fetching image or extracting colors:", error);
         return {
-          color: "#fff",
+          color: "#fff", // Fallback color in case of an error
         };
       }
     });

projects/backend/src/service/player.service.ts

@@ -5,6 +5,7 @@ import { scoresaberService } from "@ssr/common/service/impl/scoresaber";
 import ScoreSaberPlayerToken from "@ssr/common/types/token/scoresaber/score-saber-player-token";
 import { InternalServerError } from "../error/internal-server-error";
 import ScoreSaberPlayerScoreToken from "@ssr/common/types/token/scoresaber/score-saber-player-score-token";
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 import { MessageBuilder, Webhook } from "discord-webhook-node";
 import { Config } from "../common/config";

projects/backend/src/service/score.service.ts

@@ -1,4 +1,5 @@
 import ScoreSaberPlayerScoreToken from "@ssr/common/types/token/scoresaber/score-saber-player-score-token";
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 import { MessageBuilder, Webhook } from "discord-webhook-node";
 import { Config } from "../common/config";