fix(applet): prevent state update when data is empty

Author: webfansplz

packages/applet/src/modules/components/index.vue

@@ -150,7 +150,10 @@ function normalizeComponentState(data: { state?: any[] }) {
 
 function getComponentState(id: string) {
   rpc.value.getInspectorState({ inspectorId, nodeId: id }).then((data) => {
-    activeComponentState.value = normalizeComponentState(parse(data!))
+    const parsedData = parse(data!)
+    if (!parsedData)
+      return
+    activeComponentState.value = normalizeComponentState(parsedData)
     expandedStateNodes.value = Array.from({ length: Object.keys(activeComponentState.value).length }, (_, i) => `${i}`)
   })
 }

packages/applet/src/modules/custom-inspector/components/state/Index.vue

@@ -99,7 +99,10 @@ function filterEmptyState(data: Record<string, CustomInspectorState[]>) {
 
 function getInspectorState(nodeId: string) {
   rpc.value.getInspectorState({ inspectorId: inspectorId.value, nodeId }).then((data) => {
-    state.value = filterEmptyState(parse(data!))
+    const parsedData = parse(data!)
+    if (!parsedData)
+      return
+    state.value = filterEmptyState(parsedData)
     expandedStateNodes.value = Array.from({ length: Object.keys(state.value).length }, (_, i) => `${i}`)
   })
 }

packages/applet/src/modules/pinia/components/store/Index.vue

@@ -70,8 +70,11 @@ function filterEmptyState(data: Record<string, unknown[] | undefined>) {
 
 function getPiniaState(nodeId: string) {
   rpc.value.getInspectorState({ inspectorId, nodeId }).then((data) => {
+    const parsedData = parse(data!)
+    if (!parsedData)
+      return
     // @ts-expect-error skip type check
-    state.value = filterEmptyState(parse(data!))
+    state.value = filterEmptyState(parsedData)
     expandedStateNodes.value = Array.from({ length: Object.keys(state.value).length }, (_, i) => `${i}`)
   })
 }

packages/applet/src/modules/router/components/routes/Index.vue

@@ -70,8 +70,11 @@ function filterEmptyState(data: Record<string, unknown[] | string | undefined>)
 
 function getRoutesState(nodeId: string) {
   rpc.value.getInspectorState({ inspectorId: inspectorId.value, nodeId }).then((data) => {
+    const parsedData = parse(data!)
+    if (!parsedData)
+      return
     // @ts-expect-error skip type check
-    state.value = filterEmptyState(parse(data!))
+    state.value = filterEmptyState(parsedData)
     expandedStateNodes.value = Array.from({ length: Object.keys(state.value).length }, (_, i) => `${i}`)
   })
 }