Port the rest of the code

src/index.ts

@@ -16,18 +16,46 @@
 
 import { BxEvent } from "./modules/bx-event";
 import { BX_FLAGS } from "./modules/bx-flags";
-import { CE, CTN, createButton, createSvgIcon, Icon } from "./utils/html";
 import { BxExposed } from "./modules/bx-exposed";
-import { t } from "./modules/translation";
-import { Dialog } from "./modules/dialog";
+import { getLocale, t } from "./modules/translation";
+import { CE } from "./utils/html";
+import { showGamepadToast } from "./utils/gamepad";
+import { MkbHandler } from "./modules/mkb/mkb-handler";
+import { StreamBadges } from "./modules/stream/stream-badges";
+import { StreamStats } from "./modules/stream/stream-stats";
+import { addCss } from "./utils/css";
+import { Toast } from "./utils/toast";
+import { setupBxUi, updateVideoPlayerCss } from "./modules/ui/ui";
+import { PrefKey, Preferences, getPref } from "./modules/preferences";
+import { LoadingScreen } from "./modules/loading-screen";
+import { MouseCursorHider } from "./modules/mkb/mouse-cursor-hider";
+import { TouchController } from "./modules/touch-controller";
+import { watchHeader } from "./modules/ui/header";
+import { checkForUpdate, disablePwa } from "./utils/utils";
+import { Patcher } from "./modules/patcher";
+import { RemotePlay } from "./modules/remote-play";
+import { onHistoryChanged, patchHistoryMethod } from "./utils/history";
+import { VibrationManager } from "./modules/vibration-manager";
+import { PreloadedState } from "./utils/titles-info";
+import { patchAudioContext, patchRtcCodecs, patchRtcPeerConnection, patchVideoApi } from "./utils/monkey-patches";
+import { interceptHttpRequests } from "./utils/network";
 
 const SCRIPT_VERSION = '3.5.3';
 const SCRIPT_HOME = 'https://github.com/redphx/better-xcloud';
 
+const NATIVE_FETCH = window.fetch;
+
+let LOCALE = getLocale();
+
 const AppInterface = window.AppInterface;
-const States: BxStates = {
+let States: BxStates = {
     isPlaying: false,
     appContext: {},
+    serverRegions: {},
+    hasTouchSupport: ('ontouchstart' in window || navigator.maxTouchPoints > 0),
+
+    currentStream: {},
+    remotePlay: {},
 };
 
 
@@ -99,4 +127,165 @@ window.addEventListener('load', e => {
 
 window.BX_EXPOSED = BxExposed;
 
-new Dialog({})
+// Hide Settings UI when navigate to another page
+// @ts-ignore
+window.addEventListener(BxEvent.POPSTATE, onHistoryChanged);
+window.addEventListener('popstate', onHistoryChanged);
+
+// Make pushState/replaceState methods dispatch BxEvent.POPSTATE event
+window.history.pushState = patchHistoryMethod('pushState');
+window.history.replaceState = patchHistoryMethod('replaceState');
+
+window.addEventListener(BxEvent.XCLOUD_SERVERS_READY, e => {
+    // Start rendering UI
+    if (document.querySelector('div[class^=UnsupportedMarketPage]')) {
+        setTimeout(watchHeader, 2000);
+    } else {
+        watchHeader();
+    }
+});
+
+window.addEventListener(BxEvent.STREAM_LOADING, e => {
+    // Get title ID for screenshot's name
+    if (window.location.pathname.includes('/launch/')) {
+        const matches = /\/launch\/(?<title_id>[^\/]+)\/(?<product_id>\w+)/.exec(window.location.pathname);
+        if (matches?.groups) {
+            States.currentStream.titleId = matches.groups.title_id;
+            States.currentStream.productId = matches.groups.product_id;
+        }
+    } else {
+        States.currentStream.titleId = 'remote-play';
+        States.currentStream.productId = '';
+    }
+
+    // Setup UI
+    setupBxUi();
+
+    // Setup loading screen
+    getPref(PrefKey.UI_LOADING_SCREEN_GAME_ART) && LoadingScreen.setup();
+});
+
+
+window.addEventListener(BxEvent.STREAM_STARTING, e => {
+    // Hide loading screen
+    LoadingScreen.hide();
+
+    // Start hiding cursor
+    if (!getPref(PrefKey.MKB_ENABLED) && getPref(PrefKey.MKB_HIDE_IDLE_CURSOR)) {
+        MouseCursorHider.start();
+        MouseCursorHider.hide();
+    }
+});
+
+window.addEventListener(BxEvent.STREAM_PLAYING, e => {
+    const $video = (e as any).$video;
+    States.currentStream.$video = $video;
+
+    States.isPlaying = true;
+    injectStreamMenuButtons();
+    /*
+    if (getPref(Preferences.CONTROLLER_ENABLE_SHORTCUTS)) {
+        GamepadHandler.startPolling();
+    }
+    */
+
+    const PREF_SCREENSHOT_BUTTON_POSITION = getPref(PrefKey.SCREENSHOT_BUTTON_POSITION);
+    States.currentStream.$screenshotCanvas!.width = $video.videoWidth;
+    States.currentStream.$screenshotCanvas!.height = $video.videoHeight;
+    updateVideoPlayerCss();
+
+    // Setup screenshot button
+    if (PREF_SCREENSHOT_BUTTON_POSITION !== 'none') {
+        const $btn = document.querySelector('.bx-screenshot-button')! as HTMLElement;
+        $btn.style.display = 'block';
+
+        if (PREF_SCREENSHOT_BUTTON_POSITION === 'bottom-right') {
+            $btn.style.right = '0';
+        } else {
+            $btn.style.left = '0';
+        }
+    }
+});
+
+window.addEventListener(BxEvent.STREAM_ERROR_PAGE, e => {
+    BxEvent.dispatch(window, BxEvent.STREAM_STOPPED);
+});
+
+window.addEventListener(BxEvent.STREAM_STOPPED, e => {
+    if (!States.isPlaying) {
+        return;
+    }
+
+    States.isPlaying = false;
+
+    // Stop MKB listeners
+    getPref(PrefKey.MKB_ENABLED) && MkbHandler.INSTANCE.destroy();
+
+    const $quickBar = document.querySelector('.bx-quick-settings-bar');
+    if ($quickBar) {
+        $quickBar.classList.add('bx-gone');
+    }
+
+    States.currentStream.audioGainNode = null;
+    States.currentStream.$video = null;
+    StreamStats.onStoppedPlaying();
+
+    const $screenshotBtn = document.querySelector('.bx-screenshot-button');
+    if ($screenshotBtn) {
+        $screenshotBtn.removeAttribute('style');
+    }
+
+    MouseCursorHider.stop();
+    TouchController.reset();
+});
+
+
+function main() {
+    // Monkey patches
+    patchRtcPeerConnection();
+    patchRtcCodecs();
+    interceptHttpRequests();
+    patchVideoApi();
+
+    if (getPref(PrefKey.AUDIO_ENABLE_VOLUME_CONTROL)) {
+        patchAudioContext();
+    }
+
+    PreloadedState.override();
+
+    VibrationManager.initialSetup();
+
+    // Check for Update
+    BX_FLAGS.CheckForUpdate && checkForUpdate();
+
+    // Setup UI
+    addCss();
+    Toast.setup();
+    BX_FLAGS.PreloadUi && setupBxUi();
+
+    StreamBadges.setupEvents();
+    StreamStats.setupEvents();
+    MkbHandler.setupEvents();
+
+    Patcher.initialize();
+
+    disablePwa();
+
+    // Show a toast when connecting/disconecting controller
+    window.addEventListener('gamepadconnected', e => showGamepadToast(e.gamepad));
+    window.addEventListener('gamepaddisconnected', e => showGamepadToast(e.gamepad));
+
+    // Preload Remote Play
+    if (getPref(PrefKey.REMOTE_PLAY_ENABLED)) {
+        RemotePlay.detect();
+    }
+
+    if (getPref(PrefKey.STREAM_TOUCH_CONTROLLER) === 'all') {
+        TouchController.setup();
+    }
+}
+
+main();
+function injectStreamMenuButtons() {
+    throw new Error("Function not implemented.");
+}