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

package/dist/runtime/client.cjs

@@ -142,25 +142,165 @@ var DEFAULT_OPTIONS = {
 var import_nanoid = require("nanoid");
 
 // src/shared/serialization.ts
+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 truncateString(value, DEFAULT_PREVIEW_OPTIONS.maxStringLength);
+  }
+  const preview = createBoundedPreview(value);
+  if (preview === void 0) {
+    return "undefined";
+  }
+  return JSON.stringify(preview);
+}
+function previewValue(value, context, depth, arrayItem) {
+  if (value === null) {
+    return null;
+  }
+  switch (typeof value) {
+    case "string":
+      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 value.description ? `[Symbol(${value.description})]` : "[Symbol]";
+    case "function":
+      return functionLabel(value);
+    case "undefined":
+      return arrayItem ? null : void 0;
+    case "object":
+      return previewObject(value, context, depth);
+    default:
+      return arrayItem ? null : void 0;
+  }
+}
+function previewObject(value, context, depth) {
+  if (context.seen.has(value)) {
+    return CIRCULAR_VALUE;
+  }
+  if (context.visited >= context.options.maxTotalNodes) {
+    return TRUNCATED_VALUE;
+  }
+  if (depth >= context.options.maxDepth) {
+    return objectLabel(value);
+  }
+  context.visited += 1;
+  context.seen.add(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 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 previewRecord(value, context, depth) {
+  const keys = enumerableKeys(value);
+  if (!keys) {
+    return UNREADABLE_VALUE;
+  }
+  const result = {};
+  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 previewError(error, context, depth) {
+  const result = {
+    name: error.name,
+    message: truncateString(error.message, context.options.maxStringLength)
+  };
+  const stack = readField(error, "stack");
+  if (stack.ok && typeof stack.value === "string") {
+    result.stack = truncateString(stack.value, context.options.maxStringLength);
+  }
+  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 enumerableKeys(value) {
+  try {
+    return Object.keys(value);
+  } catch {
+    return void 0;
+  }
+}
+function readField(value, key) {
+  try {
+    return { ok: true, value: value[key] };
+  } catch {
+    return { ok: false };
+  }
+}
+function truncateString(value, maxLength) {
+  if (value.length <= maxLength) {
     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;
-    }
-  );
-  return serialized;
+  return `${value.slice(0, maxLength)}${TRUNCATED_VALUE}`;
+}
+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 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
@@ -179,7 +319,7 @@ function installConsoleHook(options) {
       source: "hook",
       level,
       message: args.map((arg) => safeStringify(arg)).join(" "),
-      args,
+      args: args.map((arg) => createBoundedPreview(arg)),
       timestamp: Date.now()
     });
   };
@@ -269,7 +409,7 @@ function installElementPicker(options) {
   window.addEventListener(
     "click",
     (event) => {
-      if (!active || !isElementLike(event.target)) {
+      if (!active || !isElementLike2(event.target)) {
         return;
       }
       event.preventDefault();
@@ -351,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
   );
@@ -2020,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();
@@ -2039,6 +2191,65 @@ function installVueBridge(hot) {
   );
   rpcRef.current = rpc;
 }
+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 readInspectorField(value, key) {
+  try {
+    return { ok: true, value: value[key] };
+  } catch {
+    return { ok: false };
+  }
+}
+function isInspectorPrimitive(value) {
+  return typeof value === "string" || typeof value === "number" || typeof value === "boolean" || value === null;
+}
 function createClientVueRuntimeRpc(getRpc) {
   return {
     ...createRuntimeDevtoolsRpc(getRpc),
@@ -2047,7 +2258,10 @@ function createClientVueRuntimeRpc(getRpc) {
         inspectorId: COMPONENTS_INSPECTOR_ID,
         filter: query.componentName ?? ""
       });
-      getRpc().onInspectorTreeUpdated(query.event, inspectorTree[0]);
+      getRpc().onInspectorTreeUpdated(
+        query.event,
+        projectInspectorNode(inspectorTree[0], { visited: 0 }, 0)
+      );
     },
     onInspectorTreeUpdated: () => void 0,
     async getInspectorState(query) {
@@ -2111,7 +2325,10 @@ function createClientVueRuntimeRpc(getRpc) {
           filter: ""
         })
       );
-      getRpc().onPiniaTreeUpdated(query.event, inspectorTree);
+      getRpc().onPiniaTreeUpdated(
+        query.event,
+        projectInspectorTreeList(inspectorTree)
+      );
     },
     onPiniaTreeUpdated: () => void 0,
     async getPiniaState(query) {