steam-theming-utils 1.1.0 → 1.2.0

package/cdp/class_modules.js

@@ -22,13 +22,12 @@ findUniqueKey = (key, index = 0) =>
 		(mod) => findAllModules((mod2) => mod2[mod]).length === 1,
 	);
 
-// TODO: sort classes
-result = {
+classModules = {
 	...specialModules,
 	...parsedModules
 		.map((e) => ({ [e[0]]: e[1] }))
 		.reduce((a, b) => Object.assign(a, b)),
-	...classModules
+	...exportedModules
 		.flatMap((a) => {
 			const mod = findFirstModule(a[1], a[0]);
 			if (!mod) {
@@ -37,8 +36,9 @@ result = {
 
 			return {
 				[a[0]]: Object.keys(mod || {})
+					// Remove keys like "duration-app-launch"
 					.filter((e) => !mod[e].match(/^\d+(\.\d+)?(\w{2})?$/))
-					.map((e) => Object({ [e]: mod[e] }))
+					.map((e) => ({ [e]: mod[e] }))
 					.reduce((a, b) => Object.assign(a, b)),
 			};
 		})
@@ -46,10 +46,4 @@ result = {
 };
 
 // return
-Object.keys(result)
-	.sort()
-	.reduce((obj, key) => {
-		obj[key] = result[key];
-
-		return obj;
-	}, {});
+classModules;

package/cdp/class_modules_db.js

@@ -77,7 +77,7 @@ specialModules = {
 	});
 })();
 
-classModules = [
+exportedModules = [
 	["aboutsteamdialog", (e) => e.AboutSteamDialog],
 	["accountpanel", (e) => e.ChangePersonaNameContent],
 	["accountsettings", (e) => e.Avatar && e.EntryLabel],
@@ -485,7 +485,7 @@ classModules = [
 	// May conflict with other broadcast modules in the future
 	["vodplayer", (e) => e.BroadcastCtn],
 	["voicechatheadersteamdeck", (e) => e.ActiveCall],
-	["voicesettings", (e) => e.HotkeySettingRow],
+	["voicesettings", (e) => e.MicrophoneTest],
 	// Generic, but returns 1 module
 	["vrdashboard", (e) => e.FadeRight],
 	// Generic, but returns 1 module

package/cdp/make_readable_classes.js

@@ -0,0 +1,35 @@
+function getNormalClass(className) {
+	for (const key of Object.keys(classModules)) {
+		const mod = classModules[key];
+		const keys = Object.keys(mod);
+		const name = keys.find((e) => mod[e] === className);
+		if (!name) {
+			continue;
+		}
+
+		return [key, name].join("_");
+	}
+}
+
+function normalizeElement(el) {
+	const readableClasses = [...el.classList]
+		.map(getNormalClass)
+		.filter(Boolean)
+		.map((e) => `\t${e}`)
+		.join("\n");
+	if (readableClasses === "") {
+		return;
+	}
+
+	el.setAttribute("data-readableclass", `\n${readableClasses}\n`);
+}
+
+focusedPopup = [...g_PopupManager.GetPopups()].find((e) => e.focused);
+if (focusedPopup) {
+	const elements = [
+		...focusedPopup.m_popup.document.querySelectorAll("[class]"),
+	];
+	for (const el of elements) {
+		normalizeElement(el);
+	}
+}

package/index.js

@@ -2,19 +2,13 @@
 
 import fs from "node:fs";
 import path from "node:path";
-import { connection, packagePath } from "./shared.js";
+import { connection, readScript, SCRIPT_PATH } from "./shared.js";
 
-const scriptPath = path.join(packagePath, "lib");
-const files = fs
-	.readdirSync(scriptPath)
-	.filter((e) => e !== "shared.js")
-	.map((e) => e.replace(".js", ""));
+const files = fs.readdirSync(SCRIPT_PATH).map((e) => e.replace(".js", ""));
 if (!files.some((e) => process.argv[2] === e)) {
-	console.error(
-		"Usage: %s [%s]",
-		path.basename(process.argv[1]),
-		files.join("|"),
-	);
+	console.error("Usage: %s <script>", path.basename(process.argv[1]));
+	console.error("Where <script>:\n%s", files.map((e) => `- ${e}`).join("\n"));
+	connection.close();
 	process.exit(2);
 }
 
@@ -27,6 +21,6 @@ connection.Runtime.on("consoleAPICalled", (ev) => {
 	console.error(...ev.args.map((e) => e.description || e.value));
 });
 
-const script = await import(path.join(scriptPath, `${process.argv[2]}.js`));
+const script = await readScript(process.argv[2]);
 await script.execute();
 connection.close();

package/lib/build_class_modules.js

@@ -1,10 +1,9 @@
 import fs from "node:fs";
 import cp from "node:child_process";
 import path from "node:path";
-import { packagePath, readFile, run, runWithResult } from "../shared.js";
+import { readFile, run, runCdpFile, runWithResult } from "../shared.js";
 
 const CLASS_MAP_FILE = "class_map.json";
-const CDP_FILES_PATH = path.join(packagePath, "cdp");
 
 export async function execute() {
 	const dflRan = await runWithResult("!!webpackCache");
@@ -14,14 +13,19 @@ export async function execute() {
 			readFile(
 				path.join("node_modules", "decky-frontend-lib", "dist", "webpack.js"),
 			).replace(/export /g, ""),
+		).catch((e) => {
+			// Fails on first launch sometimes
+		});
+
+		// Leave only the relevant modules
+		await run(
+			"allModules = findAllModules((e) => typeof e === 'object' && !e.__esModule);",
 		);
 	}
-	await run(readFile(path.join(CDP_FILES_PATH, "class_modules_db.js")));
+	await runCdpFile("class_modules_db.js");
 
 	const filePath = path.join(process.cwd(), CLASS_MAP_FILE);
-	const output = await runWithResult(
-		readFile(path.join(CDP_FILES_PATH, "class_modules.js")),
-	);
+	const output = await runCdpFile("class_modules.js");
 
 	fs.writeFileSync(filePath, JSON.stringify(output));
 	cp.spawnSync("npx", ["@biomejs/biome", "format", "--write", filePath]);

package/lib/make_readable_classes.js

@@ -0,0 +1,18 @@
+import { readScript, runCdpFile, runWithResult, sleep } from "../shared.js";
+
+const DELAY = 2;
+
+export async function execute() {
+	const scriptRan = await runWithResult("!!classModules");
+	if (!scriptRan) {
+		const script = await readScript("build_class_modules");
+		await script.execute();
+	}
+
+	console.log("Waiting for focus in %s seconds...", DELAY);
+	await sleep(DELAY * 1_000);
+	await runCdpFile("make_readable_classes.js");
+
+	const focusedPopupName = await runWithResult("focusedPopup.m_strName");
+	console.log("Got target %o", focusedPopupName);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "steam-theming-utils",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "A collection of scripts for easier Steam theming",
   "repository": {
     "type": "git",

package/shared.js

@@ -1,7 +1,7 @@
 import cdp from "chrome-remote-interface";
 import fs from "node:fs";
 import path from "node:path";
-import url from "node:url";
+import { fileURLToPath } from "node:url";
 
 export const connection = await cdp({
 	host: "127.0.0.1",
@@ -16,14 +16,22 @@ export const connection = await cdp({
 	);
 	process.exit(1);
 });
-export const packagePath = path.dirname(url.fileURLToPath(import.meta.url));
+export const packagePath = path.dirname(fileURLToPath(import.meta.url));
+
+export const CDP_FILES_PATH = path.join(packagePath, "cdp");
+export const SCRIPT_PATH = path.join(packagePath, "lib");
 
 export const readFile = (file) => fs.readFileSync(file).toString();
+export const readScript = async (name) =>
+	await import(path.join(SCRIPT_PATH, `${name}.js`));
 export const run = async (expression) =>
 	await connection.Runtime.evaluate({
 		expression,
 		awaitPromise: true,
 		returnByValue: true,
 	});
+export const runCdpFile = async (file) =>
+	await runWithResult(readFile(path.join(CDP_FILES_PATH, file)));
 export const runWithResult = async (expression) =>
 	(await run(expression)).result.value;
+export const sleep = (ms) => new Promise((r) => setTimeout(r, ms));