@playwright-repl/browser-extension 0.24.0

package/dist/devtools/console.js

@@ -0,0 +1,44 @@
+import "../modulepreload-polyfill.js";
+import { c as clientExports, j as jsxRuntimeExports, r as reactExports } from "../index.js";
+import { a8 as panelReducer, a9 as initialState, aa as onConsoleEvent, a3 as Console, e as attachToTab } from "../index2.js";
+import "../sw-debugger-core.js";
+function DevToolsConsole() {
+  const [state, dispatch] = reactExports.useReducer(panelReducer, initialState);
+  reactExports.useEffect(() => {
+    const inspectedTabId = chrome.devtools?.inspectedWindow?.tabId;
+    async function doAttach(tabId) {
+      const [res, tab] = await Promise.all([
+        attachToTab(tabId),
+        chrome.tabs.get(tabId).catch(() => null)
+      ]);
+      if (res.ok && res.url) {
+        const idx = (tab?.index ?? 0) + 1;
+        dispatch({ type: "ATTACH_SUCCESS", url: res.url, tabId });
+        dispatch({ type: "ADD_LINE", line: { text: `Attached to tab ${idx}: ${res.url}`, type: "info" } });
+      }
+    }
+    if (inspectedTabId) {
+      doAttach(inspectedTabId).catch((e) => console.warn("[pw-repl] auto-attach failed:", e));
+    }
+    const onActivated = (info) => {
+      if (!inspectedTabId || info.tabId !== inspectedTabId) return;
+      doAttach(inspectedTabId).catch((e) => console.warn("[pw-repl] re-attach failed:", e));
+    };
+    chrome.tabs.onActivated.addListener(onActivated);
+    return () => {
+      chrome.tabs.onActivated.removeListener(onActivated);
+    };
+  }, []);
+  reactExports.useEffect(() => {
+    onConsoleEvent((level, args) => {
+      for (const arg of args) {
+        const type = level === "error" ? "error" : level === "warn" ? "info" : "success";
+        dispatch({ type: "ADD_LINE", line: { text: "", type, value: arg } });
+      }
+    });
+    return () => onConsoleEvent(null);
+  }, [dispatch]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Console, { outputLines: state.outputLines, dispatch });
+}
+clientExports.createRoot(document.getElementById("root")).render(/* @__PURE__ */ jsxRuntimeExports.jsx(DevToolsConsole, {}));
+//# sourceMappingURL=console.js.map

package/dist/devtools/console.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"console.js","sources":["../../src/devtools/console.tsx"],"sourcesContent":["/**\r\n * DevTools REPL Console — mounts the Console component in a DevTools panel.\r\n */\r\nimport '../panel/panel.css';\r\nimport { createRoot } from 'react-dom/client';\r\nimport { useReducer, useEffect } from 'react';\r\nimport { panelReducer, initialState } from '../panel/reducer';\r\nimport { attachToTab } from '../panel/lib/bridge';\r\nimport { Console } from '../panel/components/Console';\r\nimport { onConsoleEvent } from '../panel/lib/sw-debugger';\r\n\r\nfunction DevToolsConsole() {\r\n  const [state, dispatch] = useReducer(panelReducer, initialState);\r\n  // Auto-attach to the inspected tab, re-attach when user switches back\r\n  useEffect(() => {\r\n    const inspectedTabId = chrome.devtools?.inspectedWindow?.tabId;\r\n\r\n    async function doAttach(tabId: number) {\r\n      const [res, tab] = await Promise.all([\r\n        attachToTab(tabId),\r\n        chrome.tabs.get(tabId).catch(() => null),\r\n      ]);\r\n      if (res.ok && res.url) {\r\n        const idx = (tab?.index ?? 0) + 1;\r\n        dispatch({ type: 'ATTACH_SUCCESS', url: res.url, tabId });\r\n        dispatch({ type: 'ADD_LINE', line: { text: `Attached to tab ${idx}: ${res.url}`, type: 'info' } });\r\n      }\r\n    }\r\n\r\n    if (inspectedTabId) {\r\n      doAttach(inspectedTabId).catch(e => console.warn('[pw-repl] auto-attach failed:', e));\r\n    }\r\n\r\n    const onActivated = (info: chrome.tabs.TabActiveInfo) => {\r\n      if (!inspectedTabId || info.tabId !== inspectedTabId) return;\r\n      doAttach(inspectedTabId).catch(e => console.warn('[pw-repl] re-attach failed:', e));\r\n    };\r\n    chrome.tabs.onActivated.addListener(onActivated);\r\n\r\n    return () => {\r\n      chrome.tabs.onActivated.removeListener(onActivated);\r\n    };\r\n  }, []);\r\n\r\n  // Forward console.log/error from the page\r\n  useEffect(() => {\r\n    onConsoleEvent((level, args) => {\r\n      for (const arg of args) {\r\n        const type = level === 'error' ? 'error' : level === 'warn' ? 'info' : 'success';\r\n        dispatch({ type: 'ADD_LINE', line: { text: '', type, value: arg } });\r\n      }\r\n    });\r\n    return () => onConsoleEvent(null);\r\n  }, [dispatch]);\r\n\r\n  return <Console outputLines={state.outputLines} dispatch={dispatch} />;\r\n}\r\n\r\ncreateRoot(document.getElementById('root')!).render(<DevToolsConsole />);\r\n"],"names":["useReducer","useEffect","jsx","createRoot"],"mappings":";;;;AAWA,SAAS,kBAAkB;AACzB,QAAM,CAAC,OAAO,QAAQ,IAAIA,aAAAA,WAAW,cAAc,YAAY;AAE/DC,eAAAA,UAAU,MAAM;AACd,UAAM,iBAAiB,OAAO,UAAU,iBAAiB;AAEzD,mBAAe,SAAS,OAAe;AACrC,YAAM,CAAC,KAAK,GAAG,IAAI,MAAM,QAAQ,IAAI;AAAA,QACnC,YAAY,KAAK;AAAA,QACjB,OAAO,KAAK,IAAI,KAAK,EAAE,MAAM,MAAM,IAAI;AAAA,MAAA,CACxC;AACD,UAAI,IAAI,MAAM,IAAI,KAAK;AACrB,cAAM,OAAO,KAAK,SAAS,KAAK;AAChC,iBAAS,EAAE,MAAM,kBAAkB,KAAK,IAAI,KAAK,OAAO;AACxD,iBAAS,EAAE,MAAM,YAAY,MAAM,EAAE,MAAM,mBAAmB,GAAG,KAAK,IAAI,GAAG,IAAI,MAAM,OAAA,GAAU;AAAA,MACnG;AAAA,IACF;AAEA,QAAI,gBAAgB;AAClB,eAAS,cAAc,EAAE,MAAM,CAAA,MAAK,QAAQ,KAAK,iCAAiC,CAAC,CAAC;AAAA,IACtF;AAEA,UAAM,cAAc,CAAC,SAAoC;AACvD,UAAI,CAAC,kBAAkB,KAAK,UAAU,eAAgB;AACtD,eAAS,cAAc,EAAE,MAAM,CAAA,MAAK,QAAQ,KAAK,+BAA+B,CAAC,CAAC;AAAA,IACpF;AACA,WAAO,KAAK,YAAY,YAAY,WAAW;AAE/C,WAAO,MAAM;AACX,aAAO,KAAK,YAAY,eAAe,WAAW;AAAA,IACpD;AAAA,EACF,GAAG,CAAA,CAAE;AAGLA,eAAAA,UAAU,MAAM;AACd,mBAAe,CAAC,OAAO,SAAS;AAC9B,iBAAW,OAAO,MAAM;AACtB,cAAM,OAAO,UAAU,UAAU,UAAU,UAAU,SAAS,SAAS;AACvE,iBAAS,EAAE,MAAM,YAAY,MAAM,EAAE,MAAM,IAAI,MAAM,OAAO,IAAA,EAAI,CAAG;AAAA,MACrE;AAAA,IACF,CAAC;AACD,WAAO,MAAM,eAAe,IAAI;AAAA,EAClC,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAOC,kCAAAA,IAAC,SAAA,EAAQ,aAAa,MAAM,aAAa,UAAoB;AACtE;AAEAC,cAAAA,WAAW,SAAS,eAAe,MAAM,CAAE,EAAE,OAAOD,kCAAAA,IAAC,mBAAgB,CAAE;"}

package/dist/devtools/devtools.html

@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+<head><meta charset="UTF-8">  <script type="module" crossorigin src="../devtools/devtools.js"></script>
+  <link rel="modulepreload" crossorigin href="../modulepreload-polyfill.js">
+</head>
+<body>
+</body>
+</html>

package/dist/devtools/devtools.js

@@ -0,0 +1,7 @@
+import "../modulepreload-polyfill.js";
+chrome.devtools.panels.create(
+  "Playwright",
+  "icons/dramaturg_icon_16.png",
+  "devtools/console.html"
+);
+//# sourceMappingURL=devtools.js.map

package/dist/devtools/devtools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools.js","sources":["../../src/devtools/devtools.ts"],"sourcesContent":["/**\r\n * DevTools entry point — creates a \"REPL\" panel in Chrome DevTools.\r\n */\r\nchrome.devtools.panels.create(\r\n  'Playwright',\r\n  'icons/dramaturg_icon_16.png',\r\n  'devtools/console.html',\r\n);\r\n"],"names":[],"mappings":";AAGA,OAAO,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AACF;"}