fix: only send data on update if it's current component

Akryum · Akryum · commit d0b5fea8a130 · 2024-02-04T16:55:58.000+01:00
diff --git a/packages/app-backend-core/src/component.ts b/packages/app-backend-core/src/component.ts
@@ -1,7 +1,7 @@
 import { stringify, BridgeEvents, parse, SharedData } from '@vue-devtools/shared-utils'
 import { AppRecord, BackendContext, BuiltinBackendFeature } from '@vue-devtools/app-backend-api'
 import { getAppRecord } from './app'
-import { App, ComponentInstance, EditStatePayload, now } from '@vue/devtools-api'
+import { App, ComponentInstance, EditStatePayload } from '@vue/devtools-api'
 
 const MAX_$VM = 10
 const $vmQueue = []
diff --git a/packages/app-backend-core/src/index.ts b/packages/app-backend-core/src/index.ts
@@ -121,7 +121,7 @@ async function connect () {
   const sendComponentUpdate = throttle(async (appRecord: AppRecord, id: string) => {
     try {
       // Update component inspector
-      if (ctx.currentInspectedComponentId) {
+      if (ctx.currentInspectedComponentId === id) {
         await sendSelectedComponentData(appRecord, ctx.currentInspectedComponentId, ctx)
       }
 

Original file line number	Diff line number	Diff line change
`@@ -121,7 +121,7 @@ async function connect () {`
`121`	`121`	`const sendComponentUpdate = throttle(async (appRecord: AppRecord, id: string) => {`
`122`	`122`	`try {`
`123`	`123`	`// Update component inspector`
`124`		`- if (ctx.currentInspectedComponentId) {`
	`124`	`+ if (ctx.currentInspectedComponentId === id) {`
`125`	`125`	`await sendSelectedComponentData(appRecord, ctx.currentInspectedComponentId, ctx)`
`126`	`126`	`}`
`127`	`127`