@koordinates/xstate-tree 5.2.1 → 5.2.2

package/lib/utils.js

@@ -121,12 +121,35 @@ function mergeMeta(meta) {
     }, {});
 }
 exports.mergeMeta = mergeMeta;
+function isReactElement(value) {
+    if (typeof value !== "object" || value === null) {
+        return false;
+    }
+    const v = value;
+    // React elements have $$typeof set to Symbol(react.element) or
+    // Symbol(react.transitional.element)
+    if (typeof v.$$typeof === "symbol" && String(v.$$typeof).includes("react")) {
+        return true;
+    }
+    return false;
+}
 function getCircularReplacer(stripKeys) {
     const seen = new WeakSet();
     return (key, value) => {
         if (stripKeys.includes(key)) {
             return;
         }
+        // Replace React elements with a placeholder to avoid
+        // traversing massive internal fiber structures
+        if (isReactElement(value)) {
+            const type = value.type;
+            const name = typeof type === "string"
+                ? type
+                : typeof type === "function"
+                    ? type.displayName || type.name || "Anonymous"
+                    : "Unknown";
+            return `[React Element: ${name}]`;
+        }
         if (typeof value === "object" && value !== null) {
             if (seen.has(value)) {
                 // Circular reference found, discard key
@@ -139,6 +162,12 @@ function getCircularReplacer(stripKeys) {
     };
 }
 function toJSON(value, stripKeys = []) {
-    return JSON.parse(JSON.stringify(value, getCircularReplacer(stripKeys)));
+    const start = performance.now();
+    const result = JSON.parse(JSON.stringify(value, getCircularReplacer(stripKeys)));
+    const elapsed = performance.now() - start;
+    if (typeof result === "object" && result !== null) {
+        result.__toJSON_ms = Math.round(elapsed * 100) / 100;
+    }
+    return result;
 }
 exports.toJSON = toJSON;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@koordinates/xstate-tree",
   "main": "lib/index.js",
   "types": "lib/xstate-tree.d.ts",
-  "version": "5.2.1",
+  "version": "5.2.2",
   "license": "MIT",
   "description": "Build UIs with Actors using xstate and React",
   "keywords": [