jasonaden · October 3, 2024 18:28
diff --git a/external-log.js b/external-log.js
 // Open a new window
 var logWindow = window.open("", "LogWindow", "width=600,height=400");

 // Write initial HTML content to the new window
 logWindow.document.write(`
    <html>
        <head>
            <title>External Log Window</title>
            <style>
                body { font-family: monospace; background-color: #f0f0f0; padding: 10px; }
                .info { color: blue; }
                .warn { color: orange; }
                .error { color: red; }
            </style>
        </head>
        <body>
            <pre id="log"></pre>
        </body>
    </html>
 `);

 // Create an externalConsole object with multiple methods
 var externalConsole = {
    log: function(message) {
        this._write(message);
    },
    info: function(message) {
        this._write(message, 'info');
    },
    warn: function(message) {
        this._write(message, 'warn');
    },
    error: function(message) {
        this._write(message, 'error');
    },
    _write: function(message, type) {
        if (logWindow && !logWindow.closed) {
            var logElement = logWindow.document.getElementById('log');
            if (logElement) {
                var formattedMessage = '';
                if (typeof message === 'object') {
                    formattedMessage = JSON.stringify(message, null, 2);
                } else {
                    formattedMessage = message;
                }
                if (type) {
                    formattedMessage = `<span class="${type}">${formattedMessage}</span>`;
                }
                logElement.innerHTML += formattedMessage + '\n';
            }
        } else {
            console.warn('Log window is closed.');
        }
    }
 };
	// Open a new window
	var logWindow = window.open("", "LogWindow", "width=600,height=400");

	// Write initial HTML content to the new window
	logWindow.document.write(`
	<html>
	<head>
	<title>External Log Window</title>
	<style>
	body { font-family: monospace; background-color: #f0f0f0; padding: 10px; }
	.info { color: blue; }
	.warn { color: orange; }
	.error { color: red; }
	</style>
	</head>
	<body>
	<pre id="log"></pre>
	</body>
	</html>
	`);

	// Create an externalConsole object with multiple methods
	var externalConsole = {
	log: function(message) {
	this._write(message);
	},
	info: function(message) {
	this._write(message, 'info');
	},
	warn: function(message) {
	this._write(message, 'warn');
	},
	error: function(message) {
	this._write(message, 'error');
	},
	_write: function(message, type) {
	if (logWindow && !logWindow.closed) {
	var logElement = logWindow.document.getElementById('log');
	if (logElement) {
	var formattedMessage = '';
	if (typeof message === 'object') {
	formattedMessage = JSON.stringify(message, null, 2);
	} else {
	formattedMessage = message;
	}
	if (type) {
	formattedMessage = `<span class="${type}">${formattedMessage}</span>`;
	}
	logElement.innerHTML += formattedMessage + '\n';
	}
	} else {
	console.warn('Log window is closed.');
	}
	}
	};