marcel/better-xcloud
1
0
Fork 0
mirror of https://github.com/redphx/better-xcloud.git synced 2025-06-07 16:17:20 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update better-xcloud.user.js

Browse Source
This commit is contained in:
redphx 2024-05-26 11:59:53 +07:00
parent 15a2c67703
commit c09bd9be83
1 changed files with 104 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

170
dist/better-xcloud.user.js vendored
View File

@ -150,6 +150,8 @@ var BxEvent;
BxEvent2["MICROPHONE_STATE_CHANGED"] = "bx-microphone-state-changed"; BxEvent2["MICROPHONE_STATE_CHANGED"] = "bx-microphone-state-changed";
BxEvent2["CAPTURE_SCREENSHOT"] = "bx-capture-screenshot"; BxEvent2["CAPTURE_SCREENSHOT"] = "bx-capture-screenshot";
BxEvent2["GAINNODE_VOLUME_CHANGED"] = "bx-gainnode-volume-changed"; BxEvent2["GAINNODE_VOLUME_CHANGED"] = "bx-gainnode-volume-changed";
BxEvent2["XCLOUD_DIALOG_SHOWN"] = "bx-xcloud-dialog-shown";
BxEvent2["XCLOUD_DIALOG_DISMISSED"] = "bx-xcloud-dialog-dismissed";
})(BxEvent || (BxEvent = {})); })(BxEvent || (BxEvent = {}));
var XcloudEvent; var XcloudEvent;
(function(XcloudEvent2) { (function(XcloudEvent2) {
@ -1939,9 +1941,11 @@ class Preferences {
default: false default: false
}, },
[PrefKey.CONTROLLER_ENABLE_VIBRATION]: { [PrefKey.CONTROLLER_ENABLE_VIBRATION]: {
label: t("controller-vibration"),
default: true default: true
}, },
[PrefKey.CONTROLLER_DEVICE_VIBRATION]: { [PrefKey.CONTROLLER_DEVICE_VIBRATION]: {
label: t("device-vibration"),
default: "off", default: "off",
options: { options: {
on: t("on"), on: t("on"),
@ -1950,6 +1954,7 @@ class Preferences {
} }
}, },
[PrefKey.CONTROLLER_VIBRATION_INTENSITY]: { [PrefKey.CONTROLLER_VIBRATION_INTENSITY]: {
label: t("vibration-intensity"),
type: SettingElementType.NUMBER_STEPPER, type: SettingElementType.NUMBER_STEPPER,
default: 100, default: 100,
min: 0, min: 0,
@ -2055,6 +2060,7 @@ class Preferences {
} }
}, },
[PrefKey.VIDEO_CLARITY]: { [PrefKey.VIDEO_CLARITY]: {
label: t("clarity"),
type: SettingElementType.NUMBER_STEPPER, type: SettingElementType.NUMBER_STEPPER,
default: 0, default: 0,
min: 0, min: 0,
@ -2064,6 +2070,8 @@ class Preferences {
} }
}, },
[PrefKey.VIDEO_RATIO]: { [PrefKey.VIDEO_RATIO]: {
label: t("ratio"),
note: t("stretch-note"),
default: "16:9", default: "16:9",
options: { options: {
"16:9": "16:9", "16:9": "16:9",
@ -2075,6 +2083,7 @@ class Preferences {
} }
}, },
[PrefKey.VIDEO_SATURATION]: { [PrefKey.VIDEO_SATURATION]: {
label: t("saturation"),
type: SettingElementType.NUMBER_STEPPER, type: SettingElementType.NUMBER_STEPPER,
default: 100, default: 100,
min: 50, min: 50,
@ -2085,6 +2094,7 @@ class Preferences {
} }
}, },
[PrefKey.VIDEO_CONTRAST]: { [PrefKey.VIDEO_CONTRAST]: {
label: t("contrast"),
type: SettingElementType.NUMBER_STEPPER, type: SettingElementType.NUMBER_STEPPER,
default: 100, default: 100,
min: 50, min: 50,
@ -2095,6 +2105,7 @@ class Preferences {
} }
}, },
[PrefKey.VIDEO_BRIGHTNESS]: { [PrefKey.VIDEO_BRIGHTNESS]: {
label: t("brightness"),
type: SettingElementType.NUMBER_STEPPER, type: SettingElementType.NUMBER_STEPPER,
default: 100, default: 100,
min: 50, min: 50,
@ -2113,6 +2124,7 @@ class Preferences {
default: false default: false
}, },
[PrefKey.AUDIO_VOLUME]: { [PrefKey.AUDIO_VOLUME]: {
label: t("volume"),
type: SettingElementType.NUMBER_STEPPER, type: SettingElementType.NUMBER_STEPPER,
default: 100, default: 100,
min: 0, min: 0,
@ -2123,6 +2135,7 @@ class Preferences {
} }
}, },
[PrefKey.STATS_ITEMS]: { [PrefKey.STATS_ITEMS]: {
label: t("stats"),
default: [StreamStat.PING, StreamStat.FPS, StreamStat.BITRATE, StreamStat.DECODE_TIME, StreamStat.PACKETS_LOST, StreamStat.FRAMES_LOST], default: [StreamStat.PING, StreamStat.FPS, StreamStat.BITRATE, StreamStat.DECODE_TIME, StreamStat.PACKETS_LOST, StreamStat.FRAMES_LOST],
multipleOptions: { multipleOptions: {
[StreamStat.PING]: `${StreamStat.PING.toUpperCase()}: ${t("stat-ping")}`, [StreamStat.PING]: `${StreamStat.PING.toUpperCase()}: ${t("stat-ping")}`,
@ -2137,12 +2150,15 @@ class Preferences {
} }
}, },
[PrefKey.STATS_SHOW_WHEN_PLAYING]: { [PrefKey.STATS_SHOW_WHEN_PLAYING]: {
label: t("show-stats-on-startup"),
default: false default: false
}, },
[PrefKey.STATS_QUICK_GLANCE]: { [PrefKey.STATS_QUICK_GLANCE]: {
label: "👀 " + t("enable-quick-glance-mode"),
default: true default: true
}, },
[PrefKey.STATS_POSITION]: { [PrefKey.STATS_POSITION]: {
label: t("position"),
default: "top-right", default: "top-right",
options: { options: {
"top-left": t("top-left"), "top-left": t("top-left"),
@ -2151,6 +2167,7 @@ class Preferences {
} }
}, },
[PrefKey.STATS_TEXT_SIZE]: { [PrefKey.STATS_TEXT_SIZE]: {
label: t("text-size"),
default: "0.9rem", default: "0.9rem",
options: { options: {
"0.9rem": t("small"), "0.9rem": t("small"),
@ -2159,9 +2176,11 @@ class Preferences {
} }
}, },
[PrefKey.STATS_TRANSPARENT]: { [PrefKey.STATS_TRANSPARENT]: {
label: t("transparent-background"),
default: false default: false
}, },
[PrefKey.STATS_OPACITY]: { [PrefKey.STATS_OPACITY]: {
label: t("opacity"),
type: SettingElementType.NUMBER_STEPPER, type: SettingElementType.NUMBER_STEPPER,
default: 80, default: 80,
min: 50, min: 50,
@ -2172,6 +2191,7 @@ class Preferences {
} }
}, },
[PrefKey.STATS_CONDITIONAL_FORMATTING]: { [PrefKey.STATS_CONDITIONAL_FORMATTING]: {
label: t("conditional-formatting"),
default: false default: false
}, },
[PrefKey.REMOTE_PLAY_ENABLED]: { [PrefKey.REMOTE_PLAY_ENABLED]: {
@ -2661,9 +2681,9 @@ function injectStreamMenuButtons() {
return; return;
} }
$screen.xObserving = true; $screen.xObserving = true;
const $quickBar = document.querySelector(".bx-quick-settings-bar"); const $settingsDialog = document.querySelector(".bx-stream-settings-dialog");
const $parent = $screen.parentElement; const $parent = $screen.parentElement;
const hideQuickBarFunc = (e) => { const hideSettingsFunc = (e) => {
if (e) { if (e) {
const $target = e.target; const $target = e.target;
e.stopPropagation(); e.stopPropagation();
@ -2671,11 +2691,11 @@ function injectStreamMenuButtons() {
return; return;
} }
if ($target.id === "MultiTouchSurface") { if ($target.id === "MultiTouchSurface") {
$target.removeEventListener("touchstart", hideQuickBarFunc); $target.removeEventListener("touchstart", hideSettingsFunc);
} }
} }
$quickBar.classList.add("bx-gone"); $settingsDialog.classList.add("bx-gone");
$parent?.removeEventListener("click", hideQuickBarFunc); $parent?.removeEventListener("click", hideSettingsFunc);
}; };
let $btnStreamSettings; let $btnStreamSettings;
let $btnStreamStats; let $btnStreamStats;
@ -2722,7 +2742,7 @@ function injectStreamMenuButtons() {
return; return;
} }
$btnCloseHud && $btnCloseHud.addEventListener("click", (e) => { $btnCloseHud && $btnCloseHud.addEventListener("click", (e) => {
$quickBar.classList.add("bx-gone"); $settingsDialog.classList.add("bx-gone");
}); });
const $btnRefresh = $btnCloseHud.cloneNode(true); const $btnRefresh = $btnCloseHud.cloneNode(true);
const $svgRefresh = createSvgIcon(BxIcon.REFRESH); const $svgRefresh = createSvgIcon(BxIcon.REFRESH);
@ -2737,7 +2757,7 @@ function injectStreamMenuButtons() {
$btnCloseHud.insertAdjacentElement("afterend", $btnRefresh); $btnCloseHud.insertAdjacentElement("afterend", $btnRefresh);
const $menu = document.querySelector("div[class*=StreamMenu-module__menuContainer] > div[class*=Menu-module]"); const $menu = document.querySelector("div[class*=StreamMenu-module__menuContainer] > div[class*=Menu-module]");
$menu?.appendChild(await StreamBadges.render()); $menu?.appendChild(await StreamBadges.render());
hideQuickBarFunc(); hideSettingsFunc();
return; return;
} }
if ($elm.className?.startsWith("Overlay-module_") || $elm.className?.startsWith("InProgressScreen")) { if ($elm.className?.startsWith("Overlay-module_") || $elm.className?.startsWith("InProgressScreen")) {
@ -2765,10 +2785,10 @@ function injectStreamMenuButtons() {
$btnStreamSettings.addEventListener("click", (e) => { $btnStreamSettings.addEventListener("click", (e) => {
hideGripHandle(); hideGripHandle();
e.preventDefault(); e.preventDefault();
$quickBar.classList.remove("bx-gone"); $settingsDialog.classList.remove("bx-gone");
$parent?.addEventListener("click", hideQuickBarFunc); $parent?.addEventListener("click", hideSettingsFunc);
const $touchSurface = document.getElementById("MultiTouchSurface"); const $touchSurface = document.getElementById("MultiTouchSurface");
$touchSurface && $touchSurface.style.display != "none" && $touchSurface.addEventListener("touchstart", hideQuickBarFunc); $touchSurface && $touchSurface.style.display != "none" && $touchSurface.addEventListener("touchstart", hideSettingsFunc);
}); });
} }
if (!$btnStreamStats) { if (!$btnStreamStats) {
@ -2796,12 +2816,12 @@ function injectStreamMenuButtons() {
observer.observe($screen, { subtree: true, childList: true }); observer.observe($screen, { subtree: true, childList: true });
} }
function showStreamSettings(tabId) { function showStreamSettings(tabId) {
const $wrapper = document.querySelector(".bx-quick-settings-bar"); const $wrapper = document.querySelector(".bx-stream-settings-dialog");
if (!$wrapper) { if (!$wrapper) {
return; return;
} }
if (tabId) { if (tabId) {
const $tab = $wrapper.querySelector(`.bx-quick-settings-tabs svg[data-group=${tabId}]`); const $tab = $wrapper.querySelector(`.bx-stream-settings-tabs svg[data-group=${tabId}]`);
$tab && $tab.dispatchEvent(new Event("click")); $tab && $tab.dispatchEvent(new Event("click"));
} }
$wrapper.classList.remove("bx-gone"); $wrapper.classList.remove("bx-gone");
@ -4612,7 +4632,7 @@ class MkbRemapper {
const onChange = (e, value2) => { const onChange = (e, value2) => {
this.#STATE.editingPresetData.mouse[key] = value2; this.#STATE.editingPresetData.mouse[key] = value2;
}; };
const $row = CE("div", { class: "bx-quick-settings-row" }, CE("label", { for: `bx_setting_${key}` }, setting.label), $elm = SettingElement.render(setting.type, key, setting, value, onChange, setting.params)); const $row = CE("div", { class: "bx-stream-settings-row" }, CE("label", { for: `bx_setting_${key}` }, setting.label), $elm = SettingElement.render(setting.type, key, setting, value, onChange, setting.params));
$mouseSettings.appendChild($row); $mouseSettings.appendChild($row);
this.#$.allMouseElements[key] = $elm; this.#$.allMouseElements[key] = $elm;
} }
@ -4812,7 +4832,7 @@ var getVideoPlayerFilterStyle = function() {
} }
return filters.join(" "); return filters.join(" ");
}; };
var setupQuickSettingsBar = function() { var setupStreamSettingsDialog = function() {
const isSafari = UserAgent.isSafari(); const isSafari = UserAgent.isSafari();
const SETTINGS_UI = [ const SETTINGS_UI = [
getPref(PrefKey.MKB_ENABLED) && { getPref(PrefKey.MKB_ENABLED) && {
@ -4838,7 +4858,6 @@ var setupQuickSettingsBar = function() {
items: [ items: [
{ {
pref: PrefKey.AUDIO_VOLUME, pref: PrefKey.AUDIO_VOLUME,
label: t("volume"),
onChange: (e, value) => { onChange: (e, value) => {
SoundShortcut.setGainNodeVolume(value); SoundShortcut.setGainNodeVolume(value);
}, },
@ -4864,28 +4883,23 @@ var setupQuickSettingsBar = function() {
items: [ items: [
{ {
pref: PrefKey.VIDEO_RATIO, pref: PrefKey.VIDEO_RATIO,
label: t("ratio"),
onChange: updateVideoPlayerCss onChange: updateVideoPlayerCss
}, },
{ {
pref: PrefKey.VIDEO_CLARITY, pref: PrefKey.VIDEO_CLARITY,
label: t("clarity"),
onChange: updateVideoPlayerCss, onChange: updateVideoPlayerCss,
unsupported: isSafari unsupported: isSafari
}, },
{ {
pref: PrefKey.VIDEO_SATURATION, pref: PrefKey.VIDEO_SATURATION,
label: t("saturation"),
onChange: updateVideoPlayerCss onChange: updateVideoPlayerCss
}, },
{ {
pref: PrefKey.VIDEO_CONTRAST, pref: PrefKey.VIDEO_CONTRAST,
label: t("contrast"),
onChange: updateVideoPlayerCss onChange: updateVideoPlayerCss
}, },
{ {
pref: PrefKey.VIDEO_BRIGHTNESS, pref: PrefKey.VIDEO_BRIGHTNESS,
label: t("brightness"),
onChange: updateVideoPlayerCss onChange: updateVideoPlayerCss
} }
] ]
@ -4903,19 +4917,16 @@ var setupQuickSettingsBar = function() {
items: [ items: [
{ {
pref: PrefKey.CONTROLLER_ENABLE_VIBRATION, pref: PrefKey.CONTROLLER_ENABLE_VIBRATION,
label: t("controller-vibration"),
unsupported: !VibrationManager.supportControllerVibration(), unsupported: !VibrationManager.supportControllerVibration(),
onChange: VibrationManager.updateGlobalVars onChange: VibrationManager.updateGlobalVars
}, },
{ {
pref: PrefKey.CONTROLLER_DEVICE_VIBRATION, pref: PrefKey.CONTROLLER_DEVICE_VIBRATION,
label: t("device-vibration"),
unsupported: !VibrationManager.supportDeviceVibration(), unsupported: !VibrationManager.supportDeviceVibration(),
onChange: VibrationManager.updateGlobalVars onChange: VibrationManager.updateGlobalVars
}, },
(VibrationManager.supportControllerVibration() || VibrationManager.supportDeviceVibration()) && { (VibrationManager.supportControllerVibration() || VibrationManager.supportDeviceVibration()) && {
pref: PrefKey.CONTROLLER_VIBRATION_INTENSITY, pref: PrefKey.CONTROLLER_VIBRATION_INTENSITY,
label: t("vibration-intensity"),
unsupported: !VibrationManager.supportDeviceVibration(), unsupported: !VibrationManager.supportDeviceVibration(),
onChange: VibrationManager.updateGlobalVars onChange: VibrationManager.updateGlobalVars
} }
@ -4992,44 +5003,36 @@ var setupQuickSettingsBar = function() {
help_url: "https://better-xcloud.github.io/stream-stats/", help_url: "https://better-xcloud.github.io/stream-stats/",
items: [ items: [
{ {
pref: PrefKey.STATS_SHOW_WHEN_PLAYING, pref: PrefKey.STATS_SHOW_WHEN_PLAYING
label: t("show-stats-on-startup")
}, },
{ {
pref: PrefKey.STATS_QUICK_GLANCE, pref: PrefKey.STATS_QUICK_GLANCE,
label: "👀 " + t("enable-quick-glance-mode"),
onChange: (e) => { onChange: (e) => {
e.target.checked ? StreamStats.quickGlanceSetup() : StreamStats.quickGlanceStop(); e.target.checked ? StreamStats.quickGlanceSetup() : StreamStats.quickGlanceStop();
} }
}, },
{ {
pref: PrefKey.STATS_ITEMS, pref: PrefKey.STATS_ITEMS,
label: t("stats"),
onChange: StreamStats.refreshStyles onChange: StreamStats.refreshStyles
}, },
{ {
pref: PrefKey.STATS_POSITION, pref: PrefKey.STATS_POSITION,
label: t("position"),
onChange: StreamStats.refreshStyles onChange: StreamStats.refreshStyles
}, },
{ {
pref: PrefKey.STATS_TEXT_SIZE, pref: PrefKey.STATS_TEXT_SIZE,
label: t("text-size"),
onChange: StreamStats.refreshStyles onChange: StreamStats.refreshStyles
}, },
{ {
pref: PrefKey.STATS_OPACITY, pref: PrefKey.STATS_OPACITY,
label: t("opacity"),
onChange: StreamStats.refreshStyles onChange: StreamStats.refreshStyles
}, },
{ {
pref: PrefKey.STATS_TRANSPARENT, pref: PrefKey.STATS_TRANSPARENT,
label: t("transparent-background"),
onChange: StreamStats.refreshStyles onChange: StreamStats.refreshStyles
}, },
{ {
pref: PrefKey.STATS_CONDITIONAL_FORMATTING, pref: PrefKey.STATS_CONDITIONAL_FORMATTING,
label: t("conditional-formatting"),
onChange: StreamStats.refreshStyles onChange: StreamStats.refreshStyles
} }
] ]
@ -5039,7 +5042,7 @@ var setupQuickSettingsBar = function() {
]; ];
let $tabs; let $tabs;
let $settings; let $settings;
const $wrapper = CE("div", { class: "bx-quick-settings-bar bx-gone" }, $tabs = CE("div", { class: "bx-quick-settings-tabs" }), $settings = CE("div", { class: "bx-quick-settings-tab-contents" })); const $wrapper = CE("div", { class: "bx-stream-settings-dialog bx-gone" }, $tabs = CE("div", { class: "bx-stream-settings-tabs" }), $settings = CE("div", { class: "bx-stream-settings-tab-contents" }));
for (const settingTab of SETTINGS_UI) { for (const settingTab of SETTINGS_UI) {
if (!settingTab) { if (!settingTab) {
continue; continue;
@ -5094,7 +5097,9 @@ var setupQuickSettingsBar = function() {
} else if (!setting.unsupported) { } else if (!setting.unsupported) {
$control = toPrefElement(pref, setting.onChange, setting.params); $control = toPrefElement(pref, setting.onChange, setting.params);
} }
const $content = CE("div", { class: "bx-quick-settings-row", "data-type": settingGroup.group }, CE("label", { for: `bx_setting_${pref}` }, setting.label, setting.unsupported && CE("div", { class: "bx-quick-settings-bar-note" }, t("browser-unsupported-feature"))), !setting.unsupported && $control); const label = Preferences.SETTINGS[pref].label || setting.label;
const note = Preferences.SETTINGS[pref].note || setting.note;
const $content = CE("div", { class: "bx-stream-settings-row", "data-type": settingGroup.group }, CE("label", { for: `bx_setting_${pref}` }, label, note && CE("div", { class: "bx-stream-settings-dialog-note" }, note), setting.unsupported && CE("div", { class: "bx-stream-settings-dialog-note" }, t("browser-unsupported-feature"))), !setting.unsupported && $control);
$group.appendChild($content); $group.appendChild($content);
setting.onMounted && setting.onMounted($control); setting.onMounted && setting.onMounted($control);
} }
@ -5179,10 +5184,10 @@ var preloadFonts = function() {
document.querySelector("head")?.appendChild($link); document.querySelector("head")?.appendChild($link);
}; };
function setupStreamUi() { function setupStreamUi() {
if (!document.querySelector(".bx-quick-settings-bar")) { if (!document.querySelector(".bx-stream-settings-dialog")) {
preloadFonts(); preloadFonts();
window.addEventListener("resize", updateVideoPlayerCss); window.addEventListener("resize", updateVideoPlayerCss);
setupQuickSettingsBar(); setupStreamSettingsDialog();
StreamStats.render(); StreamStats.render();
Screenshot.setup(); Screenshot.setup();
} }
@ -6893,7 +6898,7 @@ div[data-testid=media-container].bx-taking-screenshot:before {
.bx-stats-bar span:first-of-type { .bx-stats-bar span:first-of-type {
min-width: 22px; min-width: 22px;
} }
.bx-quick-settings-bar { .bx-stream-settings-dialog {
display: flex; display: flex;
position: fixed; position: fixed;
z-index: var(--bx-stream-settings-z-index); z-index: var(--bx-stream-settings-z-index);
@ -6901,7 +6906,7 @@ div[data-testid=media-container].bx-taking-screenshot:before {
user-select: none; user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
} }
.bx-quick-settings-tabs { .bx-stream-settings-tabs {
position: fixed; position: fixed;
top: 0; top: 0;
right: 420px; right: 420px;
@ -6911,7 +6916,7 @@ div[data-testid=media-container].bx-taking-screenshot:before {
box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000;
overflow: clip; overflow: clip;
} }
.bx-quick-settings-tabs svg { .bx-stream-settings-tabs svg {
width: 32px; width: 32px;
height: 32px; height: 32px;
padding: 10px; padding: 10px;
@ -6920,15 +6925,15 @@ div[data-testid=media-container].bx-taking-screenshot:before {
cursor: pointer; cursor: pointer;
border-left: 4px solid #1e1e1e; border-left: 4px solid #1e1e1e;
} }
.bx-quick-settings-tabs svg.bx-active { .bx-stream-settings-tabs svg.bx-active {
background: #222; background: #222;
border-color: #008746; border-color: #008746;
} }
.bx-quick-settings-tabs svg:not(.bx-active):hover { .bx-stream-settings-tabs svg:not(.bx-active):hover {
background: #2f2f2f; background: #2f2f2f;
border-color: #484848; border-color: #484848;
} }
.bx-quick-settings-tab-contents { .bx-stream-settings-tab-contents {
flex-direction: column; flex-direction: column;
position: fixed; position: fixed;
right: 0; right: 0;
@ -6945,21 +6950,21 @@ div[data-testid=media-container].bx-taking-screenshot:before {
box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000;
overflow: overlay; overflow: overlay;
} }
.bx-quick-settings-tab-contents > div[data-group=mkb] { .bx-stream-settings-tab-contents > div[data-group=mkb] {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
} }
.bx-quick-settings-tab-contents *:focus { .bx-stream-settings-tab-contents *:focus {
outline: none !important; outline: none !important;
} }
.bx-quick-settings-tab-contents h2 { .bx-stream-settings-tab-contents h2 {
margin-bottom: 8px; margin-bottom: 8px;
display: flex; display: flex;
align-item: center; align-item: center;
} }
.bx-quick-settings-tab-contents h2 span { .bx-stream-settings-tab-contents h2 span {
display: inline-block; display: inline-block;
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
@ -6972,13 +6977,13 @@ div[data-testid=media-container].bx-taking-screenshot:before {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
} }
.bx-quick-settings-row { .bx-stream-settings-row {
display: flex; display: flex;
border-bottom: 1px solid rgba(64,64,64,0.502); border-bottom: 1px solid rgba(64,64,64,0.502);
margin-bottom: 16px; margin-bottom: 16px;
padding-bottom: 16px; padding-bottom: 16px;
} }
.bx-quick-settings-row label { .bx-stream-settings-row label {
font-size: 16px; font-size: 16px;
display: block; display: block;
text-align: left; text-align: left;
@ -6986,64 +6991,62 @@ div[data-testid=media-container].bx-taking-screenshot:before {
align-self: center; align-self: center;
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
.bx-quick-settings-row input { .bx-stream-settings-row input {
accent-color: var(--bx-primary-button-color); accent-color: var(--bx-primary-button-color);
} }
.bx-quick-settings-row select:disabled { .bx-stream-settings-row select:disabled {
-webkit-appearance: none; -webkit-appearance: none;
background: transparent; background: transparent;
text-align-last: right; text-align-last: right;
border: none; border: none;
} }
.bx-quick-settings-bar-note { .bx-stream-settings-dialog-note {
display: block; display: block;
text-align: center;
font-size: 12px; font-size: 12px;
font-weight: lighter; font-weight: lighter;
font-style: italic; font-style: italic;
padding-top: 16px;
} }
.bx-quick-settings-tab-contents div[data-group="shortcuts"] > div[data-has-gamepad=true] > div:first-of-type { .bx-stream-settings-tab-contents div[data-group="shortcuts"] > div[data-has-gamepad=true] > div:first-of-type {
display: none; display: none;
} }
.bx-quick-settings-tab-contents div[data-group="shortcuts"] > div[data-has-gamepad=true] > div:last-of-type { .bx-stream-settings-tab-contents div[data-group="shortcuts"] > div[data-has-gamepad=true] > div:last-of-type {
display: block; display: block;
} }
.bx-quick-settings-tab-contents div[data-group="shortcuts"] > div[data-has-gamepad=false] > div:first-of-type { .bx-stream-settings-tab-contents div[data-group="shortcuts"] > div[data-has-gamepad=false] > div:first-of-type {
display: block; display: block;
} }
.bx-quick-settings-tab-contents div[data-group="shortcuts"] > div[data-has-gamepad=false] > div:last-of-type { .bx-stream-settings-tab-contents div[data-group="shortcuts"] > div[data-has-gamepad=false] > div:last-of-type {
display: none; display: none;
} }
.bx-quick-settings-tab-contents div[data-group="shortcuts"] .bx-shortcut-profile { .bx-stream-settings-tab-contents div[data-group="shortcuts"] .bx-shortcut-profile {
width: 100%; width: 100%;
height: 36px; height: 36px;
display: block; display: block;
margin-bottom: 10px; margin-bottom: 10px;
} }
.bx-quick-settings-tab-contents div[data-group="shortcuts"] .bx-shortcut-note { .bx-stream-settings-tab-contents div[data-group="shortcuts"] .bx-shortcut-note {
font-size: 14px; font-size: 14px;
} }
.bx-quick-settings-tab-contents div[data-group="shortcuts"] .bx-shortcut-row { .bx-stream-settings-tab-contents div[data-group="shortcuts"] .bx-shortcut-row {
display: flex; display: flex;
margin-bottom: 10px; margin-bottom: 10px;
} }
.bx-quick-settings-tab-contents div[data-group="shortcuts"] .bx-shortcut-row label.bx-prompt { .bx-stream-settings-tab-contents div[data-group="shortcuts"] .bx-shortcut-row label.bx-prompt {
flex: 1; flex: 1;
font-size: 26px; font-size: 26px;
margin-bottom: 0; margin-bottom: 0;
} }
.bx-quick-settings-tab-contents div[data-group="shortcuts"] .bx-shortcut-row .bx-shortcut-actions { .bx-stream-settings-tab-contents div[data-group="shortcuts"] .bx-shortcut-row .bx-shortcut-actions {
flex: 2; flex: 2;
position: relative; position: relative;
} }
.bx-quick-settings-tab-contents div[data-group="shortcuts"] .bx-shortcut-row .bx-shortcut-actions select { .bx-stream-settings-tab-contents div[data-group="shortcuts"] .bx-shortcut-row .bx-shortcut-actions select {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;
} }
.bx-quick-settings-tab-contents div[data-group="shortcuts"] .bx-shortcut-row .bx-shortcut-actions select:last-of-type { .bx-stream-settings-tab-contents div[data-group="shortcuts"] .bx-shortcut-row .bx-shortcut-actions select:last-of-type {
opacity: 0; opacity: 0;
z-index: calc(var(--bx-stream-settings-z-index) + 1); z-index: calc(var(--bx-stream-settings-z-index) + 1);
} }
@ -8592,7 +8595,40 @@ function patchCanvasContext() {
} }
// src/index.ts // src/index.ts
var observeRootDialog = function($root) {
let currentShown = false;
const observer = new MutationObserver((mutationList) => {
for (const mutation of mutationList) {
if (mutation.type !== "childList") {
continue;
}
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 });
};
var waitForRootDialog = function() {
const observer = new MutationObserver((mutationList) => {
for (const mutation of mutationList) {
if (mutation.type !== "childList") {
continue;
}
const $target = mutation.target;
if ($target.id && $target.id === "gamepass-dialog-root") {
observer.disconnect();
observeRootDialog($target);
break;
}
}
});
observer.observe(document.documentElement, { subtree: true, childList: true });
};
var main = function() { var main = function() {
waitForRootDialog();
patchRtcPeerConnection(); patchRtcPeerConnection();
patchRtcCodecs(); patchRtcCodecs();
interceptHttpRequests(); interceptHttpRequests();
@ -8722,9 +8758,9 @@ window.addEventListener(BxEvent.STREAM_STOPPED, (e) => {
STATES.currentStream = {}; STATES.currentStream = {};
window.BX_EXPOSED.shouldShowSensorControls = false; window.BX_EXPOSED.shouldShowSensorControls = false;
getPref(PrefKey.MKB_ENABLED) && MkbHandler.INSTANCE.destroy(); getPref(PrefKey.MKB_ENABLED) && MkbHandler.INSTANCE.destroy();
const $quickBar = document.querySelector(".bx-quick-settings-bar"); const $streamSettingsDialog = document.querySelector(".bx-stream-settings-dialog");
if ($quickBar) { if ($streamSettingsDialog) {
$quickBar.classList.add("bx-gone"); $streamSettingsDialog.classList.add("bx-gone");
} }
STATES.currentStream.audioGainNode = null; STATES.currentStream.audioGainNode = null;
STATES.currentStream.$video = null; STATES.currentStream.$video = null;