Bump version to 6.0.6

dist/better-xcloud.meta.js

@@ -1,5 +1,5 @@
 // ==UserScript==
 // @name         Better xCloud
 // @namespace    https://github.com/redphx
-// @version      6.0.4
+// @version      6.0.6
 // ==/UserScript==

src/assets/css/guide-menu.styl

@@ -7,11 +7,11 @@
         margin-bottom: 0 !important;
     }
 
-    body[data-media-type=tv] & {
+    body[data-bx-media-type=tv] & {
         flex-direction: column;
     }
 
-    body:not([data-media-type=tv]) & {
+    body:not([data-bx-media-type=tv]) & {
         flex-direction: row;
 
         > button:first-of-type {
@@ -34,7 +34,7 @@
         flex-direction: row;
         gap: 12px;
 
-        body[data-media-type=tv] & {
+        body[data-bx-media-type=tv] & {
             flex-direction: column;
 
             button {
@@ -42,7 +42,7 @@
             }
         }
 
-        body:not([data-media-type=tv]) & {
+        body:not([data-bx-media-type=tv]) & {
             button {
                 span {
                     display: none;

src/assets/css/root.styl

@@ -194,7 +194,7 @@ div[class*=SupportedInputsBadge] {
     top: 0;
     left: 0;
     z-index: 1;
-    background: #0000008c;
+    background: rgba(0, 0, 0, 0.5);
     display: flex;
     border-radius: 4px 0 4px 0;
     align-items: center;
@@ -214,6 +214,18 @@ div[class*=SupportedInputsBadge] {
         font-weight: bold;
         margin-left: 2px;
     }
+
+    &[data-duration=short] {
+        background-color: rgba(0, 133, 133, 0.75);
+    }
+
+    &[data-duration=medium] {
+        background-color: rgba(213, 133, 0, 0.75);
+    }
+
+    &[data-duration=long] {
+        background-color: rgba(150, 0, 0, 0.75);
+    }
 }
 
 

src/index.ts

@@ -191,7 +191,7 @@ window.addEventListener('popstate', onHistoryChanged);
 window.history.pushState = patchHistoryMethod('pushState');
 window.history.replaceState = patchHistoryMethod('replaceState');
 
-BxEventBus.Script.once('xcloudServerUnavailable', () => {
+BxEventBus.Script.once('xcloud.server.unavailable', () => {
     STATES.supportedRegion = false;
     window.setTimeout(HeaderSection.watchHeader, 2000);
 

src/modules/mkb/mkb-handler.ts

@@ -440,7 +440,9 @@ export class EmulatedMkbHandler extends MkbHandler {
         }
 
         if (this.enabled) {
-            document.body.requestPointerLock();
+            document.body.requestPointerLock({
+                unadjustedMovement: true,
+            });
         } else {
             document.pointerLockElement && document.exitPointerLock();
         }

src/modules/patcher/patcher.ts

@@ -835,9 +835,9 @@ if (this.baseStorageKey in window.BX_EXPOSED.overrideSettings) {
         return str;
     },
 
-    // 24225.js#4127, 24.17.11
+    // 49851.js#4083, 27.0.4
-    patchSetCurrentlyFocusedInteractable(str: string) {
+    patchSetCurrentFocus(str: string) {
-        let index = str.indexOf('.setCurrentlyFocusedInteractable=(');
+        let index = str.indexOf('.setCurrentFocus=(');
         if (index < 0) {
             return false;
         }
@@ -1017,7 +1017,7 @@ let PATCH_ORDERS = PatcherUtils.filterPatches([
 
     'supportLocalCoOp',
     'overrideStorageGetSettings',
-    getPref(PrefKey.UI_GAME_CARD_SHOW_WAIT_TIME) && 'patchSetCurrentlyFocusedInteractable',
+    getPref(PrefKey.UI_GAME_CARD_SHOW_WAIT_TIME) && 'patchSetCurrentFocus',
 
     getPref<UiLayout>(PrefKey.UI_LAYOUT) !== UiLayout.DEFAULT && 'websiteLayout',
     getPref(PrefKey.GAME_FORTNITE_FORCE_CONSOLE) && 'forceFortniteConsole',

src/modules/ui/game-tile.ts

@@ -1,6 +1,6 @@
 import { BxEvent } from "@/utils/bx-event";
 import { BxIcon } from "@/utils/bx-icon";
-import { CE, createSvgIcon, getReactProps, isElementVisible, secondsToHms } from "@/utils/html";
+import { CE, createSvgIcon, getReactProps, isElementVisible, secondsToHm } from "@/utils/html";
 import { XcloudApi } from "@/utils/xcloud-api";
 
 interface GameTimeElement extends HTMLElement {
@@ -30,8 +30,14 @@ export class GameTile {
         if (typeof totalWaitTime === 'number' && isElementVisible($elm)) {
             const $div = CE('div', { class: 'bx-game-tile-wait-time' },
                 createSvgIcon(BxIcon.PLAYTIME),
-                CE('span', {}, secondsToHms(totalWaitTime)),
+                CE('span', {}, totalWaitTime < 60 ? totalWaitTime + 's' : secondsToHm(totalWaitTime)),
             );
+
+            const duration = (totalWaitTime >= 15 * 60) ? 'long' : (totalWaitTime >= 10 * 60) ? 'medium' : (totalWaitTime >= 5 * 60 ) ? 'short' : '';
+            if (duration) {
+                $div.dataset.duration = duration;
+            }
+
             $elm.insertAdjacentElement('afterbegin', $div);
         }
     }

src/modules/ui/guide-menu.ts

@@ -8,6 +8,9 @@ import { SettingsDialog } from "./dialog/settings-dialog";
 import { TrueAchievements } from "@/utils/true-achievements";
 import { BxIcon } from "@/utils/bx-icon";
 import { BxEventBus } from "@/utils/bx-event-bus";
+import { getPref } from "@/utils/settings-storages/global-settings-storage";
+import { UiLayout } from "@/enums/pref-values";
+import { PrefKey } from "@/enums/pref-keys";
 
 export enum GuideMenuTab {
     HOME = 'home',
@@ -41,7 +44,7 @@ export class GuideMenu {
                 style: ButtonStyle.FULL_WIDTH | ButtonStyle.FOCUSABLE | ButtonStyle.PRIMARY,
                 onClick: () => {
                     // Wait until the Guide dialog is closed
-                    BxEventBus.Script.once('xcloudDialogDismissed', () => {
+                    BxEventBus.Script.once('dialog.dismissed', () => {
                         setTimeout(() => SettingsDialog.getInstance().show(), 50);
                     });
 
@@ -111,6 +114,11 @@ export class GuideMenu {
             class: 'bx-guide-home-buttons',
         });
 
+        // Set TV tag
+        if (STATES.userAgent.isTv || getPref<UiLayout>(PrefKey.UI_LAYOUT) === UiLayout.TV) {
+            document.body.dataset.bxMediaType = 'tv';
+        }
+
         for (const $button of buttonsLayout) {
             if (!$button) {
                 continue;

src/utils/bx-event-bus.ts

@@ -78,7 +78,7 @@ export class BxEventBus<TEvents extends Record<string, any>> {
         BX_FLAGS.Debug && BxLogger.warning('EventBus', 'on', event, callback);
     }
 
-    once<K extends keyof TEvents>(event: string, callback: EventCallback<TEvents[K]>): void {
+    once<K extends keyof TEvents>(event: K, callback: EventCallback<TEvents[K]>): void {
         const wrapper = (...args: any[]) => {
             // @ts-ignore
             callback(...args);

src/utils/bx-event.ts

@@ -54,7 +54,7 @@ export namespace BxEvent {
         target.dispatchEvent(event);
         AppInterface && AppInterface.onEvent(eventName);
 
-        BX_FLAGS.Debug && BxLogger.warning('BxEvent', 'dispatch', eventName, data);
+        BX_FLAGS.Debug && BxLogger.warning('BxEvent', 'dispatch', target, eventName, data);
     }
 }
 

src/utils/feature-gates.ts

@@ -8,6 +8,7 @@ export let FeatureGates: { [key: string]: boolean } = {
     EnableWifiWarnings: false,
     EnableUpdateRequiredPage: false,
     ShowForcedUpdateScreen: false,
+    EnableTakControlResizing: true,  // Experimenting
 };
 
 // Enable Native Mouse & Keyboard

src/web-components/bx-number-stepper.ts

@@ -114,6 +114,7 @@ export class BxNumberStepper extends HTMLInputElement implements BxHtmlSettingEl
         self.$range = $range;
         options.hideSlider && $range.classList.add('bx-gone');
 
+        $range.addEventListener('input', self.onRangeInput);
         self.addEventListener('input', self.onRangeInput);
         self.appendChild($range);