fix(logging): strip _subscription property

This doesn't provide any debugging ability and is rather noisy on things like invoked observables

Author: UberMouse

src/utils.ts

@@ -162,9 +162,13 @@ export function mergeMeta(meta: Record<string, any>) {
     return acc;
   }, {});
 }
-function getCircularReplacer() {
+function getCircularReplacer(stripKeys: string[]) {
   const seen = new WeakSet();
   return (key: string, value: any) => {
+    if (stripKeys.includes(key)) {
+      return;
+    }
+
     if (typeof value === "object" && value !== null) {
       if (seen.has(value)) {
         // Circular reference found, discard key
@@ -177,6 +181,9 @@ function getCircularReplacer() {
   };
 }
 
-export function toJSON<T = unknown>(value: unknown): T {
-  return JSON.parse(JSON.stringify(value, getCircularReplacer()));
+export function toJSON<T = unknown>(
+  value: unknown,
+  stripKeys = [] as string[]
+): T {
+  return JSON.parse(JSON.stringify(value, getCircularReplacer(stripKeys)));
 }

src/xstateTree.tsx

@@ -352,17 +352,18 @@ export function buildRootComponent<TMachine extends AnyXstateTreeMachine>(
             const lastSnapshot =
               lastSnapshotsRef.current[event.actorRef.sessionId];
 
+            const strippedKeys = ["_subscription"];
             if (!lastSnapshot) {
               console.log(
                 `[xstate-tree] initial snapshot: ${event.actorRef.id}`,
-                toJSON(event.snapshot)
+                toJSON(event.snapshot, strippedKeys)
               );
             } else {
               console.log(
                 `[xstate-tree] snapshot: ${event.actorRef.id} transitioning to`,
-                toJSON(event.snapshot),
+                toJSON(event.snapshot, strippedKeys),
                 "from",
-                toJSON(lastSnapshot)
+                toJSON(lastSnapshot, strippedKeys)
               );
             }