vite-plugin-aipanel 1.2.8 → 1.2.10

package/es/endpoints/sse.mjs

@@ -1,4 +1,4 @@
-import { SSE_EVENTS_PATH } from "@aipanel/core";
+import { SSE_EVENT_TYPES, SSE_EVENTS_PATH } from "@aipanel/core";
 import { RequestContext, createLogger } from "@aipanel/core/node";
 const log = createLogger("Endpoints:SSE");
 function setupSseEndpoint(server, ctx) {
@@ -12,10 +12,10 @@ function setupSseEndpoint(server, ctx) {
     });
     ctx.sseClients.add(res);
     log.debug("SSE client connected", { totalClients: ctx.sseClients.size });
-    res.write(`data: ${JSON.stringify({ type: "CONNECTED" })}
+    res.write(`data: ${JSON.stringify({ type: SSE_EVENT_TYPES.CONNECTED })}
 
 `);
-    const statusPayload = { type: "STATUS_SYNC" };
+    const statusPayload = { type: SSE_EVENT_TYPES.STATUS_SYNC };
     if (ctx.isServiceStarted !== void 0) {
       statusPayload.isStarted = ctx.isServiceStarted;
     }

package/es/endpoints/vue-devtools.d.ts

@@ -4,6 +4,9 @@
  */
 import type { ViteDevServer } from "vite";
 import type { McpProxy } from "../core/mcp-proxy";
-export declare const VUE_DEVTOOLS_API_PATH = "/__aipanel_vue_devtools__";
+import { VUE_DEVTOOLS_API_PATH } from "@aipanel/core";
+export { VUE_DEVTOOLS_API_PATH };
 export declare function setupVueDevtoolsEndpoint(server: ViteDevServer, mcp: McpProxy): void;
-export declare function executeAction(action: string, args: Record<string, unknown> | undefined, mcp: McpProxy, projectOrigins: string[]): Promise<unknown>;
+export declare function executeAction(action: string, args: Record<string, unknown> | undefined, mcp: McpProxy, 
+/** vue-devtools 桥只注入在项目页面，范围为自动项目页 origins */
+projectOrigins: string[]): Promise<unknown>;

package/es/endpoints/vue-devtools.mjs

@@ -1,8 +1,7 @@
 import { createLogger } from "@aipanel/core/node";
-import { VUE_DEVTOOLS_ACTIONS } from "@aipanel/core";
+import { VUE_DEVTOOLS_ACTIONS, VUE_DEVTOOLS_API_PATH } from "@aipanel/core";
 import { getProjectOrigins, validatePageId } from "../core/mcp-chrome.mjs";
 const log = createLogger("Endpoints:VueDevtools");
-const VUE_DEVTOOLS_API_PATH = "/__aipanel_vue_devtools__";
 function setupVueDevtoolsEndpoint(server, mcp) {
   server.middlewares.use(VUE_DEVTOOLS_API_PATH, async (req, res) => {
     res.setHeader("Content-Type", "application/json");
@@ -39,9 +38,9 @@ async function executeAction(action, args, mcp, projectOrigins) {
   }
   const validation = await validatePageId(mcp, pageId, projectOrigins);
   if (!validation.valid) {
-    log.error("pageId \u65E0\u6548\u6216\u975E\u9879\u76EE\u9875\u9762", {
+    log.error("pageId \u65E0\u6548\u6216\u4E0D\u5728\u53EF\u64CD\u4F5C\u8303\u56F4", {
       pageId,
-      projectPageIds: validation.projectPages.map((p) => p.pageId)
+      allowedPageIds: validation.allowedPages.map((p) => p.pageId)
     });
     throw new Error(validation.error);
   }

package/es/index.mjs

@@ -5,6 +5,7 @@ import {
   CONTEXT_API_PATH,
   DEFAULT_PROXY_PORT,
   MCP_API_PATH,
+  SESSION_ID_KEY,
   resolvePluginConfig,
   setVerbose
 } from "@aipanel/core";
@@ -14,18 +15,19 @@ import { injectWidget } from "./core/injector.mjs";
 import { loadProvider } from "./core/provider-loader.mjs";
 import { AIPanelService } from "./core/service.mjs";
 import { McpProxy } from "./core/mcp-proxy.mjs";
+import { configureToolScope, extraToolFlag } from "./core/mcp-tools.mjs";
 import {
   resolveWidgetPath,
   resolveWidgetStylePath,
   resolveVueDevtoolsBridgePath
 } from "./utils/paths.mjs";
-import { findGitRoot } from "./utils/system.mjs";
+import { findGitRoot } from "@aipanel/core/node";
 const DEVTOOLS_BRIDGE_IMPORTEE = "virtual:aipanel-vue-devtools-bridge";
 const DEVTOOLS_BRIDGE_QUERY = "aipanel_vue_devtools_bridge";
 const BRIDGE_SOURCE_PATH = resolveVueDevtoolsBridgePath();
 const SILENT_CONTEXT_SCRIPT = `<script>
 (function () {
-  var API = "/__aipanel_context__";
+  var API = "${CONTEXT_API_PATH}";
   var last = "";
   function report(force) {
     if (document.visibilityState !== "visible") return;
@@ -35,7 +37,7 @@ const SILENT_CONTEXT_SCRIPT = `<script>
     if (!force && key === last) return;
     last = key;
     var sessionId = "";
-    try { sessionId = sessionStorage.getItem("_aipanel_pk") || ""; } catch (e) {}
+    try { sessionId = sessionStorage.getItem("${SESSION_ID_KEY}") || ""; } catch (e) {}
     fetch(API, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
@@ -91,7 +93,27 @@ function createAIPanelPlugin(options = {}) {
   let activeTabId = DEFAULT_TAB;
   const serviceInstanceId = crypto.randomUUID();
   const sseClients = /* @__PURE__ */ new Set();
-  const mcpProxy = new McpProxy({ idleTimeout: 5 * 60 * 1e3 });
+  const chromeProjectOptions = config.chromeMcp?.project;
+  configureToolScope(
+    chromeProjectOptions?.tools?.extra ?? [],
+    chromeProjectOptions?.tools?.deny ?? [],
+    (msg) => log.warn(msg)
+  );
+  const chromeManagedArgs = [];
+  for (const short of chromeProjectOptions?.tools?.extra ?? []) {
+    const flag = extraToolFlag(short);
+    if (flag && !chromeManagedArgs.includes(flag)) chromeManagedArgs.push(flag);
+  }
+  if (chromeProjectOptions?.includeExtensionPages) {
+    chromeManagedArgs.push("--experimental-include-all-pages");
+  }
+  const mcpProxy = new McpProxy({
+    idleTimeout: 5 * 60 * 1e3,
+    // 用户 chrome MCP 透传：追加 args/env（核心受保护参数不可覆盖，由 McpProxy 过滤）
+    userArgs: config.chromeMcp?.args,
+    env: config.chromeMcp?.env,
+    managedArgs: chromeManagedArgs
+  });
   let provider = null;
   const service = new AIPanelService(
     config,
@@ -182,7 +204,8 @@ function createAIPanelPlugin(options = {}) {
           retryWarmupChromeMcp: () => service.retryWarmupChromeMcp()
         },
         mcpProxy,
-        config.logFiles
+        config.logFiles,
+        chromeProjectOptions
       );
       if (!config.mcpOnly) {
         try {
@@ -307,7 +330,7 @@ function createAIPanelPlugin(options = {}) {
       ];
       const titleInject = `<script>
         (function () {
-          var KEY = "_aipanel_pk";
+          var KEY = "${SESSION_ID_KEY}";
           if (!sessionStorage.getItem(KEY)) {
             sessionStorage.setItem(KEY, "[" + Math.random().toString(36).slice(2, 10) + "]");
           }