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

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import { Plugin } from 'vite';
-import { l as VueMcpNextOptions } from './types-DAx3jHdz.cjs';
-export { C as CdpOptions, a as ConsoleOptions, b as ConsoleRecord, c as CursorMcpConfig, D as DomOptions, E as ElementContextResult, d as ElementPickerOptions, e as ElementPickerShortcut, f as EvaluateOptions, M as McpClientConfigOptions, N as NetworkOptions, g as NetworkRecord, P as PageTarget, R as ResolvedVueMcpNextOptions, i as RuntimeElementContextRequest, j as RuntimeMode, k as RuntimeOptions, S as SkillConfigOptions, V as VueMcpNextContext } from './types-DAx3jHdz.cjs';
+import { l as VueMcpNextOptions } from './types-BKXdHkwk.cjs';
+export { C as CdpOptions, a as ConsoleOptions, b as ConsoleRecord, c as CursorMcpConfig, D as DomOptions, E as ElementContextResult, d as ElementPickerOptions, e as ElementPickerShortcut, f as EvaluateOptions, M as McpClientConfigOptions, N as NetworkOptions, g as NetworkRecord, P as PageTarget, R as ResolvedVueMcpNextOptions, i as RuntimeElementContextRequest, j as RuntimeMode, k as RuntimeOptions, S as SkillConfigOptions, V as VueMcpNextContext } from './types-BKXdHkwk.cjs';
 import 'hookable';
 
 /**

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { Plugin } from 'vite';
-import { l as VueMcpNextOptions } from './types-DAx3jHdz.js';
-export { C as CdpOptions, a as ConsoleOptions, b as ConsoleRecord, c as CursorMcpConfig, D as DomOptions, E as ElementContextResult, d as ElementPickerOptions, e as ElementPickerShortcut, f as EvaluateOptions, M as McpClientConfigOptions, N as NetworkOptions, g as NetworkRecord, P as PageTarget, R as ResolvedVueMcpNextOptions, i as RuntimeElementContextRequest, j as RuntimeMode, k as RuntimeOptions, S as SkillConfigOptions, V as VueMcpNextContext } from './types-DAx3jHdz.js';
+import { l as VueMcpNextOptions } from './types-BKXdHkwk.js';
+export { C as CdpOptions, a as ConsoleOptions, b as ConsoleRecord, c as CursorMcpConfig, D as DomOptions, E as ElementContextResult, d as ElementPickerOptions, e as ElementPickerShortcut, f as EvaluateOptions, M as McpClientConfigOptions, N as NetworkOptions, g as NetworkRecord, P as PageTarget, R as ResolvedVueMcpNextOptions, i as RuntimeElementContextRequest, j as RuntimeMode, k as RuntimeOptions, S as SkillConfigOptions, V as VueMcpNextContext } from './types-BKXdHkwk.js';
 import 'hookable';
 
 /**

package/dist/index.js

@@ -2662,153 +2662,165 @@ function createServerVueRuntimeRpc(ctx) {
 import { nanoid as nanoid4 } from "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;
+  }
+  if (context.visited >= context.options.maxTotalNodes) {
+    return TRUNCATED_VALUE;
   }
-  const cached = context.cache.get(value);
-  if (cached) {
-    return cached;
+  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 && !isPlainRecord3(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 isPlainRecord3(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/cdp/cdpConsole.ts
@@ -3363,11 +3375,11 @@ import path4 from "path";
 async function updateJsonMcpClientConfig(options) {
   try {
     const config = await readJsonConfig(options.configPath);
-    if (!isPlainRecord4(config)) {
+    if (!isPlainRecord3(config)) {
       warnConfigFailure(options, "config root must be a JSON object");
       return;
     }
-    const mcpServers = isPlainRecord4(config.mcpServers) ? config.mcpServers : {};
+    const mcpServers = isPlainRecord3(config.mcpServers) ? config.mcpServers : {};
     if (Object.hasOwn(mcpServers, options.serverName)) {
       return;
     }
@@ -3420,7 +3432,7 @@ async function readOptionalTextFile2(filePath) {
     throw error;
   }
 }
-function isPlainRecord4(value) {
+function isPlainRecord3(value) {
   return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 function warnConfigFailure(options, reason) {