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

package/dist/runtime/client.cjs

@@ -139,7 +139,7 @@ var DEFAULT_OPTIONS = {
 };
 
 // src/runtime/consoleHook.ts
-var import_nanoid = require("nanoid");
+var import_nanoid2 = require("nanoid");
 
 // src/shared/serialization.ts
 var DEFAULT_PREVIEW_OPTIONS = {
@@ -303,7 +303,56 @@ function elementLabel(value) {
   return `[Element:${name}${id}${className}]`;
 }
 
+// src/runtime/consoleArgRegistry.ts
+var import_nanoid = require("nanoid");
+var CONSOLE_ARG_ID_PREFIX = "console-arg-";
+var MAX_CONSOLE_ARG_REFERENCES = 200;
+var consoleArgReferences = /* @__PURE__ */ new Map();
+function registerConsoleArg(value) {
+  const argId = `${CONSOLE_ARG_ID_PREFIX}${(0, import_nanoid.nanoid)()}`;
+  const kind = Array.isArray(value) ? "array" : "object";
+  const label = `[${kind === "array" ? "Array" : "Object"}:${argId}]`;
+  consoleArgReferences.set(argId, value);
+  trimConsoleArgReferences();
+  return { type: "object", kind, argId, label };
+}
+function inspectConsoleArg(request) {
+  if (!consoleArgReferences.has(request.argId)) {
+    return {
+      ok: false,
+      argId: request.argId,
+      error: "Console object reference not found or expired"
+    };
+  }
+  return {
+    ok: true,
+    argId: request.argId,
+    preview: createBoundedPreview(consoleArgReferences.get(request.argId), {
+      maxDepth: request.maxDepth,
+      maxKeys: request.maxKeys,
+      maxArrayItems: request.maxArrayItems,
+      maxStringLength: request.maxStringLength,
+      maxTotalNodes: request.maxTotalNodes
+    })
+  };
+}
+function trimConsoleArgReferences() {
+  while (consoleArgReferences.size > MAX_CONSOLE_ARG_REFERENCES) {
+    const [oldestArgId] = consoleArgReferences.keys();
+    if (!oldestArgId) {
+      return;
+    }
+    consoleArgReferences.delete(oldestArgId);
+  }
+}
+
 // src/runtime/consoleHook.ts
+var MAX_MESSAGE_CHAR_LENGTH = 5e3;
+var MAX_CONSECUTIVE_DUPLICATES = 50;
+var MAX_SKIPPED_COUNT = 500;
+var DEDUPE_ARG_SAMPLE_COUNT = 3;
+var DEDUPE_STRING_PREFIX_LENGTH = 80;
+var MAX_ARGUMENT_PREVIEW_COUNT = 3;
 function installConsoleHook(options) {
   const originalConsole = {
     log: console.log,
@@ -312,14 +361,36 @@ function installConsoleHook(options) {
     error: console.error,
     debug: console.debug
   };
+  let duplicateState;
   const emit = (level, args) => {
+    const dedupe = createDedupeInfo(level, args);
+    if (duplicateState?.key === dedupe.key) {
+      duplicateState.count++;
+      if (duplicateState.count > MAX_CONSECUTIVE_DUPLICATES) {
+        duplicateState.skipped = Math.min(
+          duplicateState.skipped + 1,
+          MAX_SKIPPED_COUNT
+        );
+        return;
+      }
+    } else {
+      flushSuppressedSummary(options, duplicateState);
+      duplicateState = {
+        key: dedupe.key,
+        level,
+        label: dedupe.label,
+        count: 1,
+        skipped: 0
+      };
+    }
+    const payload = createConsolePayload(args);
     options.send({
-      id: (0, import_nanoid.nanoid)(),
+      id: (0, import_nanoid2.nanoid)(),
       pageId: options.pageId,
       source: "hook",
       level,
-      message: args.map((arg) => safeStringify(arg)).join(" "),
-      args: args.map((arg) => createBoundedPreview(arg)),
+      message: payload.message,
+      args: payload.args,
       timestamp: Date.now()
     });
   };
@@ -331,7 +402,7 @@ function installConsoleHook(options) {
   });
   const onError = (event) => {
     options.send({
-      id: (0, import_nanoid.nanoid)(),
+      id: (0, import_nanoid2.nanoid)(),
       pageId: options.pageId,
       source: "hook",
       level: "error",
@@ -342,18 +413,145 @@ function installConsoleHook(options) {
   };
   window.addEventListener("error", onError);
   return () => {
+    flushSuppressedSummary(options, duplicateState);
+    duplicateState = void 0;
     Object.assign(console, originalConsole);
     window.removeEventListener("error", onError);
   };
 }
+function createDedupeInfo(level, args) {
+  const signatures = args.slice(0, DEDUPE_ARG_SAMPLE_COUNT).map((arg) => createValueSignature(arg));
+  const key = `${level}:${signatures.join("|")}`;
+  const label = createDedupeLabel(args, signatures);
+  return { key, label };
+}
+function createDedupeLabel(args, signatures) {
+  const [firstArg] = args;
+  if (typeof firstArg === "string") {
+    return sliceDedupeString(firstArg);
+  }
+  return signatures.join(" ") || "[empty]";
+}
+function createConsolePayload(args) {
+  const entries = args.map(createArgEntry);
+  const rawMessage = entries.map((entry) => entry.message).join(" ");
+  const oversizedInput = args.some(isOversizedString);
+  const oversizedMessage = rawMessage.length > MAX_MESSAGE_CHAR_LENGTH;
+  const message = oversizedMessage ? `${rawMessage.slice(0, MAX_MESSAGE_CHAR_LENGTH)}[Truncated]` : rawMessage;
+  const includeArgs = !oversizedInput && !oversizedMessage;
+  return {
+    message,
+    args: includeArgs ? entries.slice(0, MAX_ARGUMENT_PREVIEW_COUNT).map((entry) => entry.preview) : []
+  };
+}
+function createArgEntry(value) {
+  if (typeof value === "string") {
+    return {
+      message: truncateMessageString(value),
+      preview: value
+    };
+  }
+  if (value && typeof value === "object") {
+    const reference = registerConsoleArg(value);
+    return {
+      message: reference.label,
+      preview: reference
+    };
+  }
+  const preview = createPrimitivePreview(value);
+  return {
+    message: safeStringify(value),
+    preview
+  };
+}
+function createPrimitivePreview(value) {
+  if (value === null) {
+    return null;
+  }
+  if (typeof value === "number") {
+    return Number.isFinite(value) ? value : String(value);
+  }
+  if (typeof value === "bigint") {
+    return value.toString();
+  }
+  if (typeof value === "symbol") {
+    return value.description ? `[Symbol(${value.description})]` : "[Symbol]";
+  }
+  if (typeof value === "function") {
+    return value.name ? `[Function:${value.name}]` : "[Function]";
+  }
+  return value;
+}
+function flushSuppressedSummary(options, state) {
+  if (!state || state.skipped === 0) {
+    return;
+  }
+  const skipped = state.skipped >= MAX_SKIPPED_COUNT ? `${String(MAX_SKIPPED_COUNT)}+` : String(state.skipped);
+  options.send({
+    id: (0, import_nanoid2.nanoid)(),
+    pageId: options.pageId,
+    source: "hook",
+    level: state.level,
+    message: `Suppressed ${skipped} duplicate ${state.level} logs: ${state.label}`,
+    args: [],
+    timestamp: Date.now()
+  });
+}
+function createValueSignature(value) {
+  if (value && typeof value === "object") {
+    return createObjectTypeLabel(value);
+  }
+  return createPrimitiveSignature(value);
+}
+function createObjectTypeLabel(value) {
+  if (Array.isArray(value)) {
+    return "[Array]";
+  }
+  return "[Object]";
+}
+function createPrimitiveSignature(value) {
+  if (typeof value === "string") {
+    return `string:${sliceDedupeString(value)}`;
+  }
+  if (value === null) {
+    return "null";
+  }
+  switch (typeof value) {
+    case "number":
+    case "boolean":
+    case "bigint":
+    case "undefined":
+      return `${typeof value}:${String(value)}`;
+    case "symbol":
+      return value.description ? `symbol:${sliceDedupeString(value.description)}` : "symbol";
+    case "function":
+      return value.name ? `function:${sliceDedupeString(value.name)}` : "function";
+    case "object":
+      return `object:${Object.prototype.toString.call(value)}`;
+    default:
+      return "unknown";
+  }
+}
+function isOversizedString(value) {
+  return typeof value === "string" && value.length > MAX_MESSAGE_CHAR_LENGTH;
+}
+function truncateMessageString(value) {
+  if (value.length <= MAX_MESSAGE_CHAR_LENGTH) {
+    return value;
+  }
+  return `${value.slice(0, MAX_MESSAGE_CHAR_LENGTH)}[Truncated]`;
+}
+function sliceDedupeString(value) {
+  return value.slice(0, DEDUPE_STRING_PREFIX_LENGTH);
+}
 
 // src/runtime/elementRegistry.ts
-var import_nanoid2 = require("nanoid");
+var import_nanoid3 = require("nanoid");
 var RUNTIME_ELEMENT_ID_PREFIX = "runtime:vmcp_";
 var RUNTIME_ELEMENT_ID_SIZE = 8;
 var runtimeElementRegistry = createRuntimeElementRegistry();
 function createRuntimeElementId() {
-  return `${RUNTIME_ELEMENT_ID_PREFIX}${(0, import_nanoid2.nanoid)(RUNTIME_ELEMENT_ID_SIZE)}`;
+  return `${RUNTIME_ELEMENT_ID_PREFIX}${(0, import_nanoid3.nanoid)(RUNTIME_ELEMENT_ID_SIZE)}`;
 }
 function createRuntimeElementRegistry() {
   const records = /* @__PURE__ */ new Map();
@@ -854,7 +1052,7 @@ function escapeSelector(value) {
 }
 
 // src/runtime/networkHook.ts
-var import_nanoid3 = require("nanoid");
+var import_nanoid4 = require("nanoid");
 
 // src/shared/url.ts
 function parseRequestQuery(url) {
@@ -885,7 +1083,7 @@ function safeUrlPathname(url) {
 // src/runtime/networkHook.ts
 function createHookNetworkRecord(input) {
   return {
-    id: (0, import_nanoid3.nanoid)(),
+    id: (0, import_nanoid4.nanoid)(),
     pageId: input.pageId,
     source: "hook",
     url: input.url,
@@ -1040,12 +1238,12 @@ function safeReadXhrResponseText(xhr) {
 }
 
 // src/runtime/pageIdentity.ts
-var import_nanoid4 = require("nanoid");
+var import_nanoid5 = require("nanoid");
 var RUNTIME_CLIENT_ID_STORAGE_KEY = "vite-plugin-vue-mcp-next:runtime-client-id";
 var RUNTIME_CLIENT_ID_WINDOW_NAME_PREFIX = "vite-plugin-vue-mcp-next:runtime-client-id=";
 var RUNTIME_CLIENT_ID_WINDOW_NAME_SEPARATOR = "\n";
 function createRuntimeClientId() {
-  return `runtime-client-${(0, import_nanoid4.nanoid)()}`;
+  return `runtime-client-${(0, import_nanoid5.nanoid)()}`;
 }
 function readRuntimeClientIdFromTabScope(tabScope) {
   if (!tabScope) {
@@ -1094,7 +1292,7 @@ function getRuntimeClientId(storage, tabScope) {
   }
 }
 function createRuntimePageId() {
-  return `runtime-${(0, import_nanoid4.nanoid)()}`;
+  return `runtime-${(0, import_nanoid5.nanoid)()}`;
 }
 function getRuntimePageIdentity(input) {
   return {
@@ -1114,7 +1312,7 @@ function getRuntimePageIdentity(input) {
 }
 
 // src/runtime/performanceHook.ts
-var import_nanoid5 = require("nanoid");
+var import_nanoid6 = require("nanoid");
 
 // src/performance/summary.ts
 function buildPerformanceSummary(input) {
@@ -1288,7 +1486,7 @@ function createPerformanceCollector(deps) {
   };
 }
 function createRecordingId() {
-  return `performance-${(0, import_nanoid5.nanoid)()}`;
+  return `performance-${(0, import_nanoid6.nanoid)()}`;
 }
 function startSession(state, deps, options) {
   const recordingId = createRecordingId();
@@ -2152,7 +2350,14 @@ function createRuntimeDevtoolsRpc(getRpc) {
         await bridge.manageStorage(options)
       );
     },
-    onStorageUpdated: () => void 0
+    onStorageUpdated: () => void 0,
+    inspectConsoleArg(options) {
+      if (!options.event) {
+        return;
+      }
+      getRpc().onConsoleArgInspected(options.event, inspectConsoleArg(options));
+    },
+    onConsoleArgInspected: () => void 0
   };
 }