@cotestdev/mcp_playwright 0.0.1 → 0.0.3

package/lib/mcp/browser/processUtils.js

@@ -0,0 +1,102 @@
+"use strict";
+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 __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 processUtils_exports = {};
+__export(processUtils_exports, {
+  findBrowserProcess: () => findBrowserProcess,
+  getBrowserExecPath: () => getBrowserExecPath
+});
+module.exports = __toCommonJS(processUtils_exports);
+var import_child_process = __toESM(require("child_process"));
+var import_fs = __toESM(require("fs"));
+var import_registry = require("playwright-core/lib/server/registry/index");
+function getBrowserExecPath(channelOrName) {
+  return import_registry.registry.findExecutable(channelOrName)?.executablePath("javascript");
+}
+function findBrowserProcess(execPath, arg) {
+  const predicate = (line) => line.includes(execPath) && line.includes(arg) && !line.includes("--type");
+  try {
+    switch (process.platform) {
+      case "darwin":
+        return findProcessMacos(predicate);
+      case "linux":
+        return findProcessLinux(predicate);
+      case "win32":
+        return findProcessWindows(execPath, arg, predicate);
+      default:
+        return void 0;
+    }
+  } catch {
+    return void 0;
+  }
+}
+function findProcessLinux(predicate) {
+  const procDirs = import_fs.default.readdirSync("/proc").filter((name) => /^\d+$/.test(name));
+  for (const pid of procDirs) {
+    try {
+      const cmdlineBuffer = import_fs.default.readFileSync(`/proc/${pid}/cmdline`);
+      const cmdline = cmdlineBuffer.toString().replace(/\0/g, " ").trim();
+      if (predicate(cmdline))
+        return `${pid} ${cmdline}`;
+    } catch {
+      continue;
+    }
+  }
+  return void 0;
+}
+function findProcessMacos(predicate) {
+  const result = import_child_process.default.spawnSync("/bin/ps", ["-axo", "pid=,command="]);
+  if (result.status !== 0 || !result.stdout)
+    return void 0;
+  return findMatchingLine(result.stdout.toString(), predicate);
+}
+function findProcessWindows(execPath, arg, predicate) {
+  const psEscape = (path) => `'${path.replaceAll("'", "''")}'`;
+  const filter = `$_.ExecutablePath -eq ${psEscape(execPath)} -and $_.CommandLine.Contains(${psEscape(arg)}) -and $_.CommandLine -notmatch '--type'`;
+  const ps = import_child_process.default.spawnSync(
+    "powershell.exe",
+    [
+      "-NoProfile",
+      "-Command",
+      `Get-CimInstance Win32_Process | Where-Object { ${filter} } | Select-Object -Property ProcessId,CommandLine | ForEach-Object { "$($_.ProcessId) $($_.CommandLine)" }`
+    ],
+    { encoding: "utf8" }
+  );
+  if (ps.status !== 0 || !ps.stdout)
+    return void 0;
+  return findMatchingLine(ps.stdout.toString(), predicate);
+}
+function findMatchingLine(psOutput, predicate) {
+  const lines = psOutput.split("\n").map((l) => l.trim()).filter(Boolean);
+  return lines.find(predicate);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  findBrowserProcess,
+  getBrowserExecPath
+});

package/lib/mcp/browser/response.js

@@ -0,0 +1,169 @@
+"use strict";
+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 response_exports = {};
+__export(response_exports, {
+  Response: () => Response
+});
+module.exports = __toCommonJS(response_exports);
+var import_tab = require("./tab");
+class Response {
+  constructor(context, toolName, toolArgs) {
+    this._result = [];
+    this._code = [];
+    this._images = [];
+    this._includeSnapshot = "none";
+    this._includeTabs = false;
+    this._context = context;
+    this.toolName = toolName;
+    this.toolArgs = toolArgs;
+  }
+  addResult(result) {
+    this._result.push(result);
+  }
+  addError(error) {
+    this._result.push(error);
+    this._isError = true;
+  }
+  isError() {
+    return this._isError;
+  }
+  result() {
+    return this._result.join("\n");
+  }
+  addCode(code) {
+    this._code.push(code);
+  }
+  code() {
+    return this._code.join("\n");
+  }
+  addImage(image) {
+    this._images.push(image);
+  }
+  images() {
+    return this._images;
+  }
+  setIncludeSnapshot(full) {
+    this._includeSnapshot = full ?? "partial";
+  }
+  setIncludeTabs() {
+    this._includeTabs = true;
+  }
+  async finish() {
+    if (this._includeSnapshot !== "none" && this._context.currentTab())
+      this._tabSnapshot = await this._context.currentTabOrDie().captureSnapshot();
+    for (const tab of this._context.tabs())
+      await tab.updateTitle();
+  }
+  tabSnapshot() {
+    return this._tabSnapshot;
+  }
+  serialize() {
+    const response = [];
+    if (this._result.length) {
+      response.push("### Result");
+      response.push(this._result.join("\n"));
+      response.push("");
+    }
+    if (this._code.length) {
+      response.push(`### Ran Playwright code
+\`\`\`js
+${this._code.join("\n")}
+\`\`\``);
+      response.push("");
+    }
+    if (this._includeSnapshot !== "none" || this._includeTabs)
+      response.push(...renderTabsMarkdown(this._context.tabs(), this._includeTabs));
+    if (this._tabSnapshot?.modalStates.length) {
+      response.push(...(0, import_tab.renderModalStates)(this._context, this._tabSnapshot.modalStates));
+      response.push("");
+    } else if (this._tabSnapshot) {
+      response.push(renderTabSnapshot(this._tabSnapshot, this._includeSnapshot === "full"));
+      response.push("");
+    }
+    const content = [
+      { type: "text", text: response.join("\n") }
+    ];
+    this._redactSecrets(content);
+    return { content, isError: this._isError };
+  }
+  _redactSecrets(content) {
+    if (!this._context.config.secrets)
+      return;
+    for (const item of content) {
+      if (item.type !== "text")
+        continue;
+      for (const [secretName, secretValue] of Object.entries(this._context.config.secrets))
+        item.text = item.text.replaceAll(secretValue, `<secret>${secretName}</secret>`);
+    }
+  }
+}
+function renderTabSnapshot(tabSnapshot, fullSnapshot) {
+  const lines = [];
+  if (tabSnapshot.downloads.length) {
+    lines.push(`### Downloads`);
+    for (const entry of tabSnapshot.downloads) {
+      if (entry.finished)
+        lines.push(`- Downloaded file ${entry.download.suggestedFilename()} to ${entry.outputFile}`);
+      else
+        lines.push(`- Downloading file ${entry.download.suggestedFilename()} ...`);
+    }
+    lines.push("");
+  }
+  lines.push(`### Page state`);
+  lines.push(`- Page URL: ${tabSnapshot.url}`);
+  lines.push(`- Page Title: ${tabSnapshot.title}`);
+  if (!fullSnapshot && tabSnapshot.formattedAriaSnapshotDiff) {
+    lines.push(`- Page Snapshot Diff:`);
+    lines.push(tabSnapshot.formattedAriaSnapshotDiff);
+  } else {
+    lines.push(`- Page Snapshot:`);
+    lines.push("```yaml");
+    lines.push(tabSnapshot.ariaSnapshot);
+    lines.push("```");
+  }
+  return lines.join("\n");
+}
+function renderTabsMarkdown(tabs, force = false) {
+  if (tabs.length === 1 && !force)
+    return [];
+  if (!tabs.length) {
+    return [
+      "### Open tabs",
+      'No open tabs. Use the "browser_navigate" tool to navigate to a page first.',
+      ""
+    ];
+  }
+  const lines = ["### Open tabs"];
+  for (let i = 0; i < tabs.length; i++) {
+    const tab = tabs[i];
+    const current = tab.isCurrentTab() ? " (current)" : "";
+    lines.push(`- ${i}:${current} [${tab.lastTitle()}] (${tab.page.url()})`);
+  }
+  lines.push("");
+  return lines;
+}
+function trim(text, maxLength) {
+  if (text.length <= maxLength)
+    return text;
+  return text.slice(0, maxLength) + "...";
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Response
+});

package/lib/mcp/browser/sessionLog.js

@@ -0,0 +1,160 @@
+"use strict";
+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 __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 sessionLog_exports = {};
+__export(sessionLog_exports, {
+  SessionLog: () => SessionLog
+});
+module.exports = __toCommonJS(sessionLog_exports);
+var import_fs = __toESM(require("fs"));
+var import_path = __toESM(require("path"));
+var import_log = require("../log");
+var import_config = require("./config");
+class SessionLog {
+  constructor(sessionFolder) {
+    this._ordinal = 0;
+    this._pendingEntries = [];
+    this._sessionFileQueue = Promise.resolve();
+    this._folder = sessionFolder;
+    this._file = import_path.default.join(this._folder, "session.md");
+  }
+  static async create(config, clientInfo) {
+    const sessionFolder = await (0, import_config.outputFile)(config, clientInfo, `session-${Date.now()}`, { origin: "code" });
+    await import_fs.default.promises.mkdir(sessionFolder, { recursive: true });
+    console.error(`Session: ${sessionFolder}`);
+    return new SessionLog(sessionFolder);
+  }
+  logResponse(response) {
+    const entry = {
+      timestamp: performance.now(),
+      toolCall: {
+        toolName: response.toolName,
+        toolArgs: response.toolArgs,
+        result: response.result(),
+        isError: response.isError()
+      },
+      code: response.code(),
+      tabSnapshot: response.tabSnapshot()
+    };
+    this._appendEntry(entry);
+  }
+  logUserAction(action, tab, code, isUpdate) {
+    code = code.trim();
+    if (isUpdate) {
+      const lastEntry = this._pendingEntries[this._pendingEntries.length - 1];
+      if (lastEntry?.userAction?.name === action.name) {
+        lastEntry.userAction = action;
+        lastEntry.code = code;
+        return;
+      }
+    }
+    if (action.name === "navigate") {
+      const lastEntry = this._pendingEntries[this._pendingEntries.length - 1];
+      if (lastEntry?.tabSnapshot?.url === action.url)
+        return;
+    }
+    const entry = {
+      timestamp: performance.now(),
+      userAction: action,
+      code,
+      tabSnapshot: {
+        url: tab.page.url(),
+        title: "",
+        ariaSnapshot: action.ariaSnapshot || "",
+        modalStates: [],
+        consoleMessages: [],
+        downloads: []
+      }
+    };
+    this._appendEntry(entry);
+  }
+  _appendEntry(entry) {
+    this._pendingEntries.push(entry);
+    if (this._flushEntriesTimeout)
+      clearTimeout(this._flushEntriesTimeout);
+    this._flushEntriesTimeout = setTimeout(() => this._flushEntries(), 1e3);
+  }
+  async _flushEntries() {
+    clearTimeout(this._flushEntriesTimeout);
+    const entries = this._pendingEntries;
+    this._pendingEntries = [];
+    const lines = [""];
+    for (const entry of entries) {
+      const ordinal = (++this._ordinal).toString().padStart(3, "0");
+      if (entry.toolCall) {
+        lines.push(
+          `### Tool call: ${entry.toolCall.toolName}`,
+          `- Args`,
+          "```json",
+          JSON.stringify(entry.toolCall.toolArgs, null, 2),
+          "```"
+        );
+        if (entry.toolCall.result) {
+          lines.push(
+            entry.toolCall.isError ? `- Error` : `- Result`,
+            "```",
+            entry.toolCall.result,
+            "```"
+          );
+        }
+      }
+      if (entry.userAction) {
+        const actionData = { ...entry.userAction };
+        delete actionData.ariaSnapshot;
+        delete actionData.selector;
+        delete actionData.signals;
+        lines.push(
+          `### User action: ${entry.userAction.name}`,
+          `- Args`,
+          "```json",
+          JSON.stringify(actionData, null, 2),
+          "```"
+        );
+      }
+      if (entry.code) {
+        lines.push(
+          `- Code`,
+          "```js",
+          entry.code,
+          "```"
+        );
+      }
+      if (entry.tabSnapshot) {
+        const fileName = `${ordinal}.snapshot.yml`;
+        import_fs.default.promises.writeFile(import_path.default.join(this._folder, fileName), entry.tabSnapshot.ariaSnapshot).catch(import_log.logUnhandledError);
+        lines.push(`- Snapshot: ${fileName}`);
+      }
+      lines.push("", "");
+    }
+    this._sessionFileQueue = this._sessionFileQueue.then(() => import_fs.default.promises.appendFile(this._file, lines.join("\n")));
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SessionLog
+});