rebrowser-playwright-core 1.52.0 → 1.64.1

package/lib/server/recorder/contextRecorder.js

@@ -1,286 +0,0 @@
-"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 contextRecorder_exports = {};
-__export(contextRecorder_exports, {
-  ContextRecorder: () => ContextRecorder,
-  generateFrameSelector: () => generateFrameSelector
-});
-module.exports = __toCommonJS(contextRecorder_exports);
-var import_events = require("events");
-var import_recorderCollection = require("./recorderCollection");
-var recorderSource = __toESM(require("../../generated/pollingRecorderSource"));
-var import_utils = require("../../utils");
-var import_timeoutRunner = require("../../utils/isomorphic/timeoutRunner");
-var import_browserContext = require("../browserContext");
-var import_languages = require("../codegen/languages");
-var import_frames = require("../frames");
-var import_page = require("../page");
-var import_throttledFile = require("./throttledFile");
-var import_language = require("../codegen/language");
-class ContextRecorder extends import_events.EventEmitter {
-  constructor(context, params, delegate) {
-    super();
-    this._pageAliases = /* @__PURE__ */ new Map();
-    this._lastPopupOrdinal = 0;
-    this._lastDialogOrdinal = -1;
-    this._lastDownloadOrdinal = -1;
-    this._throttledOutputFile = null;
-    this._orderedLanguages = [];
-    this._listeners = [];
-    this._context = context;
-    this._params = params;
-    this._delegate = delegate;
-    this._recorderSources = [];
-    const language = params.language || context.attribution.playwright.options.sdkLanguage;
-    this.setOutput(language, params.outputFile);
-    const languageGeneratorOptions = {
-      browserName: context._browser.options.name,
-      launchOptions: { headless: false, ...params.launchOptions, tracesDir: void 0 },
-      contextOptions: { ...params.contextOptions },
-      deviceName: params.device,
-      saveStorage: params.saveStorage
-    };
-    this._collection = new import_recorderCollection.RecorderCollection(this._pageAliases);
-    this._collection.on("change", (actions) => {
-      this._recorderSources = [];
-      for (const languageGenerator of this._orderedLanguages) {
-        const { header, footer, actionTexts, text } = (0, import_language.generateCode)(actions, languageGenerator, languageGeneratorOptions);
-        const source = {
-          isRecorded: true,
-          label: languageGenerator.name,
-          group: languageGenerator.groupName,
-          id: languageGenerator.id,
-          text,
-          header,
-          footer,
-          actions: actionTexts,
-          language: languageGenerator.highlighter,
-          highlight: []
-        };
-        source.revealLine = text.split("\n").length - 1;
-        this._recorderSources.push(source);
-        if (languageGenerator === this._orderedLanguages[0])
-          this._throttledOutputFile?.setContent(source.text);
-      }
-      this.emit(ContextRecorder.Events.Change, {
-        sources: this._recorderSources,
-        actions
-      });
-    });
-    context.on(import_browserContext.BrowserContext.Events.BeforeClose, () => {
-      this._throttledOutputFile?.flush();
-    });
-    this._listeners.push(import_utils.eventsHelper.addEventListener(process, "exit", () => {
-      this._throttledOutputFile?.flush();
-    }));
-    this.setEnabled(params.mode === "recording");
-  }
-  static {
-    this.Events = {
-      Change: "change"
-    };
-  }
-  setOutput(codegenId, outputFile) {
-    const languages = (0, import_languages.languageSet)();
-    const primaryLanguage = [...languages].find((l) => l.id === codegenId);
-    if (!primaryLanguage)
-      throw new Error(`
-===============================
-Unsupported language: '${codegenId}'
-===============================
-`);
-    languages.delete(primaryLanguage);
-    this._orderedLanguages = [primaryLanguage, ...languages];
-    this._throttledOutputFile = outputFile ? new import_throttledFile.ThrottledFile(outputFile) : null;
-    this._collection?.restart();
-  }
-  languageName(id) {
-    for (const lang of this._orderedLanguages) {
-      if (!id || lang.id === id)
-        return lang.highlighter;
-    }
-    return "javascript";
-  }
-  async install() {
-    this._context.on(import_browserContext.BrowserContext.Events.Page, (page) => this._onPage(page));
-    for (const page of this._context.pages())
-      this._onPage(page);
-    this._context.on(import_browserContext.BrowserContext.Events.Dialog, (dialog) => this._onDialog(dialog.page()));
-    await this._context.exposeBinding(
-      "__pw_recorderPerformAction",
-      false,
-      (source, action) => this._performAction(source.frame, action)
-    );
-    await this._context.exposeBinding(
-      "__pw_recorderRecordAction",
-      false,
-      (source, action) => this._recordAction(source.frame, action)
-    );
-    await this._context.extendInjectedScript(recorderSource.source);
-  }
-  setEnabled(enabled) {
-    this._collection.setEnabled(enabled);
-  }
-  dispose() {
-    import_utils.eventsHelper.removeEventListeners(this._listeners);
-  }
-  async _onPage(page) {
-    const frame = page.mainFrame();
-    page.on("close", () => {
-      this._collection.addRecordedAction({
-        frame: this._describeMainFrame(page),
-        action: {
-          name: "closePage",
-          signals: []
-        },
-        startTime: (0, import_utils.monotonicTime)()
-      });
-      this._pageAliases.delete(page);
-    });
-    frame.on(import_frames.Frame.Events.InternalNavigation, (event) => {
-      if (event.isPublic)
-        this._onFrameNavigated(frame, page);
-    });
-    page.on(import_page.Page.Events.Download, () => this._onDownload(page));
-    const suffix = this._pageAliases.size ? String(++this._lastPopupOrdinal) : "";
-    const pageAlias = "page" + suffix;
-    this._pageAliases.set(page, pageAlias);
-    if (page.opener()) {
-      this._onPopup(page.opener(), page);
-    } else {
-      this._collection.addRecordedAction({
-        frame: this._describeMainFrame(page),
-        action: {
-          name: "openPage",
-          url: page.mainFrame().url(),
-          signals: []
-        },
-        startTime: (0, import_utils.monotonicTime)()
-      });
-    }
-  }
-  clearScript() {
-    this._collection.restart();
-    if (this._params.mode === "recording") {
-      for (const page of this._context.pages())
-        this._onFrameNavigated(page.mainFrame(), page);
-    }
-  }
-  runTask(task) {
-  }
-  _describeMainFrame(page) {
-    return {
-      pageAlias: this._pageAliases.get(page),
-      framePath: []
-    };
-  }
-  async _describeFrame(frame) {
-    return {
-      pageAlias: this._pageAliases.get(frame._page),
-      framePath: await generateFrameSelector(frame)
-    };
-  }
-  testIdAttributeName() {
-    return this._params.testIdAttributeName || this._context.selectors().testIdAttributeName() || "data-testid";
-  }
-  async _createActionInContext(frame, action) {
-    const frameDescription = await this._describeFrame(frame);
-    const actionInContext = {
-      frame: frameDescription,
-      action,
-      description: void 0,
-      startTime: (0, import_utils.monotonicTime)()
-    };
-    await this._delegate.rewriteActionInContext?.(this._pageAliases, actionInContext);
-    return actionInContext;
-  }
-  async _performAction(frame, action) {
-    await this._collection.performAction(await this._createActionInContext(frame, action));
-  }
-  async _recordAction(frame, action) {
-    this._collection.addRecordedAction(await this._createActionInContext(frame, action));
-  }
-  _onFrameNavigated(frame, page) {
-    const pageAlias = this._pageAliases.get(page);
-    this._collection.signal(pageAlias, frame, { name: "navigation", url: frame.url() });
-  }
-  _onPopup(page, popup) {
-    const pageAlias = this._pageAliases.get(page);
-    const popupAlias = this._pageAliases.get(popup);
-    this._collection.signal(pageAlias, page.mainFrame(), { name: "popup", popupAlias });
-  }
-  _onDownload(page) {
-    const pageAlias = this._pageAliases.get(page);
-    ++this._lastDownloadOrdinal;
-    this._collection.signal(pageAlias, page.mainFrame(), { name: "download", downloadAlias: this._lastDownloadOrdinal ? String(this._lastDownloadOrdinal) : "" });
-  }
-  _onDialog(page) {
-    const pageAlias = this._pageAliases.get(page);
-    ++this._lastDialogOrdinal;
-    this._collection.signal(pageAlias, page.mainFrame(), { name: "dialog", dialogAlias: this._lastDialogOrdinal ? String(this._lastDialogOrdinal) : "" });
-  }
-}
-async function generateFrameSelector(frame) {
-  const selectorPromises = [];
-  while (frame) {
-    const parent = frame.parentFrame();
-    if (!parent)
-      break;
-    selectorPromises.push(generateFrameSelectorInParent(parent, frame));
-    frame = parent;
-  }
-  const result = await Promise.all(selectorPromises);
-  return result.reverse();
-}
-async function generateFrameSelectorInParent(parent, frame) {
-  const result = await (0, import_timeoutRunner.raceAgainstDeadline)(async () => {
-    try {
-      const frameElement = await frame.frameElement();
-      if (!frameElement || !parent)
-        return;
-      const utility = await parent._utilityContext();
-      const injected = await utility.injectedScript();
-      const selector = await injected.evaluate((injected2, element) => {
-        return injected2.generateSelectorSimple(element);
-      }, frameElement);
-      return selector;
-    } catch (e) {
-    }
-  }, (0, import_utils.monotonicTime)() + 2e3);
-  if (!result.timedOut && result.result)
-    return result.result;
-  if (frame.name())
-    return `iframe[name=${(0, import_utils.quoteCSSAttributeValue)(frame.name())}]`;
-  return `iframe[src=${(0, import_utils.quoteCSSAttributeValue)(frame.url())}]`;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ContextRecorder,
-  generateFrameSelector
-});

package/lib/server/recorder/recorderApp.js

@@ -1,184 +0,0 @@
-"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 recorderApp_exports = {};
-__export(recorderApp_exports, {
-  EmptyRecorderApp: () => EmptyRecorderApp,
-  RecorderApp: () => RecorderApp
-});
-module.exports = __toCommonJS(recorderApp_exports);
-var import_events = require("events");
-var import_fs = __toESM(require("fs"));
-var import_path = __toESM(require("path"));
-var import_debug = require("../utils/debug");
-var import_utilsBundle = require("../../utilsBundle");
-var import_instrumentation = require("../instrumentation");
-var import_launchApp = require("../launchApp");
-var import_launchApp2 = require("../launchApp");
-var import_progress = require("../progress");
-class EmptyRecorderApp extends import_events.EventEmitter {
-  async close() {
-  }
-  async setPaused(paused) {
-  }
-  async setMode(mode) {
-  }
-  async setRunningFile(file) {
-  }
-  async elementPicked(elementInfo, userGesture) {
-  }
-  async updateCallLogs(callLogs) {
-  }
-  async setSources(sources, primaryPageURL) {
-  }
-  async setActions(actions, sources) {
-  }
-}
-class RecorderApp extends import_events.EventEmitter {
-  constructor(recorder, page, wsEndpoint) {
-    super();
-    this.setMaxListeners(0);
-    this._recorder = recorder;
-    this._page = page;
-    this.wsEndpointForTest = wsEndpoint;
-  }
-  async close() {
-    await this._page.context().close({ reason: "Recorder window closed" });
-  }
-  async _init() {
-    await (0, import_launchApp.syncLocalStorageWithSettings)(this._page, "recorder");
-    await this._page._setServerRequestInterceptor((route) => {
-      if (!route.request().url().startsWith("https://playwright/"))
-        return false;
-      const uri = route.request().url().substring("https://playwright/".length);
-      const file = require.resolve("../../vite/recorder/" + uri);
-      import_fs.default.promises.readFile(file).then((buffer) => {
-        route.fulfill({
-          status: 200,
-          headers: [
-            { name: "Content-Type", value: import_utilsBundle.mime.getType(import_path.default.extname(file)) || "application/octet-stream" }
-          ],
-          body: buffer.toString("base64"),
-          isBase64: true
-        }).catch(() => {
-        });
-      });
-      return true;
-    });
-    await this._page.exposeBinding("dispatch", false, (_, data) => this.emit("event", data));
-    this._page.once("close", () => {
-      this.emit("close");
-      this._page.context().close({ reason: "Recorder window closed" }).catch(() => {
-      });
-    });
-    const mainFrame = this._page.mainFrame();
-    await mainFrame.goto((0, import_instrumentation.serverSideCallMetadata)(), process.env.PW_HMR ? "http://localhost:44225" : "https://playwright/index.html");
-  }
-  static factory(context) {
-    return async (recorder) => {
-      if (process.env.PW_CODEGEN_NO_INSPECTOR)
-        return new EmptyRecorderApp();
-      return await RecorderApp._open(recorder, context);
-    };
-  }
-  static async _open(recorder, inspectedContext) {
-    const sdkLanguage = inspectedContext.attribution.playwright.options.sdkLanguage;
-    const headed = !!inspectedContext._browser.options.headful;
-    const recorderPlaywright = require("../playwright").createPlaywright({ sdkLanguage: "javascript", isInternalPlaywright: true });
-    const { context, page } = await (0, import_launchApp2.launchApp)(recorderPlaywright.chromium, {
-      sdkLanguage,
-      windowSize: { width: 600, height: 600 },
-      windowPosition: { x: 1020, y: 10 },
-      persistentContextOptions: {
-        noDefaultViewport: true,
-        headless: !!process.env.PWTEST_CLI_HEADLESS || (0, import_debug.isUnderTest)() && !headed,
-        useWebSocket: (0, import_debug.isUnderTest)(),
-        handleSIGINT: recorder.handleSIGINT,
-        executablePath: inspectedContext._browser.options.isChromium ? inspectedContext._browser.options.customExecutablePath : void 0,
-        // Use the same channel as the inspected context to guarantee that the browser is installed.
-        channel: inspectedContext._browser.options.isChromium ? inspectedContext._browser.options.channel : void 0
-      }
-    });
-    const controller = new import_progress.ProgressController((0, import_instrumentation.serverSideCallMetadata)(), context._browser);
-    await controller.run(async (progress) => {
-      await context._browser._defaultContext._loadDefaultContextAsIs(progress);
-    });
-    const result = new RecorderApp(recorder, page, context._browser.options.wsEndpoint);
-    await result._init();
-    return result;
-  }
-  async setMode(mode) {
-    await this._page.mainFrame().evaluateExpression(((mode2) => {
-      window.playwrightSetMode(mode2);
-    }).toString(), { isFunction: true }, mode).catch(() => {
-    });
-  }
-  async setRunningFile(file) {
-    await this._page.mainFrame().evaluateExpression(((file2) => {
-      window.playwrightSetRunningFile(file2);
-    }).toString(), { isFunction: true }, file).catch(() => {
-    });
-  }
-  async setPaused(paused) {
-    await this._page.mainFrame().evaluateExpression(((paused2) => {
-      window.playwrightSetPaused(paused2);
-    }).toString(), { isFunction: true }, paused).catch(() => {
-    });
-  }
-  async setSources(sources, primaryPageURL) {
-    await this._page.mainFrame().evaluateExpression((({ sources: sources2, primaryPageURL: primaryPageURL2 }) => {
-      window.playwrightSetSources(sources2, primaryPageURL2);
-    }).toString(), { isFunction: true }, { sources, primaryPageURL }).catch(() => {
-    });
-    if (process.env.PWTEST_CLI_IS_UNDER_TEST && sources.length) {
-      if (process._didSetSourcesForTest(sources[0].text))
-        this.close();
-    }
-  }
-  async setActions(actions, sources) {
-  }
-  async elementPicked(elementInfo, userGesture) {
-    if (userGesture)
-      this._page.bringToFront();
-    await this._page.mainFrame().evaluateExpression(((param) => {
-      window.playwrightElementPicked(param.elementInfo, param.userGesture);
-    }).toString(), { isFunction: true }, { elementInfo, userGesture }).catch(() => {
-    });
-  }
-  async updateCallLogs(callLogs) {
-    await this._page.mainFrame().evaluateExpression(((callLogs2) => {
-      window.playwrightUpdateLogs(callLogs2);
-    }).toString(), { isFunction: true }, callLogs).catch(() => {
-    });
-  }
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  EmptyRecorderApp,
-  RecorderApp
-});

package/lib/server/recorder/recorderCollection.js

@@ -1,116 +0,0 @@
-"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 recorderCollection_exports = {};
-__export(recorderCollection_exports, {
-  RecorderCollection: () => RecorderCollection
-});
-module.exports = __toCommonJS(recorderCollection_exports);
-var import_events = require("events");
-var import_recorderRunner = require("./recorderRunner");
-var import_recorderUtils = require("./recorderUtils");
-var import_debug = require("../utils/debug");
-var import_time = require("../../utils/isomorphic/time");
-class RecorderCollection extends import_events.EventEmitter {
-  constructor(pageAliases) {
-    super();
-    this._actions = [];
-    this._enabled = false;
-    this._pageAliases = pageAliases;
-  }
-  restart() {
-    this._actions = [];
-    this.emit("change", []);
-  }
-  setEnabled(enabled) {
-    this._enabled = enabled;
-  }
-  async performAction(actionInContext) {
-    await this._addAction(actionInContext, async () => {
-      await (0, import_recorderRunner.performAction)(this._pageAliases, actionInContext);
-    });
-  }
-  addRecordedAction(actionInContext) {
-    if (["openPage", "closePage"].includes(actionInContext.action.name)) {
-      this._actions.push(actionInContext);
-      this._fireChange();
-      return;
-    }
-    this._addAction(actionInContext).catch(() => {
-    });
-  }
-  async _addAction(actionInContext, callback) {
-    if (!this._enabled)
-      return;
-    if (actionInContext.action.name === "openPage" || actionInContext.action.name === "closePage") {
-      this._actions.push(actionInContext);
-      this._fireChange();
-      return;
-    }
-    this._actions.push(actionInContext);
-    this._fireChange();
-    await callback?.().catch();
-    actionInContext.endTime = (0, import_time.monotonicTime)();
-  }
-  signal(pageAlias, frame, signal) {
-    if (!this._enabled)
-      return;
-    if (signal.name === "navigation" && frame._page.mainFrame() === frame) {
-      const timestamp = (0, import_time.monotonicTime)();
-      const lastAction = this._actions[this._actions.length - 1];
-      const signalThreshold = (0, import_debug.isUnderTest)() ? 500 : 5e3;
-      let generateGoto = false;
-      if (!lastAction)
-        generateGoto = true;
-      else if (lastAction.action.name !== "click" && lastAction.action.name !== "press" && lastAction.action.name !== "fill")
-        generateGoto = true;
-      else if (timestamp - lastAction.startTime > signalThreshold)
-        generateGoto = true;
-      if (generateGoto) {
-        this.addRecordedAction({
-          frame: {
-            pageAlias,
-            framePath: []
-          },
-          action: {
-            name: "navigate",
-            url: frame.url(),
-            signals: []
-          },
-          startTime: timestamp,
-          endTime: timestamp
-        });
-      }
-      return;
-    }
-    if (this._actions.length) {
-      this._actions[this._actions.length - 1].action.signals.push(signal);
-      this._fireChange();
-      return;
-    }
-  }
-  _fireChange() {
-    if (!this._enabled)
-      return;
-    this.emit("change", (0, import_recorderUtils.collapseActions)(this._actions));
-  }
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  RecorderCollection
-});

package/lib/server/recorder/recorderFrontend.js

@@ -1,16 +0,0 @@
-"use strict";
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var recorderFrontend_exports = {};
-module.exports = __toCommonJS(recorderFrontend_exports);