fix(logging): strip _subscription property

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

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