@vite-plugin-opencode-assistant/opencode 1.0.7

package/es/index.d.ts

@@ -0,0 +1 @@
+export * from "./web.js";

package/es/index.js

@@ -0,0 +1 @@
+export * from "./web.js";

package/es/plugins/page-context.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @fileoverview OpenCode 页面上下文插件
+ * @description 用于将页面上下文信息注入到 AI 对话中
+ */
+import type { Plugin } from "@opencode-ai/plugin";
+export declare const PageContextPlugin: Plugin;
+export default PageContextPlugin;

package/es/plugins/page-context.js

@@ -0,0 +1,265 @@
+const C = "[vite-plugin-opencode]";
+var S = Object.defineProperty, N = Object.defineProperties, j = Object.getOwnPropertyDescriptors, b = Object.getOwnPropertySymbols, L = Object.prototype.hasOwnProperty, R = Object.prototype.propertyIsEnumerable, O = (e, t, r) => t in e ? S(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, g = (e, t) => {
+  for (var r in t || (t = {}))
+    L.call(t, r) && O(e, r, t[r]);
+  if (b)
+    for (var r of b(t))
+      R.call(t, r) && O(e, r, t[r]);
+  return e;
+}, m = (e, t) => N(e, j(t)), y = (e, t, r) => O(e, typeof t != "symbol" ? t + "" : t, r);
+const u = {
+  reset: "\x1B[0m",
+  dim: "\x1B[2m",
+  bright: "\x1B[1m",
+  red: "\x1B[31m",
+  green: "\x1B[32m",
+  yellow: "\x1B[33m",
+  magenta: "\x1B[35m",
+  cyan: "\x1B[36m"
+}, A = {
+  0: u.cyan,
+  1: u.green,
+  2: u.yellow,
+  3: u.red,
+  4: u.reset
+}, I = {
+  0: "DEBUG",
+  1: "INFO",
+  2: "WARN",
+  3: "ERROR",
+  4: "NONE"
+};
+let x = {
+  level: 1,
+  showTrace: !1
+};
+function M() {
+  const e = /* @__PURE__ */ new Date(), t = String(e.getHours()).padStart(2, "0"), r = String(e.getMinutes()).padStart(2, "0"), o = String(e.getSeconds()).padStart(2, "0"), i = String(e.getMilliseconds()).padStart(3, "0");
+  return `${t}:${r}:${o}.${i}`;
+}
+function U(e = 3) {
+  const t = new Error().stack;
+  if (!t) return "";
+  const o = t.split(`
+`)[e];
+  if (!o) return "";
+  const i = o.match(/at\s+(?:(.+?)\s+\()?(.+?):(\d+):(\d+)\)?/);
+  if (!i) return "";
+  const [, p, n, a] = i;
+  return `${n.split("/").pop() || n}:${a} ${p || "<anonymous>"}`;
+}
+function h(e, t = 0) {
+  if (t > 3) return "...";
+  if (e === null) return "null";
+  if (e === void 0) return "undefined";
+  if (typeof e == "string") return t > 0 ? `"${e}"` : e;
+  if (typeof e == "number" || typeof e == "boolean") return String(e);
+  if (e instanceof Error)
+    return `${e.name}: ${e.message}${e.stack ? `
+${e.stack}` : ""}`;
+  if (Array.isArray(e))
+    return e.length === 0 ? "[]" : e.length > 5 ? `[${e.slice(0, 3).map((i) => h(i, t + 1)).join(", ")}, ... ${e.length - 3} more items]` : `[${e.map((o) => h(o, t + 1)).join(", ")}]`;
+  if (typeof e == "object") {
+    const r = Object.entries(e);
+    return r.length === 0 ? "{}" : r.length > 5 ? `{${r.slice(0, 3).map(([p, n]) => `${p}: ${h(n, t + 1)}`).join(", ")}, ... ${r.length - 3} more keys}` : `{${r.map(([i, p]) => `${i}: ${h(p, t + 1)}`).join(", ")}}`;
+  }
+  return String(e);
+}
+function k(e) {
+  if (!e || Object.keys(e).length === 0) return "";
+  const t = [];
+  e.module && t.push(`[${e.module}]`), e.operation && t.push(`(${e.operation})`), e.traceId && t.push(`trace:${e.traceId}`), e.duration !== void 0 && t.push(`${e.duration}ms`);
+  const r = Object.keys(e).filter(
+    (o) => !["module", "operation", "traceId", "duration", "error"].includes(o)
+  );
+  if (r.length > 0) {
+    const o = {};
+    r.forEach((i) => o[i] = e[i]), t.push(h(o));
+  }
+  return t.join(" ");
+}
+function E(e, t, r, ...o) {
+  if (e < x.level) return;
+  const i = [];
+  i.push(`${u.dim}[${process.pid}]${u.reset}`), i.push(`${u.dim}${M()}${u.reset}`);
+  const p = A[e], n = I[e].padEnd(5);
+  i.push(`${p}${n}${u.reset}`), i.push(`${u.bright}${C}${u.reset}`);
+  const a = k(r);
+  if (a && i.push(`${u.magenta}${a}${u.reset}`), i.push(t), e >= 2) {
+    const c = U(4);
+    c && i.push(`${u.dim}(${c})${u.reset}`);
+  }
+  const s = o.map((c) => h(c)).join(" ");
+  s && i.push(s);
+  const f = i.join(" ");
+  e >= 3 ? console.error(f) : e === 2 ? console.warn(f) : console.log(f), r != null && r.error && e >= 3 && x.showTrace;
+}
+const d = {
+  debug(e, t, ...r) {
+    E(0, e, t, ...r);
+  },
+  info(e, t, ...r) {
+    E(1, e, t, ...r);
+  },
+  warn(e, t, ...r) {
+    E(2, e, t, ...r);
+  },
+  error(e, t, ...r) {
+    E(3, e, t, ...r);
+  },
+  group(e, t) {
+  },
+  groupEnd() {
+  }
+};
+class B {
+  constructor(t, r) {
+    y(this, "startTime"), y(this, "context"), y(this, "operation"), this.operation = t, this.context = r || {}, this.startTime = performance.now(), d.debug(`⏱️  Starting: ${t}`, this.context);
+  }
+  end(t) {
+    const r = Math.round(performance.now() - this.startTime), o = t || `✓ Completed: ${this.operation}`;
+    return d.debug(o, m(g({}, this.context), { duration: r })), r;
+  }
+  checkpoint(t) {
+    const r = Math.round(performance.now() - this.startTime);
+    return d.debug(`  ↳ ${t}`, m(g({}, this.context), { duration: r })), r;
+  }
+}
+function D(e) {
+  return {
+    debug(t, r, ...o) {
+      d.debug(t, m(g({}, r), { module: e }), ...o);
+    },
+    info(t, r, ...o) {
+      d.info(t, m(g({}, r), { module: e }), ...o);
+    },
+    warn(t, r, ...o) {
+      d.warn(t, m(g({}, r), { module: e }), ...o);
+    },
+    error(t, r, ...o) {
+      d.error(t, m(g({}, r), { module: e }), ...o);
+    },
+    timer(t, r) {
+      return new B(t, m(g({}, r), { module: e }));
+    }
+  };
+}
+const T = 1e4, F = "__OPENCODE_CONTEXT__", l = D("OpenCodePluginPageContext"), X = async () => {
+  l.info("PageContextPlugin loading...");
+  const e = process.env.OPENCODE_CONTEXT_API_URL;
+  if (l.debug("Context API URL:", { contextApiUrl: e }), !e)
+    return l.warn("OPENCODE_CONTEXT_API_URL is not set, page context plugin will not work"), {};
+  const t = e;
+  l.info("Plugin initialized successfully");
+  async function r() {
+    try {
+      l.debug("Fetching context...", { apiUrl: t });
+      const n = await fetch(t);
+      if (!n.ok)
+        return l.error("Context API returned error status", {
+          status: n.status,
+          statusText: n.statusText,
+          apiUrl: t
+        }), null;
+      const a = await n.json();
+      return l.debug("Context received", { url: a.url, title: a.title }), {
+        url: a.url || "",
+        title: a.title || "",
+        selectedElements: a.selectedElements
+      };
+    } catch (n) {
+      const a = n instanceof Error ? n.message : String(n), s = n instanceof Error ? n.name : "UnknownError";
+      return l.error("Failed to get context", {
+        error: a,
+        errorType: s,
+        apiUrl: t
+      }), null;
+    }
+  }
+  async function o() {
+    try {
+      l.debug("Clearing selected elements", { apiUrl: t });
+      const n = await fetch(t, { method: "DELETE" });
+      l.debug("Clear response", { status: n.status });
+    } catch (n) {
+      const a = n instanceof Error ? n.message : String(n), s = n instanceof Error ? n.name : "UnknownError";
+      l.error("Failed to clear selected elements", {
+        error: a,
+        errorType: s,
+        apiUrl: t
+      });
+    }
+  }
+  function i(n, a) {
+    var f;
+    const s = [];
+    if (s.push(`### 选中节点 ${a + 1}`), n.filePath) {
+      let c = n.filePath;
+      n.line && (c += `:${n.line}`, n.column && (c += `:${n.column}`)), s.push(`- **文件位置**: \`${c}\``);
+    }
+    if ((f = n.innerText) != null && f.trim()) {
+      const c = n.innerText.trim().substring(0, T), $ = n.innerText.length > T ? `
+... (已省略部分内容)` : "";
+      s.push(`- **节点文本**:
+\`\`\`text
+${c}${$}
+\`\`\``);
+    }
+    return s.join(`
+`) + `
+`;
+  }
+  function p(n) {
+    var f;
+    const a = n.title ? `[${n.title}](${n.url})` : n.url;
+    let s = `【系统提示：以下是用户当前正在浏览的页面上下文，请将其作为最高优先级的背景信息来理解和响应用户的请求。】
+
+`;
+    return s += `用户现在正在浏览项目中的这个页面：${a}
+
+`, (f = n.selectedElements) != null && f.length && (s += `用户选中了以下节点：
+
+`, n.selectedElements.forEach((c, $) => {
+      s += i(c, $) + `
+`;
+    })), s += `---
+**用户的请求**：
+
+`, s;
+  }
+  return {
+    "experimental.chat.system.transform": async (n, a) => {
+      l.debug("System transform hook called");
+      const s = `
+你是一个专业的前端开发助手，当前正集成在用户的 Vite 项目中（通过 vite-plugin-opencode-assistant）。
+在对话中，用户可能会自动附加他们当前正在浏览的页面上下文（包括页面 URL、标题以及在页面上选中的 DOM 节点信息）。
+
+处理这些上下文时，请遵循以下规则：
+1. **理解上下文**：当看到“我现在正在浏览项目中的这个页面”或“选中节点”等信息时，请将其作为用户请求的背景。
+2. **利用文件路径**：如果提供的节点信息中包含 \`文件位置\`，这通常对应于项目中的源代码文件。你可以直接分析或建议修改这些文件。
+3. **精准定位**：结合节点的 \`节点文本\` 和 \`文件位置\`，帮助用户快速定位问题或实现功能。
+4. **直接给出方案**：针对用户的实际请求，直接给出清晰、可执行的代码修改建议或解释，避免不必要的废话。
+`.trim();
+      a.system.push(s);
+    },
+    "experimental.chat.messages.transform": async (n, a) => {
+      var P, w;
+      l.debug("Message transform hook called");
+      const s = await r();
+      if (l.debug("Context data", {
+        hasUrl: !!(s != null && s.url),
+        hasElements: !!((P = s == null ? void 0 : s.selectedElements) != null && P.length)
+      }), !(s != null && s.url)) return;
+      const f = [...a.messages].reverse().find((_) => _.info.role === "user");
+      if (!f) return;
+      const c = f.parts.find((_) => _.type === "text");
+      if (!c || !("text" in c) || c.text.includes(F)) return;
+      const $ = p(s);
+      c.text = $ + c.text, (w = s.selectedElements) != null && w.length && (l.debug("Selected elements found, clearing..."), await o());
+    }
+  };
+};
+export {
+  X as PageContextPlugin,
+  X as default
+};

package/es/web.d.ts

@@ -0,0 +1,4 @@
+import type { ResultPromise } from "execa";
+import type { WebOptions } from "@vite-plugin-opencode-assistant/shared";
+export declare function prepareOpenCodeRuntime(cwd: string): string;
+export declare function startOpenCodeWeb(options: WebOptions): ResultPromise;

package/es/web.js

@@ -0,0 +1,156 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { execa } from "execa";
+import fs from "fs";
+import { createRequire } from "module";
+import path from "path";
+import { createLogger } from "@vite-plugin-opencode-assistant/shared";
+const require2 = createRequire(path.join(process.cwd(), "package.json"));
+const packageDir = resolvePackageDir();
+const log = createLogger("OpenCodeWeb");
+function prepareOpenCodeRuntime(cwd) {
+  const cacheDir = path.join(cwd, "node_modules", ".cache", "opencode");
+  const pluginsDir = path.join(cacheDir, "plugins");
+  log.debug("Setting up OpenCode runtime", { cacheDir, pluginsDir });
+  if (!fs.existsSync(pluginsDir)) {
+    fs.mkdirSync(pluginsDir, { recursive: true });
+  }
+  const pluginSourcePath = resolvePluginSourcePath();
+  const pluginTargetPath = path.join(pluginsDir, "page-context.js");
+  if (!fs.existsSync(pluginSourcePath)) {
+    throw new Error(`Page context plugin not found: ${pluginSourcePath}`);
+  }
+  fs.copyFileSync(pluginSourcePath, pluginTargetPath);
+  const mcpConfigPath = path.join(cacheDir, "opencode.json");
+  fs.writeFileSync(
+    mcpConfigPath,
+    JSON.stringify(
+      {
+        mcp: {
+          "chrome-devtools": {
+            type: "local",
+            command: ["npx", "-y", "chrome-devtools-mcp@latest", "--autoConnect"],
+            enabled: true
+          }
+        }
+      },
+      null,
+      2
+    )
+  );
+  log.debug("OpenCode runtime ready", {
+    cacheDir,
+    pluginTargetPath,
+    mcpConfigPath
+  });
+  return cacheDir;
+}
+function startOpenCodeWeb(options) {
+  var _a, _b;
+  const { port, hostname, cwd, configDir, corsOrigins, contextApiUrl } = options;
+  const stateDir = createStateDirectory(cwd);
+  const pluginPath = path.join(stateDir, "plugins", "page-context.js");
+  log.debug("Building process environment", {
+    stateDir,
+    configDir,
+    contextApiUrl,
+    pluginPath
+  });
+  const env = buildProcessEnv(stateDir, configDir, contextApiUrl, pluginPath);
+  const args = ["serve", "--port", String(port), "--hostname", hostname];
+  if (corsOrigins && corsOrigins.length > 0) {
+    corsOrigins.forEach((origin) => {
+      args.push("--cors", origin);
+    });
+    log.debug("CORS origins added", { origins: corsOrigins });
+  }
+  log.debug("Spawning OpenCode process", {
+    command: "opencode",
+    args: args.join(" "),
+    cwd
+  });
+  const proc = execa("opencode", args, {
+    cwd,
+    env,
+    reject: false,
+    cleanup: true
+  });
+  (_a = proc.stdout) == null ? void 0 : _a.on("data", (data) => {
+    const output = data.toString().trim();
+    if (output) {
+      log.debug("[OpenCode stdout]", { output });
+    }
+  });
+  (_b = proc.stderr) == null ? void 0 : _b.on("data", (data) => {
+    const output = data.toString().trim();
+    if (output) {
+      log.warn("[OpenCode stderr]", { output });
+    }
+  });
+  return proc;
+}
+function createStateDirectory(cwd) {
+  const stateDir = path.join(cwd, "node_modules", ".cache", "opencode");
+  if (!fs.existsSync(stateDir)) {
+    fs.mkdirSync(stateDir, { recursive: true });
+    log.debug("Created state directory", { stateDir });
+  }
+  return stateDir;
+}
+function resolvePackageDir() {
+  const entryPath = require2.resolve("@vite-plugin-opencode-assistant/opencode");
+  return path.resolve(path.dirname(entryPath), "..");
+}
+function resolvePluginSourcePath() {
+  const candidatePaths = [
+    path.join(packageDir, "es", "plugins", "page-context.js"),
+    path.join(packageDir, "lib", "plugins", "page-context.js")
+  ];
+  for (const candidatePath of candidatePaths) {
+    if (fs.existsSync(candidatePath)) {
+      return candidatePath;
+    }
+  }
+  return candidatePaths[0];
+}
+function buildProcessEnv(stateDir, configDir, contextApiUrl, pluginPath) {
+  const env = __spreadProps(__spreadValues({}, Object.fromEntries(
+    Object.entries(process.env).filter(([, v]) => v !== void 0)
+  )), {
+    XDG_STATE_HOME: stateDir
+  });
+  if (configDir) {
+    env.OPENCODE_CONFIG_DIR = configDir;
+    log.debug("Set OPENCODE_CONFIG_DIR", { configDir });
+  }
+  if (contextApiUrl) {
+    env.OPENCODE_CONTEXT_API_URL = contextApiUrl;
+    log.debug("Set OPENCODE_CONTEXT_API_URL", { contextApiUrl });
+  }
+  if (pluginPath) {
+    env.OPENCODE_PLUGINS = pluginPath;
+    log.debug("Set OPENCODE_PLUGINS", { pluginPath });
+  }
+  return env;
+}
+export {
+  prepareOpenCodeRuntime,
+  startOpenCodeWeb
+};

package/lib/index.d.ts

@@ -0,0 +1 @@
+export * from "./web.js";

package/lib/index.js

@@ -0,0 +1,21 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var lib_exports = {};
+module.exports = __toCommonJS(lib_exports);
+__reExport(lib_exports, require("./web.js"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./web.js")
+});

package/lib/plugins/page-context.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @fileoverview OpenCode 页面上下文插件
+ * @description 用于将页面上下文信息注入到 AI 对话中
+ */
+import type { Plugin } from "@opencode-ai/plugin";
+export declare const PageContextPlugin: Plugin;
+export default PageContextPlugin;

package/lib/plugins/page-context.js

@@ -0,0 +1,196 @@
+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 __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+var page_context_exports = {};
+__export(page_context_exports, {
+  PageContextPlugin: () => PageContextPlugin,
+  default: () => page_context_default
+});
+module.exports = __toCommonJS(page_context_exports);
+var import_shared = require("@vite-plugin-opencode-assistant/shared");
+const MAX_TEXT_LENGTH = 1e4;
+const CONTEXT_MARKER = "__OPENCODE_CONTEXT__";
+const log = (0, import_shared.createLogger)("OpenCodePluginPageContext");
+const PageContextPlugin = () => __async(null, null, function* () {
+  log.info("PageContextPlugin loading...");
+  const contextApiUrl = process.env.OPENCODE_CONTEXT_API_URL;
+  log.debug("Context API URL:", { contextApiUrl });
+  if (!contextApiUrl) {
+    log.warn("OPENCODE_CONTEXT_API_URL is not set, page context plugin will not work");
+    return {};
+  }
+  const apiUrl = contextApiUrl;
+  log.info("Plugin initialized successfully");
+  function getPageContext() {
+    return __async(this, null, function* () {
+      try {
+        log.debug("Fetching context...", { apiUrl });
+        const response = yield fetch(apiUrl);
+        if (!response.ok) {
+          log.error("Context API returned error status", {
+            status: response.status,
+            statusText: response.statusText,
+            apiUrl
+          });
+          return null;
+        }
+        const data = yield response.json();
+        log.debug("Context received", { url: data.url, title: data.title });
+        return {
+          url: data.url || "",
+          title: data.title || "",
+          selectedElements: data.selectedElements
+        };
+      } catch (error) {
+        const errorMessage = error instanceof Error ? error.message : String(error);
+        const errorName = error instanceof Error ? error.name : "UnknownError";
+        log.error("Failed to get context", {
+          error: errorMessage,
+          errorType: errorName,
+          apiUrl
+        });
+        return null;
+      }
+    });
+  }
+  function clearSelectedElements() {
+    return __async(this, null, function* () {
+      try {
+        log.debug("Clearing selected elements", { apiUrl });
+        const response = yield fetch(apiUrl, { method: "DELETE" });
+        log.debug("Clear response", { status: response.status });
+      } catch (error) {
+        const errorMessage = error instanceof Error ? error.message : String(error);
+        const errorName = error instanceof Error ? error.name : "UnknownError";
+        log.error("Failed to clear selected elements", {
+          error: errorMessage,
+          errorType: errorName,
+          apiUrl
+        });
+      }
+    });
+  }
+  function formatSelectedElement(element, index) {
+    var _a;
+    const parts = [];
+    parts.push(`### \u9009\u4E2D\u8282\u70B9 ${index + 1}`);
+    if (element.filePath) {
+      let location = element.filePath;
+      if (element.line) {
+        location += `:${element.line}`;
+        if (element.column) {
+          location += `:${element.column}`;
+        }
+      }
+      parts.push(`- **\u6587\u4EF6\u4F4D\u7F6E**: \`${location}\``);
+    }
+    if ((_a = element.innerText) == null ? void 0 : _a.trim()) {
+      const text = element.innerText.trim().substring(0, MAX_TEXT_LENGTH);
+      const suffix = element.innerText.length > MAX_TEXT_LENGTH ? "\n... (\u5DF2\u7701\u7565\u90E8\u5206\u5185\u5BB9)" : "";
+      parts.push(`- **\u8282\u70B9\u6587\u672C**:
+\`\`\`text
+${text}${suffix}
+\`\`\``);
+    }
+    return parts.join("\n") + "\n";
+  }
+  function buildContextPrefix(context) {
+    var _a;
+    const pageLink = context.title ? `[${context.title}](${context.url})` : context.url;
+    let prefix = `\u3010\u7CFB\u7EDF\u63D0\u793A\uFF1A\u4EE5\u4E0B\u662F\u7528\u6237\u5F53\u524D\u6B63\u5728\u6D4F\u89C8\u7684\u9875\u9762\u4E0A\u4E0B\u6587\uFF0C\u8BF7\u5C06\u5176\u4F5C\u4E3A\u6700\u9AD8\u4F18\u5148\u7EA7\u7684\u80CC\u666F\u4FE1\u606F\u6765\u7406\u89E3\u548C\u54CD\u5E94\u7528\u6237\u7684\u8BF7\u6C42\u3002\u3011
+
+`;
+    prefix += `\u7528\u6237\u73B0\u5728\u6B63\u5728\u6D4F\u89C8\u9879\u76EE\u4E2D\u7684\u8FD9\u4E2A\u9875\u9762\uFF1A${pageLink}
+
+`;
+    if ((_a = context.selectedElements) == null ? void 0 : _a.length) {
+      prefix += `\u7528\u6237\u9009\u4E2D\u4E86\u4EE5\u4E0B\u8282\u70B9\uFF1A
+
+`;
+      context.selectedElements.forEach((element, index) => {
+        prefix += formatSelectedElement(element, index) + "\n";
+      });
+    }
+    prefix += `---
+**\u7528\u6237\u7684\u8BF7\u6C42**\uFF1A
+
+`;
+    return prefix;
+  }
+  return {
+    "experimental.chat.system.transform": (_input, output) => __async(null, null, function* () {
+      log.debug("System transform hook called");
+      const systemPrompt = `
+\u4F60\u662F\u4E00\u4E2A\u4E13\u4E1A\u7684\u524D\u7AEF\u5F00\u53D1\u52A9\u624B\uFF0C\u5F53\u524D\u6B63\u96C6\u6210\u5728\u7528\u6237\u7684 Vite \u9879\u76EE\u4E2D\uFF08\u901A\u8FC7 vite-plugin-opencode-assistant\uFF09\u3002
+\u5728\u5BF9\u8BDD\u4E2D\uFF0C\u7528\u6237\u53EF\u80FD\u4F1A\u81EA\u52A8\u9644\u52A0\u4ED6\u4EEC\u5F53\u524D\u6B63\u5728\u6D4F\u89C8\u7684\u9875\u9762\u4E0A\u4E0B\u6587\uFF08\u5305\u62EC\u9875\u9762 URL\u3001\u6807\u9898\u4EE5\u53CA\u5728\u9875\u9762\u4E0A\u9009\u4E2D\u7684 DOM \u8282\u70B9\u4FE1\u606F\uFF09\u3002
+
+\u5904\u7406\u8FD9\u4E9B\u4E0A\u4E0B\u6587\u65F6\uFF0C\u8BF7\u9075\u5FAA\u4EE5\u4E0B\u89C4\u5219\uFF1A
+1. **\u7406\u89E3\u4E0A\u4E0B\u6587**\uFF1A\u5F53\u770B\u5230\u201C\u6211\u73B0\u5728\u6B63\u5728\u6D4F\u89C8\u9879\u76EE\u4E2D\u7684\u8FD9\u4E2A\u9875\u9762\u201D\u6216\u201C\u9009\u4E2D\u8282\u70B9\u201D\u7B49\u4FE1\u606F\u65F6\uFF0C\u8BF7\u5C06\u5176\u4F5C\u4E3A\u7528\u6237\u8BF7\u6C42\u7684\u80CC\u666F\u3002
+2. **\u5229\u7528\u6587\u4EF6\u8DEF\u5F84**\uFF1A\u5982\u679C\u63D0\u4F9B\u7684\u8282\u70B9\u4FE1\u606F\u4E2D\u5305\u542B \`\u6587\u4EF6\u4F4D\u7F6E\`\uFF0C\u8FD9\u901A\u5E38\u5BF9\u5E94\u4E8E\u9879\u76EE\u4E2D\u7684\u6E90\u4EE3\u7801\u6587\u4EF6\u3002\u4F60\u53EF\u4EE5\u76F4\u63A5\u5206\u6790\u6216\u5EFA\u8BAE\u4FEE\u6539\u8FD9\u4E9B\u6587\u4EF6\u3002
+3. **\u7CBE\u51C6\u5B9A\u4F4D**\uFF1A\u7ED3\u5408\u8282\u70B9\u7684 \`\u8282\u70B9\u6587\u672C\` \u548C \`\u6587\u4EF6\u4F4D\u7F6E\`\uFF0C\u5E2E\u52A9\u7528\u6237\u5FEB\u901F\u5B9A\u4F4D\u95EE\u9898\u6216\u5B9E\u73B0\u529F\u80FD\u3002
+4. **\u76F4\u63A5\u7ED9\u51FA\u65B9\u6848**\uFF1A\u9488\u5BF9\u7528\u6237\u7684\u5B9E\u9645\u8BF7\u6C42\uFF0C\u76F4\u63A5\u7ED9\u51FA\u6E05\u6670\u3001\u53EF\u6267\u884C\u7684\u4EE3\u7801\u4FEE\u6539\u5EFA\u8BAE\u6216\u89E3\u91CA\uFF0C\u907F\u514D\u4E0D\u5FC5\u8981\u7684\u5E9F\u8BDD\u3002
+`.trim();
+      output.system.push(systemPrompt);
+    }),
+    "experimental.chat.messages.transform": (_input, output) => __async(null, null, function* () {
+      var _a, _b;
+      log.debug("Message transform hook called");
+      const context = yield getPageContext();
+      log.debug("Context data", {
+        hasUrl: !!(context == null ? void 0 : context.url),
+        hasElements: !!((_a = context == null ? void 0 : context.selectedElements) == null ? void 0 : _a.length)
+      });
+      if (!(context == null ? void 0 : context.url)) return;
+      const lastUserMsg = [...output.messages].reverse().find((m) => m.info.role === "user");
+      if (!lastUserMsg) return;
+      const textPart = lastUserMsg.parts.find((p) => p.type === "text");
+      if (!textPart || !("text" in textPart)) return;
+      if (textPart.text.includes(CONTEXT_MARKER)) return;
+      const prefix = buildContextPrefix(context);
+      textPart.text = prefix + textPart.text;
+      if ((_b = context.selectedElements) == null ? void 0 : _b.length) {
+        log.debug("Selected elements found, clearing...");
+        yield clearSelectedElements();
+      }
+    })
+  };
+});
+var page_context_default = PageContextPlugin;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PageContextPlugin
+});

package/lib/web.d.ts

@@ -0,0 +1,4 @@
+import type { ResultPromise } from "execa";
+import type { WebOptions } from "@vite-plugin-opencode-assistant/shared";
+export declare function prepareOpenCodeRuntime(cwd: string): string;
+export declare function startOpenCodeWeb(options: WebOptions): ResultPromise;

package/lib/web.js

@@ -0,0 +1,188 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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 web_exports = {};
+__export(web_exports, {
+  prepareOpenCodeRuntime: () => prepareOpenCodeRuntime,
+  startOpenCodeWeb: () => startOpenCodeWeb
+});
+module.exports = __toCommonJS(web_exports);
+var import_execa = require("execa");
+var import_fs = __toESM(require("fs"));
+var import_module = require("module");
+var import_path = __toESM(require("path"));
+var import_shared = require("@vite-plugin-opencode-assistant/shared");
+const require2 = (0, import_module.createRequire)(import_path.default.join(process.cwd(), "package.json"));
+const packageDir = resolvePackageDir();
+const log = (0, import_shared.createLogger)("OpenCodeWeb");
+function prepareOpenCodeRuntime(cwd) {
+  const cacheDir = import_path.default.join(cwd, "node_modules", ".cache", "opencode");
+  const pluginsDir = import_path.default.join(cacheDir, "plugins");
+  log.debug("Setting up OpenCode runtime", { cacheDir, pluginsDir });
+  if (!import_fs.default.existsSync(pluginsDir)) {
+    import_fs.default.mkdirSync(pluginsDir, { recursive: true });
+  }
+  const pluginSourcePath = resolvePluginSourcePath();
+  const pluginTargetPath = import_path.default.join(pluginsDir, "page-context.js");
+  if (!import_fs.default.existsSync(pluginSourcePath)) {
+    throw new Error(`Page context plugin not found: ${pluginSourcePath}`);
+  }
+  import_fs.default.copyFileSync(pluginSourcePath, pluginTargetPath);
+  const mcpConfigPath = import_path.default.join(cacheDir, "opencode.json");
+  import_fs.default.writeFileSync(
+    mcpConfigPath,
+    JSON.stringify(
+      {
+        mcp: {
+          "chrome-devtools": {
+            type: "local",
+            command: ["npx", "-y", "chrome-devtools-mcp@latest", "--autoConnect"],
+            enabled: true
+          }
+        }
+      },
+      null,
+      2
+    )
+  );
+  log.debug("OpenCode runtime ready", {
+    cacheDir,
+    pluginTargetPath,
+    mcpConfigPath
+  });
+  return cacheDir;
+}
+function startOpenCodeWeb(options) {
+  var _a, _b;
+  const { port, hostname, cwd, configDir, corsOrigins, contextApiUrl } = options;
+  const stateDir = createStateDirectory(cwd);
+  const pluginPath = import_path.default.join(stateDir, "plugins", "page-context.js");
+  log.debug("Building process environment", {
+    stateDir,
+    configDir,
+    contextApiUrl,
+    pluginPath
+  });
+  const env = buildProcessEnv(stateDir, configDir, contextApiUrl, pluginPath);
+  const args = ["serve", "--port", String(port), "--hostname", hostname];
+  if (corsOrigins && corsOrigins.length > 0) {
+    corsOrigins.forEach((origin) => {
+      args.push("--cors", origin);
+    });
+    log.debug("CORS origins added", { origins: corsOrigins });
+  }
+  log.debug("Spawning OpenCode process", {
+    command: "opencode",
+    args: args.join(" "),
+    cwd
+  });
+  const proc = (0, import_execa.execa)("opencode", args, {
+    cwd,
+    env,
+    reject: false,
+    cleanup: true
+  });
+  (_a = proc.stdout) == null ? void 0 : _a.on("data", (data) => {
+    const output = data.toString().trim();
+    if (output) {
+      log.debug("[OpenCode stdout]", { output });
+    }
+  });
+  (_b = proc.stderr) == null ? void 0 : _b.on("data", (data) => {
+    const output = data.toString().trim();
+    if (output) {
+      log.warn("[OpenCode stderr]", { output });
+    }
+  });
+  return proc;
+}
+function createStateDirectory(cwd) {
+  const stateDir = import_path.default.join(cwd, "node_modules", ".cache", "opencode");
+  if (!import_fs.default.existsSync(stateDir)) {
+    import_fs.default.mkdirSync(stateDir, { recursive: true });
+    log.debug("Created state directory", { stateDir });
+  }
+  return stateDir;
+}
+function resolvePackageDir() {
+  const entryPath = require2.resolve("@vite-plugin-opencode-assistant/opencode");
+  return import_path.default.resolve(import_path.default.dirname(entryPath), "..");
+}
+function resolvePluginSourcePath() {
+  const candidatePaths = [
+    import_path.default.join(packageDir, "es", "plugins", "page-context.js"),
+    import_path.default.join(packageDir, "lib", "plugins", "page-context.js")
+  ];
+  for (const candidatePath of candidatePaths) {
+    if (import_fs.default.existsSync(candidatePath)) {
+      return candidatePath;
+    }
+  }
+  return candidatePaths[0];
+}
+function buildProcessEnv(stateDir, configDir, contextApiUrl, pluginPath) {
+  const env = __spreadProps(__spreadValues({}, Object.fromEntries(
+    Object.entries(process.env).filter(([, v]) => v !== void 0)
+  )), {
+    XDG_STATE_HOME: stateDir
+  });
+  if (configDir) {
+    env.OPENCODE_CONFIG_DIR = configDir;
+    log.debug("Set OPENCODE_CONFIG_DIR", { configDir });
+  }
+  if (contextApiUrl) {
+    env.OPENCODE_CONTEXT_API_URL = contextApiUrl;
+    log.debug("Set OPENCODE_CONTEXT_API_URL", { contextApiUrl });
+  }
+  if (pluginPath) {
+    env.OPENCODE_PLUGINS = pluginPath;
+    log.debug("Set OPENCODE_PLUGINS", { pluginPath });
+  }
+  return env;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  prepareOpenCodeRuntime,
+  startOpenCodeWeb
+});

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@vite-plugin-opencode-assistant/opencode",
+  "version": "1.0.7",
+  "type": "module",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "types": "es/index.d.ts",
+  "files": [
+    "es",
+    "lib"
+  ],
+  "exports": {
+    ".": {
+      "types": "./es/index.d.ts",
+      "import": "./es/index.js",
+      "require": "./lib/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "dependencies": {
+    "execa": "^9.6.1",
+    "@vite-plugin-opencode-assistant/shared": "1.0.7"
+  },
+  "devDependencies": {
+    "@opencode-ai/plugin": "^1.3.15",
+    "vite": "^5.4.21"
+  },
+  "scripts": {
+    "build": "pagoda-cli build && vite build -c vite.plugin.config.ts",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  }
+}