npm - @playwright-repl/runner - Versions diffs - 0.23.0 → 0.24.0 - Mend

@playwright-repl/runner 0.23.0 → 0.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (45) hide show

package/dist/bridge-utils.cjs +4 -0
package/dist/bridge-utils.cjs.map +1 -1
package/dist/bridge-utils.d.cts.map +1 -1
package/dist/compiler/classify.d.ts.map +1 -1
package/dist/compiler/classify.js +2 -0
package/dist/compiler/classify.js.map +1 -1
package/dist/pw-cli.js +3 -6
package/dist/pw-cli.js.map +1 -1
package/package.json +4 -3
package/dist/chrome-extension/background.js +0 -233485
package/dist/chrome-extension/background.js.map +0 -1
package/dist/chrome-extension/content/picker.js +0 -279
package/dist/chrome-extension/content/recorder.js +0 -475
package/dist/chrome-extension/devtools/console.html +0 -17
package/dist/chrome-extension/devtools/console.js +0 -44
package/dist/chrome-extension/devtools/console.js.map +0 -1
package/dist/chrome-extension/devtools/devtools.html +0 -8
package/dist/chrome-extension/devtools/devtools.js +0 -7
package/dist/chrome-extension/devtools/devtools.js.map +0 -1
package/dist/chrome-extension/icons/dramaturg_icon_128.png +0 -0
package/dist/chrome-extension/icons/dramaturg_icon_16.png +0 -0
package/dist/chrome-extension/icons/dramaturg_icon_32.png +0 -0
package/dist/chrome-extension/icons/dramaturg_icon_48.png +0 -0
package/dist/chrome-extension/index.css +0 -1333
package/dist/chrome-extension/index.js +0 -12462
package/dist/chrome-extension/index.js.map +0 -1
package/dist/chrome-extension/index2.js +0 -27327
package/dist/chrome-extension/index2.js.map +0 -1
package/dist/chrome-extension/manifest.json +0 -46
package/dist/chrome-extension/modulepreload-polyfill.js +0 -30
package/dist/chrome-extension/modulepreload-polyfill.js.map +0 -1
package/dist/chrome-extension/newtab/newtab.html +0 -202
package/dist/chrome-extension/offscreen/offscreen.html +0 -6
package/dist/chrome-extension/offscreen/offscreen.js +0 -54
package/dist/chrome-extension/offscreen/offscreen.js.map +0 -1
package/dist/chrome-extension/panel/panel.html +0 -16
package/dist/chrome-extension/panel/panel.js +0 -2210
package/dist/chrome-extension/panel/panel.js.map +0 -1
package/dist/chrome-extension/preferences/preferences.html +0 -14
package/dist/chrome-extension/preferences/preferences.js +0 -102
package/dist/chrome-extension/preferences/preferences.js.map +0 -1
package/dist/chrome-extension/settings.js +0 -13
package/dist/chrome-extension/settings.js.map +0 -1
package/dist/chrome-extension/sw-debugger-core.js +0 -1127
package/dist/chrome-extension/sw-debugger-core.js.map +0 -1

package/dist/chrome-extension/manifest.json DELETED Viewed

@@ -1,46 +0,0 @@
-{
-  "manifest_version": 3,
-  "name": "Dramaturg",
-  "version": "0.21.6",
-  "description": "Playwright engineer's companion — console, editor, runner, debugger, and recorder in a Chrome side panel.",
-  "permissions": [
-    "activeTab",
-    "tabs",
-    "sidePanel",
-    "debugger",
-    "storage",
-    "windows",
-    "offscreen",
-    "scripting"
-  ],
-  "host_permissions": [
-    "<all_urls>"
-  ],
-  "options_ui": {
-    "page": "preferences/preferences.html",
-    "open_in_tab": false
-  },
-  "action": {
-    "default_title": "Dramaturg",
-    "default_icon": {
-      "16": "icons/dramaturg_icon_16.png",
-      "32": "icons/dramaturg_icon_32.png",
-      "48": "icons/dramaturg_icon_48.png",
-      "128": "icons/dramaturg_icon_128.png"
-    }
-  },
-  "devtools_page": "devtools/devtools.html",
-  "side_panel": {
-    "default_path": "panel/panel.html"
-  },
-  "background": {
-    "service_worker": "background.js",
-    "type": "module"
-  },
-  "icons": {
-    "16": "icons/dramaturg_icon_16.png",
-    "32": "icons/dramaturg_icon_32.png",
-    "48": "icons/dramaturg_icon_48.png",
-    "128": "icons/dramaturg_icon_128.png"
-  }
-}

package/dist/chrome-extension/modulepreload-polyfill.js DELETED Viewed

@@ -1,30 +0,0 @@
-(function polyfill() {
-  const relList = document.createElement("link").relList;
-  if (relList && relList.supports && relList.supports("modulepreload")) return;
-  for (const link of document.querySelectorAll('link[rel="modulepreload"]')) processPreload(link);
-  new MutationObserver((mutations) => {
-    for (const mutation of mutations) {
-      if (mutation.type !== "childList") continue;
-      for (const node of mutation.addedNodes) if (node.tagName === "LINK" && node.rel === "modulepreload") processPreload(node);
-    }
-  }).observe(document, {
-    childList: true,
-    subtree: true
-  });
-  function getFetchOpts(link) {
-    const fetchOpts = {};
-    if (link.integrity) fetchOpts.integrity = link.integrity;
-    if (link.referrerPolicy) fetchOpts.referrerPolicy = link.referrerPolicy;
-    if (link.crossOrigin === "use-credentials") fetchOpts.credentials = "include";
-    else if (link.crossOrigin === "anonymous") fetchOpts.credentials = "omit";
-    else fetchOpts.credentials = "same-origin";
-    return fetchOpts;
-  }
-  function processPreload(link) {
-    if (link.ep) return;
-    link.ep = true;
-    const fetchOpts = getFetchOpts(link);
-    fetch(link.href, fetchOpts);
-  }
-})();
-//# sourceMappingURL=modulepreload-polyfill.js.map

package/dist/chrome-extension/modulepreload-polyfill.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"modulepreload-polyfill.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chrome-extension/newtab/newtab.html DELETED Viewed

@@ -1,202 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>Dramaturg</title>
-  <style>
-    * { margin: 0; padding: 0; box-sizing: border-box; }
-    body {
-      min-height: 100vh;
-      background: #f5f5f5;
-      color: #333;
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-      display: flex;
-      justify-content: center;
-      padding: 60px 20px;
-    }
-    .page {
-      max-width: 720px;
-      width: 100%;
-    }
-    .header {
-      text-align: center;
-      margin-bottom: 48px;
-    }
-    .logo {
-      width: 96px;
-      height: 96px;
-      margin-bottom: 16px;
-    }
-    h1 {
-      font-size: 28px;
-      font-weight: 500;
-      color: #222;
-      margin-bottom: 6px;
-    }
-    .tagline {
-      font-size: 14px;
-      color: #777;
-    }
-    .sections {
-      display: grid;
-      grid-template-columns: 1fr 1fr;
-      gap: 24px;
-    }
-    .section {
-      background: #fff;
-      border: 1px solid #e0e0e0;
-      border-radius: 8px;
-      padding: 20px;
-    }
-    .section h2 {
-      font-size: 13px;
-      font-weight: 600;
-      text-transform: uppercase;
-      letter-spacing: 0.5px;
-      color: #2a7ab5;
-      margin-bottom: 12px;
-    }
-    .steps {
-      list-style: none;
-      counter-reset: step;
-    }
-    .steps li {
-      counter-increment: step;
-      font-size: 13px;
-      line-height: 1.6;
-      color: #555;
-      padding-left: 24px;
-      position: relative;
-      margin-bottom: 6px;
-    }
-    .steps li::before {
-      content: counter(step);
-      position: absolute;
-      left: 0;
-      width: 18px;
-      height: 18px;
-      border-radius: 50%;
-      background: #e8f0fe;
-      color: #2a7ab5;
-      font-size: 11px;
-      font-weight: 600;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      top: 2px;
-    }
-    table {
-      width: 100%;
-      border-collapse: collapse;
-    }
-    td {
-      font-size: 13px;
-      padding: 4px 0;
-      vertical-align: top;
-    }
-    td:first-child {
-      color: #8a6b3e;
-      font-family: "Cascadia Code", "Fira Code", "Consolas", monospace;
-      white-space: nowrap;
-      padding-right: 12px;
-      width: 120px;
-    }
-    td:last-child {
-      color: #666;
-    }
-    .kbd {
-      display: inline-block;
-      font-family: "Cascadia Code", "Fira Code", "Consolas", monospace;
-      font-size: 12px;
-      color: #8a6b3e;
-    }
-    .shortcut-row {
-      display: flex;
-      justify-content: space-between;
-      font-size: 13px;
-      padding: 3px 0;
-    }
-    .shortcut-label {
-      color: #666;
-    }
-    .links {
-      text-align: center;
-      margin-top: 32px;
-      font-size: 13px;
-      color: #999;
-    }
-    .links a {
-      color: #2a7ab5;
-      text-decoration: none;
-    }
-    .links a:hover {
-      text-decoration: underline;
-    }
-    .version {
-      color: #aaa;
-      margin-left: 12px;
-    }
-  </style>
-</head>
-<body>
-  <div class="page">
-    <div class="header">
-      <img class="logo" src="../icons/dramaturg_icon_128.png" alt="Dramaturg">
-      <h1>Dramaturg</h1>
-      <p class="tagline">Playwright engineer's companion &mdash; console, editor, runner, and recorder in a Chrome side panel</p>
-    </div>
-    <div class="sections">
-      <div class="section">
-        <h2>Getting Started</h2>
-        <ol class="steps">
-          <li>Click the Dramaturg icon to open the side panel</li>
-          <li>Navigate to a webpage &mdash; it auto-attaches</li>
-          <li>Use keyword commands or Playwright API in the console</li>
-          <li>Record actions, pick elements, or write scripts in the editor</li>
-        </ol>
-      </div>
-      <div class="section">
-        <h2>Quick Reference</h2>
-        <table>
-          <tr><td>goto</td><td>Navigate to URL</td></tr>
-          <tr><td>click</td><td>Click element by ref</td></tr>
-          <tr><td>fill</td><td>Type into input field</td></tr>
-          <tr><td>snapshot</td><td>Show accessibility tree</td></tr>
-          <tr><td>screenshot</td><td>Capture page image</td></tr>
-          <tr><td>select</td><td>Choose dropdown option</td></tr>
-          <tr><td>verify-text</td><td>Assert text on page</td></tr>
-          <tr><td>help</td><td>Show all commands</td></tr>
-        </table>
-      </div>
-      <div class="section">
-        <h2>Keyboard Shortcuts</h2>
-        <div class="shortcut-row"><span class="shortcut-label">Run script</span> <span class="kbd">Ctrl+Enter</span></div>
-        <div class="shortcut-row"><span class="shortcut-label">Multi-line input</span> <span class="kbd">Shift+Enter</span></div>
-        <div class="shortcut-row"><span class="shortcut-label">History navigation</span> <span class="kbd">&uarr; / &darr;</span></div>
-        <div class="shortcut-row"><span class="shortcut-label">Accept ghost text</span> <span class="kbd">Tab</span></div>
-      </div>
-      <div class="section">
-        <h2>Playwright API</h2>
-        <table>
-          <tr><td>page</td><td>Active browser tab</td></tr>
-          <tr><td>context</td><td>Browser context</td></tr>
-          <tr><td>expect</td><td>Playwright assertions</td></tr>
-        </table>
-        <div style="margin-top: 8px; font-size: 12px; color: #999;">
-          Use <span class="kbd">await</span> for async methods.<br>
-          Type <span class="kbd">help js</span> for full API reference.
-        </div>
-      </div>
-    </div>
-    <div class="links">
-      <a href="https://github.com/nicobailon/playwright-repl">GitHub</a>
-      <span class="version">v0.16.2</span>
-    </div>
-  </div>
-</body>
-</html>

package/dist/chrome-extension/offscreen/offscreen.html DELETED Viewed

@@ -1,6 +0,0 @@
-<!DOCTYPE html>
-<html><head><meta charset="utf-8"><title>Bridge Executor</title>  <script type="module" crossorigin src="../offscreen/offscreen.js"></script>
-  <link rel="modulepreload" crossorigin href="../modulepreload-polyfill.js">
-</head>
-<body></body>
-</html>

package/dist/chrome-extension/offscreen/offscreen.js DELETED Viewed

@@ -1,54 +0,0 @@
-import "../modulepreload-polyfill.js";
-let ws = null;
-let reconnectTimer = null;
-function connect(port) {
-  try {
-    ws = new WebSocket(`ws://localhost:${port}`);
-    ws.onmessage = async (e) => {
-      const msg = JSON.parse(e.data);
-      try {
-        const runtimeMsg = {
-          type: "bridge-command",
-          command: msg.command,
-          scriptType: msg.type,
-          language: msg.language
-        };
-        if (msg.includeSnapshot) runtimeMsg.includeSnapshot = true;
-        const result = await chrome.runtime.sendMessage(runtimeMsg);
-        if (ws?.readyState === WebSocket.OPEN) {
-          ws.send(JSON.stringify({ id: msg.id, ...result }));
-        }
-      } catch (err) {
-        if (ws?.readyState === WebSocket.OPEN) {
-          ws.send(JSON.stringify({ id: msg.id, text: String(err), isError: true }));
-        }
-      }
-    };
-    ws.onclose = () => {
-      reconnectTimer = setTimeout(() => connect(port), 3e3);
-    };
-    ws.onerror = () => {
-    };
-  } catch {
-    reconnectTimer = setTimeout(() => connect(port), 3e3);
-  }
-}
-chrome.runtime.sendMessage({ type: "get-bridge-port" }).then((port) => {
-  connect(port || 9876);
-});
-chrome.runtime.onMessage.addListener((msg) => {
-  if (msg.type === "bridge-port-changed") {
-    if (reconnectTimer) clearTimeout(reconnectTimer);
-    if (ws) {
-      ws.onclose = null;
-      ws.close();
-    }
-    connect(msg.port);
-  }
-  if (msg.type === "recorded-action" || msg.type === "recorded-fill-update" || msg.type === "element-picked-raw" || msg.type === "pick-cancelled") {
-    if (ws?.readyState === WebSocket.OPEN) {
-      ws.send(JSON.stringify({ _event: true, ...msg }));
-    }
-  }
-});
-//# sourceMappingURL=offscreen.js.map

package/dist/chrome-extension/offscreen/offscreen.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"offscreen.js","sources":["../../src/offscreen/offscreen.ts"],"sourcesContent":["// ─── CLI Bridge (offscreen document) ──────────────────────────────────────────\r\n// Maintains a WebSocket connection to the MCP/CLI bridge server.\r\n// Relays commands to the service worker for execution via chrome.runtime messaging.\r\n// This runs independently of the side panel — MCP works without the panel open.\r\n\r\nlet ws: WebSocket | null = null;\r\nlet reconnectTimer: ReturnType<typeof setTimeout> | null = null;\r\n\r\nfunction connect(port: number) {\r\n try {\r\n ws = new WebSocket(`ws://localhost:${port}`);\r\n\r\n ws.onmessage = async (e) => {\r\n const msg = JSON.parse(e.data as string) as {\r\n id: string;\r\n command: string;\r\n type?: 'command' | 'script';\r\n language?: 'pw' | 'javascript';\r\n includeSnapshot?: boolean;\r\n };\r\n\r\n try {\r\n const runtimeMsg: Record<string, unknown> = {\r\n type: 'bridge-command',\r\n command: msg.command,\r\n scriptType: msg.type,\r\n language: msg.language,\r\n };\r\n if (msg.includeSnapshot) runtimeMsg.includeSnapshot = true;\r\n const result = await chrome.runtime.sendMessage(runtimeMsg);\r\n\r\n if (ws?.readyState === WebSocket.OPEN) {\r\n ws.send(JSON.stringify({ id: msg.id, ...result }));\r\n }\r\n } catch (err) {\r\n if (ws?.readyState === WebSocket.OPEN) {\r\n ws.send(JSON.stringify({ id: msg.id, text: String(err), isError: true }));\r\n }\r\n }\r\n };\r\n\r\n ws.onclose = () => {\r\n reconnectTimer = setTimeout(() => connect(port), 3000);\r\n };\r\n\r\n ws.onerror = () => {};\r\n } catch {\r\n reconnectTimer = setTimeout(() => connect(port), 3000);\r\n }\r\n}\r\n\r\n// Ask the SW for the bridge port (offscreen docs can't access chrome.storage)\r\nchrome.runtime.sendMessage({ type: 'get-bridge-port' }).then((port: number) => {\r\n connect(port || 9876);\r\n});\r\n\r\n// Listen for port changes and recording/picker events from the SW\r\nchrome.runtime.onMessage.addListener((msg) => {\r\n if (msg.type === 'bridge-port-changed') {\r\n if (reconnectTimer) clearTimeout(reconnectTimer);\r\n if (ws) { ws.onclose = null; ws.close(); }\r\n connect(msg.port as number);\r\n }\r\n\r\n // Forward recording/picker events to the bridge client (VS Code)\r\n if (msg.type === 'recorded-action' || msg.type === 'recorded-fill-update' ||\r\n msg.type === 'element-picked-raw' || msg.type === 'pick-cancelled') {\r\n if (ws?.readyState === WebSocket.OPEN) {\r\n ws.send(JSON.stringify({ _event: true, ...msg }));\r\n }\r\n }\r\n});\r\n\r\nexport {};\r\n"],"names":[],"mappings":";AAKA,IAAI,KAAuB;AAC3B,IAAI,iBAAuD;AAE3D,SAAS,QAAQ,MAAc;AAC3B,MAAI;AACA,SAAK,IAAI,UAAU,kBAAkB,IAAI,EAAE;AAE3C,OAAG,YAAY,OAAO,MAAM;AACxB,YAAM,MAAM,KAAK,MAAM,EAAE,IAAc;AAQvC,UAAI;AACA,cAAM,aAAsC;AAAA,UACxC,MAAM;AAAA,UACN,SAAS,IAAI;AAAA,UACb,YAAY,IAAI;AAAA,UAChB,UAAU,IAAI;AAAA,QAAA;AAElB,YAAI,IAAI,gBAAiB,YAAW,kBAAkB;AACtD,cAAM,SAAS,MAAM,OAAO,QAAQ,YAAY,UAAU;AAE1D,YAAI,IAAI,eAAe,UAAU,MAAM;AACnC,aAAG,KAAK,KAAK,UAAU,EAAE,IAAI,IAAI,IAAI,GAAG,OAAA,CAAQ,CAAC;AAAA,QACrD;AAAA,MACJ,SAAS,KAAK;AACV,YAAI,IAAI,eAAe,UAAU,MAAM;AACnC,aAAG,KAAK,KAAK,UAAU,EAAE,IAAI,IAAI,IAAI,MAAM,OAAO,GAAG,GAAG,SAAS,KAAA,CAAM,CAAC;AAAA,QAC5E;AAAA,MACJ;AAAA,IACJ;AAEA,OAAG,UAAU,MAAM;AACf,uBAAiB,WAAW,MAAM,QAAQ,IAAI,GAAG,GAAI;AAAA,IACzD;AAEA,OAAG,UAAU,MAAM;AAAA,IAAC;AAAA,EACxB,QAAQ;AACJ,qBAAiB,WAAW,MAAM,QAAQ,IAAI,GAAG,GAAI;AAAA,EACzD;AACJ;AAGA,OAAO,QAAQ,YAAY,EAAE,MAAM,mBAAmB,EAAE,KAAK,CAAC,SAAiB;AAC3E,UAAQ,QAAQ,IAAI;AACxB,CAAC;AAGD,OAAO,QAAQ,UAAU,YAAY,CAAC,QAAQ;AAC1C,MAAI,IAAI,SAAS,uBAAuB;AACpC,QAAI,6BAA6B,cAAc;AAC/C,QAAI,IAAI;AAAE,SAAG,UAAU;AAAM,SAAG,MAAA;AAAA,IAAS;AACzC,YAAQ,IAAI,IAAc;AAAA,EAC9B;AAGA,MAAI,IAAI,SAAS,qBAAqB,IAAI,SAAS,0BAC/C,IAAI,SAAS,wBAAwB,IAAI,SAAS,kBAAkB;AACpE,QAAI,IAAI,eAAe,UAAU,MAAM;AACnC,SAAG,KAAK,KAAK,UAAU,EAAE,QAAQ,MAAM,GAAG,IAAA,CAAK,CAAC;AAAA,IACpD;AAAA,EACJ;AACJ,CAAC;"}

package/dist/chrome-extension/panel/panel.html DELETED Viewed

@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <script type="module" crossorigin src="../panel/panel.js"></script>
-  <link rel="modulepreload" crossorigin href="../modulepreload-polyfill.js">
-  <link rel="modulepreload" crossorigin href="../index.js">
-  <link rel="modulepreload" crossorigin href="../sw-debugger-core.js">
-  <link rel="modulepreload" crossorigin href="../index2.js">
-  <link rel="modulepreload" crossorigin href="../settings.js">
-  <link rel="stylesheet" crossorigin href="../index.css">
-</head>
-<body>
-  <div id="root"></div>
-</body>
-</html>