Chore/fix issue with broadcast channel (#106)

AlemTuzlak · autofix-ci[bot] · web-flow · commit 82a761755977 · 2025-09-04T14:08:27.000+02:00
Co-authored-by: autofix-ci[bot] &lt;114827586+autofix-ci[bot]@users.noreply.github.com&gt;
diff --git a/.changeset/little-buttons-sip.md b/.changeset/little-buttons-sip.md
@@ -0,0 +1,5 @@
+---
+'@tanstack/devtools-event-bus': patch
+---
+
+fix issue with broadcast channel not emitting functions properly and failing
diff --git a/packages/event-bus/src/client/client.ts b/packages/event-bus/src/client/client.ts
@@ -55,7 +55,7 @@ export class ClientEventBus {
     this.#connectToServerBus = connectToServerBus
     this.#eventTarget = this.getGlobalTarget()
     this.#broadcastChannel.onmessage = (e) => {
-      this.emitToClients(e.data, true)
+      this.emitToClients(JSON.parse(e.data), true)
     }
     this.debugLog('Initializing client event bus')
   }
@@ -74,7 +74,7 @@ export class ClientEventBus {
     // We only emit the events if they didn't come from the broadcast channel
     // otherwise it would infinitely send events between
     if (!fromBroadcastChannel) {
-      this.#broadcastChannel?.postMessage(event)
+      this.#broadcastChannel?.postMessage(JSON.stringify(event))
     }
     this.debugLog('Emitting event to global client listeners', event)
     this.#eventTarget.dispatchEvent(globalEvent)

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@tanstack/devtools-event-bus': patch
 +---
++
 +fix issue with broadcast channel not emitting functions properly and failing
Original file line number	Diff line number	Diff line change
`@@ -55,7 +55,7 @@ export class ClientEventBus {`
`55`	`55`	`this.#connectToServerBus = connectToServerBus`
`56`	`56`	`this.#eventTarget = this.getGlobalTarget()`
`57`	`57`	`this.#broadcastChannel.onmessage = (e) => {`
`58`		`- this.emitToClients(e.data, true)`
	`58`	`+ this.emitToClients(JSON.parse(e.data), true)`
`59`	`59`	`}`
`60`	`60`	`this.debugLog('Initializing client event bus')`
`61`	`61`	`}`
`@@ -74,7 +74,7 @@ export class ClientEventBus {`
`74`	`74`	`// We only emit the events if they didn't come from the broadcast channel`
`75`	`75`	`// otherwise it would infinitely send events between`
`76`	`76`	`if (!fromBroadcastChannel) {`
`77`		`- this.#broadcastChannel?.postMessage(event)`
	`77`	`+ this.#broadcastChannel?.postMessage(JSON.stringify(event))`
`78`	`78`	`}`
`79`	`79`	`this.debugLog('Emitting event to global client listeners', event)`
`80`	`80`	`this.#eventTarget.dispatchEvent(globalEvent)`