@xiaou66/vite-plugin-vue-mcp-next 1.3.1 → 1.3.2

package/dist/runtime/client.js

@@ -115,25 +115,141 @@ var DEFAULT_OPTIONS = {
 import { nanoid } from "nanoid";
 
 // src/shared/serialization.ts
+var RPC_CIRCULAR_VALUE = "[Circular]";
+var RPC_UNREADABLE_VALUE = "[Unreadable]";
+function toRpcSafeValue(value) {
+  return toRpcSafeChildValue(value, /* @__PURE__ */ new WeakSet(), false);
+}
 function safeStringify(value) {
   if (typeof value === "string") {
     return value;
   }
-  const seen = /* @__PURE__ */ new WeakSet();
-  const serialized = JSON.stringify(
-    value,
-    (_key, current) => {
-      if (typeof current !== "object" || current === null) {
-        return current;
-      }
-      if (seen.has(current)) {
-        return "[Circular]";
-      }
-      seen.add(current);
-      return current;
+  const safeValue = toRpcSafeValue(value);
+  return safeValue === void 0 ? "undefined" : JSON.stringify(safeValue);
+}
+function toRpcSafeChildValue(value, seen, arrayItem) {
+  if (value === null) {
+    return null;
+  }
+  switch (typeof value) {
+    case "string":
+    case "boolean":
+      return value;
+    case "number":
+      return Number.isFinite(value) ? value : String(value);
+    case "bigint":
+      return value.toString();
+    case "symbol":
+      return toSymbolPlaceholder(value);
+    case "undefined":
+    case "function":
+      return arrayItem ? null : void 0;
+    case "object":
+      return toRpcSafeObject(value, seen);
+    default:
+      return arrayItem ? null : void 0;
+  }
+}
+function toRpcSafeObject(value, seen) {
+  if (seen.has(value)) {
+    return RPC_CIRCULAR_VALUE;
+  }
+  seen.add(value);
+  try {
+    if (value instanceof Date) {
+      return toSafeDate(value);
     }
-  );
-  return serialized;
+    if (value instanceof Error) {
+      return toSafeError(value, seen);
+    }
+    if (Array.isArray(value)) {
+      return toSafeArray(value, seen);
+    }
+    return toSafeRecord(value, seen);
+  } finally {
+    seen.delete(value);
+  }
+}
+function toSafeArray(values, seen) {
+  return values.map((item) => toRpcSafeChildValue(item, seen, true) ?? null);
+}
+function toSafeRecord(value, seen) {
+  const keys = getEnumerableKeys(value);
+  if (!keys) {
+    return RPC_UNREADABLE_VALUE;
+  }
+  if (keys.length === 0 && !isPlainRecord(value)) {
+    return toObjectSummary(value);
+  }
+  const result = {};
+  keys.forEach((key) => {
+    if (key === "toJSON") {
+      return;
+    }
+    const field = readObjectField(value, key);
+    if (!field.ok) {
+      result[key] = RPC_UNREADABLE_VALUE;
+      return;
+    }
+    const safeValue = toRpcSafeChildValue(field.value, seen, false);
+    if (safeValue !== void 0) {
+      result[key] = safeValue;
+    }
+  });
+  return result;
+}
+function toSafeError(error, seen) {
+  const result = {
+    name: error.name,
+    message: error.message
+  };
+  const stack = readObjectField(error, "stack");
+  if (stack.ok && typeof stack.value === "string") {
+    result.stack = stack.value;
+  }
+  if ("cause" in error) {
+    const cause = readObjectField(error, "cause");
+    result.cause = cause.ok ? toRpcSafeChildValue(cause.value, seen, false) ?? null : RPC_UNREADABLE_VALUE;
+  }
+  return result;
+}
+function toSafeDate(value) {
+  return Number.isNaN(value.getTime()) ? "Invalid Date" : value.toISOString();
+}
+function getEnumerableKeys(value) {
+  try {
+    return Object.keys(value);
+  } catch {
+    return void 0;
+  }
+}
+function readObjectField(value, key) {
+  try {
+    return {
+      ok: true,
+      value: value[key]
+    };
+  } catch {
+    return { ok: false };
+  }
+}
+function isPlainRecord(value) {
+  try {
+    const prototype = Object.getPrototypeOf(value);
+    return prototype === Object.prototype || prototype === null;
+  } catch {
+    return false;
+  }
+}
+function toObjectSummary(value) {
+  try {
+    return Object.prototype.toString.call(value);
+  } catch {
+    return "[Object]";
+  }
+}
+function toSymbolPlaceholder(value) {
+  return value.description ? `[Symbol(${value.description})]` : "[Symbol]";
 }
 
 // src/runtime/consoleHook.ts
@@ -1495,7 +1611,6 @@ import {
   devtoolsRouterInfo,
   devtoolsState,
   getInspector,
-  stringify,
   toggleHighPerfMode
 } from "@vue/devtools-kit";
 import { createRPCClient } from "vite-dev-rpc";
@@ -2023,6 +2138,15 @@ function installVueBridge(hot) {
   );
   rpcRef.current = rpc;
 }
+function toVueRpcPayload(value) {
+  return toRpcSafeValue(value);
+}
+function toVueRpcJsonPayload(value) {
+  return JSON.stringify(toRpcSafeValue(value) ?? null);
+}
+function toVueRpcPrettyJsonPayload(value) {
+  return JSON.stringify(toRpcSafeValue(value), null, 2);
+}
 function createClientVueRuntimeRpc(getRpc) {
   return {
     ...createRuntimeDevtoolsRpc(getRpc),
@@ -2031,7 +2155,10 @@ function createClientVueRuntimeRpc(getRpc) {
         inspectorId: COMPONENTS_INSPECTOR_ID,
         filter: query.componentName ?? ""
       });
-      getRpc().onInspectorTreeUpdated(query.event, inspectorTree[0]);
+      getRpc().onInspectorTreeUpdated(
+        query.event,
+        toVueRpcPayload(inspectorTree[0])
+      );
     },
     onInspectorTreeUpdated: () => void 0,
     async getInspectorState(query) {
@@ -2039,7 +2166,7 @@ function createClientVueRuntimeRpc(getRpc) {
       if (!targetNode) {
         getRpc().onInspectorStateUpdated(
           query.event,
-          createMissingComponentError(query.componentName)
+          toVueRpcPayload(createMissingComponentError(query.componentName))
         );
         return;
       }
@@ -2047,7 +2174,10 @@ function createClientVueRuntimeRpc(getRpc) {
         inspectorId: COMPONENTS_INSPECTOR_ID,
         nodeId: targetNode.id
       });
-      getRpc().onInspectorStateUpdated(query.event, stringify(inspectorState));
+      getRpc().onInspectorStateUpdated(
+        query.event,
+        toVueRpcJsonPayload(inspectorState)
+      );
     },
     onInspectorStateUpdated: () => void 0,
     async editComponentState(query) {
@@ -2084,7 +2214,7 @@ function createClientVueRuntimeRpc(getRpc) {
     getRouterInfo(query) {
       getRpc().onRouterInfoUpdated(
         query.event,
-        JSON.stringify(devtoolsRouterInfo, null, 2)
+        toVueRpcPrettyJsonPayload(devtoolsRouterInfo)
       );
     },
     onRouterInfoUpdated: () => void 0,
@@ -2095,7 +2225,7 @@ function createClientVueRuntimeRpc(getRpc) {
           filter: ""
         })
       );
-      getRpc().onPiniaTreeUpdated(query.event, inspectorTree);
+      getRpc().onPiniaTreeUpdated(query.event, toVueRpcPayload(inspectorTree));
     },
     onPiniaTreeUpdated: () => void 0,
     async getPiniaState(query) {
@@ -2110,7 +2240,7 @@ function createClientVueRuntimeRpc(getRpc) {
         }
         return devtools.ctx.api.getInspectorState(payload);
       });
-      getRpc().onPiniaInfoUpdated(query.event, stringify(result));
+      getRpc().onPiniaInfoUpdated(query.event, toVueRpcJsonPayload(result));
     },
     onPiniaInfoUpdated: () => void 0,
     async recordPerformance(query) {
@@ -2118,7 +2248,7 @@ function createClientVueRuntimeRpc(getRpc) {
       if (!collector) {
         getRpc().onPerformanceRecorded(
           query.event,
-          createPerformanceUnavailableError()
+          toVueRpcPayload(createPerformanceUnavailableError())
         );
         return;
       }
@@ -2128,11 +2258,11 @@ function createClientVueRuntimeRpc(getRpc) {
           includeMemory: query.includeMemory,
           includeStacks: query.includeStacks
         });
-        getRpc().onPerformanceRecorded(query.event, report);
+        getRpc().onPerformanceRecorded(query.event, toVueRpcPayload(report));
       } catch (error) {
         getRpc().onPerformanceRecorded(
           query.event,
-          createPerformanceError(error)
+          toVueRpcPayload(createPerformanceError(error))
         );
       }
     },
@@ -2142,7 +2272,7 @@ function createClientVueRuntimeRpc(getRpc) {
       if (!collector) {
         getRpc().onPerformanceRecordingStarted(
           query.event,
-          createPerformanceUnavailableError()
+          toVueRpcPayload(createPerformanceUnavailableError())
         );
         return;
       }
@@ -2151,16 +2281,19 @@ function createClientVueRuntimeRpc(getRpc) {
           includeMemory: query.includeMemory,
           includeStacks: query.includeStacks
         });
-        getRpc().onPerformanceRecordingStarted(query.event, {
-          ok: true,
-          recordingId,
-          startedAt: Date.now(),
-          source: "hook"
-        });
+        getRpc().onPerformanceRecordingStarted(
+          query.event,
+          toVueRpcPayload({
+            ok: true,
+            recordingId,
+            startedAt: Date.now(),
+            source: "hook"
+          })
+        );
       } catch (error) {
         getRpc().onPerformanceRecordingStarted(
           query.event,
-          createPerformanceError(error)
+          toVueRpcPayload(createPerformanceError(error))
         );
       }
     },
@@ -2170,17 +2303,20 @@ function createClientVueRuntimeRpc(getRpc) {
       if (!collector) {
         getRpc().onPerformanceRecordingStopped(
           query.event,
-          createPerformanceUnavailableError()
+          toVueRpcPayload(createPerformanceUnavailableError())
         );
         return;
       }
       try {
         const report = collector.stop(query.recordingId);
-        getRpc().onPerformanceRecordingStopped(query.event, report);
+        getRpc().onPerformanceRecordingStopped(
+          query.event,
+          toVueRpcPayload(report)
+        );
       } catch (error) {
         getRpc().onPerformanceRecordingStopped(
           query.event,
-          createPerformanceError(error)
+          toVueRpcPayload(createPerformanceError(error))
         );
       }
     },