Merge branch 'develop' into Jatin-Issue#3470

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;
 }

contributor_docs/installation.md

@@ -2,6 +2,12 @@
 
 Follow these instructions to set up your development environment, which you need to do before you start contributing code to this project.
 
+There are two ways to install the project locally:
+
+Manual Installation is great if you're comfortable managing dependencies like Node.js and MongoDB directly on your machine. It's more hands-on and gives you finer control, which can be helpful for debugging or learning how each part works.
+
+Docker Installation is ideal if you want a faster setup with all dependencies (Node, MongoDB, etc.) isolated in containers. This avoids version conflicts and works consistently across environments especially helpful if you're new to backend setup or don't want to alter your local setup.
+
 ## Manual Installation
 
 _Note_: The installation steps assume you are using a Unix-like shell. If you are using Windows, you will need to use `copy` instead of `cp`.