@probolabs/playwright 0.4.8 → 0.4.9

package/dist/probo-playwright.esm.js

@@ -0,0 +1,63 @@
+import { readFileSync } from 'fs';
+import { join } from 'path';
+
+const ElementTag = {
+  CLICKABLE: "CLICKABLE", // button, link, toggle switch, checkbox, radio, dropdowns, clickable divs
+  FILLABLE: "FILLABLE", // input, textarea content_editable, date picker??
+  SELECTABLE: "SELECTABLE", // select
+  NON_INTERACTIVE_ELEMENT: 'NON_INTERACTIVE_ELEMENT',
+};
+
+// Import ElementTag from constants
+// Read the UMD bundle at build time
+const highlighterCode = readFileSync(join(__dirname, '../../probo-highlighter/dist/probolabs.umd.js'), 'utf8');
+class Probo {
+    constructor(token, apiUrl) {
+        this.token = token;
+        this.apiUrl = apiUrl;
+        console.log('Probo constructor', this.token, this.apiUrl);
+    }
+    setupConsoleLogs(page) {
+        {
+            page.on('console', msg => {
+                const type = msg.type();
+                const text = msg.text();
+                console.log(`BROWSER CONSOLE [${type}]: ${text}`);
+            });
+        }
+    }
+    async ensureHighlighterScript(page) {
+        this.setupConsoleLogs(page);
+        const scriptExists = await page.evaluate(`typeof window.ProboLabs?.highlight?.execute === 'function'`);
+        if (!scriptExists) {
+            console.log('DEBUG: Injecting highlighter script...');
+            await page.evaluate(highlighterCode);
+            // Verify the script was injected correctly
+            const verified = await page.evaluate(`
+        console.log('ProboLabs global:', window.ProboLabs);
+        typeof window.ProboLabs?.highlight?.execute === 'function'
+      `);
+            console.log('DEBUG: Script injection verified:', verified);
+        }
+    }
+    async highlightElements(page, elementTag) {
+        console.log('highlightElements called with:', elementTag);
+        await this.ensureHighlighterScript(page);
+        // Execute the highlight function and await its result
+        const result = await page.evaluate(async (tag) => {
+            var _a, _b;
+            console.log('Browser: Starting highlight execution with tag:', tag);
+            if (!((_b = (_a = window.ProboLabs) === null || _a === void 0 ? void 0 : _a.highlight) === null || _b === void 0 ? void 0 : _b.execute)) {
+                console.error('Browser: ProboLabs.highlight.execute is not available!');
+                return null;
+            }
+            const elements = await window.ProboLabs.highlight.execute([tag]);
+            console.log('Browser: Found elements:', elements);
+            return elements;
+        }, elementTag);
+        console.log('Highlight result:', result);
+        return result;
+    }
+}
+
+export { ElementTag, Probo };