vite-plugin-opencode-assistant 1.0.69 → 1.0.71

package/es/core/opencode-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/core/opencode-web.mjs

@@ -0,0 +1,186 @@
+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, getProcessLogBuffer } 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 sourcePluginsDir = resolveSourcePluginsDir();
+  copyPluginFiles(sourcePluginsDir, pluginsDir);
+  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,
+    pluginsDir,
+    mcpConfigPath
+  });
+  return cacheDir;
+}
+function startOpenCodeWeb(options) {
+  var _a, _b;
+  const { port, hostname, cwd, configDir, corsOrigins, contextApiUrl, logsApiUrl, logFilesJson } = options;
+  const stateDir = createStateDirectory(cwd);
+  const pluginsDir = path.join(stateDir, "plugins");
+  const pluginPaths = [
+    path.join(pluginsDir, "page-context.js"),
+    path.join(pluginsDir, "vite-logs.js")
+  ];
+  if (logFilesJson) {
+    pluginPaths.push(path.join(pluginsDir, "service-logs.js"));
+  }
+  const pluginPathsStr = pluginPaths.join(",");
+  log.debug("Building process environment", {
+    stateDir,
+    configDir,
+    contextApiUrl,
+    logsApiUrl,
+    logFilesJson,
+    pluginPathsStr
+  });
+  const env = buildProcessEnv(
+    stateDir,
+    configDir,
+    contextApiUrl,
+    logsApiUrl,
+    pluginPathsStr,
+    logFilesJson
+  );
+  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 });
+      getProcessLogBuffer().addOpenCodeStdout(output);
+    }
+  });
+  (_b = proc.stderr) == null ? void 0 : _b.on("data", (data) => {
+    const output = data.toString().trim();
+    if (output) {
+      log.warn("[OpenCode stderr]", { output });
+      getProcessLogBuffer().addOpenCodeStderr(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.dirname(path.dirname(entryPath));
+}
+function resolveSourcePluginsDir() {
+  const candidatePaths = [path.join(packageDir, "es", "plugins")];
+  for (const candidatePath of candidatePaths) {
+    if (fs.existsSync(candidatePath)) {
+      return candidatePath;
+    }
+  }
+  return candidatePaths[0];
+}
+function copyPluginFiles(sourceDir, targetDir) {
+  const files = fs.readdirSync(sourceDir).filter((f) => f.endsWith(".js") || f.endsWith(".d.ts"));
+  for (const file of files) {
+    const sourcePath = path.join(sourceDir, file);
+    const targetPath = path.join(targetDir, file);
+    fs.copyFileSync(sourcePath, targetPath);
+    log.debug("Plugin file copied", { source: sourcePath, target: targetPath });
+  }
+  log.debug("All plugin files copied", { count: files.length, files });
+}
+function buildProcessEnv(stateDir, configDir, contextApiUrl, logsApiUrl, pluginPaths, logFilesJson) {
+  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 (logsApiUrl) {
+    env.OPENCODE_VITE_LOGS_API_URL = logsApiUrl;
+    log.debug("Set OPENCODE_VITE_LOGS_API_URL", { logsApiUrl });
+  }
+  if (pluginPaths) {
+    env.OPENCODE_PLUGINS = pluginPaths;
+    log.debug("Set OPENCODE_PLUGINS", { pluginPaths });
+  }
+  if (logFilesJson) {
+    env.OPENCODE_LOG_FILES_JSON = logFilesJson;
+    log.debug("Set OPENCODE_LOG_FILES_JSON", { logFilesJson });
+  }
+  return env;
+}
+export {
+  prepareOpenCodeRuntime,
+  startOpenCodeWeb
+};

package/es/core/service.mjs

@@ -35,7 +35,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { prepareOpenCodeRuntime, startOpenCodeWeb } from "@vite-plugin-opencode-assistant/opencode";
+import { prepareOpenCodeRuntime, startOpenCodeWeb } from "./opencode-web.mjs";
 import {
   DEFAULT_PROXY_PORT,
   SERVER_START_TIMEOUT,

package/lib/core/opencode-web.cjs

@@ -0,0 +1,218 @@
+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 opencode_web_exports = {};
+__export(opencode_web_exports, {
+  prepareOpenCodeRuntime: () => prepareOpenCodeRuntime,
+  startOpenCodeWeb: () => startOpenCodeWeb
+});
+module.exports = __toCommonJS(opencode_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 sourcePluginsDir = resolveSourcePluginsDir();
+  copyPluginFiles(sourcePluginsDir, pluginsDir);
+  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,
+    pluginsDir,
+    mcpConfigPath
+  });
+  return cacheDir;
+}
+function startOpenCodeWeb(options) {
+  var _a, _b;
+  const { port, hostname, cwd, configDir, corsOrigins, contextApiUrl, logsApiUrl, logFilesJson } = options;
+  const stateDir = createStateDirectory(cwd);
+  const pluginsDir = import_path.default.join(stateDir, "plugins");
+  const pluginPaths = [
+    import_path.default.join(pluginsDir, "page-context.js"),
+    import_path.default.join(pluginsDir, "vite-logs.js")
+  ];
+  if (logFilesJson) {
+    pluginPaths.push(import_path.default.join(pluginsDir, "service-logs.js"));
+  }
+  const pluginPathsStr = pluginPaths.join(",");
+  log.debug("Building process environment", {
+    stateDir,
+    configDir,
+    contextApiUrl,
+    logsApiUrl,
+    logFilesJson,
+    pluginPathsStr
+  });
+  const env = buildProcessEnv(
+    stateDir,
+    configDir,
+    contextApiUrl,
+    logsApiUrl,
+    pluginPathsStr,
+    logFilesJson
+  );
+  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 });
+      (0, import_shared.getProcessLogBuffer)().addOpenCodeStdout(output);
+    }
+  });
+  (_b = proc.stderr) == null ? void 0 : _b.on("data", (data) => {
+    const output = data.toString().trim();
+    if (output) {
+      log.warn("[OpenCode stderr]", { output });
+      (0, import_shared.getProcessLogBuffer)().addOpenCodeStderr(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.dirname(import_path.default.dirname(entryPath));
+}
+function resolveSourcePluginsDir() {
+  const candidatePaths = [import_path.default.join(packageDir, "es", "plugins")];
+  for (const candidatePath of candidatePaths) {
+    if (import_fs.default.existsSync(candidatePath)) {
+      return candidatePath;
+    }
+  }
+  return candidatePaths[0];
+}
+function copyPluginFiles(sourceDir, targetDir) {
+  const files = import_fs.default.readdirSync(sourceDir).filter((f) => f.endsWith(".js") || f.endsWith(".d.ts"));
+  for (const file of files) {
+    const sourcePath = import_path.default.join(sourceDir, file);
+    const targetPath = import_path.default.join(targetDir, file);
+    import_fs.default.copyFileSync(sourcePath, targetPath);
+    log.debug("Plugin file copied", { source: sourcePath, target: targetPath });
+  }
+  log.debug("All plugin files copied", { count: files.length, files });
+}
+function buildProcessEnv(stateDir, configDir, contextApiUrl, logsApiUrl, pluginPaths, logFilesJson) {
+  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 (logsApiUrl) {
+    env.OPENCODE_VITE_LOGS_API_URL = logsApiUrl;
+    log.debug("Set OPENCODE_VITE_LOGS_API_URL", { logsApiUrl });
+  }
+  if (pluginPaths) {
+    env.OPENCODE_PLUGINS = pluginPaths;
+    log.debug("Set OPENCODE_PLUGINS", { pluginPaths });
+  }
+  if (logFilesJson) {
+    env.OPENCODE_LOG_FILES_JSON = logFilesJson;
+    log.debug("Set OPENCODE_LOG_FILES_JSON", { logFilesJson });
+  }
+  return env;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  prepareOpenCodeRuntime,
+  startOpenCodeWeb
+});

package/lib/core/opencode-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/core/service.cjs

@@ -55,7 +55,7 @@ __export(service_exports, {
   OpenCodeService: () => OpenCodeService
 });
 module.exports = __toCommonJS(service_exports);
-var import_opencode = require("@vite-plugin-opencode-assistant/opencode");
+var import_opencode_web = require("./opencode-web.cjs");
 var import_shared = require("@vite-plugin-opencode-assistant/shared");
 var import_system = require("../utils/system.cjs");
 var import_proxy_server = require("./proxy-server.cjs");
@@ -155,7 +155,7 @@ Please install OpenCode first:
         this.workspaceRoot = (0, import_system.findGitRoot)(process.cwd());
         log.debug(`Using workspace root: ${this.workspaceRoot}`);
         this.sendTaskUpdate("preparing_runtime");
-        const configDir = (0, import_opencode.prepareOpenCodeRuntime)(this.workspaceRoot);
+        const configDir = (0, import_opencode_web.prepareOpenCodeRuntime)(this.workspaceRoot);
         timer.checkpoint("Plugin setup complete");
         this.sendTaskUpdate("starting_web");
         log.debug("Starting OpenCode Web process...", {
@@ -163,7 +163,7 @@ Please install OpenCode first:
           hostname: this.config.hostname,
           configDir
         });
-        this.webProcess = (0, import_opencode.startOpenCodeWeb)({
+        this.webProcess = (0, import_opencode_web.startOpenCodeWeb)({
           port: this.actualWebPort,
           hostname: this.config.hostname,
           serverUrl: "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-opencode-assistant",
-  "version": "1.0.69",
+  "version": "1.0.71",
   "description": "Embed OpenCode Web UI in your Vite dev server for real-time code modification and preview",
   "type": "module",
   "main": "lib/index.cjs",
@@ -36,9 +36,9 @@
   "license": "MIT",
   "dependencies": {
     "unplugin-vue-inspector": "^2.4.0",
-    "@vite-plugin-opencode-assistant/components": "1.0.69",
-    "@vite-plugin-opencode-assistant/opencode": "1.0.69",
-    "@vite-plugin-opencode-assistant/shared": "1.0.69"
+    "@vite-plugin-opencode-assistant/components": "1.0.71",
+    "@vite-plugin-opencode-assistant/opencode": "1.0.71",
+    "@vite-plugin-opencode-assistant/shared": "1.0.71"
   },
   "peerDependencies": {
     "vite": ">=4.0.0"