mirror of
https://github.com/redphx/better-xcloud.git
synced 2025-06-06 07:37:19 +02:00
353 lines
12 KiB
TypeScript
353 lines
12 KiB
TypeScript
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 { Toast } from "@utils/toast";
|
|
import { setupStreamUi } from "@modules/ui/ui";
|
|
import { PrefKey, getPref } from "@utils/preferences";
|
|
import { LoadingScreen } from "@modules/loading-screen";
|
|
import { MouseCursorHider } from "@modules/mkb/mouse-cursor-hider";
|
|
import { TouchController } from "@modules/touch-controller";
|
|
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 { overridePreloadState } from "@utils/preload-state";
|
|
import { patchAudioContext, patchCanvasContext, patchMeControl, patchPointerLockApi, patchRtcCodecs, patchRtcPeerConnection, patchVideoApi } from "@utils/monkey-patches";
|
|
import { AppInterface, STATES } from "@utils/global";
|
|
import { injectStreamMenuButtons } from "@modules/stream/stream-ui";
|
|
import { BxLogger } from "@utils/bx-logger";
|
|
import { GameBar } from "./modules/game-bar/game-bar";
|
|
import { Screenshot } from "./utils/screenshot";
|
|
import { NativeMkbHandler } from "./modules/mkb/native-mkb-handler";
|
|
import { GuideMenu, GuideMenuTab } from "./modules/ui/guide-menu";
|
|
import { StreamSettings } from "./modules/stream/stream-settings";
|
|
import { updateVideoPlayer } from "./modules/stream/stream-settings-utils";
|
|
import { UiSection } from "./enums/ui-sections";
|
|
import { HeaderSection } from "./modules/ui/header";
|
|
import { GameTile } from "./modules/ui/game-tile";
|
|
|
|
|
|
// 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 (BX_FLAGS.SafariWorkaround && document.readyState !== 'loading') {
|
|
// Stop loading
|
|
window.stop();
|
|
|
|
// Show the reloading overlay
|
|
const css = `
|
|
.bx-reload-overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
background: #000000cc;
|
|
z-index: 9999;
|
|
width: 100%;
|
|
line-height: 100vh;
|
|
color: #fff;
|
|
text-align: center;
|
|
font-weight: 400;
|
|
font-family: "Segoe UI", Arial, Helvetica, sans-serif;
|
|
font-size: 1.3rem;
|
|
}
|
|
`;
|
|
const $fragment = document.createDocumentFragment();
|
|
$fragment.appendChild(CE('style', {}, css));
|
|
$fragment.appendChild(CE('div', {'class': 'bx-reload-overlay'}, t('safari-failed-message')));
|
|
|
|
document.documentElement.appendChild($fragment);
|
|
|
|
// Reload the page
|
|
// @ts-ignore
|
|
window.location.reload(true);
|
|
|
|
// Stop processing the script
|
|
throw new Error('[Better xCloud] Executing workaround for Safari');
|
|
}
|
|
|
|
// Automatically reload the page when running into the "We are sorry..." error message
|
|
window.addEventListener('load', e => {
|
|
window.setTimeout(() => {
|
|
if (document.body.classList.contains('legacyBackground')) {
|
|
// Has error message -> reload page
|
|
window.stop();
|
|
// @ts-ignore
|
|
window.location.reload(true);
|
|
}
|
|
}, 3000);
|
|
|
|
});
|
|
|
|
// Hide "Play with Friends" skeleton section
|
|
if (getPref(PrefKey.UI_HIDE_SECTIONS).includes(UiSection.FRIENDS)) {
|
|
document.addEventListener('readystatechange', e => {
|
|
if (document.readyState === 'interactive') {
|
|
const $parent = document.querySelector('div[class*=PlayWithFriendsSkeleton]')?.closest('div[class*=HomePage-module]') as HTMLElement;
|
|
$parent && ($parent.style.display = 'none');
|
|
}
|
|
})
|
|
}
|
|
|
|
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);
|
|
});
|
|
|
|
window.addEventListener(BxEvent.XCLOUD_SERVERS_READY, e => {
|
|
HeaderSection.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
|
|
setupStreamUi();
|
|
});
|
|
|
|
// Setup loading screen
|
|
getPref(PrefKey.UI_LOADING_SCREEN_GAME_ART) && window.addEventListener(BxEvent.TITLE_INFO_READY, 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 => {
|
|
STATES.isPlaying = true;
|
|
injectStreamMenuButtons();
|
|
|
|
if (getPref(PrefKey.GAME_BAR_POSITION) !== 'off') {
|
|
const gameBar = GameBar.getInstance();
|
|
gameBar.reset();
|
|
gameBar.enable();
|
|
gameBar.showBar();
|
|
}
|
|
|
|
const $video = (e as any).$video as HTMLVideoElement;
|
|
Screenshot.updateCanvasSize($video.videoWidth, $video.videoHeight);
|
|
|
|
updateVideoPlayer();
|
|
});
|
|
|
|
window.addEventListener(BxEvent.STREAM_ERROR_PAGE, e => {
|
|
BxEvent.dispatch(window, BxEvent.STREAM_STOPPED);
|
|
});
|
|
|
|
function unload() {
|
|
if (!STATES.isPlaying) {
|
|
return;
|
|
}
|
|
|
|
// Stop MKB listeners
|
|
EmulatedMkbHandler.getInstance().destroy();
|
|
NativeMkbHandler.getInstance().destroy();
|
|
|
|
// Destroy StreamPlayer
|
|
STATES.currentStream.streamPlayer?.destroy();
|
|
|
|
STATES.isPlaying = false;
|
|
STATES.currentStream = {};
|
|
window.BX_EXPOSED.shouldShowSensorControls = false;
|
|
window.BX_EXPOSED.stopTakRendering = false;
|
|
|
|
StreamSettings.getInstance().hide();
|
|
StreamStats.getInstance().onStoppedPlaying();
|
|
|
|
MouseCursorHider.stop();
|
|
TouchController.reset();
|
|
GameBar.getInstance().disable();
|
|
}
|
|
|
|
window.addEventListener(BxEvent.STREAM_STOPPED, unload);
|
|
window.addEventListener('pagehide', e => {
|
|
BxEvent.dispatch(window, BxEvent.STREAM_STOPPED);
|
|
});
|
|
|
|
window.addEventListener(BxEvent.CAPTURE_SCREENSHOT, e => {
|
|
Screenshot.takeScreenshot();
|
|
});
|
|
|
|
|
|
function observeRootDialog($root: HTMLElement) {
|
|
let currentShown = false;
|
|
|
|
const observer = new MutationObserver(mutationList => {
|
|
for (const mutation of mutationList) {
|
|
if (mutation.type !== 'childList') {
|
|
continue;
|
|
}
|
|
|
|
if (mutation.addedNodes.length === 1) {
|
|
const $addedElm = mutation.addedNodes[0];
|
|
if ($addedElm instanceof HTMLElement && $addedElm.className) {
|
|
if ($addedElm.className.startsWith('NavigationAnimation') || $addedElm.className.startsWith('DialogRoutes') || $addedElm.className.startsWith('Dialog-module__container')) {
|
|
// Make sure it's Guide dialog
|
|
if (document.querySelector('#gamepass-dialog-root div[class*=GuideDialog]')) {
|
|
// Find navigation bar
|
|
const $selectedTab = $addedElm.querySelector('div[class^=NavigationMenu] button[aria-selected=true');
|
|
if ($selectedTab) {
|
|
let $elm: Element | null = $selectedTab;
|
|
let index;
|
|
for (index = 0; ($elm = $elm?.previousElementSibling); index++);
|
|
|
|
if (index === 0) {
|
|
BxEvent.dispatch(window, BxEvent.XCLOUD_GUIDE_MENU_SHOWN, {where: GuideMenuTab.HOME});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
const shown = ($root.firstElementChild && $root.firstElementChild.childElementCount > 0) || false;
|
|
if (shown !== currentShown) {
|
|
currentShown = shown;
|
|
BxEvent.dispatch(window, shown ? BxEvent.XCLOUD_DIALOG_SHOWN : BxEvent.XCLOUD_DIALOG_DISMISSED);
|
|
}
|
|
}
|
|
});
|
|
observer.observe($root, {subtree: true, childList: true});
|
|
}
|
|
|
|
function waitForRootDialog() {
|
|
const observer = new MutationObserver(mutationList => {
|
|
for (const mutation of mutationList) {
|
|
if (mutation.type !== 'childList') {
|
|
continue;
|
|
}
|
|
|
|
const $target = mutation.target as HTMLElement;
|
|
if ($target.id && $target.id === 'gamepass-dialog-root') {
|
|
observer.disconnect();
|
|
observeRootDialog($target);
|
|
break;
|
|
}
|
|
};
|
|
});
|
|
observer.observe(document.documentElement, {subtree: true, childList: true});
|
|
}
|
|
|
|
|
|
function main() {
|
|
waitForRootDialog();
|
|
|
|
// Monkey patches
|
|
patchRtcPeerConnection();
|
|
patchRtcCodecs();
|
|
interceptHttpRequests();
|
|
patchVideoApi();
|
|
patchCanvasContext();
|
|
AppInterface && patchPointerLockApi();
|
|
|
|
getPref(PrefKey.AUDIO_ENABLE_VOLUME_CONTROL) && patchAudioContext();
|
|
getPref(PrefKey.BLOCK_TRACKING) && patchMeControl();
|
|
|
|
STATES.userAgent.capabilities.touch && TouchController.updateCustomList();
|
|
overridePreloadState();
|
|
|
|
VibrationManager.initialSetup();
|
|
|
|
// Check for Update
|
|
BX_FLAGS.CheckForUpdate && checkForUpdate();
|
|
|
|
// Setup UI
|
|
addCss();
|
|
preloadFonts();
|
|
Toast.setup();
|
|
(getPref(PrefKey.GAME_BAR_POSITION) !== 'off') && GameBar.getInstance();
|
|
BX_FLAGS.PreloadUi && setupStreamUi();
|
|
Screenshot.setup();
|
|
|
|
GuideMenu.observe();
|
|
StreamBadges.setupEvents();
|
|
StreamStats.setupEvents();
|
|
EmulatedMkbHandler.setupEvents();
|
|
|
|
Patcher.init();
|
|
|
|
disablePwa();
|
|
|
|
// Show a toast when connecting/disconecting controller
|
|
if (getPref(PrefKey.CONTROLLER_SHOW_CONNECTION_STATUS)) {
|
|
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();
|
|
}
|
|
|
|
// Start PointerProviderServer
|
|
if (getPref(PrefKey.MKB_ENABLED) && AppInterface) {
|
|
STATES.pointerServerPort = AppInterface.startPointerServer() || 9269;
|
|
BxLogger.info('startPointerServer', 'Port', STATES.pointerServerPort.toString());
|
|
}
|
|
|
|
// Preload Remote Play
|
|
getPref(PrefKey.REMOTE_PLAY_ENABLED) && BX_FLAGS.PreloadRemotePlay && RemotePlay.preload();
|
|
|
|
// Show wait time in game card
|
|
getPref(PrefKey.UI_GAME_CARD_SHOW_WAIT_TIME) && GameTile.setup();
|
|
}
|
|
|
|
main();
|