@xiaou66/vite-plugin-vue-mcp-next 1.3.3 → 1.3.5

package/dist/runtime/client.cjs

@@ -142,153 +142,165 @@ var DEFAULT_OPTIONS = {
 var import_nanoid = require("nanoid");
 
 // src/shared/serialization.ts
-var RPC_CIRCULAR_VALUE = "[Circular]";
-var RPC_UNREADABLE_VALUE = "[Unreadable]";
-function toRpcSafeValue(value) {
-  return toRpcSafeChildValue(value, createRpcSafeContext(), false);
+var DEFAULT_PREVIEW_OPTIONS = {
+  maxDepth: 2,
+  maxKeys: 20,
+  maxArrayItems: 20,
+  maxStringLength: 1e3,
+  maxTotalNodes: 200
+};
+var CIRCULAR_VALUE = "[Circular]";
+var TRUNCATED_VALUE = "[Truncated]";
+var UNREADABLE_VALUE = "[Unreadable]";
+function createBoundedPreview(value, options = {}) {
+  return previewValue(
+    value,
+    {
+      options: { ...DEFAULT_PREVIEW_OPTIONS, ...options },
+      seen: /* @__PURE__ */ new WeakSet(),
+      visited: 0
+    },
+    0,
+    false
+  );
 }
 function safeStringify(value) {
   if (typeof value === "string") {
-    return value;
+    return truncateString(value, DEFAULT_PREVIEW_OPTIONS.maxStringLength);
   }
-  const safeValue = toRpcSafeValue(value);
-  return safeValue === void 0 ? "undefined" : JSON.stringify(safeValue);
-}
-function createRpcSafeContext() {
-  return {
-    cache: /* @__PURE__ */ new WeakMap(),
-    seen: /* @__PURE__ */ new WeakSet()
-  };
+  const preview = createBoundedPreview(value);
+  if (preview === void 0) {
+    return "undefined";
+  }
+  return JSON.stringify(preview);
 }
-function toRpcSafeChildValue(value, context, arrayItem) {
+function previewValue(value, context, depth, arrayItem) {
   if (value === null) {
     return null;
   }
   switch (typeof value) {
     case "string":
-    case "boolean":
-      return value;
+      return truncateString(value, context.options.maxStringLength);
     case "number":
       return Number.isFinite(value) ? value : String(value);
+    case "boolean":
+      return value;
     case "bigint":
       return value.toString();
     case "symbol":
-      return toSymbolPlaceholder(value);
-    case "undefined":
+      return value.description ? `[Symbol(${value.description})]` : "[Symbol]";
     case "function":
+      return functionLabel(value);
+    case "undefined":
       return arrayItem ? null : void 0;
     case "object":
-      return toRpcSafeObject(value, context);
+      return previewObject(value, context, depth);
     default:
       return arrayItem ? null : void 0;
   }
 }
-function toRpcSafeObject(value, context) {
+function previewObject(value, context, depth) {
   if (context.seen.has(value)) {
-    return RPC_CIRCULAR_VALUE;
+    return CIRCULAR_VALUE;
   }
-  const cached = context.cache.get(value);
-  if (cached) {
-    return cached;
+  if (context.visited >= context.options.maxTotalNodes) {
+    return TRUNCATED_VALUE;
   }
+  if (depth >= context.options.maxDepth) {
+    return objectLabel(value);
+  }
+  context.visited += 1;
   context.seen.add(value);
-  try {
-    let safeValue;
-    if (value instanceof Date) {
-      safeValue = toSafeDate(value);
-    } else if (value instanceof Error) {
-      safeValue = toSafeError(value, context);
-    } else if (Array.isArray(value)) {
-      safeValue = toSafeArray(value, context);
-    } else {
-      safeValue = toSafeRecord(value, context);
-    }
-    context.cache.set(value, safeValue);
-    return safeValue;
-  } finally {
-    context.seen.delete(value);
+  if (value instanceof Date) {
+    return Number.isNaN(value.getTime()) ? "Invalid Date" : value.toISOString();
+  }
+  if (value instanceof Error) {
+    return previewError(value, context, depth);
+  }
+  if (Array.isArray(value)) {
+    return previewArray(value, context, depth);
+  }
+  if (isElementLike(value)) {
+    return elementLabel(value);
   }
+  return previewRecord(value, context, depth);
 }
-function toSafeArray(values, context) {
-  return values.map((item) => toRpcSafeChildValue(item, context, true) ?? null);
+function previewArray(values, context, depth) {
+  const result = values.slice(0, context.options.maxArrayItems).map((item) => previewValue(item, context, depth + 1, true) ?? null);
+  if (values.length > context.options.maxArrayItems) {
+    result.push(TRUNCATED_VALUE);
+  }
+  return result;
 }
-function toSafeRecord(value, context) {
-  const keys = getEnumerableKeys(value);
+function previewRecord(value, context, depth) {
+  const keys = enumerableKeys(value);
   if (!keys) {
-    return RPC_UNREADABLE_VALUE;
-  }
-  if (keys.length === 0 && !isPlainRecord(value)) {
-    return toObjectSummary(value);
+    return UNREADABLE_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, context, false);
-    if (safeValue !== void 0) {
-      result[key] = safeValue;
-    }
+  const limitedKeys = keys.filter((key) => key !== "toJSON");
+  limitedKeys.slice(0, context.options.maxKeys).forEach((key) => {
+    const field = readField(value, key);
+    result[key] = field.ok ? previewValue(field.value, context, depth + 1, false) ?? null : UNREADABLE_VALUE;
   });
+  if (limitedKeys.length > context.options.maxKeys) {
+    result[TRUNCATED_VALUE] = `${String(limitedKeys.length - context.options.maxKeys)} keys omitted`;
+  }
   return result;
 }
-function toSafeError(error, context) {
+function previewError(error, context, depth) {
   const result = {
     name: error.name,
-    message: error.message
+    message: truncateString(error.message, context.options.maxStringLength)
   };
-  const stack = readObjectField(error, "stack");
+  const stack = readField(error, "stack");
   if (stack.ok && typeof stack.value === "string") {
-    result.stack = stack.value;
+    result.stack = truncateString(stack.value, context.options.maxStringLength);
   }
-  if ("cause" in error) {
-    const cause = readObjectField(error, "cause");
-    result.cause = cause.ok ? toRpcSafeChildValue(cause.value, context, false) ?? null : RPC_UNREADABLE_VALUE;
+  const cause = readField(error, "cause");
+  if (cause.ok && cause.value !== void 0) {
+    result.cause = previewValue(cause.value, context, depth + 1, false) ?? null;
   }
   return result;
 }
-function toSafeDate(value) {
-  return Number.isNaN(value.getTime()) ? "Invalid Date" : value.toISOString();
-}
-function getEnumerableKeys(value) {
+function enumerableKeys(value) {
   try {
     return Object.keys(value);
   } catch {
     return void 0;
   }
 }
-function readObjectField(value, key) {
+function readField(value, key) {
   try {
-    return {
-      ok: true,
-      value: value[key]
-    };
+    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 truncateString(value, maxLength) {
+  if (value.length <= maxLength) {
+    return value;
   }
+  return `${value.slice(0, maxLength)}${TRUNCATED_VALUE}`;
 }
-function toObjectSummary(value) {
-  try {
-    return Object.prototype.toString.call(value);
-  } catch {
-    return "[Object]";
+function functionLabel(value) {
+  return value.name ? `[Function:${value.name}]` : "[Function]";
+}
+function objectLabel(value) {
+  if (Array.isArray(value)) {
+    return `[Array(${String(value.length)})]`;
   }
+  return "[Object]";
 }
-function toSymbolPlaceholder(value) {
-  return value.description ? `[Symbol(${value.description})]` : "[Symbol]";
+function isElementLike(value) {
+  const node = value;
+  return node.nodeType === 1 && typeof node.nodeName === "string";
+}
+function elementLabel(value) {
+  const name = value.nodeName.toLowerCase();
+  const id = value.id ? `#${value.id}` : "";
+  const className = typeof value.className === "string" && value.className ? `.${value.className.trim().replace(/\s+/g, ".")}` : "";
+  return `[Element:${name}${id}${className}]`;
 }
 
 // src/runtime/consoleHook.ts
@@ -301,14 +313,13 @@ function installConsoleHook(options) {
     debug: console.debug
   };
   const emit = (level, args) => {
-    const serializedArgs = serializeConsoleArgs(args);
     options.send({
       id: (0, import_nanoid.nanoid)(),
       pageId: options.pageId,
       source: "hook",
       level,
-      message: serializedArgs.join(" "),
-      args: serializedArgs,
+      message: args.map((arg) => safeStringify(arg)).join(" "),
+      args: args.map((arg) => createBoundedPreview(arg)),
       timestamp: Date.now()
     });
   };
@@ -335,9 +346,6 @@ function installConsoleHook(options) {
     window.removeEventListener("error", onError);
   };
 }
-function serializeConsoleArgs(args) {
-  return args.map((arg) => safeStringify(arg));
-}
 
 // src/runtime/elementRegistry.ts
 var import_nanoid2 = require("nanoid");
@@ -401,7 +409,7 @@ function installElementPicker(options) {
   window.addEventListener(
     "click",
     (event) => {
-      if (!active || !isElementLike(event.target)) {
+      if (!active || !isElementLike2(event.target)) {
         return;
       }
       event.preventDefault();
@@ -483,7 +491,7 @@ function showToast(message, durationMs) {
     toast.remove();
   }, durationMs);
 }
-function isElementLike(value) {
+function isElementLike2(value) {
   return Boolean(
     value && typeof value === "object" && "getAttribute" in value && "getBoundingClientRect" in value
   );
@@ -2152,6 +2160,18 @@ function createRuntimeDevtoolsRpc(getRpc) {
 var PINIA_INSPECTOR_ID = "pinia";
 var COMPONENTS_INSPECTOR_ID = "components";
 var COMPONENT_HIGHLIGHT_DURATION = 5e3;
+var INSPECTOR_TREE_MAX_DEPTH = 20;
+var INSPECTOR_TREE_MAX_NODES = 500;
+var INSPECTOR_TREE_MAX_CHILDREN = 200;
+var INSPECTOR_TREE_MAX_TAGS = 20;
+var INSPECTOR_NODE_FIELDS = [
+  "id",
+  "label",
+  "name",
+  "inactive",
+  "isFragment",
+  "autoOpen"
+];
 var highlightComponentTimeout;
 function initializeVueDevtoolsHook() {
   import_devtools_kit.devtools.init();
@@ -2171,14 +2191,64 @@ function installVueBridge(hot) {
   );
   rpcRef.current = rpc;
 }
-function toVueRpcPayload(value) {
-  return toRpcSafeValue(value);
+function projectInspectorTreeList(value) {
+  if (!Array.isArray(value)) {
+    return [];
+  }
+  const budget = { visited: 0 };
+  return value.map((node) => projectInspectorNode(node, budget, 0));
+}
+function projectInspectorNode(value, budget, depth) {
+  if (!value || typeof value !== "object") {
+    return value;
+  }
+  if (budget.visited >= INSPECTOR_TREE_MAX_NODES || depth >= INSPECTOR_TREE_MAX_DEPTH) {
+    return "[Truncated]";
+  }
+  budget.visited += 1;
+  const result = {};
+  INSPECTOR_NODE_FIELDS.forEach((field) => {
+    const valueField = readInspectorField(value, field);
+    if (valueField.ok && isInspectorPrimitive(valueField.value)) {
+      result[field] = valueField.value;
+    }
+  });
+  const tags = readInspectorField(value, "tags");
+  if (tags.ok && Array.isArray(tags.value)) {
+    result.tags = tags.value.slice(0, INSPECTOR_TREE_MAX_TAGS).map(projectInspectorTag);
+  }
+  const children = readInspectorField(value, "children");
+  if (children.ok && Array.isArray(children.value)) {
+    const projectedChildren = children.value.slice(0, INSPECTOR_TREE_MAX_CHILDREN).map((child) => projectInspectorNode(child, budget, depth + 1));
+    if (children.value.length > INSPECTOR_TREE_MAX_CHILDREN) {
+      projectedChildren.push("[Truncated]");
+    }
+    result.children = projectedChildren;
+  }
+  return result;
+}
+function projectInspectorTag(value) {
+  if (!value || typeof value !== "object") {
+    return value;
+  }
+  const result = {};
+  Object.keys(value).filter((key) => key !== "toJSON").slice(0, 8).forEach((key) => {
+    const field = readInspectorField(value, key);
+    if (field.ok && isInspectorPrimitive(field.value)) {
+      result[key] = field.value;
+    }
+  });
+  return result;
 }
-function toVueRpcJsonPayload(value) {
-  return JSON.stringify(toRpcSafeValue(value) ?? null);
+function readInspectorField(value, key) {
+  try {
+    return { ok: true, value: value[key] };
+  } catch {
+    return { ok: false };
+  }
 }
-function toVueRpcPrettyJsonPayload(value) {
-  return JSON.stringify(toRpcSafeValue(value), null, 2);
+function isInspectorPrimitive(value) {
+  return typeof value === "string" || typeof value === "number" || typeof value === "boolean" || value === null;
 }
 function createClientVueRuntimeRpc(getRpc) {
   return {
@@ -2190,7 +2260,7 @@ function createClientVueRuntimeRpc(getRpc) {
       });
       getRpc().onInspectorTreeUpdated(
         query.event,
-        toVueRpcPayload(inspectorTree[0])
+        projectInspectorNode(inspectorTree[0], { visited: 0 }, 0)
       );
     },
     onInspectorTreeUpdated: () => void 0,
@@ -2199,7 +2269,7 @@ function createClientVueRuntimeRpc(getRpc) {
       if (!targetNode) {
         getRpc().onInspectorStateUpdated(
           query.event,
-          toVueRpcPayload(createMissingComponentError(query.componentName))
+          createMissingComponentError(query.componentName)
         );
         return;
       }
@@ -2207,10 +2277,7 @@ function createClientVueRuntimeRpc(getRpc) {
         inspectorId: COMPONENTS_INSPECTOR_ID,
         nodeId: targetNode.id
       });
-      getRpc().onInspectorStateUpdated(
-        query.event,
-        toVueRpcJsonPayload(inspectorState)
-      );
+      getRpc().onInspectorStateUpdated(query.event, (0, import_devtools_kit.stringify)(inspectorState));
     },
     onInspectorStateUpdated: () => void 0,
     async editComponentState(query) {
@@ -2247,7 +2314,7 @@ function createClientVueRuntimeRpc(getRpc) {
     getRouterInfo(query) {
       getRpc().onRouterInfoUpdated(
         query.event,
-        toVueRpcPrettyJsonPayload(import_devtools_kit.devtoolsRouterInfo)
+        JSON.stringify(import_devtools_kit.devtoolsRouterInfo, null, 2)
       );
     },
     onRouterInfoUpdated: () => void 0,
@@ -2258,7 +2325,10 @@ function createClientVueRuntimeRpc(getRpc) {
           filter: ""
         })
       );
-      getRpc().onPiniaTreeUpdated(query.event, toVueRpcPayload(inspectorTree));
+      getRpc().onPiniaTreeUpdated(
+        query.event,
+        projectInspectorTreeList(inspectorTree)
+      );
     },
     onPiniaTreeUpdated: () => void 0,
     async getPiniaState(query) {
@@ -2273,7 +2343,7 @@ function createClientVueRuntimeRpc(getRpc) {
         }
         return import_devtools_kit.devtools.ctx.api.getInspectorState(payload);
       });
-      getRpc().onPiniaInfoUpdated(query.event, toVueRpcJsonPayload(result));
+      getRpc().onPiniaInfoUpdated(query.event, (0, import_devtools_kit.stringify)(result));
     },
     onPiniaInfoUpdated: () => void 0,
     async recordPerformance(query) {
@@ -2281,7 +2351,7 @@ function createClientVueRuntimeRpc(getRpc) {
       if (!collector) {
         getRpc().onPerformanceRecorded(
           query.event,
-          toVueRpcPayload(createPerformanceUnavailableError())
+          createPerformanceUnavailableError()
         );
         return;
       }
@@ -2291,11 +2361,11 @@ function createClientVueRuntimeRpc(getRpc) {
           includeMemory: query.includeMemory,
           includeStacks: query.includeStacks
         });
-        getRpc().onPerformanceRecorded(query.event, toVueRpcPayload(report));
+        getRpc().onPerformanceRecorded(query.event, report);
       } catch (error) {
         getRpc().onPerformanceRecorded(
           query.event,
-          toVueRpcPayload(createPerformanceError(error))
+          createPerformanceError(error)
         );
       }
     },
@@ -2305,7 +2375,7 @@ function createClientVueRuntimeRpc(getRpc) {
       if (!collector) {
         getRpc().onPerformanceRecordingStarted(
           query.event,
-          toVueRpcPayload(createPerformanceUnavailableError())
+          createPerformanceUnavailableError()
         );
         return;
       }
@@ -2314,19 +2384,16 @@ function createClientVueRuntimeRpc(getRpc) {
           includeMemory: query.includeMemory,
           includeStacks: query.includeStacks
         });
-        getRpc().onPerformanceRecordingStarted(
-          query.event,
-          toVueRpcPayload({
-            ok: true,
-            recordingId,
-            startedAt: Date.now(),
-            source: "hook"
-          })
-        );
+        getRpc().onPerformanceRecordingStarted(query.event, {
+          ok: true,
+          recordingId,
+          startedAt: Date.now(),
+          source: "hook"
+        });
       } catch (error) {
         getRpc().onPerformanceRecordingStarted(
           query.event,
-          toVueRpcPayload(createPerformanceError(error))
+          createPerformanceError(error)
         );
       }
     },
@@ -2336,20 +2403,17 @@ function createClientVueRuntimeRpc(getRpc) {
       if (!collector) {
         getRpc().onPerformanceRecordingStopped(
           query.event,
-          toVueRpcPayload(createPerformanceUnavailableError())
+          createPerformanceUnavailableError()
         );
         return;
       }
       try {
         const report = collector.stop(query.recordingId);
-        getRpc().onPerformanceRecordingStopped(
-          query.event,
-          toVueRpcPayload(report)
-        );
+        getRpc().onPerformanceRecordingStopped(query.event, report);
       } catch (error) {
         getRpc().onPerformanceRecordingStopped(
           query.event,
-          toVueRpcPayload(createPerformanceError(error))
+          createPerformanceError(error)
         );
       }
     },