From 9355f53ee54dcd783215797a2a4ec8846e0942b4 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Wed, 16 Oct 2024 02:31:10 +0100
Subject: [PATCH] add og image caching

---
 bun.lockb                                     | Bin 319104 -> 319136 bytes
 projects/backend/package.json                 |   1 +
 .../backend/src/service/image.service.tsx     |  26 ++++++++++++++++--
 3 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/bun.lockb b/bun.lockb
index 3b1debe2a85f75eba831c53f1534f93203fdbedc..efceee9ddeec59fefacc7e9b7b202e0068d16b79 100755
GIT binary patch
delta 1745
zcmeH{%S%*I9LMjuXU6Gj4?|><kaAjRQ;IIaT12*JQ9&q#WIi$_dg@q46qS#tG{Uq8
zok=StDkLcawG*Y0mDVb0SIvw|i)ax+QVX%~*ExcLNPmC>AHMT@oO92e`JHcFe?mup
zLd!NgexyFPH&<-;<Rw^^RS;uY9%w0)AF6=vHZe68@j<8!tuXaUQ>QXt#aNAdgm*KS
zSDW%oDp5a%x*K}Z^v$TMX}R#$qRTpkHg0>`XpLD$Wxf{5?ao5EeS@h}dHTyHrt-8`
zO*~z>?z+iO)7r@eK~tDbxpAv`z)jOXo3iDO>7()h_l$O$d}qwo=!qYg1eI^x1$Cf3
zChj%$nUwuc*ssP@L~05m>!oR@vOHj7s#NQJ!kf&tL6fGkZ3xQOe5bQwMO)(B1pPBf
za}$Ko_}>X?DDVkg;ImhSR!&XT8;lmGEDlT=$Dqm0N3K{u9JjmOVuvc0@}l}KWsZ2O
zvRraSSvLlgcZT=pKHz=21#W|O&;e);=fHVD!>9*m03US}&<b~gLQn*XK?&FeB9?yS
zlA}TeW8~^}e8*SdHQ>e4;3;?po`XKn4_*LXP})!<xS)hbdYu-0Ed%8`*(00nbY4Ol
z%MC#1QGm{L4bZW!fWv?ud`N$CWV=YD(X@dhfF2wG6}l--mfLRro;B*%0=djhUoF*1
z3uU3O`~2#&Eqyw;NERj8mn{7=O%4g?ho5tcS62gmnac0_i(mHKRn1$ZlU@<1+#3i~
z?^!c8rU&->mik1=+KlXsOv}oL{lHu6(#jUk`}U`5!e?7b)Jv~^KP(T#Ih~>CwqMo8
zkldsjL-@0tC6Q<{TYm`4{0ZlH*fsg=7L^%x<v1TrxKEu3yM~=$BwBr}@*=JcvA<0i
KKcZSAuF=1DHtnwf

delta 1679
zcmeH{%S%*I9LMjuzk6r6PA?LftfaJ{oRDbOCVFjZ6GjnAg1uH|r9}{dsq|2SNE17n
zl?7HPv{E}}*;A{X+iLFJMHIA{7J(b7@3%R{2oe4PUii%S{vPMt-yDADcV{fWX)M2O
zmz#;2%ZJO=-gxC=$8joRjuVGgL-|k@^nkUgd9Z7sF0|IhkJ&ht{u9=wDqXZvC3nN?
zoV4y-75GoX??cbp_-s_^25j5N>Kg1aD(!Q2yYo<Pf62zFtiH|KR91V<+PTVgoz|bL
z%-7ZrZG<_)@z-WzxBWnmUGP6;%3YgBWdVIwA6P$?`}SMAKei|Pj|bog5Ez8=1cq$F
zzm)M|oBzz_<*L$Au}bQ1#cD|*i+F8ws9ZZvTTcfn>9dx%W<#FpDVS@Y8ErJzKC^9~
zmdX-kDofmT>Cy>w7F%i@KkT#w_%kXdtZyECRp#NeJLu~pBCTqt{wlKFe}lCHy3CVR
zTX{=(bM67&q?_OtxD9#%$HE105pYyAfo8x@odOlQ-IHZz$dgY>MY=O4>o>iC|0Q?@
zczGTH10I7>@B};sV}O^CqoxJ4g3Ee3CQ1JwUJsd~xLkG1p5vWUqziDmTnC&!9e`7*
z9n=BN*`ww|Aib)9!{i322b{CVL9Mxxki)LelWWjF=F1A7v$NV1E|C4o9ZBhru9TRr
zg;G^$rq;^13cjS+n~t+lPo!jx$)sekFV0iPqX#BsxnA8Ni%e!xY7&XobT;{2D7q)~
zmg>f|l$!f#*`|W2FdIvn@1gAb8B~Pc?@j7-dFX8kMy$C*cZc3&a3;z|+jM>8ZO(gd
L%}k_6Bk%JsflcK7

diff --git a/projects/backend/package.json b/projects/backend/package.json
index 8f1a9d2..a051333 100644
--- a/projects/backend/package.json
+++ b/projects/backend/package.json
@@ -22,6 +22,7 @@
     "elysia-rate-limit": "^4.1.0",
     "ky": "^1.7.2",
     "mongoose": "^8.7.0",
+    "node-cache": "^5.1.2",
     "react": "^18.3.1"
   },
   "devDependencies": {
diff --git a/projects/backend/src/service/image.service.tsx b/projects/backend/src/service/image.service.tsx
index 58b75d2..281b8c3 100644
--- a/projects/backend/src/service/image.service.tsx
+++ b/projects/backend/src/service/image.service.tsx
@@ -3,6 +3,12 @@ import { scoresaberService } from "@ssr/common/service/impl/scoresaber";
 import React from "react";
 import { formatNumberWithCommas, formatPp } from "@ssr/common/utils/number-utils";
 import { getDifficultyFromScoreSaberDifficulty } from "website/src/common/scoresaber-utils";
+import NodeCache from "node-cache";
+
+const imageCache = new NodeCache({
+  stdTTL: 60 * 60, // 1 hour
+  checkperiod: 120,
+});
 
 export class ImageService {
   /**
@@ -11,11 +17,16 @@ export class ImageService {
    * @param id the player's id
    */
   public static async generatePlayerImage(id: string) {
+    const cacheKey = `player-${id}`;
+    if (imageCache.has(cacheKey)) {
+      return imageCache.get(cacheKey) as ImageResponse;
+    }
+
     const player = await scoresaberService.lookupPlayer(id);
     if (player == undefined) {
       return undefined;
     }
-    return new ImageResponse(
+    const imageResponse = new ImageResponse(
       (
         <div
           tw="w-full h-full flex flex-col text-white text-3xl p-3 justify-center items-center"
@@ -67,6 +78,8 @@ export class ImageService {
         emoji: "twemoji",
       }
     );
+    imageCache.set(cacheKey, imageResponse);
+    return imageResponse;
   }
 
   /**
@@ -75,14 +88,18 @@ export class ImageService {
    * @param id the player's id
    */
   public static async generateLeaderboardImage(id: string) {
+    const cacheKey = `leaderboard-${id}`;
+    if (imageCache.has(cacheKey)) {
+      return imageCache.get(cacheKey) as ImageResponse;
+    }
+
     const leaderboard = await scoresaberService.lookupLeaderboard(id);
     if (leaderboard == undefined) {
       return undefined;
     }
 
     const ranked = leaderboard.stars > 0;
-
-    return new ImageResponse(
+    const imageResponse = new ImageResponse(
       (
         <div
           tw="w-full h-full flex flex-col text-white text-3xl p-3 justify-center items-center"
@@ -130,5 +147,8 @@ export class ImageService {
         emoji: "twemoji",
       }
     );
+
+    imageCache.set(cacheKey, imageResponse);
+    return imageResponse;
   }
 }