chore: checkpoint current work

src/App.tsx

@@ -14,7 +14,6 @@ export const App: FC<{}> = props =>
     const [ isReady, setIsReady ] = useState(false);
     const [ errorMessage, setErrorMessage ] = useState('');
     const [ homeUrl, setHomeUrl ] = useState('');
-
     const showSessionExpired = useCallback(() =>
     {
         const baseUrl = window.location.origin + '/';
@@ -37,6 +36,8 @@ export const App: FC<{}> = props =>
 
     useEffect(() =>
     {
+        let heartbeatInterval: number = null;
+
         const prepare = async (width: number, height: number) =>
         {
             try
@@ -51,6 +52,11 @@ export const App: FC<{}> = props =>
                     return;
                 }
 
+                const rawUseBackBuffer = window.NitroConfig['renderer.useBackBuffer'];
+                const useBackBuffer = (rawUseBackBuffer === undefined)
+                    ? true
+                    : ((rawUseBackBuffer === true) || (rawUseBackBuffer === 'true'));
+
                 const renderer = await PrepareRenderer({
                     width: Math.floor(width),
                     height: Math.floor(height),
@@ -61,7 +67,7 @@ export const App: FC<{}> = props =>
                     eventMode: 'none',
                     failIfMajorPerformanceCaveat: false,
                     roundPixels: true,
-                    useBackBuffer: true // Enable back buffer for blend filters
+                    useBackBuffer // Keep disabled by default unless explicitly enabled in NitroConfig
                 });
 
                 await GetConfiguration().init();
@@ -93,7 +99,7 @@ export const App: FC<{}> = props =>
 
                 HabboWebTools.sendHeartBeat();
 
-                setInterval(() => HabboWebTools.sendHeartBeat(), 10000);
+                heartbeatInterval = window.setInterval(() => HabboWebTools.sendHeartBeat(), 10000);
 
                 GetTicker().add(ticker => GetRoomEngine().update(ticker));
                 GetTicker().add(ticker => renderer.render(GetStage()));
@@ -109,6 +115,11 @@ export const App: FC<{}> = props =>
         };
 
         prepare(window.innerWidth, window.innerHeight);
+
+        return () =>
+        {
+            if(heartbeatInterval !== null) window.clearInterval(heartbeatInterval);
+        };
     }, []);
 
     return (
@@ -120,4 +131,4 @@ export const App: FC<{}> = props =>
             <Base id="draggable-windows-container" />
         </Base>
     );
-};
+};

src/api/friends/MessengerThread.ts

@@ -8,6 +8,7 @@ export class MessengerThread
 {
     public static MESSAGE_RECEIVED: string = 'MT_MESSAGE_RECEIVED';
     public static THREAD_ID: number = 0;
+    private static MAX_CHATS: number = 250;
 
     private _threadId: number;
     private _participant: MessengerFriend;
@@ -38,6 +39,7 @@ export class MessengerThread
         const chat = new MessengerThreadChat(senderId, message, secondsSinceSent, extraData, type);
 
         group.addChat(chat);
+        this.pruneChats();
 
         this._lastUpdated = new Date();
 
@@ -46,6 +48,27 @@ export class MessengerThread
         return chat;
     }
 
+    private pruneChats(): void
+    {
+        let totalChats = this._groups.reduce((total, current) => (total + current.chats.length), 0);
+
+        while(totalChats > MessengerThread.MAX_CHATS)
+        {
+            const firstGroup = this._groups[0];
+
+            if(!firstGroup) break;
+
+            if(firstGroup.chats.length) firstGroup.chats.shift();
+
+            if(!firstGroup.chats.length)
+            {
+                this._groups.shift();
+            }
+
+            totalChats--;
+        }
+    }
+
     private getLastGroup(userId: number): MessengerThreadChatGroup
     {
         let group = this._groups[(this._groups.length - 1)];