@xbrowser/cli 1.8.7 → 1.9.1

package/dist/{browser-XPKM344Y.js → browser-4KRHALJ3.js}

@@ -20,7 +20,7 @@ import {
   saveSessionDiskMeta,
   setActivePage,
   touchSession
-} from "./chunk-SJLRCE6N.js";
+} from "./chunk-Z7WC4P2M.js";
 import "./chunk-TNEN6VQ2.js";
 import "./chunk-GDKLH7ZY.js";
 import "./chunk-KFQGP6VL.js";

package/dist/{browser-LW2MDJE4.js → browser-6WJHQDPV.js}

@@ -20,7 +20,7 @@ import {
   saveSessionDiskMeta,
   setActivePage,
   touchSession
-} from "./chunk-HXLMMSU3.js";
+} from "./chunk-OOJ2H7IL.js";
 import "./chunk-VJNMAWPZ.js";
 import "./chunk-TNEN6VQ2.js";
 import "./chunk-GDKLH7ZY.js";

package/dist/{browser-TLIDFFEG.js → browser-C63PFGPT.js}

@@ -20,7 +20,7 @@ import {
   saveSessionDiskMeta,
   setActivePage,
   touchSession
-} from "./chunk-CJJ564VK.js";
+} from "./chunk-MSQIPXKE.js";
 import "./chunk-VJNMAWPZ.js";
 import "./chunk-TNEN6VQ2.js";
 import "./chunk-GDKLH7ZY.js";

package/dist/{chunk-GJAV3QGG.js → chunk-ANVL2ID2.js}

@@ -22,9 +22,33 @@ var DEFAULT_EXCLUDE_TYPES = [
   "mousedown"
 ];
 function filterRecording(inputPath, outputPath, excludeTypes) {
-  const content = fs.readFileSync(inputPath, "utf-8");
-  const recording = yaml.parse(content);
-  const events = recording.actions || recording.events || [];
+  let recording;
+  try {
+    const content = fs.readFileSync(inputPath, "utf-8");
+    recording = yaml.parse(content);
+  } catch (e) {
+    throw new Error(`Failed to read "${inputPath}": ${e instanceof Error ? e.message.split("\n")[0] : String(e)}`);
+  }
+  if (recording === null || typeof recording !== "object" || Array.isArray(recording)) {
+    throw new Error(`"${inputPath}" does not contain a valid recording (expected a YAML object with events or actions).`);
+  }
+  let rawEvents = recording.events ?? [];
+  const rawActions = recording.actions;
+  if (Array.isArray(rawActions) && rawEvents.length === 0) {
+    rawEvents = rawActions.map((a) => {
+      const action = a;
+      const element = action.element ?? {};
+      return {
+        type: action.type,
+        selector: element.selector ?? action.selector,
+        data: { ...action.data, value: action.value, key: action.key },
+        scrollX: action.scrollX,
+        scrollY: action.scrollY
+      };
+    });
+    delete recording.actions;
+  }
+  const events = rawEvents;
   const originalCount = events.length;
   const exclude = excludeTypes || DEFAULT_EXCLUDE_TYPES;
   const filteredEvents = events.filter((event) => {

package/dist/{chunk-CJJ564VK.js → chunk-MSQIPXKE.js}

@@ -656,7 +656,7 @@ async function closeSessionByName(name) {
       } catch {
       }
       try {
-        const { SessionRecorder } = await import("./session-recorder-33UKWCIR.js");
+        const { SessionRecorder } = await import("./session-recorder-KPU4YQAE.js");
         SessionRecorder.cleanup(session.name);
       } catch {
       }

package/dist/{chunk-HXLMMSU3.js → chunk-OOJ2H7IL.js}

@@ -2021,7 +2021,7 @@ async function closeSessionByName(name) {
       } catch {
       }
       try {
-        const { SessionRecorder } = await import("./session-recorder-BMIJ3ZJM.js");
+        const { SessionRecorder } = await import("./session-recorder-UTULJFTE.js");
         SessionRecorder.cleanup(session.name);
       } catch {
       }

package/dist/{chunk-2QQDTXDL.js → chunk-PIWNMC36.js}

@@ -417,12 +417,24 @@ var XBrowserPluginLoader = class {
 // src/utils/plugin-singleton.ts
 var pluginLoader = null;
 var pluginsScanned = false;
+function silenceSchemaWarnings(fn) {
+  if (process.env.XBROWSER_DEBUG || process.env.VITEST_WORKER_ID) return fn();
+  const originalWarn = console.warn;
+  console.warn = (...args) => {
+    const msg = typeof args[0] === "string" ? args[0] : "";
+    if (msg.includes('has no "result" schema')) return;
+    originalWarn(...args);
+  };
+  return fn().finally(() => {
+    console.warn = originalWarn;
+  });
+}
 async function getPluginLoader() {
   if (!pluginLoader) {
     pluginLoader = new XBrowserPluginLoader();
   }
   if (!pluginsScanned) {
-    await pluginLoader.scanAndLoad();
+    await silenceSchemaWarnings(() => pluginLoader.scanAndLoad());
     pluginsScanned = true;
   }
   return pluginLoader;

package/dist/{chunk-FL6DOSWV.js → chunk-TTZNR3QP.js}

@@ -1639,7 +1639,7 @@ var SessionRecorder = class _SessionRecorder {
     return this.actions.length;
   }
   /** Record an action triggered by a CDP command (e.g. xbrowser fill/click/goto) */
-  recordCommandAction(action) {
+  async recordCommandAction(action) {
     const normalizedType = action.type === "cdp-fill" ? "input" : action.type === "cdp-click" ? "click" : action.type;
     const recent = this.actions[this.actions.length - 1];
     if (recent && Date.now() - recent.timestamp < 1500) {
@@ -1653,7 +1653,7 @@ var SessionRecorder = class _SessionRecorder {
     this.actionCounter++;
     const ts = Date.now();
     const actionUrl = action.url && action.url !== "about:blank" ? action.url : this.lastKnownUrl || this.page.url();
-    this.actions.push({
+    const actionToPush = {
       id: this.actionCounter,
       type: action.type,
       timestamp: ts,
@@ -1661,6 +1661,11 @@ var SessionRecorder = class _SessionRecorder {
       pageTitle: "",
       element: action.element || (action.selector ? { tag: "", selector: action.selector, text: "" } : void 0),
       value: action.value
+    };
+    this.actions.push(actionToPush);
+    actionToPush.elementScreenshot = await this.captureElementScreenshot(this.page, {
+      type: action.type,
+      element: actionToPush.element
     });
     this.lastActionTs = ts;
     this.cdpActionDedup = {
@@ -2319,6 +2324,8 @@ var SessionRecorder = class _SessionRecorder {
         clickContext,
         files: raw.files
       });
+      const pushed = this.actions[this.actions.length - 1];
+      pushed.elementScreenshot = await this.captureElementScreenshot(page, raw);
       this.lastActionTs = raw.ts;
       if (raw.type === "click" || raw.type === "navigate" || raw.type === "submit") {
         const detected = await this.detectCheckpoints(page);
@@ -2329,6 +2336,27 @@ var SessionRecorder = class _SessionRecorder {
       }
     }
   }
+  /**
+   * Capture a screenshot of the target element for key action types.
+   * Returns a base64-encoded PNG string, or undefined if the element has no
+   * selector or the screenshot fails (non-critical — never blocks recording).
+   *
+   * Only captures for: click, input, change, dblclick, and their CDP counterparts.
+   */
+  async captureElementScreenshot(page, action) {
+    const keyTypes = ["click", "input", "change", "dblclick", "cdp-click", "cdp-fill", "filechooser"];
+    if (!keyTypes.includes(action.type)) return;
+    if (!action.element?.selector) return;
+    try {
+      const buffer = await page.locator(action.element.selector).first().screenshot({
+        type: "png",
+        timeout: 2e3
+      });
+      return buffer.toString("base64");
+    } catch {
+      return;
+    }
+  }
   /**
    * After a click, wait 300ms then scan for popover/dropdown/menu elements
    * near the click position. This runs server-side to avoid race conditions

package/dist/{chunk-MJFYLKGL.js → chunk-X46HDAOT.js}

@@ -2,9 +2,33 @@
 import * as fs from "fs";
 import * as yaml from "yaml";
 function extractRecording(filePath) {
-  const content = fs.readFileSync(filePath, "utf-8");
-  const recording = yaml.parse(content);
-  const events = recording.actions || recording.events || [];
+  let recording;
+  try {
+    const content = fs.readFileSync(filePath, "utf-8");
+    recording = yaml.parse(content);
+  } catch (e) {
+    throw new Error(`Failed to read "${filePath}": ${e instanceof Error ? e.message.split("\n")[0] : String(e)}`);
+  }
+  if (recording === null || typeof recording !== "object" || Array.isArray(recording)) {
+    throw new Error(`"${filePath}" does not contain a valid recording (expected a YAML object with events or actions).`);
+  }
+  let rawEvents = recording.events ?? [];
+  const rawActions = recording.actions;
+  if (Array.isArray(rawActions) && rawEvents.length === 0) {
+    rawEvents = rawActions.map((a) => {
+      const action = a;
+      const element = action.element ?? {};
+      return {
+        type: action.type,
+        selector: element.selector ?? action.selector,
+        tagName: element.tag ?? action.tagName,
+        data: { ...action.data, value: action.value, key: action.key },
+        timestamp: action.timestamp,
+        pageState: action.pageState
+      };
+    });
+  }
+  const events = rawEvents;
   const keyEvents = [];
   const eventTypes = {};
   for (const event of events) {

package/dist/{chunk-RMYEHTLS.js → chunk-YSCY52UJ.js}

@@ -1242,7 +1242,7 @@ var SessionRecorder = class _SessionRecorder {
     return this.actions.length;
   }
   /** Record an action triggered by a CDP command (e.g. xbrowser fill/click/goto) */
-  recordCommandAction(action) {
+  async recordCommandAction(action) {
     const normalizedType = action.type === "cdp-fill" ? "input" : action.type === "cdp-click" ? "click" : action.type;
     const recent = this.actions[this.actions.length - 1];
     if (recent && Date.now() - recent.timestamp < 1500) {
@@ -1256,7 +1256,7 @@ var SessionRecorder = class _SessionRecorder {
     this.actionCounter++;
     const ts = Date.now();
     const actionUrl = action.url && action.url !== "about:blank" ? action.url : this.lastKnownUrl || this.page.url();
-    this.actions.push({
+    const actionToPush = {
       id: this.actionCounter,
       type: action.type,
       timestamp: ts,
@@ -1264,6 +1264,11 @@ var SessionRecorder = class _SessionRecorder {
       pageTitle: "",
       element: action.element || (action.selector ? { tag: "", selector: action.selector, text: "" } : void 0),
       value: action.value
+    };
+    this.actions.push(actionToPush);
+    actionToPush.elementScreenshot = await this.captureElementScreenshot(this.page, {
+      type: action.type,
+      element: actionToPush.element
     });
     this.lastActionTs = ts;
     this.cdpActionDedup = {
@@ -1922,6 +1927,8 @@ var SessionRecorder = class _SessionRecorder {
         clickContext,
         files: raw.files
       });
+      const pushed = this.actions[this.actions.length - 1];
+      pushed.elementScreenshot = await this.captureElementScreenshot(page, raw);
       this.lastActionTs = raw.ts;
       if (raw.type === "click" || raw.type === "navigate" || raw.type === "submit") {
         const detected = await this.detectCheckpoints(page);
@@ -1932,6 +1939,27 @@ var SessionRecorder = class _SessionRecorder {
       }
     }
   }
+  /**
+   * Capture a screenshot of the target element for key action types.
+   * Returns a base64-encoded PNG string, or undefined if the element has no
+   * selector or the screenshot fails (non-critical — never blocks recording).
+   *
+   * Only captures for: click, input, change, dblclick, and their CDP counterparts.
+   */
+  async captureElementScreenshot(page, action) {
+    const keyTypes = ["click", "input", "change", "dblclick", "cdp-click", "cdp-fill", "filechooser"];
+    if (!keyTypes.includes(action.type)) return;
+    if (!action.element?.selector) return;
+    try {
+      const buffer = await page.locator(action.element.selector).first().screenshot({
+        type: "png",
+        timeout: 2e3
+      });
+      return buffer.toString("base64");
+    } catch {
+      return;
+    }
+  }
   /**
    * After a click, wait 300ms then scan for popover/dropdown/menu elements
    * near the click position. This runs server-side to avoid race conditions

package/dist/{chunk-SJLRCE6N.js → chunk-Z7WC4P2M.js}

@@ -4965,7 +4965,7 @@ async function closeSessionByName(name) {
       } catch {
       }
       try {
-        const { SessionRecorder } = await import("./session-recorder-33UKWCIR.js");
+        const { SessionRecorder } = await import("./session-recorder-KPU4YQAE.js");
         SessionRecorder.cleanup(session.name);
       } catch {
       }