Strip console formatting %c from log messages forwarded to CLI (Web logs prints with %c)

packages/interpreter/src/js/hash.txt

@@ -1 +1 @@
-[17669692872757955279, 11420464406527728232, 3770103091118609057, 5444526391971481782, 8889858244860485542, 5052021921702764563, 15193138787416885137, 11339769846046015954]
+[17669692872757955279, 11420464406527728232, 3770103091118609057, 5444526391971481782, 8889858244860485542, 3067134038983289342, 15193138787416885137, 11339769846046015954]

packages/interpreter/src/ts/patch_console.ts

@@ -7,10 +7,32 @@ export function monkeyPatchConsole(ws: WebSocket) {
   const error = console.error;
   const debug = console.debug;
 
+  // Helper function to strip console formatting placeholders
+  // Console.log uses %c for styling, but we don't want to send these to the CLI
+  function stripFormatting(args: any[]): any[] {
+    if (args.length === 0) return args;
+
+    // Check if first argument is a string with %c formatting
+    if (typeof args[0] === 'string' && args[0].includes('%c')) {
+      // Remove %c markers and their corresponding style arguments
+      const formatString = args[0];
+      const matches = formatString.match(/%c/g);
+      const numFormatters = matches ? matches.length : 0;
+
+      // Strip the %c markers from the format string
+      const strippedFormat = formatString.replace(/%c/g, '');
+
+      // Return the stripped format string and skip the style arguments
+      return [strippedFormat, ...args.slice(1 + numFormatters)];
+    }
+
+    return args;
+  }
+
   console.log = function (...args: any[]) {
     if (ws.readyState === WebSocket.OPEN) {
       ws.send(JSON.stringify({
-        "Log": { level: "log", messages: args }
+        "Log": { level: "log", messages: stripFormatting(args) }
       }));
     }
     log.apply(console, args);
@@ -19,7 +41,7 @@ export function monkeyPatchConsole(ws: WebSocket) {
   console.info = function (...args: any[]) {
     if (ws.readyState === WebSocket.OPEN) {
       ws.send(JSON.stringify({
-        "Log": { level: "info", messages: args }
+        "Log": { level: "info", messages: stripFormatting(args) }
       }));
     }
     info.apply(console, args);
@@ -28,7 +50,7 @@ export function monkeyPatchConsole(ws: WebSocket) {
   console.warn = function (...args: any[]) {
     if (ws.readyState === WebSocket.OPEN) {
       ws.send(JSON.stringify({
-        "Log": { level: "warn", messages: args }
+        "Log": { level: "warn", messages: stripFormatting(args) }
       }));
     }
     warn.apply(console, args);
@@ -37,7 +59,7 @@ export function monkeyPatchConsole(ws: WebSocket) {
   console.error = function (...args: any[]) {
     if (ws.readyState === WebSocket.OPEN) {
       ws.send(JSON.stringify({
-        "Log": { level: "error", messages: args }
+        "Log": { level: "error", messages: stripFormatting(args) }
       }));
     }
     error.apply(console, args);
@@ -46,7 +68,7 @@ export function monkeyPatchConsole(ws: WebSocket) {
   console.debug = function (...args: any[]) {
     if (ws.readyState === WebSocket.OPEN) {
       ws.send(JSON.stringify({
-        "Log": { level: "debug", messages: args }
+        "Log": { level: "debug", messages: stripFormatting(args) }
       }));
     }
     debug.apply(console, args);