fix(font): avoid serializing full p5.Font data in previewEntry and IDE hook

Author: lirenjie95

client/modules/IDE/hooks/useHandleMessageEvent.js

@@ -66,4 +66,4 @@ export default function useHandleMessageEvent() {
   };
 
   return handleMessageEvent;
-}
+}

client/utils/previewEntry.js

@@ -35,6 +35,30 @@ setInterval(() => {
   }
 }, LOGWAIT);
 
+// Helper function to handle p5.Font objects
+function handleP5Font(obj) {
+  // Check for p5.Font instances in multiple ways
+  if (
+    (obj &&
+      obj.constructor &&
+      (obj.constructor.name === 'Font' ||
+        obj.constructor.name === 'p5.Font')) ||
+    (window.p5 && obj instanceof window.p5.Font)
+  ) {
+    return {
+      _isP5Font: true,
+      name: obj.name,
+      path: obj.path,
+      face: {
+        family: obj.face?.family,
+        style: obj.face?.style,
+        weight: obj.face?.weight
+      }
+    };
+  }
+  return obj;
+}
+
 function handleMessageEvent(e) {
   // maybe don't need this?? idk!
   if (window.origin !== e.origin) return;
@@ -44,7 +68,7 @@ function handleMessageEvent(e) {
     const decodedMessages = messages.map((message) => Decode(message.log));
     decodedMessages.forEach((message) => {
       const { data: args } = message;
-      const { result, error } = evaluateExpression(args);
+      const { result, error } = evaluateExpression(args.map(handleP5Font));
       const resultMessages = [
         { log: Encode({ method: error ? 'error' : 'result', data: [result] }) }
       ];