vite-plugin-aipanel 1.2.0-beta.0

package/lib/core/injector.cjs

@@ -0,0 +1,34 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var injector_exports = {};
+__export(injector_exports, {
+  injectWidget: () => injectWidget
+});
+module.exports = __toCommonJS(injector_exports);
+var import_core = require("@aipanel/core");
+function injectWidget(options) {
+  const configBase64 = Buffer.from(JSON.stringify(options)).toString("base64");
+  const scriptTag = `<script type="module" src="${import_core.WIDGET_SCRIPT_PATH}" ${import_core.CONFIG_DATA_ATTR}="${configBase64}"></script>`;
+  const styleTag = `<link rel="stylesheet" href="${import_core.WIDGET_STYLE_PATH}" />`;
+  return `${styleTag}
+${scriptTag}`;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  injectWidget
+});

package/lib/core/injector.d.ts

@@ -0,0 +1,2 @@
+import type { WidgetOptions } from "@aipanel/core";
+export declare function injectWidget(options: WidgetOptions): string;

package/lib/core/mcp-chrome.cjs

@@ -0,0 +1,161 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var mcp_chrome_exports = {};
+__export(mcp_chrome_exports, {
+  extractEvalValue: () => extractEvalValue,
+  getProjectOrigins: () => getProjectOrigins,
+  isProjectPage: () => isProjectPage,
+  parseListPages: () => parseListPages,
+  resolveChromePageId: () => resolveChromePageId,
+  validatePageId: () => validatePageId
+});
+module.exports = __toCommonJS(mcp_chrome_exports);
+var import_node = require("@aipanel/core/node");
+const log = (0, import_node.createLogger)("McpChrome");
+function getProjectOrigins(server) {
+  const local = server.resolvedUrls?.local ?? [];
+  const network = server.resolvedUrls?.network ?? [];
+  const origins = [...new Set([...local, ...network].map((u) => new URL(u).origin))];
+  log.debug("project origins", { origins });
+  return origins;
+}
+function isProjectPage(url, origins) {
+  return origins.some((origin) => url.startsWith(origin));
+}
+function parseListPages(text) {
+  const pages = [];
+  for (const line of text.split("\n")) {
+    const match = line.match(/^(\d+):\s*(.+?)\s*\((\S+)\)/);
+    if (match) {
+      pages.push({
+        pageId: parseInt(match[1], 10),
+        title: match[2].replace(/\s*\.{3}$/, "").trim(),
+        url: match[3],
+        selected: /\[selected\]/i.test(line)
+      });
+    }
+  }
+  return pages;
+}
+function extractEvalValue(text) {
+  if (!text) return void 0;
+  const marker = "```json\n";
+  const startIdx = text.indexOf(marker);
+  if (startIdx < 0) return text.trim();
+  const contentStart = startIdx + marker.length;
+  const endIdx = text.indexOf("\n```", contentStart);
+  const jsonStr = endIdx < 0 ? text.substring(contentStart) : text.substring(contentStart, endIdx);
+  try {
+    return JSON.parse(jsonStr.trim());
+  } catch {
+    return jsonStr.trim();
+  }
+}
+async function validatePageId(mcp, pageId, projectOrigins) {
+  const listResult = await mcp.callChromeDevTool("list_pages", {});
+  if (listResult?.error || !listResult?.result) {
+    return {
+      valid: false,
+      error: listResult?.error?.message ?? "\u65E0\u6CD5\u83B7\u53D6 Chrome \u9875\u9762\u5217\u8868\uFF0C\u8BF7\u786E\u8BA4 Chrome DevTools \u5DF2\u8FDE\u63A5",
+      projectPages: []
+    };
+  }
+  const text = listResult?.result?.content?.[0]?.text;
+  const allPages = text ? parseListPages(text) : [];
+  const projectPages = allPages.filter((p) => isProjectPage(p.url, projectOrigins));
+  const isValid = projectPages.some((p) => p.pageId === pageId);
+  if (!isValid) {
+    return {
+      valid: false,
+      error: `pageId ${pageId} \u65E0\u6548\u6216\u975E\u9879\u76EE\u9875\u9762\uFF0C\u8BF7\u83B7\u53D6\u6709\u6548\u9875\u9762 ID`,
+      projectPages
+    };
+  }
+  return { valid: true, projectPages };
+}
+async function resolveChromePageId(mcp, url, title, projectOrigins, sessionId, pages, chromeSelectedPageId) {
+  if (!mcp || !mcp.isRunning) {
+    const reason = !mcp ? "MCP \u6A21\u5757\u672A\u521D\u59CB\u5316" : "Chrome DevTools MCP \u8FDB\u7A0B\u672A\u542F\u52A8";
+    log.debug(`resolveChromePageId: ${reason}`);
+    return { ok: false, error: reason };
+  }
+  if (!url) {
+    return { ok: false, error: "\u9875\u9762 URL \u4E3A\u7A7A\uFF0C\u5C1A\u672A\u6536\u5230\u4E0A\u4E0B\u6587\u4FE1\u606F" };
+  }
+  try {
+    if (!pages) {
+      const listResult = await mcp.callChromeDevTool("list_pages", {});
+      const text = listResult?.result?.content?.[0]?.text;
+      if (!text) {
+        return { ok: false, error: "\u65E0\u6CD5\u83B7\u53D6 Chrome \u9875\u9762\u5217\u8868\uFF0C\u8BF7\u786E\u8BA4\u5DF2\u6253\u5F00\u76EE\u6807\u9875\u9762" };
+      }
+      const allPages = parseListPages(text);
+      chromeSelectedPageId = allPages.find((p) => p.selected)?.pageId;
+      pages = allPages.filter((p) => isProjectPage(p.url, projectOrigins));
+    }
+    log.debug("resolveChromePageId: list_pages result", {
+      pages: pages.map((p) => ({ id: p.pageId, url: p.url, title: p.title.substring(0, 40) })),
+      target: { url, title }
+    });
+    if (sessionId) {
+      let matchedPageId = null;
+      for (const page of pages) {
+        await mcp.callChromeDevTool("select_page", { pageId: page.pageId, bringToFront: false });
+        const evalResult = await mcp.callChromeDevTool("evaluate_script", {
+          function: "() => sessionStorage.getItem('_aipanel_pk')"
+        });
+        const rawText = evalResult?.result?.content?.[0]?.text;
+        const extracted = extractEvalValue(rawText);
+        if (extracted === sessionId) {
+          matchedPageId = page.pageId;
+          break;
+        }
+      }
+      if (chromeSelectedPageId != null && chromeSelectedPageId !== matchedPageId) {
+        await mcp.callChromeDevTool("select_page", {
+          pageId: chromeSelectedPageId,
+          bringToFront: false
+        });
+      }
+      if (matchedPageId != null) {
+        return { ok: true, pageId: matchedPageId };
+      }
+      return {
+        ok: false,
+        error: `\u672A\u80FD\u901A\u8FC7\u4F1A\u8BDD\u6807\u8BC6\u627E\u5230\u76EE\u6807\u9875\u9762\uFF0C\u8BF7\u786E\u8BA4\u76EE\u6807\u9875\u9762\u5DF2\u6253\u5F00`
+      };
+    }
+    return {
+      ok: false,
+      error: `\u4E0A\u4E0B\u6587\u7F3A\u5C11\u4F1A\u8BDD\u6807\u8BC6\uFF08_aipanel_pk\uFF09\uFF0C\u65E0\u6CD5\u5B9A\u4F4D\u9875\u9762\uFF0C\u8BF7\u5237\u65B0\u76EE\u6807\u9875\u9762\u540E\u91CD\u8BD5`
+    };
+  } catch (err) {
+    const msg = `MCP \u8C03\u7528\u5931\u8D25: ${err.message}`;
+    log.debug("Failed to resolve pageId via MCP", { error: err.message });
+    return { ok: false, error: msg };
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  extractEvalValue,
+  getProjectOrigins,
+  isProjectPage,
+  parseListPages,
+  resolveChromePageId,
+  validatePageId
+});

package/lib/core/mcp-chrome.d.ts

@@ -0,0 +1,56 @@
+/**
+ * MCP Chrome 页面相关工具
+ *
+ * 专注于 Chrome DevTools 页面匹配与解析逻辑
+ */
+import type { ViteDevServer } from "vite";
+import type { McpProxy } from "./mcp-proxy";
+/** 从 Vite 服务器解析的所有 URL 中提取项目 origin 列表 */
+export declare function getProjectOrigins(server: ViteDevServer): string[];
+/** 判断页面 URL 是否属于项目的某个 origin */
+export declare function isProjectPage(url: string, origins: string[]): boolean;
+export interface PageInfo {
+    pageId: number;
+    url: string;
+    title: string;
+    /** Chrome DevTools 当前选中的页面 */
+    selected: boolean;
+}
+/** 解析 list_pages 返回的文本。格式："56: Title (URL) [selected]" */
+export declare function parseListPages(text: string): PageInfo[];
+/** 从 evaluate_script 返回的格式化文本中提取 JSON 值 */
+export declare function extractEvalValue(text: string | undefined): string | undefined;
+type PageIdResult = {
+    ok: true;
+    pageId: number;
+} | {
+    ok: false;
+    error: string;
+};
+/**
+ * 校验 pageId 是否属于项目页面
+ *
+ * 调用 list_pages → 过滤项目页面 → 检查 pageId 是否在范围内。
+ * 供 MCP 代理层和 Vue DevTools 端点共用。
+ */
+export declare function validatePageId(mcp: McpProxy, pageId: number, projectOrigins: string[]): Promise<{
+    valid: true;
+    projectPages: PageInfo[];
+} | {
+    valid: false;
+    error: string;
+    projectPages: PageInfo[];
+}>;
+/**
+ * 通过 MCP 解析当前页面对应的 Chrome DevTools pageId
+ *
+ * 策略：
+ * 1. list_pages → 解析每行的 "pageId: title (URL)" 格式
+ * 2. 仅用 sessionId（_aipanel_pk）匹配，跨导航可靠；不做 URL 降级匹配
+ *
+ * 失败时返回具体原因，由调用方透传给 Agent。
+ */
+export declare function resolveChromePageId(mcp: McpProxy | undefined, url: string, title: string, projectOrigins: string[], sessionId?: string, pages?: PageInfo[], 
+/** Chrome 当前选中的 pageId（调用方传入，避免过滤后丢失非项目页面信息） */
+chromeSelectedPageId?: number): Promise<PageIdResult>;
+export {};

package/lib/core/mcp-proxy.cjs

@@ -0,0 +1,244 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var __privateWrapper = (obj, member, setter, getter) => ({
+  set _(value) {
+    __privateSet(obj, member, value, setter);
+  },
+  get _() {
+    return __privateGet(obj, member, getter);
+  }
+});
+var mcp_proxy_exports = {};
+__export(mcp_proxy_exports, {
+  McpProxy: () => McpProxy
+});
+module.exports = __toCommonJS(mcp_proxy_exports);
+var import_node_child_process = require("node:child_process");
+var import_node_readline = require("node:readline");
+var import_node_crypto = __toESM(require("node:crypto"));
+var import_node_path = __toESM(require("node:path"));
+var import_node = require("@aipanel/core/node");
+var _proc, _rl, _messageId, _internalIdBase, _pending, _args, _startPromise, _idleTimer, _idleTimeout, _McpProxy_instances, doStart_fn, resetIdleTimer_fn;
+const log = (0, import_node.createLogger)("McpProxy");
+function resolveChromeDevToolsMcpBin() {
+  const pluginDir = (0, import_node.resolvePackageDir)("vite-plugin-aipanel");
+  const require2 = (0, import_node.createPackageRequire)(pluginDir);
+  const pkgJsonPath = require2.resolve("chrome-devtools-mcp/package.json");
+  const pkgDir = import_node_path.default.dirname(pkgJsonPath);
+  const { bin } = require2(pkgJsonPath);
+  const binEntry = typeof bin === "string" ? bin : Object.values(bin)[0];
+  return import_node_path.default.resolve(pkgDir, binEntry);
+}
+class McpProxy {
+  constructor(options = {}) {
+    __privateAdd(this, _McpProxy_instances);
+    __privateAdd(this, _proc, null);
+    __privateAdd(this, _rl, null);
+    __privateAdd(this, _messageId, 0);
+    /** 内部调用使用的高位 ID 起始值，避免与客户端 ID 冲突 */
+    __privateAdd(this, _internalIdBase, 1e6);
+    __privateAdd(this, _pending, /* @__PURE__ */ new Map());
+    __privateAdd(this, _args);
+    __privateAdd(this, _startPromise, null);
+    __privateAdd(this, _idleTimer, null);
+    __privateAdd(this, _idleTimeout);
+    __publicField(this, "sessionId");
+    __privateSet(this, _args, options.args ?? [
+      "--auto-connect",
+      "--no-usage-statistics",
+      "--no-performance-crux"
+    ]);
+    __privateSet(this, _idleTimeout, options.idleTimeout ?? 0);
+    this.sessionId = import_node_crypto.default.randomUUID();
+  }
+  get isRunning() {
+    return __privateGet(this, _proc) !== null && !__privateGet(this, _proc).killed;
+  }
+  async start() {
+    if (this.isRunning) return;
+    if (__privateGet(this, _startPromise)) return __privateGet(this, _startPromise);
+    __privateSet(this, _startPromise, __privateMethod(this, _McpProxy_instances, doStart_fn).call(this));
+    return __privateGet(this, _startPromise);
+  }
+  /** 转发原始 JSON-RPC 请求，保留客户端 ID */
+  async forward(rawRequest) {
+    await this.start();
+    if (!__privateGet(this, _proc) || !__privateGet(this, _proc).stdin) {
+      throw new Error("MCP process not available");
+    }
+    __privateMethod(this, _McpProxy_instances, resetIdleTimer_fn).call(this);
+    let msg;
+    try {
+      msg = JSON.parse(rawRequest);
+    } catch {
+      throw new Error("Invalid JSON-RPC request");
+    }
+    return new Promise((resolve) => {
+      const id = msg.id;
+      if (id !== void 0) {
+        __privateGet(this, _pending).set(id, (raw) => resolve(JSON.stringify(raw)));
+      } else {
+        __privateGet(this, _proc).stdin.write(rawRequest + "\n");
+        resolve("");
+        return;
+      }
+      __privateGet(this, _proc).stdin.write(rawRequest + "\n");
+    });
+  }
+  /** 调用 MCP 工具 */
+  async call(method, params = {}) {
+    await this.start();
+    if (!__privateGet(this, _proc) || !__privateGet(this, _proc).stdin) {
+      throw new Error("MCP process not available");
+    }
+    __privateMethod(this, _McpProxy_instances, resetIdleTimer_fn).call(this);
+    const id = __privateGet(this, _internalIdBase) + ++__privateWrapper(this, _messageId)._;
+    return new Promise((resolve) => {
+      __privateGet(this, _pending).set(id, resolve);
+      const request = JSON.stringify({ jsonrpc: "2.0", id, method, params });
+      __privateGet(this, _proc).stdin.write(request + "\n");
+    });
+  }
+  /** 直接调用 chrome-devtools-mcp 底层工具（内部使用） */
+  async callChromeDevTool(name, args = {}) {
+    return this.call("tools/call", { name, arguments: args });
+  }
+  /** 验证 MCP 是否可用 + 预热 CDP 连接 */
+  async verify() {
+    try {
+      await this.callChromeDevTool("list_pages", {});
+      return { ok: true };
+    } catch (e) {
+      return { ok: false, error: e instanceof Error ? e.message : String(e) };
+    }
+  }
+  stop() {
+    if (__privateGet(this, _idleTimer)) clearTimeout(__privateGet(this, _idleTimer));
+    const err = new Error("MCP server shutting down");
+    for (const resolve of __privateGet(this, _pending).values()) {
+      resolve({ error: { code: -32e3, message: err.message } });
+    }
+    __privateGet(this, _pending).clear();
+    if (__privateGet(this, _rl)) {
+      __privateGet(this, _rl).close();
+      __privateSet(this, _rl, null);
+    }
+    if (__privateGet(this, _proc) && !__privateGet(this, _proc).killed) {
+      __privateGet(this, _proc).kill();
+      __privateSet(this, _proc, null);
+    }
+    __privateSet(this, _startPromise, null);
+  }
+}
+_proc = new WeakMap();
+_rl = new WeakMap();
+_messageId = new WeakMap();
+_internalIdBase = new WeakMap();
+_pending = new WeakMap();
+_args = new WeakMap();
+_startPromise = new WeakMap();
+_idleTimer = new WeakMap();
+_idleTimeout = new WeakMap();
+_McpProxy_instances = new WeakSet();
+doStart_fn = async function() {
+  log.debug("Starting MCP process", { args: __privateGet(this, _args) });
+  try {
+    const binPath = resolveChromeDevToolsMcpBin();
+    __privateSet(this, _proc, (0, import_node_child_process.spawn)(process.execPath, [binPath, ...__privateGet(this, _args)], {
+      stdio: ["pipe", "pipe", "pipe"]
+    }));
+    log.debug("Using local chrome-devtools-mcp");
+  } catch {
+    throw new Error(
+      "Cannot find chrome-devtools-mcp. Please ensure it is installed: npm install chrome-devtools-mcp"
+    );
+  }
+  __privateSet(this, _rl, (0, import_node_readline.createInterface)({ input: __privateGet(this, _proc).stdout }));
+  __privateGet(this, _rl).on("line", (line) => {
+    try {
+      const msg = JSON.parse(line);
+      log.debug("MCP stdout", {
+        id: msg.id,
+        method: msg.method,
+        hasResult: !!msg.result,
+        hasError: !!msg.error
+      });
+      if (msg.id !== void 0 && __privateGet(this, _pending).has(msg.id)) {
+        const resolve = __privateGet(this, _pending).get(msg.id);
+        __privateGet(this, _pending).delete(msg.id);
+        log.debug("MCP pending resolved", { id: msg.id });
+        resolve(msg);
+      }
+    } catch {
+    }
+  });
+  __privateGet(this, _proc).stderr?.on("data", (d) => {
+    const text = d.toString().trim();
+    if (!text || /No handler registered for issue code \w+/i.test(text)) return;
+    log.debug("[MCP stderr]", { text: text.substring(0, 200) });
+  });
+  __privateGet(this, _proc).on("close", (code) => {
+    log.debug("MCP process closed", { code });
+    for (const resolve of __privateGet(this, _pending).values()) {
+      resolve({ error: { code: -32e3, message: `MCP process exited with code ${code}` } });
+    }
+    __privateGet(this, _pending).clear();
+    __privateSet(this, _proc, null);
+    __privateSet(this, _rl, null);
+    __privateSet(this, _startPromise, null);
+  });
+  await this.call("initialize", {
+    protocolVersion: "2024-11-05",
+    capabilities: {},
+    clientInfo: { name: "vite-plugin-aipanel", version: "1.0.0" }
+  });
+  log.debug("MCP proxy ready");
+  __privateSet(this, _startPromise, null);
+};
+resetIdleTimer_fn = function() {
+  if (__privateGet(this, _idleTimeout) <= 0) return;
+  if (__privateGet(this, _idleTimer)) clearTimeout(__privateGet(this, _idleTimer));
+  __privateSet(this, _idleTimer, setTimeout(() => {
+    log.debug("MCP process idle timeout, stopping");
+    this.stop();
+  }, __privateGet(this, _idleTimeout)));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  McpProxy
+});

package/lib/core/mcp-proxy.d.ts

@@ -0,0 +1,23 @@
+export interface McpProxyOptions {
+    args?: string[];
+    idleTimeout?: number;
+}
+export declare class McpProxy {
+    #private;
+    readonly sessionId: string;
+    constructor(options?: McpProxyOptions);
+    get isRunning(): boolean;
+    start(): Promise<void>;
+    /** 转发原始 JSON-RPC 请求，保留客户端 ID */
+    forward(rawRequest: string): Promise<string>;
+    /** 调用 MCP 工具 */
+    call(method: string, params?: Record<string, unknown>): Promise<unknown>;
+    /** 直接调用 chrome-devtools-mcp 底层工具（内部使用） */
+    callChromeDevTool(name: string, args?: Record<string, unknown>): Promise<unknown>;
+    /** 验证 MCP 是否可用 + 预热 CDP 连接 */
+    verify(): Promise<{
+        ok: boolean;
+        error?: string;
+    }>;
+    stop(): void;
+}