@xiaou66/vite-plugin-vue-mcp-next 1.1.0 → 1.1.1

package/dist/runtime/client.js

@@ -1,6 +1,105 @@
 // src/runtime/client.ts
 import { createHotContext } from "vite-hot-client";
 
+// src/shared/limits.ts
+var DEFAULT_DOM_MAX_DEPTH = 8;
+var DEFAULT_DOM_MAX_NODES = 2e3;
+var DEFAULT_DOM_MAX_TEXT_LENGTH = 300;
+var DEFAULT_CONSOLE_MAX_RECORDS = 1e3;
+var DEFAULT_NETWORK_MAX_RECORDS = 500;
+var DEFAULT_NETWORK_MAX_BODY_SIZE = 1e5;
+var DEFAULT_MASK_HEADERS = [
+  "authorization",
+  "cookie",
+  "set-cookie"
+];
+
+// src/constants.ts
+var DEFAULT_MCP_PATH = "/__mcp";
+var DEFAULT_SCREENSHOT_MAX_BYTES = 5 * 1024 * 1024;
+var DEFAULT_SCREENSHOT_SAVE_DIR = ".vite-mcp/screenshot";
+var DEFAULT_PERFORMANCE_SAVE_DIR = ".vite-mcp/performance";
+var DEFAULT_PERFORMANCE_MAX_DURATION_MS = 3e4;
+var DEFAULT_PERFORMANCE_SAMPLE_INTERVAL_MS = 250;
+var DEFAULT_PERFORMANCE_LONG_TASK_THRESHOLD_MS = 50;
+var VIRTUAL_RUNTIME_ID = "virtual:vite-plugin-vue-mcp-next/runtime";
+var RESOLVED_VIRTUAL_RUNTIME_ID = `\0${VIRTUAL_RUNTIME_ID}`;
+var VIRTUAL_SCREENSHOT_CONFIG_ID = "virtual:vite-plugin-vue-mcp-next/screenshot-config";
+var RESOLVED_VIRTUAL_SCREENSHOT_CONFIG_ID = `\0${VIRTUAL_SCREENSHOT_CONFIG_ID}`;
+var VIRTUAL_SNAPDOM_LOADER_ID = "virtual:vite-plugin-vue-mcp-next/snapdom-loader";
+var RESOLVED_VIRTUAL_SNAPDOM_LOADER_ID = `\0${VIRTUAL_SNAPDOM_LOADER_ID}`;
+var DEFAULT_MCP_CLIENT_SERVER_NAME = "vite-mcp-next";
+var RUNTIME_PAGE_CONNECTED_EVENT = "vite-plugin-vue-mcp-next:page-connected";
+var RUNTIME_PAGE_DISCONNECTED_EVENT = "vite-plugin-vue-mcp-next:page-disconnected";
+var RUNTIME_PAGE_HEARTBEAT_EVENT = "vite-plugin-vue-mcp-next:heartbeat";
+var DEFAULT_RUNTIME_PAGE_HEARTBEAT_INTERVAL_MS = 15e3;
+var DEFAULT_OPTIONS = {
+  mcpPath: DEFAULT_MCP_PATH,
+  host: "localhost",
+  printUrl: true,
+  updateCursorMcpJson: {
+    enabled: true,
+    serverName: DEFAULT_MCP_CLIENT_SERVER_NAME
+  },
+  mcpClients: {
+    cursor: true,
+    codex: true,
+    claudeCode: true,
+    trae: true,
+    serverName: DEFAULT_MCP_CLIENT_SERVER_NAME
+  },
+  skill: {
+    autoConfig: true
+  },
+  runtime: {
+    mode: "auto",
+    evaluate: {
+      enabled: false,
+      timeoutMs: 3e3
+    }
+  },
+  cdp: {},
+  network: {
+    mode: "auto",
+    maxRecords: DEFAULT_NETWORK_MAX_RECORDS,
+    captureRequestBody: true,
+    captureResponseBody: true,
+    maxBodySize: DEFAULT_NETWORK_MAX_BODY_SIZE,
+    maskHeaders: [...DEFAULT_MASK_HEADERS]
+  },
+  dom: {
+    maxDepth: DEFAULT_DOM_MAX_DEPTH,
+    maxNodes: DEFAULT_DOM_MAX_NODES,
+    maxTextLength: DEFAULT_DOM_MAX_TEXT_LENGTH
+  },
+  console: {
+    maxRecords: DEFAULT_CONSOLE_MAX_RECORDS
+  },
+  screenshot: {
+    type: "path",
+    saveDir: DEFAULT_SCREENSHOT_SAVE_DIR,
+    prefer: "auto",
+    maxBytes: DEFAULT_SCREENSHOT_MAX_BYTES,
+    snapdom: {
+      options: {},
+      plugins: []
+    }
+  },
+  performance: {
+    mode: "auto",
+    maxDurationMs: DEFAULT_PERFORMANCE_MAX_DURATION_MS,
+    sampleIntervalMs: DEFAULT_PERFORMANCE_SAMPLE_INTERVAL_MS,
+    longTaskThresholdMs: DEFAULT_PERFORMANCE_LONG_TASK_THRESHOLD_MS,
+    saveDir: DEFAULT_PERFORMANCE_SAVE_DIR,
+    memory: {
+      enabled: true
+    },
+    stacks: {
+      enabled: true
+    }
+  }
+};
+
 // src/runtime/consoleHook.ts
 import { nanoid } from "nanoid";
 
@@ -356,101 +455,6 @@ function getRuntimePageIdentity(input) {
 // src/runtime/performanceHook.ts
 import { nanoid as nanoid4 } from "nanoid";
 
-// src/shared/limits.ts
-var DEFAULT_DOM_MAX_DEPTH = 8;
-var DEFAULT_DOM_MAX_NODES = 2e3;
-var DEFAULT_DOM_MAX_TEXT_LENGTH = 300;
-var DEFAULT_CONSOLE_MAX_RECORDS = 1e3;
-var DEFAULT_NETWORK_MAX_RECORDS = 500;
-var DEFAULT_NETWORK_MAX_BODY_SIZE = 1e5;
-var DEFAULT_MASK_HEADERS = [
-  "authorization",
-  "cookie",
-  "set-cookie"
-];
-
-// src/constants.ts
-var DEFAULT_MCP_PATH = "/__mcp";
-var DEFAULT_SCREENSHOT_MAX_BYTES = 5 * 1024 * 1024;
-var DEFAULT_SCREENSHOT_SAVE_DIR = ".vite-mcp/screenshot";
-var DEFAULT_PERFORMANCE_SAVE_DIR = ".vite-mcp/performance";
-var DEFAULT_PERFORMANCE_MAX_DURATION_MS = 3e4;
-var DEFAULT_PERFORMANCE_SAMPLE_INTERVAL_MS = 250;
-var DEFAULT_PERFORMANCE_LONG_TASK_THRESHOLD_MS = 50;
-var VIRTUAL_RUNTIME_ID = "virtual:vite-plugin-vue-mcp-next/runtime";
-var RESOLVED_VIRTUAL_RUNTIME_ID = `\0${VIRTUAL_RUNTIME_ID}`;
-var VIRTUAL_SCREENSHOT_CONFIG_ID = "virtual:vite-plugin-vue-mcp-next/screenshot-config";
-var RESOLVED_VIRTUAL_SCREENSHOT_CONFIG_ID = `\0${VIRTUAL_SCREENSHOT_CONFIG_ID}`;
-var VIRTUAL_SNAPDOM_LOADER_ID = "virtual:vite-plugin-vue-mcp-next/snapdom-loader";
-var RESOLVED_VIRTUAL_SNAPDOM_LOADER_ID = `\0${VIRTUAL_SNAPDOM_LOADER_ID}`;
-var DEFAULT_MCP_CLIENT_SERVER_NAME = "vite-mcp-next";
-var DEFAULT_OPTIONS = {
-  mcpPath: DEFAULT_MCP_PATH,
-  host: "localhost",
-  printUrl: true,
-  updateCursorMcpJson: {
-    enabled: true,
-    serverName: DEFAULT_MCP_CLIENT_SERVER_NAME
-  },
-  mcpClients: {
-    cursor: true,
-    codex: true,
-    claudeCode: true,
-    trae: true,
-    serverName: DEFAULT_MCP_CLIENT_SERVER_NAME
-  },
-  skill: {
-    autoConfig: true
-  },
-  runtime: {
-    mode: "auto",
-    evaluate: {
-      enabled: false,
-      timeoutMs: 3e3
-    }
-  },
-  cdp: {},
-  network: {
-    mode: "auto",
-    maxRecords: DEFAULT_NETWORK_MAX_RECORDS,
-    captureRequestBody: true,
-    captureResponseBody: true,
-    maxBodySize: DEFAULT_NETWORK_MAX_BODY_SIZE,
-    maskHeaders: [...DEFAULT_MASK_HEADERS]
-  },
-  dom: {
-    maxDepth: DEFAULT_DOM_MAX_DEPTH,
-    maxNodes: DEFAULT_DOM_MAX_NODES,
-    maxTextLength: DEFAULT_DOM_MAX_TEXT_LENGTH
-  },
-  console: {
-    maxRecords: DEFAULT_CONSOLE_MAX_RECORDS
-  },
-  screenshot: {
-    type: "path",
-    saveDir: DEFAULT_SCREENSHOT_SAVE_DIR,
-    prefer: "auto",
-    maxBytes: DEFAULT_SCREENSHOT_MAX_BYTES,
-    snapdom: {
-      options: {},
-      plugins: []
-    }
-  },
-  performance: {
-    mode: "auto",
-    maxDurationMs: DEFAULT_PERFORMANCE_MAX_DURATION_MS,
-    sampleIntervalMs: DEFAULT_PERFORMANCE_SAMPLE_INTERVAL_MS,
-    longTaskThresholdMs: DEFAULT_PERFORMANCE_LONG_TASK_THRESHOLD_MS,
-    saveDir: DEFAULT_PERFORMANCE_SAVE_DIR,
-    memory: {
-      enabled: true
-    },
-    stacks: {
-      enabled: true
-    }
-  }
-};
-
 // src/performance/summary.ts
 function buildPerformanceSummary(input) {
   const memory = buildMemorySummary(input.memorySamples);
@@ -1445,7 +1449,11 @@ async function startRuntimeClient() {
     innerHeight: window.innerHeight,
     readyState: document.readyState
   });
-  hot.send("vite-plugin-vue-mcp-next:page-connected", identity);
+  hot.send(RUNTIME_PAGE_CONNECTED_EVENT, identity);
+  installRuntimePageLifecycle({
+    pageId: identity.pageId,
+    send: hot.send.bind(hot)
+  });
   installPerformanceHook({
     pageId: identity.pageId,
     send(report) {
@@ -1467,6 +1475,27 @@ async function startRuntimeClient() {
     }
   });
 }
+function installRuntimePageLifecycle(options) {
+  let disconnected = false;
+  const heartbeatTimer = setInterval(() => {
+    options.send(RUNTIME_PAGE_HEARTBEAT_EVENT, {
+      pageId: options.pageId,
+      timestamp: Date.now()
+    });
+  }, DEFAULT_RUNTIME_PAGE_HEARTBEAT_INTERVAL_MS);
+  const disconnect = () => {
+    if (disconnected) {
+      return;
+    }
+    disconnected = true;
+    clearInterval(heartbeatTimer);
+    options.send(RUNTIME_PAGE_DISCONNECTED_EVENT, {
+      pageId: options.pageId
+    });
+  };
+  window.addEventListener("pagehide", disconnect, { once: true });
+  window.addEventListener("beforeunload", disconnect, { once: true });
+}
 export {
   evaluateExpression,
   setScreenshotModuleRegistry,