Merge pull request #3424 from Jatin24062005/Jatin-Issue##3178

Fixing circular references Issue & Some Enhancement

Author: raclim

client/modules/IDE/hooks/useHandleMessageEvent.js

@@ -6,30 +6,64 @@ import { stopSketch, expandConsole } from '../actions/ide';
 export default function useHandleMessageEvent() {
   const dispatch = useDispatch();
 
+  const safeStringify = (
+    obj,
+    depth = 0,
+    maxDepth = 10,
+    seen = new WeakMap()
+  ) => {
+    if (typeof obj !== 'object' || obj === null) return obj;
+
+    if (depth >= maxDepth) {
+      if (seen.has(obj)) return '[Circular Reference]';
+    }
+
+    seen.set(obj, true);
+
+    return Array.isArray(obj)
+      ? obj.map((item) => safeStringify(item, depth + 1, maxDepth, seen))
+      : Object.fromEntries(
+          Object.entries(obj).map(([key, value]) => [
+            key,
+            safeStringify(value, depth + 1, maxDepth, seen)
+          ])
+        );
+  };
+
   const handleMessageEvent = (data) => {
+    if (!data || typeof data !== 'object') return;
     const { source, messages } = data;
-    if (source === 'sketch' && Array.isArray(messages)) {
-      const decodedMessages = messages.map((message) => Decode(message.log));
-      decodedMessages.every((message, index, arr) => {
-        const { data: args } = message;
-        let hasInfiniteLoop = false;
-        Object.keys(args).forEach((key) => {
-          if (
-            typeof args[key] === 'string' &&
-            args[key].includes('Exiting potential infinite loop')
-          ) {
-            dispatch(stopSketch());
-            dispatch(expandConsole());
-            hasInfiniteLoop = true;
-          }
-        });
-        if (hasInfiniteLoop) {
-          return false;
-        }
-        return true;
-      });
-      dispatch(dispatchConsoleEvent(decodedMessages));
+    if (source !== 'sketch' || !Array.isArray(messages)) return;
+
+    const decodedMessages = messages.map((message) => {
+      try {
+        const decoded = Decode(message.log) ?? '[Unknown Message]'; // Ensure decoding works
+        return safeStringify(decoded);
+      } catch (error) {
+        console.error('Error decoding message:', error);
+        return { error: 'Failed to decode message' };
+      }
+    });
+
+    // Detect infinite loop warnings
+    const hasInfiniteLoop = decodedMessages.some(
+      (message) =>
+        message?.data &&
+        Object.values(message.data).some(
+          (arg) =>
+            typeof arg === 'string' &&
+            arg.includes('Exiting potential infinite loop')
+        )
+    );
+
+    if (hasInfiniteLoop) {
+      dispatch(stopSketch());
+      dispatch(expandConsole());
+      return;
     }
+
+    dispatch(dispatchConsoleEvent(decodedMessages));
   };
+
   return handleMessageEvent;
 }