@steambrew/ttc 2.6.3 → 2.7.3

package/dist/index.js

@@ -4,25 +4,26 @@ import path, { dirname } from 'path';
 import { fileURLToPath } from 'url';
 import { readFile } from 'fs/promises';
 import fs, { existsSync, readFile as readFile$1 } from 'fs';
-import { rollup } from 'rollup';
-import json from '@rollup/plugin-json';
+import babel from '@rollup/plugin-babel';
 import commonjs from '@rollup/plugin-commonjs';
-import replace from '@rollup/plugin-replace';
-import typescript from '@rollup/plugin-typescript';
+import json from '@rollup/plugin-json';
 import resolve, { nodeResolve } from '@rollup/plugin-node-resolve';
+import replace from '@rollup/plugin-replace';
 import terser from '@rollup/plugin-terser';
-import babel from '@rollup/plugin-babel';
-import nodePolyfills from 'rollup-plugin-polyfill-node';
+import typescript from '@rollup/plugin-typescript';
 import url from '@rollup/plugin-url';
+import { rollup } from 'rollup';
+import nodePolyfills from 'rollup-plugin-polyfill-node';
+import { minify_sync } from 'terser';
 import scss from 'rollup-plugin-scss';
 import * as sass from 'sass';
-import injectProcessEnv from 'rollup-plugin-inject-process-env';
 import dotenv from 'dotenv';
-import { createFilter } from '@rollup/pluginutils';
-import MagicString from 'magic-string';
+import injectProcessEnv from 'rollup-plugin-inject-process-env';
 import * as parser from '@babel/parser';
-import traverse from '@babel/traverse';
+import { createFilter } from '@rollup/pluginutils';
 import * as glob from 'glob';
+import MagicString from 'magic-string';
+import _traverse from '@babel/traverse';
 import { performance as performance$1 } from 'perf_hooks';
 
 const Logger = {
@@ -200,7 +201,7 @@ function ExecutePluginModule() {
     }
     /** Expose the OnPluginConfigChange so it can be called externally */
     MillenniumStore.OnPluginConfigChange = OnPluginConfigChange;
-    MILLENNIUM_BACKEND_IPC.postMessage(0, { pluginName: pluginName, methodName: '__builtins__.__millennium_plugin_settings_parser__' }).then((response) => {
+    MILLENNIUM_BACKEND_IPC.postMessage(0, { pluginName: pluginName, methodName: '__builtins__.__millennium_plugin_settings_parser__' }).then(async (response) => {
         /**
          * __millennium_plugin_settings_parser__ will return false if the plugin has no settings.
          * If the plugin has settings, it will return a base64 encoded string.
@@ -220,7 +221,7 @@ function ExecutePluginModule() {
             __millennium_internal_plugin_name_do_not_use_or_change__: pluginName,
         });
         /** Run the rolled up plugins default exported function */
-        let pluginProps = PluginModule.default();
+        let pluginProps = await PluginModule.default();
         function isValidSidebarNavComponent(obj) {
             return obj && obj.title !== undefined && obj.icon !== undefined && obj.content !== undefined;
         }
@@ -293,16 +294,33 @@ function InitializePlugins() {
             MillenniumStore.ignoreProxyFlag = false;
         });
     }
-    function WebkitInitializeIPC() {
-        SteamClient?.BrowserView?.RegisterForMessageFromParent((messageId, data) => {
-            if (messageId !== IPCMessageId) {
+    async function WebkitInitializeIPC() {
+        let intervalId = null;
+        const maxWaitTime = 10000; // 10 seconds
+        intervalId = setInterval(() => {
+            if (typeof SteamClient === 'undefined') {
                 return;
             }
-            const payload = JSON.parse(data);
-            MillenniumStore.ignoreProxyFlag = true;
-            MillenniumStore.settingsStore[payload.name] = payload.value;
-            MillenniumStore.ignoreProxyFlag = false;
-        });
+            if (intervalId) {
+                clearInterval(intervalId);
+                intervalId = null;
+            }
+            SteamClient.BrowserView?.RegisterForMessageFromParent((messageId, data) => {
+                if (messageId !== IPCMessageId) {
+                    return;
+                }
+                const payload = JSON.parse(data);
+                MillenniumStore.ignoreProxyFlag = true;
+                MillenniumStore.settingsStore[payload.name] = payload.value;
+                MillenniumStore.ignoreProxyFlag = false;
+            });
+        }, 100);
+        setTimeout(() => {
+            if (intervalId) {
+                clearInterval(intervalId);
+                console.warn('%c Millennium %c Failed to find SteamClient after 10000ms', 'background:rgb(37, 105, 184); color: white;', 'background: transparent;');
+            }
+        }, maxWaitTime);
     }
     isClientModule ? ClientInitializeIPC() : WebkitInitializeIPC();
     const StartSettingPropagation = (name, value) => {
@@ -362,6 +380,7 @@ function InitializePlugins() {
     MillenniumStore.settingsStore = DefinePluginSetting({});
 }
 
+const traverse = _traverse.default;
 const Log = (...message) => {
     console.log(chalk.blueBright.bold('constSysfsExpr'), ...message);
 };
@@ -629,7 +648,7 @@ function InsertMillennium(type, props) {
                 continue;
             }
             Logger.Info('millenniumAPI', 'Bundling into ' + ComponentType[type] + ' module... ' + chalk.green.bold('okay'));
-            bundle[fileName].code = ConstructFunctions([
+            let code = ConstructFunctions([
                 `const MILLENNIUM_IS_CLIENT_MODULE = ${type === ComponentType.Plugin ? 'true' : 'false'};`,
                 `const pluginName = "${props.strPluginInternalName}";`,
                 InitializePlugins.toString(),
@@ -640,6 +659,10 @@ function InsertMillennium(type, props) {
                 ExecutePluginModule.toString(),
                 ExecutePluginModule.name + '()',
             ]);
+            if (props.bTersePlugin) {
+                code = minify_sync(code).code ?? code;
+            }
+            bundle[fileName].code = code;
         }
     };
     return { name: String(), generateBundle };
@@ -699,7 +722,6 @@ async function GetPluginComponents(props) {
         resolve(),
         json(),
         constSysfsExpr(),
-        injectProcessEnv(envVars),
         replace({
             delimiters: ['', ''],
             preventAssignment: true,
@@ -711,6 +733,9 @@ async function GetPluginComponents(props) {
             'client.BindPluginSettings()': 'client.BindPluginSettings(pluginName)',
         }),
     ];
+    if (envVars.length > 0) {
+        pluginList.push(injectProcessEnv(envVars));
+    }
     if (props.bTersePlugin) {
         pluginList.push(terser());
     }
@@ -732,7 +757,6 @@ async function GetWebkitPluginComponents(props) {
         commonjs(),
         json(),
         constSysfsExpr(),
-        injectProcessEnv(envVars),
         replace({
             delimiters: ['', ''],
             preventAssignment: true,
@@ -745,6 +769,9 @@ async function GetWebkitPluginComponents(props) {
             babelHelpers: 'bundled',
         }),
     ];
+    if (envVars.length > 0) {
+        pluginList.push(injectProcessEnv(envVars));
+    }
     pluginList = await MergePluginList(pluginList);
     props.bTersePlugin && pluginList.push(terser());
     return pluginList;

package/package.json

@@ -1,53 +1,54 @@
-{
-	"name": "@steambrew/ttc",
-	"version": "2.6.3",
-	"type": "module",
-	"main": "dist/index.js",
-	"module": "dist/index.js",
-	"bin": {
-		"millennium-ttc": "dist/index.js"
-	},
-	"scripts": {
-		"build": "rollup -c",
-		"prepare": "npm run build"
-	},
-	"publishConfig": {
-		"access": "public"
-	},
-	"keywords": [],
-	"author": "SteamClientHomebrew",
-	"license": "MIT",
-	"description": "A tiny typescript compiler for Millennium plugins.",
-	"dependencies": {
-		"@babel/parser": "^7.27.5",
-		"@babel/preset-env": "^7.27.2",
-		"@babel/preset-react": "^7.27.1",
-		"@babel/preset-typescript": "^7.27.1",
-		"@babel/traverse": "^7.27.4",
-		"@rollup/plugin-babel": "^6.0.4",
-		"@rollup/plugin-commonjs": "^28.0.3",
-		"@rollup/plugin-json": "^6.1.0",
-		"@rollup/plugin-node-resolve": "^15.3.1",
-		"@rollup/plugin-replace": "^6.0.2",
-		"@rollup/plugin-terser": "^0.4.4",
-		"@rollup/plugin-typescript": "^12.1.2",
-		"@rollup/plugin-url": "^8.0.2",
-		"@rollup/pluginutils": "^5.1.4",
-		"chalk": "^5.4.1",
-		"dotenv": "^16.5.0",
-		"fs": "0.0.1-security",
-		"glob": "^11.0.2",
-		"magic-string": "^0.30.17",
-		"rollup": "^4.42.0",
-		"rollup-plugin-inject-process-env": "^1.3.1",
-		"rollup-plugin-polyfill-node": "^0.13.0",
-		"rollup-plugin-scss": "^4.0.1",
-		"sass": "^1.89.1",
-		"tslib": "^2.8.1"
-	},
-	"devDependencies": {
-		"@types/babel__traverse": "^7.20.7",
-		"@types/glob": "^8.1.0",
-		"@types/node": "^22.15.30"
-	}
-}
+{
+	"name": "@steambrew/ttc",
+	"version": "2.7.3",
+	"type": "module",
+	"main": "dist/index.js",
+	"module": "dist/index.js",
+	"bin": {
+		"millennium-ttc": "dist/index.js"
+	},
+	"scripts": {
+		"build": "rollup -c",
+		"prepare": "npm run build"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"keywords": [],
+	"author": "SteamClientHomebrew",
+	"license": "MIT",
+	"description": "A tiny typescript compiler for Millennium plugins.",
+	"dependencies": {
+		"@babel/parser": "^7.27.5",
+		"@babel/preset-env": "^7.27.2",
+		"@babel/preset-react": "^7.27.1",
+		"@babel/preset-typescript": "^7.27.1",
+		"@babel/traverse": "^7.27.4",
+		"@rollup/plugin-babel": "^6.0.4",
+		"@rollup/plugin-commonjs": "^28.0.3",
+		"@rollup/plugin-json": "^6.1.0",
+		"@rollup/plugin-node-resolve": "^15.3.1",
+		"@rollup/plugin-replace": "^6.0.2",
+		"@rollup/plugin-terser": "^0.4.4",
+		"@rollup/plugin-typescript": "^12.1.2",
+		"@rollup/plugin-url": "^8.0.2",
+		"@rollup/pluginutils": "^5.1.4",
+		"chalk": "^5.4.1",
+		"dotenv": "^16.5.0",
+		"fs": "0.0.1-security",
+		"glob": "^11.0.2",
+		"magic-string": "^0.30.17",
+		"rollup": "^4.42.0",
+		"rollup-plugin-inject-process-env": "^1.3.1",
+		"rollup-plugin-polyfill-node": "^0.13.0",
+		"rollup-plugin-scss": "^4.0.1",
+		"sass": "^1.89.1",
+		"terser": "^5.43.1",
+		"tslib": "^2.8.1"
+	},
+	"devDependencies": {
+		"@types/babel__traverse": "^7.20.7",
+		"@types/glob": "^8.1.0",
+		"@types/node": "^22.15.30"
+	}
+}

package/src/plugin-api.ts

@@ -74,7 +74,7 @@ function ExecutePluginModule() {
 	/** Expose the OnPluginConfigChange so it can be called externally */
 	MillenniumStore.OnPluginConfigChange = OnPluginConfigChange;
 
-	MILLENNIUM_BACKEND_IPC.postMessage(0, { pluginName: pluginName, methodName: '__builtins__.__millennium_plugin_settings_parser__' }).then((response: any) => {
+	MILLENNIUM_BACKEND_IPC.postMessage(0, { pluginName: pluginName, methodName: '__builtins__.__millennium_plugin_settings_parser__' }).then(async (response: any) => {
 		/**
 		 * __millennium_plugin_settings_parser__ will return false if the plugin has no settings.
 		 * If the plugin has settings, it will return a base64 encoded string.
@@ -101,7 +101,7 @@ function ExecutePluginModule() {
 		});
 
 		/** Run the rolled up plugins default exported function */
-		let pluginProps = PluginModule.default();
+		let pluginProps = await PluginModule.default();
 
 		function isValidSidebarNavComponent(obj: any) {
 			return obj && obj.title !== undefined && obj.icon !== undefined && obj.content !== undefined;
@@ -188,17 +188,38 @@ function InitializePlugins() {
 		});
 	}
 
-	function WebkitInitializeIPC() {
-		SteamClient?.BrowserView?.RegisterForMessageFromParent((messageId: string, data: string) => {
-			if (messageId !== IPCMessageId) {
+	async function WebkitInitializeIPC() {
+		let intervalId: NodeJS.Timeout | null = null;
+		const maxWaitTime = 10000; // 10 seconds
+
+		intervalId = setInterval(() => {
+			if (typeof SteamClient === 'undefined') {
 				return;
 			}
 
-			const payload = JSON.parse(data);
-			MillenniumStore.ignoreProxyFlag = true;
-			MillenniumStore.settingsStore[payload.name] = payload.value;
-			MillenniumStore.ignoreProxyFlag = false;
-		});
+			if (intervalId) {
+				clearInterval(intervalId);
+				intervalId = null;
+			}
+
+			SteamClient.BrowserView?.RegisterForMessageFromParent((messageId: string, data: string) => {
+				if (messageId !== IPCMessageId) {
+					return;
+				}
+
+				const payload = JSON.parse(data);
+				MillenniumStore.ignoreProxyFlag = true;
+				MillenniumStore.settingsStore[payload.name] = payload.value;
+				MillenniumStore.ignoreProxyFlag = false;
+			});
+		}, 100);
+
+		setTimeout(() => {
+			if (intervalId) {
+				clearInterval(intervalId);
+				console.warn('%c Millennium %c Failed to find SteamClient after 10000ms', 'background:rgb(37, 105, 184); color: white;', 'background: transparent;');
+			}
+		}, maxWaitTime);
 	}
 
 	isClientModule ? ClientInitializeIPC() : WebkitInitializeIPC();
@@ -271,3 +292,4 @@ function InitializePlugins() {
 }
 
 export { ExecutePluginModule, InitializePlugins };
+

package/src/static-embed.ts

@@ -1,12 +1,15 @@
-import { Plugin, SourceDescription, TransformPluginContext } from 'rollup';
-import fs from 'fs';
-import path from 'path';
-import { createFilter } from '@rollup/pluginutils';
-import MagicString from 'magic-string';
 import * as parser from '@babel/parser';
-import traverse from '@babel/traverse';
-import * as glob from 'glob';
+import { createFilter } from '@rollup/pluginutils';
 import chalk from 'chalk';
+import fs from 'fs';
+import * as glob from 'glob';
+import MagicString from 'magic-string';
+import path from 'path';
+import { Plugin, SourceDescription, TransformPluginContext } from 'rollup';
+
+// Stupid fix because @babel/traverse exports a CommonJS module
+import _traverse from '@babel/traverse';
+const traverse = (_traverse as any).default as typeof _traverse;
 
 interface EmbedPluginOptions {
 	include?: string | RegExp | (string | RegExp)[];

package/src/transpiler.ts

@@ -1,23 +1,24 @@
-import { OutputOptions, RollupOptions, rollup } from 'rollup';
-import json from '@rollup/plugin-json';
+import babel from '@rollup/plugin-babel';
 import commonjs from '@rollup/plugin-commonjs';
-import replace from '@rollup/plugin-replace';
-import typescript from '@rollup/plugin-typescript';
+import json from '@rollup/plugin-json';
 import resolve, { nodeResolve } from '@rollup/plugin-node-resolve';
+import replace from '@rollup/plugin-replace';
 import terser from '@rollup/plugin-terser';
-import babel from '@rollup/plugin-babel';
-import nodePolyfills from 'rollup-plugin-polyfill-node';
+import typescript from '@rollup/plugin-typescript';
 import url from '@rollup/plugin-url';
+import { InputPluginOption, OutputBundle, OutputOptions, RollupOptions, rollup } from 'rollup';
+import nodePolyfills from 'rollup-plugin-polyfill-node';
+import { minify_sync } from 'terser';
 
 import scss from 'rollup-plugin-scss';
 import * as sass from 'sass';
 
 import chalk from 'chalk';
-import { Logger } from './logger';
 import fs from 'fs';
+import { Logger } from './logger';
 
-import injectProcessEnv from 'rollup-plugin-inject-process-env';
 import dotenv from 'dotenv';
+import injectProcessEnv from 'rollup-plugin-inject-process-env';
 import { ExecutePluginModule, InitializePlugins } from './plugin-api';
 import constSysfsExpr from './static-embed';
 
@@ -54,7 +55,7 @@ export interface TranspilerProps {
 const WrappedCallServerMethod = 'const __call_server_method__ = (methodName, kwargs) => Millennium.callServerMethod(pluginName, methodName, kwargs)';
 const WrappedCallable = 'const __wrapped_callable__ = (route) => MILLENNIUM_API.callable(__call_server_method__, route)';
 
-const ConstructFunctions = (parts: any) => {
+const ConstructFunctions = (parts: string[]): string => {
 	return parts.join('\n');
 };
 
@@ -63,8 +64,8 @@ function generate(code: string) {
 	return `let PluginEntryPointMain = function() { ${code} return millennium_main; };`;
 }
 
-function InsertMillennium(type: ComponentType, props: TranspilerProps) {
-	const generateBundle = (_: unknown, bundle: any) => {
+function InsertMillennium(type: ComponentType, props: TranspilerProps): InputPluginOption {
+	const generateBundle = (_: unknown, bundle: OutputBundle) => {
 		for (const fileName in bundle) {
 			if (bundle[fileName].type != 'chunk') {
 				continue;
@@ -72,7 +73,7 @@ function InsertMillennium(type: ComponentType, props: TranspilerProps) {
 
 			Logger.Info('millenniumAPI', 'Bundling into ' + ComponentType[type] + ' module... ' + chalk.green.bold('okay'));
 
-			bundle[fileName].code = ConstructFunctions([
+			let code = ConstructFunctions([
 				`const MILLENNIUM_IS_CLIENT_MODULE = ${type === ComponentType.Plugin ? 'true' : 'false'};`,
 				`const pluginName = "${props.strPluginInternalName}";`,
 				InitializePlugins.toString(),
@@ -83,6 +84,12 @@ function InsertMillennium(type: ComponentType, props: TranspilerProps) {
 				ExecutePluginModule.toString(),
 				ExecutePluginModule.name + '()',
 			]);
+
+			if (props.bTersePlugin) {
+				code = minify_sync(code).code ?? code;
+			}
+
+			bundle[fileName].code = code;
 		}
 	};
 
@@ -112,7 +119,7 @@ async function MergePluginList(plugins: any[]) {
 	return [...plugins, ...filteredCustomPlugins];
 }
 
-async function GetPluginComponents(props: TranspilerProps) {
+async function GetPluginComponents(props: TranspilerProps): Promise<InputPluginOption[]> {
 	let tsConfigPath = '';
 	const frontendDir = GetFrontEndDirectory();
 
@@ -154,7 +161,6 @@ async function GetPluginComponents(props: TranspilerProps) {
 		resolve(),
 		json(),
 		constSysfsExpr(),
-		injectProcessEnv(envVars),
 		replace({
 			delimiters: ['', ''],
 			preventAssignment: true,
@@ -167,9 +173,14 @@ async function GetPluginComponents(props: TranspilerProps) {
 		}),
 	];
 
+	if (envVars.length > 0) {
+		pluginList.push(injectProcessEnv(envVars));
+	}
+
 	if (props.bTersePlugin) {
 		pluginList.push(terser());
 	}
+
 	return pluginList;
 }
 
@@ -189,7 +200,6 @@ async function GetWebkitPluginComponents(props: TranspilerProps) {
 		commonjs(),
 		json(),
 		constSysfsExpr(),
-		injectProcessEnv(envVars),
 		replace({
 			delimiters: ['', ''],
 			preventAssignment: true,
@@ -203,6 +213,10 @@ async function GetWebkitPluginComponents(props: TranspilerProps) {
 		}),
 	];
 
+	if (envVars.length > 0) {
+		pluginList.push(injectProcessEnv(envVars));
+	}
+
 	pluginList = await MergePluginList(pluginList);
 
 	props.bTersePlugin && pluginList.push(terser());