debug: Show debug logs in prod

Author: carlreid

src/StreamMaster.WebUI/lib/common/logger.ts

@@ -1,70 +1,76 @@
-import log from 'loglevel';
+import log from "loglevel";
 
-log.setLevel(process.env.NODE_ENV === 'production' ? 'error' : 'debug');
+log.setLevel(process.env.NODE_ENV === "production" ? "debug" : "debug");
 
 function getCallerInfo() {
-  const stack = new Error().stack;
-  if (!stack) {
-    return '';
-  }
+	const stack = new Error().stack;
+	if (!stack) {
+		return "";
+	}
 
-  const stackLines = stack.split('\n');
-  const callerLine = stackLines[3] || '';
-  const matchResult = callerLine.match(/\((.*):(\d+):(\d+)\)$/);
+	const stackLines = stack.split("\n");
+	const callerLine = stackLines[3] || "";
+	const matchResult = callerLine.match(/\((.*):(\d+):(\d+)\)$/);
 
-  if (matchResult && matchResult.length === 4) {
-    const file = matchResult[1];
-    const line = matchResult[2];
-    const column = matchResult[3];
-    return `${file}:${line}:${column}`;
-  }
-  return '';
+	if (matchResult && matchResult.length === 4) {
+		const file = matchResult[1];
+		const line = matchResult[2];
+		const column = matchResult[3];
+		return `${file}:${line}:${column}`;
+	}
+	return "";
 }
 
 const createLoggerFunction =
-  (logFunction: (...args: any[]) => void) =>
-  (message: string, ...args: any[]) => {
-    const callerInfo = getCallerInfo();
-    logFunction(`${message} (${callerInfo})`, ...args);
-  };
+	(logFunction: (...args: any[]) => void) =>
+	(message: string, ...args: any[]) => {
+		const callerInfo = getCallerInfo();
+		logFunction(`${message} (${callerInfo})`, ...args);
+	};
 
 // Function to start a log group
 const startGroup = (groupName: string) => {
-  const callerInfo = getCallerInfo();
-  console.group(`${groupName} (${callerInfo})`);
+	const callerInfo = getCallerInfo();
+	console.group(`${groupName} (${callerInfo})`);
 };
 
 // Function to end a log group
 const endGroup = () => {
-  console.groupEnd();
+	console.groupEnd();
 };
 
 // Helper function to log multiple messages within a group
-const logGroup = (groupName: string, messages: { level: keyof typeof log; message: string; args?: any[] }[]) => {
-  startGroup(groupName);
-  messages.forEach(({ level, message, args }) => {
-    if (typeof log[level] === 'function') {
-      createLoggerFunction(log[level] as (...args: any[]) => void)(message, ...(args || []));
-    }
-  });
-  endGroup();
+const logGroup = (
+	groupName: string,
+	messages: { level: keyof typeof log; message: string; args?: any[] }[],
+) => {
+	startGroup(groupName);
+	messages.forEach(({ level, message, args }) => {
+		if (typeof log[level] === "function") {
+			createLoggerFunction(log[level] as (...args: any[]) => void)(
+				message,
+				...(args || []),
+			);
+		}
+	});
+	endGroup();
 };
 
 // Custom FetchDebug logger
 const fetchDebug = createLoggerFunction((...args: any[]) => {
-  const a = log.getLevel();
-  if (a <= log.levels.DEBUG) {
-    console.debug(...args);
-  }
+	const a = log.getLevel();
+	if (a <= log.levels.DEBUG) {
+		console.debug(...args);
+	}
 });
 
 export const Logger = {
-  debug: createLoggerFunction(log.debug),
-  endGroup,
-  error: createLoggerFunction(log.error),
-  fetchDebug,
-  info: createLoggerFunction(log.info),
-  logGroup,
-  startGroup,
-  warn: createLoggerFunction(log.warn)
+	debug: createLoggerFunction(log.debug),
+	endGroup,
+	error: createLoggerFunction(log.error),
+	fetchDebug,
+	info: createLoggerFunction(log.info),
+	logGroup,
+	startGroup,
+	warn: createLoggerFunction(log.warn),
 };

src/StreamMaster.WebUI/lib/settings.ts

@@ -27,6 +27,8 @@ export const getBasePath = () => {
 		// https://vite.dev/guide/assets#new-url-url-import-meta-url
 		const currentUrl = new URL(import.meta.url);
 
+		Logger.debug("Using Module URL of:", currentUrl);
+
 		// Module URL typically points to /assets/[hash].js
 		// We need to go up to the root directory...
 		const pathParts = currentUrl.pathname.split("/");
@@ -37,6 +39,8 @@ export const getBasePath = () => {
 		if (assetsIndex !== -1) {
 			// Remove everything from assets onwards to get the app's root path
 			const basePath = `${pathParts.slice(0, assetsIndex).join("/")}/`;
+
+			Logger.debug("Base Path resolved to:", basePath);
 			return basePath;
 		}
 
@@ -86,6 +90,8 @@ export const loadConfig = async (): Promise<AppConfig> => {
 					...defaultConfig,
 					...data,
 				};
+
+				Logger.debug("Config loaded:", configData);
 				return configData;
 			} catch (error) {
 				Logger.error("Config loading error:", error);