perf(kit): skip sending inspector tree/state updates when high-perf mode is enabled

Author: webfansplz

packages/devtools-kit/src/core/router/index.ts

@@ -2,7 +2,7 @@ import type { RouteLocationNormalizedLoaded, Router, RouteRecordRaw } from 'vue-
 import type { AppRecord } from '../../types'
 import { deepClone, target as global } from '@vue/devtools-shared'
 import { debounce } from 'perfect-debounce'
-import { devtoolsContext, DevToolsMessagingHookKeys } from '../../ctx'
+import { devtoolsContext, DevToolsMessagingHookKeys, devtoolsState } from '../../ctx'
 import { ROUTER_INFO_KEY, ROUTER_KEY } from '../../ctx/router'
 import { hook } from '../../hook'
 // import { DevToolsEvents, apiHooks } from '../../api/hook'
@@ -66,6 +66,8 @@ export function normalizeRouterInfo(appRecord: AppRecord, activeAppRecord: { val
       return
 
     init()
+    if (devtoolsState.highPerfModeEnabled)
+      return
     devtoolsContext.hooks.callHook(DevToolsMessagingHookKeys.ROUTER_INFO_UPDATED, { state: global[ROUTER_INFO_KEY] })
   }, 200))
 }

packages/devtools-kit/src/ctx/hook.ts

@@ -19,7 +19,7 @@ import { getComponentBoundingRect } from '../core/component/state/bounding-rect'
 import { getInstanceName } from '../core/component/utils'
 import { highlight, unhighlight } from '../core/component-highlighter'
 import { addInspector, getInspector } from './inspector'
-import { activeAppRecord, DevToolsState } from './state'
+import { activeAppRecord, DevToolsState, devtoolsState } from './state'
 import { addTimelineLayer } from './timeline'
 
 // v6 plugin api hooks
@@ -238,7 +238,7 @@ export function createDevToolsCtxHooks() {
   })
 
   const debounceSendInspectorTree = debounce(async ({ inspectorId, plugin }) => {
-    if (!inspectorId || !plugin?.descriptor?.app)
+    if (!inspectorId || !plugin?.descriptor?.app || devtoolsState.highPerfModeEnabled)
       return
 
     // 1. get inspector
@@ -273,7 +273,7 @@ export function createDevToolsCtxHooks() {
   hooks.hook(DevToolsContextHookKeys.SEND_INSPECTOR_TREE, debounceSendInspectorTree)
 
   const debounceSendInspectorState = debounce(async ({ inspectorId, plugin }) => {
-    if (!inspectorId || !plugin?.descriptor?.app)
+    if (!inspectorId || !plugin?.descriptor?.app || devtoolsState.highPerfModeEnabled)
       return
 
     // 1. get inspector