@vite-plugin-opencode-assistant/opencode 1.0.20 → 1.0.22

package/es/plugins/page-context.js

@@ -1,12 +1,12 @@
 const P = "[vite-plugin-opencode]";
-var E = Object.defineProperty, w = Object.defineProperties, b = Object.getOwnPropertyDescriptors, y = Object.getOwnPropertySymbols, S = Object.prototype.hasOwnProperty, C = Object.prototype.propertyIsEnumerable, _ = (r, t, e) => t in r ? E(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, c = (r, t) => {
-  for (var e in t || (t = {}))
-    S.call(t, e) && _(r, e, t[e]);
+var E = Object.defineProperty, b = Object.defineProperties, w = Object.getOwnPropertyDescriptors, y = Object.getOwnPropertySymbols, C = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable, _ = (r, e, t) => e in r ? E(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, c = (r, e) => {
+  for (var t in e || (e = {}))
+    C.call(e, t) && _(r, t, e[t]);
   if (y)
-    for (var e of y(t))
-      C.call(t, e) && _(r, e, t[e]);
+    for (var t of y(e))
+      S.call(e, t) && _(r, t, e[t]);
   return r;
-}, p = (r, t) => w(r, b(t)), O = (r, t, e) => _(r, typeof t != "symbol" ? t + "" : t, e);
+}, p = (r, e) => b(r, w(e)), O = (r, e, t) => _(r, typeof e != "symbol" ? e + "" : e, t);
 const s = {
   reset: "\x1B[0m",
   dim: "\x1B[2m",
@@ -34,13 +34,13 @@ let N = {
   /* INFO */
 };
 function x() {
-  const r = /* @__PURE__ */ new Date(), t = String(r.getHours()).padStart(2, "0"), e = String(r.getMinutes()).padStart(2, "0"), n = String(r.getSeconds()).padStart(2, "0"), o = String(r.getMilliseconds()).padStart(3, "0");
-  return `${t}:${e}:${n}.${o}`;
+  const r = /* @__PURE__ */ new Date(), e = String(r.getHours()).padStart(2, "0"), t = String(r.getMinutes()).padStart(2, "0"), n = String(r.getSeconds()).padStart(2, "0"), o = String(r.getMilliseconds()).padStart(3, "0");
+  return `${e}:${t}:${n}.${o}`;
 }
 function R(r = 3) {
-  const t = new Error().stack;
-  if (!t) return "";
-  const n = t.split(`
+  const e = new Error().stack;
+  if (!e) return "";
+  const n = e.split(`
 `)[r];
   if (!n) return "";
   const o = n.match(/at\s+(?:(.+?)\s+\()?(.+?):(\d+):(\d+)\)?/);
@@ -48,110 +48,110 @@ function R(r = 3) {
   const [, a, m, l] = o;
   return `${m.split("/").pop() || m}:${l} ${a || "<anonymous>"}`;
 }
-function u(r, t = 0) {
-  if (t > 3) return "...";
+function u(r, e = 0) {
+  if (e > 3) return "...";
   if (r === null) return "null";
   if (r === void 0) return "undefined";
-  if (typeof r == "string") return t > 0 ? `"${r}"` : r;
+  if (typeof r == "string") return e > 0 ? `"${r}"` : r;
   if (typeof r == "number" || typeof r == "boolean") return String(r);
   if (r instanceof Error)
     return `${r.name}: ${r.message}${r.stack ? `
 ${r.stack}` : ""}`;
   if (Array.isArray(r))
-    return r.length === 0 ? "[]" : r.length > 5 ? `[${r.slice(0, 3).map((o) => u(o, t + 1)).join(", ")}, ... ${r.length - 3} more items]` : `[${r.map((n) => u(n, t + 1)).join(", ")}]`;
+    return r.length === 0 ? "[]" : r.length > 5 ? `[${r.slice(0, 3).map((o) => u(o, e + 1)).join(", ")}, ... ${r.length - 3} more items]` : `[${r.map((n) => u(n, e + 1)).join(", ")}]`;
   if (typeof r == "object") {
-    const e = Object.entries(r);
-    return e.length === 0 ? "{}" : e.length > 5 ? `{${e.slice(0, 3).map(([a, m]) => `${a}: ${u(m, t + 1)}`).join(", ")}, ... ${e.length - 3} more keys}` : `{${e.map(([o, a]) => `${o}: ${u(a, t + 1)}`).join(", ")}}`;
+    const t = Object.entries(r);
+    return t.length === 0 ? "{}" : t.length > 5 ? `{${t.slice(0, 3).map(([a, m]) => `${a}: ${u(m, e + 1)}`).join(", ")}, ... ${t.length - 3} more keys}` : `{${t.map(([o, a]) => `${o}: ${u(a, e + 1)}`).join(", ")}}`;
   }
   return String(r);
 }
-function I(r) {
+function T(r) {
   if (!r || Object.keys(r).length === 0) return "";
-  const t = [];
-  r.module && t.push(`[${r.module}]`), r.operation && t.push(`(${r.operation})`), r.traceId && t.push(`trace:${r.traceId}`), r.duration !== void 0 && t.push(`${r.duration}ms`);
-  const e = Object.keys(r).filter(
+  const e = [];
+  r.module && e.push(`[${r.module}]`), r.operation && e.push(`(${r.operation})`), r.traceId && e.push(`trace:${r.traceId}`), r.duration !== void 0 && e.push(`${r.duration}ms`);
+  const t = Object.keys(r).filter(
     (n) => !["module", "operation", "traceId", "duration", "error"].includes(n)
   );
-  if (e.length > 0) {
+  if (t.length > 0) {
     const n = {};
-    e.forEach((o) => n[o] = r[o]), t.push(u(n));
+    t.forEach((o) => n[o] = r[o]), e.push(u(n));
   }
-  return t.join(" ");
+  return e.join(" ");
 }
-function $(r, t, e, ...n) {
+function $(r, e, t, ...n) {
   if (r < N.level) return;
   const o = [];
   o.push(`${s.dim}[${process.pid}]${s.reset}`), o.push(`${s.dim}${x()}${s.reset}`);
   const a = j[r], m = L[r].padEnd(5);
   o.push(`${a}${m}${s.reset}`), o.push(`${s.bright}${P}${s.reset}`);
-  const l = I(e);
-  if (l && o.push(`${s.magenta}${l}${s.reset}`), o.push(t), r >= 2) {
+  const l = T(t);
+  if (l && o.push(`${s.magenta}${l}${s.reset}`), o.push(e), r >= 2) {
     const i = R(4);
     i && o.push(`${s.dim}(${i})${s.reset}`);
   }
   const h = n.map((i) => u(i)).join(" ");
-  if (h && o.push(h), e != null && e.error) {
-    const i = e.error;
+  if (h && o.push(h), t != null && t.error) {
+    const i = t.error;
     i instanceof Error ? o.push(`${s.red}Error: ${i.message}${s.reset}`) : o.push(`${s.red}Error: ${u(i)}${s.reset}`);
   }
   const d = o.join(" ");
   r >= 3 ? console.error(d) : r === 2 ? console.warn(d) : console.log(d);
 }
 const f = {
-  debug(r, t, ...e) {
-    $(0, r, t, ...e);
+  debug(r, e, ...t) {
+    $(0, r, e, ...t);
   },
-  info(r, t, ...e) {
-    $(1, r, t, ...e);
+  info(r, e, ...t) {
+    $(1, r, e, ...t);
   },
-  warn(r, t, ...e) {
-    $(2, r, t, ...e);
+  warn(r, e, ...t) {
+    $(2, r, e, ...t);
   },
-  error(r, t, ...e) {
-    $(3, r, t, ...e);
+  error(r, e, ...t) {
+    $(3, r, e, ...t);
   },
-  group(r, t) {
+  group(r, e) {
   },
   groupEnd() {
   }
 };
-class T {
-  constructor(t, e) {
-    O(this, "startTime"), O(this, "context"), O(this, "operation"), this.operation = t, this.context = e || {}, this.startTime = performance.now(), f.debug(`⏱️  Starting: ${t}`, this.context);
+class I {
+  constructor(e, t) {
+    O(this, "startTime"), O(this, "context"), O(this, "operation"), this.operation = e, this.context = t || {}, this.startTime = performance.now(), f.debug(`⏱️  Starting: ${e}`, this.context);
   }
-  end(t) {
-    const e = Math.round(performance.now() - this.startTime), n = t || `✓ Completed: ${this.operation}`;
-    return f.debug(n, p(c({}, this.context), { duration: e })), e;
+  end(e) {
+    const t = Math.round(performance.now() - this.startTime), n = e || `✓ Completed: ${this.operation}`;
+    return f.debug(n, p(c({}, this.context), { duration: t })), t;
   }
-  checkpoint(t) {
-    const e = Math.round(performance.now() - this.startTime);
-    return f.debug(`  ↳ ${t}`, p(c({}, this.context), { duration: e })), e;
+  checkpoint(e) {
+    const t = Math.round(performance.now() - this.startTime);
+    return f.debug(`  ↳ ${e}`, p(c({}, this.context), { duration: t })), t;
   }
 }
 function B(r) {
   return {
-    debug(t, e, ...n) {
-      f.debug(t, p(c({}, e), { module: r }), ...n);
+    debug(e, t, ...n) {
+      f.debug(e, p(c({}, t), { module: r }), ...n);
     },
-    info(t, e, ...n) {
-      f.info(t, p(c({}, e), { module: r }), ...n);
+    info(e, t, ...n) {
+      f.info(e, p(c({}, t), { module: r }), ...n);
     },
-    warn(t, e, ...n) {
-      f.warn(t, p(c({}, e), { module: r }), ...n);
+    warn(e, t, ...n) {
+      f.warn(e, p(c({}, t), { module: r }), ...n);
     },
-    error(t, e, ...n) {
-      f.error(t, p(c({}, e), { module: r }), ...n);
+    error(e, t, ...n) {
+      f.error(e, p(c({}, t), { module: r }), ...n);
     },
-    timer(t, e) {
-      return new T(t, p(c({}, e), { module: r }));
+    timer(e, t) {
+      return new I(e, p(c({}, t), { module: r }));
     }
   };
 }
-const g = B("OpenCodePluginPageContext"), A = async () => {
+const g = B("OpenCodePluginPageContext"), D = async () => {
   g.info("PageContextPlugin loading...");
   const r = process.env.OPENCODE_CONTEXT_API_URL;
   return g.debug("Context API URL:", { contextApiUrl: r }), r ? (g.info("Plugin initialized successfully"), {
-    "experimental.chat.system.transform": async (t, e) => {
+    "experimental.chat.system.transform": async (e, t) => {
       g.debug("System transform hook called");
       const n = `
 你是一个专业的前端开发助手，运行在 **OpenCode** 平台中，并通过 **vite-plugin-opencode-assistant** 插件集成到用户的 Vite 开发环境。
@@ -189,12 +189,16 @@ const g = B("OpenCodePluginPageContext"), A = async () => {
 2. **理解上下文**：将页面 URL、标题和选中节点信息作为用户请求的背景，帮助理解用户的真实意图。
 
 3. **直接行动**：在明确节点位置后，针对用户的实际请求给出清晰、可执行的方案。
+
+### Chrome DevTools Mcp 最佳实践
+
+1. **快照获取** 在没有获取到需要的节点信息时，使用 verbose 模式来获取更详细的节点信息。
 `.trim();
-      e.system.push(n);
+      t.system.push(n);
     }
   }) : (g.warn("OPENCODE_CONTEXT_API_URL is not set, page context plugin will not work"), {});
 };
 export {
-  A as PageContextPlugin,
-  A as default
+  D as PageContextPlugin,
+  D as default
 };

package/lib/plugins/page-context.js

@@ -91,6 +91,10 @@ const PageContextPlugin = () => __async(null, null, function* () {
 2. **\u7406\u89E3\u4E0A\u4E0B\u6587**\uFF1A\u5C06\u9875\u9762 URL\u3001\u6807\u9898\u548C\u9009\u4E2D\u8282\u70B9\u4FE1\u606F\u4F5C\u4E3A\u7528\u6237\u8BF7\u6C42\u7684\u80CC\u666F\uFF0C\u5E2E\u52A9\u7406\u89E3\u7528\u6237\u7684\u771F\u5B9E\u610F\u56FE\u3002
 
 3. **\u76F4\u63A5\u884C\u52A8**\uFF1A\u5728\u660E\u786E\u8282\u70B9\u4F4D\u7F6E\u540E\uFF0C\u9488\u5BF9\u7528\u6237\u7684\u5B9E\u9645\u8BF7\u6C42\u7ED9\u51FA\u6E05\u6670\u3001\u53EF\u6267\u884C\u7684\u65B9\u6848\u3002
+
+### Chrome DevTools Mcp \u6700\u4F73\u5B9E\u8DF5
+
+1. **\u5FEB\u7167\u83B7\u53D6** \u5728\u6CA1\u6709\u83B7\u53D6\u5230\u9700\u8981\u7684\u8282\u70B9\u4FE1\u606F\u65F6\uFF0C\u4F7F\u7528 verbose \u6A21\u5F0F\u6765\u83B7\u53D6\u66F4\u8BE6\u7EC6\u7684\u8282\u70B9\u4FE1\u606F\u3002
 `.trim();
       output.system.push(systemPrompt);
     })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vite-plugin-opencode-assistant/opencode",
-  "version": "1.0.20",
+  "version": "1.0.22",
   "type": "module",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -22,7 +22,7 @@
   },
   "dependencies": {
     "execa": "^9.6.1",
-    "@vite-plugin-opencode-assistant/shared": "1.0.20"
+    "@vite-plugin-opencode-assistant/shared": "1.0.22"
   },
   "devDependencies": {
     "@opencode-ai/plugin": "^1.3.15",