🆙 Init V3

2026-06-20 07:26:19 +00:00 · 2026-01-31 09:10:52 +01:00
commit 7feb10ab15
1733 changed files with 53405 additions and 0 deletions
@@ -0,0 +1,99 @@
+import { GetAssetManager, GetAvatarRenderManager, GetCommunication, GetConfiguration, GetLocalizationManager, GetRoomEngine, GetRoomSessionManager, GetSessionDataManager, GetSoundManager, GetStage, GetTexturePool, GetTicker, HabboWebTools, LegacyExternalInterface, LoadGameUrlEvent, NitroLogger, NitroVersion, PrepareRenderer } from '@nitrots/nitro-renderer';
+import { FC, useEffect, useState } from 'react';
+import { GetUIVersion } from './api';
+import { Base } from './common';
+import { LoadingView } from './components/loading/LoadingView';
+import { MainView } from './components/MainView';
+import { useMessageEvent } from './hooks';
+
+NitroVersion.UI_VERSION = GetUIVersion();
+
+export const App: FC<{}> = props =>
+{
+    const [ isReady, setIsReady ] = useState(false);
+
+    useMessageEvent<LoadGameUrlEvent>(LoadGameUrlEvent, event =>
+    {
+        const parser = event.getParser();
+
+        if(!parser) return;
+
+        LegacyExternalInterface.callGame('showGame', parser.url);
+    });
+
+    useEffect(() =>
+    {
+        const prepare = async (width: number, height: number) =>
+        {
+            try
+            {
+                if(!window.NitroConfig) throw new Error('NitroConfig is not defined!');
+
+                const renderer = await PrepareRenderer({
+                    width: Math.floor(width),
+                    height: Math.floor(height),
+                    resolution: window.devicePixelRatio,
+                    autoDensity: true,
+                    backgroundAlpha: 0,
+                    preference: 'webgl',
+                    eventMode: 'none',
+                    failIfMajorPerformanceCaveat: false,
+                    roundPixels: true,
+                    useBackBuffer: true // Enable back buffer for blend filters
+                });
+
+                await GetConfiguration().init();
+
+                GetTicker().maxFPS = GetConfiguration().getValue<number>('system.fps.max', 24);
+                NitroLogger.LOG_DEBUG = GetConfiguration().getValue<boolean>('system.log.debug', true);
+                NitroLogger.LOG_WARN = GetConfiguration().getValue<boolean>('system.log.warn', false);
+                NitroLogger.LOG_ERROR = GetConfiguration().getValue<boolean>('system.log.error', false);
+                NitroLogger.LOG_EVENTS = GetConfiguration().getValue<boolean>('system.log.events', false);
+                NitroLogger.LOG_PACKETS = GetConfiguration().getValue<boolean>('system.log.packets', false);
+
+                const assetUrls = GetConfiguration().getValue<string[]>('preload.assets.urls').map(url => GetConfiguration().interpolate(url)) ?? [];
+
+                await Promise.all(
+                    [
+                        GetAssetManager().downloadAssets(assetUrls),
+                        GetLocalizationManager().init(),
+                        GetAvatarRenderManager().init(),
+                        GetSoundManager().init(),
+                        GetSessionDataManager().init(),
+                        GetRoomSessionManager().init()
+                    ]
+                );
+
+                await GetRoomEngine().init();
+                await GetCommunication().init();
+
+                if(LegacyExternalInterface.available) LegacyExternalInterface.call('legacyTrack', 'authentication', 'authok', []);
+
+                HabboWebTools.sendHeartBeat();
+
+                setInterval(() => HabboWebTools.sendHeartBeat(), 10000);
+
+                GetTicker().add(ticker => GetRoomEngine().update(ticker));
+                GetTicker().add(ticker => renderer.render(GetStage()));
+                GetTicker().add(ticker => GetTexturePool().run());
+
+                setIsReady(true);
+            }
+            catch(err)
+            {
+                NitroLogger.error(err);
+            }
+        };
+
+        prepare(window.innerWidth, window.innerHeight);
+    }, []);
+
+    return (
+        <Base fit overflow="hidden" className={ !(window.devicePixelRatio % 1) && 'image-rendering-pixelated' }>
+            { !isReady &&
+                <LoadingView /> }
+            { isReady && <MainView /> }
+            <Base id="draggable-windows-container" />
+        </Base>
+    );
+};