steam-theming-utils 3.3.0 → 3.4.0

package/README.md

@@ -31,6 +31,7 @@ Note that running any script requires Steam running with `-cef-enable-debugging`
 | notificationspage  | https://steamcommunity.com/my/notifications                                  |
 | profileedit        | https://steamcommunity.com/my/edit                                           |
 | shoppingcart       | https://store.steampowered.com/cart                                          |
+| storemenu          | https://store.steampowered.com (or any Steam store page)                     |
 
 ## Errors
 

package/cdp/db/accountpreferences.js

@@ -3,6 +3,7 @@ exportedModules = [
 	["authorizeddevices", (e) => e.AuthorizedDeviceGroup],
 	["cookies", (e) => e.CookieSection],
 	["familymanagement", (e) => e.FamilySettingsContainer],
+	["familymanagementinvites", (e) => e.IncomingInviteRow],
 	["familymanagementtabs", (e) => e.GraphicalAssetsTabs],
 	// TODO: shared with steam settings notif page
 	["notifications", (e) => e.NotificationSection],

package/cdp/db/apppage.js

@@ -1,5 +1,7 @@
 exportedModules = [
-	["storeitemscarousel", (e) => e.StoreItemsCarousel],
+	// TODO: not found if no broadcast
+	["broadcastembed", (e) => e.bordered_container],
+	["broadcastlivestreamicon", (e) => e.bordered_live_stream_icon],
 	["capsule", (e) => e.MainCapsuleImageContainer],
 	["capsulecontainer", (e) => e.SeeAllLink],
 	["carousel", (e) => e.pipScrollerContainer],
@@ -7,6 +9,11 @@ exportedModules = [
 	["creatorhomecarousel", (e) => e.CreatorHomeWithItems],
 	["focusring", (e) => e.FocusRingRoot],
 	["gamehover", (e) => e.GameHoverCapsuleCtn],
+	["gametrailer", (e) => e.TimeDash],
+	["gametrailercontainer", (e) => e.TrailerPlayer],
+	["gametrailercontrols", (e) => e.RowLimit],
 	["scrollsnapcarousel", (e) => e.ScrollSnapCarousel],
+	["sidebaraccessibilityinfo", (e) => e.FeatureNameContainer],
 	["sidebarcontrollerinfo", (e) => e.StoreSidebarContainer],
+	["storeitemscarousel", (e) => e.StoreItemsCarousel],
 ];

package/cdp/db/client.js

@@ -39,12 +39,19 @@ specialModules = {
  * These are not seen in webpackCache for some reason.
  * TODO: unify with the rest ?
  * TODO: is absence of top-level await a bug ?
+ *
+ * 674:
+ * - bbcodeeditor
+ * - bbcodesuggestions
+ * - clanimagechooser
+ * - clanimagepickandresize
+ * - sharewithfriends
  */
 (async () => {
 	window.parsedModules = [
 		...(
 			await Promise.all(
-				["awardicon", "broadcast", "gamenotes", "gamerecording"].map(
+				["674", "awardicon", "broadcast", "gamenotes", "gamerecording"].map(
 					async (e) =>
 						(await fetch(`https://steamloopback.host/${e}.js`)).text(),
 				),
@@ -60,16 +67,28 @@ specialModules = {
 			switch (true) {
 				case exists("IconList"):
 					return "awardicon";
+				case exists("DragTarget"):
+					return "bbcodeeditor";
+				case exists("BBCode"):
+					return "bbcodesuggestions";
 				case exists("PopOutVideoTitleBar"):
 					return "broadcastembeddable";
+				case exists("BroadcastPlayerLite"):
+					return "broadcastplayer";
 				case exists("StoreSaleImage_mini"):
 					return "broadcastwidgets";
+				case exists("ImagesOuterContainer"):
+					return "clanimagechooser";
+				case exists("Image") && Object.keys(e).length === 1:
+					return "clanimagepickandresize";
 				case exists("ClipUploadStatus"):
 					return "clipupload";
 				case exists("GameNotesPopup"):
 					return "gamenotespopups";
 				case exists("ClipSavedHint"):
 					return "gamerecordingclip";
+				case exists("ShareDescription"):
+					return "sharewithfriends";
 			}
 		})();
 
@@ -95,7 +114,6 @@ exportedModules = [
 	["appactionbutton", (e) => e.PlayButtonContainer],
 	["appactivityday", (e) => e.AppActivityDay],
 	["appactivitydlc", (e) => e.CarouselControlsPadding],
-	["appcarouseltrailer", (e) => e.AppCarouselTrailerCtn],
 	["appdetails", (e) => e.AppDetailsOverviewPanel],
 	["appdetailsachievementssection", (e) => e.AchievementHoverContainer],
 	["appdetailsactivitysection", (e) => e.ActivityFeedContainer],
@@ -143,6 +161,7 @@ exportedModules = [
 	["appportrait", (e) => e.NoCapsuleImage],
 	["appportraithover", (e) => e.AppPortraitHover],
 	["appproperties", (e) => e.AppProperties],
+	["apppropertiescustomizationsection", (e) => e.AssetWrapper],
 	["artworkmodal", (e) => e.Creator && e.ShareButton],
 	["audio", (e) => e.VolumeSliderLabel],
 	["audiosettings", (e) => e.AudioAppCtn],
@@ -159,9 +178,7 @@ exportedModules = [
 	["basiclibrarysettingszoo", (e) => e.GiantHeading],
 	["basicpartnereventspage", (e) => e.BasicPartnerEventsPage],
 	["bbcode", (e) => e.ChatMessageSteamStore],
-	["bbcodeeditor", (e) => e.DragTarget],
 	["bbcodes", (e) => e.QuoteAuthor],
-	["bbcodesuggestions", (e) => e.BBCode],
 	["bluetoothsettings", (e) => e.NotConnectedLabel && e.Header],
 	["borrowgamedialog", (e) => e.BorrowGameDialog],
 	["bottombar", (e) => e.BottomBarContainer],
@@ -171,7 +188,6 @@ exportedModules = [
 	["broadcastchat", (e) => e.BroadcastChat],
 	["broadcastchatannouncement", (e) => e.GiveawayWinnerBox],
 	["broadcastfirsttime", (e) => e.BroadcastFirstTimeDialog],
-	["broadcastplayer", (e) => e.BroadcastPlayerLite],
 	["broadcastsettings", (e) => e.ConfigureMic],
 	["broadcaststatus", (e) => e.BroadcastStatusBody],
 	["browserviewfindinpage", (e) => e.ControlButton],
@@ -189,9 +205,8 @@ exportedModules = [
 	["chattabs", (e) => e.ChatTabTransitionGroup],
 	["checkforupdatesdialog", (e) => e.CheckForUpdatesDialog],
 	["claimitemshared", (e) => e.DialogCtn],
-	["clanimagechooser", (e) => e.ImagesOuterContainer],
-	["clanimagepickandresize", (e) => e.Image && Object.keys(e).length === 1],
 	["clipdecorator", (e) => e.ClipDecorator],
+	["cliphighlightcontextmenu", (e) => e.HighlightContextMenuItem],
 	["clipmanager", (e) => e.ClipActions],
 	["clipplayback", (e) => e.PlaybackControlsCtn],
 	["clipplaybackscrollbar", (e) => e.ScrollBarCtn],
@@ -254,8 +269,6 @@ exportedModules = [
 	["desktopsecuritysettings", (e) => e.SteamGuardIcon],
 	["desktoptoasts", (e) => e.DesktopToastPopup],
 	["dialogs", (e) => e.DialogTitle && e.DialogContent],
-	["discoveryqueuewidget", (e) => e.DiscoveryQueueApp],
-	["discoveryqueuewizard", (e) => e.DeckVerifiedLogo],
 	["discussionwidget", (e) => e.DiscussContainer],
 	["displayscaledialog", (e) => e.YouCanChangeThisLater],
 	["displaysettings", (e) => e.TimeRangeControls && !e.BandwidthInput],
@@ -285,6 +298,7 @@ exportedModules = [
 	["familysettings", (e) => e.AuthorizeUserField],
 	["familysharedcomponents", (e) => e.FamilyMemberRowTop],
 	["fastscrolloverlay", (e) => e.FastScrollOverlay],
+	["floatingconfirmation", (e) => e.FloatingConfirmation],
 	["focusring", (e) => e.FocusRingRoot],
 	["footer", (e) => e.BasicFooter],
 	["footericons", (e) => e.Knockout],
@@ -324,19 +338,22 @@ exportedModules = [
 	["gamepadpage", (e) => e.GamepadPage && !e.LeftStick],
 	["gamepadpagedsettings", (e) => e.PagedSettingsDialog_PageList_ShowTitle],
 	["gamepadsearch", (e) => e.GamepadSearch],
-	["gamepadslider", (e) => e.DefaultValueIsColorRange],
+	["gamepadslider", (e) => e.DefaultValueIsColorRange && !e.LearnMore],
 	["gamepadtabbedpage", (e) => e.CanBeHeaderBackground],
 	["gamepadtoasts", (e) => e.GamepadToastPlaceholder],
 	["gamepadui", (e) => e.GamepadUIPopupWindowBody],
 	["gamepaduisvglibrary", (e) => e.WifiBar1],
 	["gamepaduiappoverlay", (e) => e.OverlayPosition],
 	["gamepaduiappoverlayvirtualmenucontainer", (e) => e.VirtualMenuContainer],
-	["gamerecordingaudiosessionfield", (e) => e.VU],
 	["gamerecordingbitrate", (e) => e.BitrateButton],
+	["gamerecordingclipprogressdialog", (e) => e.ClipProgressDialog],
 	["gamerecordingdesktopdialog", (e) => e.GameRecordingDesktopDialog],
+	["gamerecordingexportdialog", (e) => e.PlaceholderThumbnail],
 	["gamerecordingplayer", (e) => e.GameRecordingPlayer],
 	["gamerecordingquickaccess", (e) => e.BackgroundRecordingQuickSettingRow],
 	["gamerecordingsettings", (e) => e.RecordingMode],
+	["gamerecordingsettingspage", (e) => e.VU],
+	["gamerecordingsettingspageintro", (e) => e.SinglePageIntro],
 	["gamerecordingshare", (e) => e.ExportProgressContainer],
 	["gamerecordingtour", (e) => e.TourBox],
 	["gamerecordingwarning", (e) => e.WarningBox && !e.VU],
@@ -358,7 +375,6 @@ exportedModules = [
 	["jumplist", (e) => e.JumpListItemText],
 	["keyboardsettings", (e) => e.KeyboardThemeButtons],
 	["keycapture", (e) => e.Capturing && !e.RecommendedNote],
-	["languagescreen", (e) => e.LanguageScreen],
 	["launchoptionsdialog", (e) => e.LaunchOptionDialog],
 	["library", (e) => e.LibraryContextMenu && !e.OverlayTransitionDurationMS],
 	["libraryassetimage", (e) => e.GreyBackground],
@@ -381,7 +397,7 @@ exportedModules = [
 	["logsettings", (e) => e.ManualOverlayContainer],
 	["main", (e) => e.throbberContainer],
 	["mainbrowser", (e) => e.MainBrowserContainer],
-	["mainmenu", (e) => e.IsVirtualKeyboardShown],
+	["mainmenu", (e) => e.IsVirtualKeyboardShown && e.ViewPlaceholder],
 	["mainmenuapprunning", (e) => e.NavigationBox],
 	["mainpanelapprunning", (e) => e.MainPanelAppRunning],
 	["managefriends", (e) => e.GenerateLinkButton],
@@ -401,7 +417,6 @@ exportedModules = [
 	["networkconnectiondialog", (e) => e.ConnectionStatus],
 	["networkdiagnosticsdialog", (e) => e.ColumnDisplayName],
 	["networkinfodialog", (e) => e.InfoDialogBody],
-	["networkscreen", (e) => e.NetworkScreen],
 	["networksettings", (e) => e.NetworkWarning && e.OfflineMode],
 	["newlogindialog", (e) => e.MessagingContainer],
 	["newloginpanel", (e) => e.CreateAccountButton],
@@ -410,7 +425,7 @@ exportedModules = [
 	["nonetworkoverlay", (e) => e.NoNetwork],
 	["notificationcontent", (e) => e.DownloadCompleteText],
 	["notificationssettings", (e) => e.FriendsDescription],
-	["oobecontrols", (e) => e.Icons && e.Label],
+	["oobecontrols", (e) => e.OOBE],
 	["oobeerrorscreen", (e) => e.EqualWidthButtonPair],
 	["overflowbox", (e) => e.OverflowBox],
 	["overlappingtransition", (e) => e.ContentWrapper && e.TransitionGroup],
@@ -441,7 +456,7 @@ exportedModules = [
 	["personastatusicons", (e) => e.PersonaStatusIcon],
 	["pininput", (e) => e.DigitInputField],
 	["playersdialog", (e) => e.PlayersDialog],
-	["powermenu", (e) => e.SuspendDialog],
+	["powermenu", (e) => e.SuspendDialog && e.ActionButton],
 	["presenterpopup", (e) => e.Speaker],
 	["progressbar", (e) => e.ProgressBarFieldStatus],
 	["qrcode", (e) => e.QRBits],
@@ -460,7 +475,6 @@ exportedModules = [
 	["reactions", (e) => e.ReactorName],
 	["recentchatssteamdeck", (e) => e.RecentChatsList],
 	["recentlycompleted", (e) => e.RecentlyCompleted],
-	["reloadingdialog", (e) => e.Popup && Object.keys(e).length === 1],
 	["remainderlist", (e) => e.ItemWrapper],
 	["remoteplay", (e) => e.ContentForm],
 	["remoteplaydialog", (e) => e.SegmentedInput && Object.keys(e).length === 3],
@@ -481,6 +495,7 @@ exportedModules = [
 		(e) => e.OverlayContainer && e.SpacingContainer,
 	],
 	["screenshotmanagerdialog", (e) => e.ScreenshotFormRow],
+	["screenshotmanagerphaselist", (e) => e.PhaseListContainer],
 	["screenshotpopout", (e) => e.PopupScreenshotModal],
 	["screenshots", (e) => e.ClickableScreenshot],
 	["scrollfade", (e) => e.ScrollFade],
@@ -497,7 +512,6 @@ exportedModules = [
 	["sharedappdetailsheader", (e) => e.BoxSizerDelete],
 	["sharedialog", (e) => e.ShareButton && e.ShareIcon],
 	["sharescreenshotupload", (e) => e.ShareScreenshotDialog],
-	["sharewithfriends", (e) => e.ShareDescription],
 	["shorttemplates", (e) => e.ShortTemplate],
 	["shutdowndialog", (e) => e.ShutdownDialog],
 	["soundtrackoverlay", (e) => e.ContainerScroll && e.Back && !e.Art],
@@ -531,8 +545,7 @@ exportedModules = [
 	["systemmanagement", (e) => e.HDRBadge],
 	["systemreport", (e) => e.SystemReportDialog],
 	["systemsettings", (e) => e.SteamRuntimeSystemInfoDialogContent],
-	["throbber", (e) => e.ThrobberWrapper],
-	["timezonescreen", (e) => e.TimezoneScreen],
+	["throbber", (e) => e.throbber_center_wrapper],
 	["titlebarcontrols", (e) => e.NotificationBellAnimation],
 	["toggle", (e) => e.ToggleRow && e.Off],
 	["tooltip", (e) => e.TextToolTip],
@@ -547,6 +560,7 @@ exportedModules = [
 	["vodplayer", (e) => e.BroadcastCtn],
 	["voicechatheadersteamdeck", (e) => e.ActiveCall],
 	["voicesettings", (e) => e.MicrophoneTest],
+	["voicesettingsfriends", (e) => e.TransmissionTypeSettings],
 	["vrdashboard", (e) => e.DashboardBarPopupList],
 	// Generic, but returns 1 module
 	["vrdashboardpopups", (e) => e.PopupRoot],

package/cdp/db/shoppingcart.js

@@ -1,6 +1,7 @@
 exportedModules = [
+	["cartfollowcreator", (e) => e.CartCreatorCtn],
+	["creatorhome", (e) => e.DevSummaryCtn],
 	["shoppingcart", (e) => e.ShoppingCartModal],
-	["shoppingcartcount", (e) => e.ShoppingCartCountCtn],
 	["shoppingcartitem", (e) => e.DropDownThin],
 	["giftrecipient", (e) => e.GiftRecipientPickerFormCtn],
 	["storesalewidget", (e) => e.StoreSalePriceWidget],

package/cdp/db/storemenu.js

@@ -0,0 +1,14 @@
+exportedModules = [
+	["browsesection", (e) => e.BrowseContentGrid],
+	["capsulelist", (e) => e.CapsuleList],
+	["discount", (e) => e.OriginalPrice],
+	["discoveryqueue", (e) => e.DiscoveryQueue],
+	["dynamicmenu", (e) => e.DynamicMenu],
+	["dynamicmenufeaturedhardwaresection", (e) => e.FeaturedHardware],
+	["dynamicmenusection", (e) => e.SpecialsLinkColumn],
+	["dynamicmenutopcategoriessection", (e) => e.TopCategories],
+	["dynamicmenutransitiongroup", (e) => e.TransitionGroup],
+	["popover", (e) => e.PopoverContainer],
+	["search", (e) => e.searchBarMinWidth],
+	["storemenu", (e) => e.Container],
+];

package/lib/build_class_modules.js

@@ -21,6 +21,7 @@ const BROWSER_EVENT = "finished-request";
  */
 const SELECTORS = {
 	accountpreferences: "[data-featuretarget]",
+	apppage: "[data-featuretarget]",
 	gameslist: "[data-featuretarget='gameslist-root']",
 	notificationspage: "#react_root",
 	profileedit: "#react_root",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "steam-theming-utils",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "description": "A collection of scripts for easier Steam theming",
   "repository": {
     "type": "git",
@@ -8,7 +8,7 @@
   },
   "type": "module",
   "bin": {
-    "steam-theming-utils": "./src/index.js"
+    "steam-theming-utils": "src/index.js"
   },
   "types": "./src/api.d.ts",
   "exports": {
@@ -16,9 +16,10 @@
     "./postcss-plugins": "./src/postcss_plugins/index.js"
   },
   "dependencies": {
-    "chrome-remote-interface": "^0.33.2",
-    "lilconfig": "^3.1.2",
-    "postcss": "^8.5.1",
-    "prettier": "^3.4.1"
+    "chrome-remote-interface": "^0.33.3",
+    "find-process": "^2.0.0",
+    "lilconfig": "^3.1.3",
+    "postcss": "^8.5.6",
+    "prettier": "^3.7.4"
   }
 }

package/src/api.js

@@ -14,7 +14,7 @@ export const connection =
 		e.find((e) => e.title === "SharedJSContext"),
 	).catch((e) => {
 		console.log(
-			"%s\nTry running Steam with %o",
+			"%s\nTry running Steam with %o or using Millennium",
 			e.message,
 			"-cef-enable-debugging",
 		);

package/src/postcss_plugins/append_important.js

@@ -22,6 +22,11 @@ export const appendImportantPlugin =
 				(node) => !opts.filter.some((e) => e.test(node.parent.selector)),
 			);
 			for (const node of nodes) {
+				// !important is invalid in @keyframes
+				if (node.parent.parent.name === "keyframes") {
+					continue;
+				}
+
 				node.important = true;
 			}
 		});

package/src/postcss_plugins/selector_replacer.js

@@ -40,7 +40,7 @@ function getClassMap(page) {
 
 export const selectorReplacerPlugin = () => (css) => {
 	const { file } = css.source.input;
-	const name = path.basename(file, ".scss");
+	const fileName = path.basename(file);
 
 	const splitPath = file.split(path.sep);
 	const page = PAGES.find((e) => splitPath.includes(e));
@@ -54,12 +54,13 @@ export const selectorReplacerPlugin = () => (css) => {
 		return;
 	}
 
-	const mod = map?.[name];
+	const modName = path.parse(fileName).name;
+	const mod = map?.[modName];
 	const ignoredPaths = config.ignore || [];
 	const src = path.join(cwd, argv.base);
 	const skipFile = ignoredPaths.some((e) => file.startsWith(path.join(src, e)));
 	if (!mod && !skipFile) {
-		console.error("[%s] no such module", name);
+		console.error("[%s] no such module", fileName);
 		return;
 	}
 
@@ -67,7 +68,7 @@ export const selectorReplacerPlugin = () => (css) => {
 		rule.selector = rule.selector.replace(SELECTOR, (_, s) => {
 			const id = mod[s];
 			if (!id) {
-				console.error("[%s] %o is undefined", name, `#${s}`);
+				console.error("[%s] %o is undefined", fileName, `#${s}`);
 				return;
 			}
 

package/src/shared.js

@@ -2,6 +2,7 @@ import fs from "node:fs";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
 import cdp from "chrome-remote-interface";
+import * as findProcess from "find-process";
 import { runWithResult } from "./api.js";
 import { STORE_BASE_URL } from "./constants.js";
 
@@ -56,6 +57,8 @@ export async function getPageUrl(page) {
 			return pageObj(await resolve("SteamIDEditPage"));
 		case "shoppingcart":
 			return pageObj(await resolve("StoreCart"));
+		case "storemenu":
+			return pageObj(await resolve("StoreFrontPage"));
 	}
 }
 
@@ -65,9 +68,20 @@ export async function getPageUrl(page) {
  * @param {(targets: cdp.Target[]) => cdp.Target} target
  */
 export async function createConnection(target) {
+	// https://github.com/yibn2008/find-process/issues/83
+	const processes = await findProcess.default.default("name", "steamwebhelper");
+	const port = Number(
+		processes
+			.find((e) => e.cmd.includes("--remote-debugging-port="))
+			.cmd.match(/--remote-debugging-port=(\d+)/)?.[1],
+	);
+	if (Number.isNaN(port)) {
+		throw new Error("Is Steam running?");
+	}
+
 	const connection = await cdp({
 		host: "127.0.0.1",
-		port: 8080,
+		port,
 		target,
 	});