import { compressCss, isFullVersion } from "@macros/build" with {type: "macro"}; import "@utils/global"; import { BxEvent } from "@utils/bx-event"; import { BX_FLAGS } from "@utils/bx-flags"; import { BxExposed } from "@utils/bx-exposed"; import { t } from "@utils/translation"; import { interceptHttpRequests } from "@utils/network"; import { CE } from "@utils/html"; import { showGamepadToast } from "@utils/gamepad"; import { EmulatedMkbHandler } from "@modules/mkb/mkb-handler"; import { StreamBadges } from "@modules/stream/stream-badges"; import { StreamStats } from "@modules/stream/stream-stats"; import { addCss, preloadFonts } from "@utils/css"; import { LoadingScreen } from "@modules/loading-screen"; import { MouseCursorHider } from "@modules/mkb/mouse-cursor-hider"; import { TouchController } from "@modules/touch-controller"; import { checkForUpdate, disablePwa, productTitleToSlug } from "@utils/utils"; import { Patcher } from "@/modules/patcher/patcher"; import { RemotePlayManager } from "@/modules/remote-play-manager"; import { onHistoryChanged, patchHistoryMethod } from "@utils/history"; import { disableAdobeAudienceManager, patchAudioContext, patchCanvasContext, patchMeControl, patchPointerLockApi, patchRtcCodecs, patchRtcPeerConnection, patchVideoApi } from "@utils/monkey-patches"; import { AppInterface, STATES } from "@utils/global"; import { BxLogger } from "@utils/bx-logger"; import { GameBar } from "./modules/game-bar/game-bar"; import { ScreenshotManager } from "./utils/screenshot-manager"; import { NativeMkbHandler } from "./modules/mkb/native-mkb-handler"; import { GuideMenu } from "./modules/ui/guide-menu"; import { updateVideoPlayer } from "./modules/stream/stream-settings-utils"; import { NativeMkbMode, TouchControllerMode, UiSection } from "./enums/pref-values"; import { HeaderSection } from "./modules/ui/header"; import { GameTile } from "./modules/ui/game-tile"; import { ProductDetailsPage } from "./modules/ui/product-details"; import { NavigationDialogManager } from "./modules/ui/dialog/navigation-dialog"; import { PrefKey } from "./enums/pref-keys"; import { getPref } from "./utils/settings-storages/global-settings-storage"; import { SettingsDialog } from "./modules/ui/dialog/settings-dialog"; import { StreamUiHandler } from "./modules/stream/stream-ui"; import { UserAgent } from "./utils/user-agent"; import { XboxApi } from "./utils/xbox-api"; import { StreamStatsCollector } from "./utils/stream-stats-collector"; import { RootDialogObserver } from "./utils/root-dialog-observer"; import { StreamSettings } from "./utils/stream-settings"; import { KeyboardShortcutHandler } from "./modules/mkb/keyboard-shortcut-handler"; import { GhPagesUtils } from "./utils/gh-pages"; import { DeviceVibrationManager } from "./modules/device-vibration-manager"; // Handle login page if (window.location.pathname.includes('/auth/msa')) { const nativePushState = window.history['pushState']; window.history['pushState'] = function(...args: any[]) { const url = args[2]; if (url && (url.startsWith('/play') || url.substring(6).startsWith('/play'))) { console.log('Redirecting to xbox.com/play'); window.stop(); window.location.href = 'https://www.xbox.com' + url; return; } // @ts-ignore return nativePushState.apply(this, arguments); } // Stop processing the script throw new Error('[Better xCloud] Refreshing the page after logging in'); } BxLogger.info('readyState', document.readyState); if (isFullVersion() && BX_FLAGS.SafariWorkaround && document.readyState !== 'loading') { // Stop loading window.stop(); // We need to set it to an empty string first to work around Bun's bug // https://github.com/oven-sh/bun/issues/12067 let css = ''; css += compressCss(` .bx-reload-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; background: #000000cc; z-index: 9999; color: #fff; text-align: center; font-weight: 400; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 1.3rem; } .bx-reload-overlay *:focus { outline: none !important; } .bx-reload-overlay > div { margin: 0 auto; } .bx-reload-overlay a { text-decoration: none; display: inline-block; background: #107c10; color: white; border-radius: 4px; padding: 6px; } `); const isSafari = UserAgent.isSafari(); let $secondaryAction: HTMLElement; if (isSafari) { $secondaryAction = CE('p', {}, t('settings-reloading')); } else { $secondaryAction = CE('a', { href: 'https://better-xcloud.github.io/troubleshooting', target: '_blank', }, '🤓 ' + t('how-to-fix')); } // Show the reloading overlay const $fragment = document.createDocumentFragment(); $fragment.appendChild(CE('style', {}, css)); $fragment.appendChild(CE('div',{ class: 'bx-reload-overlay', }, CE('div', {}, CE('p', {}, t('load-failed-message')), $secondaryAction, ), )); document.documentElement.appendChild($fragment); // Reload the page if using Safari // @ts-ignore isSafari && window.location.reload(true); // Stop processing the script throw new Error('[Better xCloud] Executing workaround for Safari'); } window.addEventListener('load', e => { // Automatically reload the page when running into the "We are sorry..." error message window.setTimeout(() => { if (document.body.classList.contains('legacyBackground')) { // Has error message -> reload page window.stop(); // @ts-ignore window.location.reload(true); } }, 3000); }); document.addEventListener('readystatechange', e => { if (document.readyState !== 'interactive') { return; } STATES.isSignedIn = !!((window as any).xbcUser?.isSignedIn); if (STATES.isSignedIn) { // Preload Remote Play RemotePlayManager.getInstance()?.initialize(); } else { // Show Settings button in the header when not signed in window.setTimeout(HeaderSection.watchHeader, 2000); } // Hide "Play with Friends" skeleton section if (getPref(PrefKey.UI_HIDE_SECTIONS).includes(UiSection.FRIENDS)) { const $parent = document.querySelector('div[class*=PlayWithFriendsSkeleton]')?.closest('div[class*=HomePage-module]'); $parent && ($parent.style.display = 'none'); } // Preload fonts preloadFonts(); }) window.BX_EXPOSED = BxExposed; // 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_UNAVAILABLE, e => { STATES.supportedRegion = false; window.setTimeout(HeaderSection.watchHeader, 2000); // Open Settings dialog on Unsupported page const $unsupportedPage = document.querySelector('div[class^=UnsupportedMarketPage-module__container]'); if ($unsupportedPage) { SettingsDialog.getInstance().show(); } }, {once: true}); window.addEventListener(BxEvent.XCLOUD_SERVERS_READY, e => { STATES.isSignedIn = true; window.setTimeout(HeaderSection.watchHeader, 2000); }); window.addEventListener(BxEvent.STREAM_LOADING, e => { // Get title ID for screenshot's name if (window.location.pathname.includes('/launch/') && STATES.currentStream.titleInfo) { STATES.currentStream.titleSlug = productTitleToSlug(STATES.currentStream.titleInfo.product.title); } else { STATES.currentStream.titleSlug = 'remote-play'; } }); // Setup loading screen getPref(PrefKey.LOADING_SCREEN_GAME_ART) && window.addEventListener(BxEvent.TITLE_INFO_READY, LoadingScreen.setup); window.addEventListener(BxEvent.STREAM_STARTING, e => { // Hide loading screen LoadingScreen.hide(); if (isFullVersion()) { // Start hiding cursor const cursorHider = MouseCursorHider.getInstance(); if (cursorHider) { cursorHider.start(); cursorHider.hide(); } } }); window.addEventListener(BxEvent.STREAM_PLAYING, e => { window.BX_STREAM_SETTINGS = StreamSettings.settings; StreamSettings.refreshAllSettings(); STATES.isPlaying = true; StreamUiHandler.observe(); if (isFullVersion()) { const gameBar = GameBar.getInstance(); if (gameBar) { gameBar.reset(); gameBar.enable(); gameBar.showBar(); } // Setup Keyboard shortcuts KeyboardShortcutHandler.getInstance().start(); // Setup screenshot const $video = (e as any).$video as HTMLVideoElement; ScreenshotManager.getInstance().updateCanvasSize($video.videoWidth, $video.videoHeight); // Setup local co-op getPref(PrefKey.LOCAL_CO_OP_ENABLED) && BxExposed.toggleLocalCoOp(getPref(PrefKey.LOCAL_CO_OP_ENABLED)); } updateVideoPlayer(); }); window.addEventListener(BxEvent.STREAM_ERROR_PAGE, e => { BxEvent.dispatch(window, BxEvent.STREAM_STOPPED); }); isFullVersion() && window.addEventListener(BxEvent.XCLOUD_RENDERING_COMPONENT, e => { const component = (e as any).component; if (component === 'product-detail') { ProductDetailsPage.injectButtons(); } }); // Detect game change window.addEventListener(BxEvent.DATA_CHANNEL_CREATED, e => { const dataChannel = (e as any).dataChannel; if (!dataChannel || dataChannel.label !== 'message') { return; } dataChannel.addEventListener('message', async (msg: MessageEvent) => { if (msg.origin === 'better-xcloud' || typeof msg.data !== 'string') { return; } // Get xboxTitleId from message if (msg.data.includes('/titleinfo')) { const json = JSON.parse(JSON.parse(msg.data).content); const xboxTitleId = parseInt(json.titleid, 16); STATES.currentStream.xboxTitleId = xboxTitleId; // Get titleSlug for Remote Play if (STATES.remotePlay.isPlaying) { STATES.currentStream.titleSlug = 'remote-play'; if (json.focused) { const productTitle = await XboxApi.getProductTitle(xboxTitleId); if (productTitle) { STATES.currentStream.titleSlug = productTitleToSlug(productTitle); } } } } }); }); function unload() { if (!STATES.isPlaying) { return; } if (isFullVersion()) { KeyboardShortcutHandler.getInstance().stop(); // Stop MKB listeners EmulatedMkbHandler.getInstance()?.destroy(); NativeMkbHandler.getInstance()?.destroy(); DeviceVibrationManager.getInstance()?.reset(); } // Destroy StreamPlayer STATES.currentStream.streamPlayer?.destroy(); STATES.isPlaying = false; STATES.currentStream = {}; window.BX_EXPOSED.shouldShowSensorControls = false; window.BX_EXPOSED.stopTakRendering = false; NavigationDialogManager.getInstance().hide(); StreamStats.getInstance().destroy(); StreamBadges.getInstance().destroy(); if (isFullVersion()) { MouseCursorHider.getInstance()?.stop(); TouchController.reset(); GameBar.getInstance()?.disable(); } } window.addEventListener(BxEvent.STREAM_STOPPED, unload); window.addEventListener('pagehide', e => { BxEvent.dispatch(window, BxEvent.STREAM_STOPPED); }); isFullVersion() && window.addEventListener(BxEvent.CAPTURE_SCREENSHOT, e => { ScreenshotManager.getInstance().takeScreenshot(); }); function main() { GhPagesUtils.fetchLatestCommit(); if (getPref(PrefKey.NATIVE_MKB_MODE) !== NativeMkbMode.OFF) { const customList = getPref(PrefKey.NATIVE_MKB_FORCED_GAMES); BX_FLAGS.ForceNativeMkbTitles.push(...customList); } StreamSettings.setup(); // Monkey patches patchRtcPeerConnection(); patchRtcCodecs(); interceptHttpRequests(); patchVideoApi(); patchCanvasContext(); isFullVersion() && AppInterface && patchPointerLockApi(); getPref(PrefKey.AUDIO_VOLUME_CONTROL_ENABLED) && patchAudioContext(); if (getPref(PrefKey.BLOCK_TRACKING)) { patchMeControl(); disableAdobeAudienceManager(); } RootDialogObserver.waitForRootDialog(); // Setup UI addCss(); GuideMenu.getInstance().addEventListeners(); StreamStatsCollector.setupEvents(); StreamBadges.setupEvents(); StreamStats.setupEvents(); if (isFullVersion()) { STATES.userAgent.capabilities.touch && TouchController.updateCustomList(); DeviceVibrationManager.getInstance(); // Check for Update BX_FLAGS.CheckForUpdate && checkForUpdate(); Patcher.init(); disablePwa(); // Preload Remote Play if (getPref(PrefKey.REMOTE_PLAY_ENABLED)) { RemotePlayManager.detect(); } if (getPref(PrefKey.TOUCH_CONTROLLER_MODE) === TouchControllerMode.ALL) { TouchController.setup(); } // Start PointerProviderServer if (getPref(PrefKey.MKB_ENABLED) && AppInterface) { STATES.pointerServerPort = AppInterface.startPointerServer() || 9269; BxLogger.info('startPointerServer', 'Port', STATES.pointerServerPort.toString()); } // Show wait time in game card getPref(PrefKey.UI_GAME_CARD_SHOW_WAIT_TIME) && GameTile.setup(); EmulatedMkbHandler.setupEvents(); } // Show a toast when connecting/disconecting controller if (getPref(PrefKey.UI_CONTROLLER_SHOW_STATUS)) { window.addEventListener('gamepadconnected', e => showGamepadToast(e.gamepad)); window.addEventListener('gamepaddisconnected', e => showGamepadToast(e.gamepad)); } } main();