@dev-blinq/cucumber_client 1.0.1654-dev → 1.0.1655-dev

package/bin/client/recorderv3/services.js

@@ -298,190 +298,190 @@ export class RemoteBrowserService extends EventEmitter {
                 lastKnownUrl: page.url(),
                 lastKnownWsDebuggerUrl: cdpTargetId ? `${this.wsUrlBase}${cdpTargetId}` : undefined,
             });
-            this.log("✅ Existing page added to map", { stableTabId, cdpTargetId, url: page.url() });
-            this.attachPageLifecycleListeners(page, stableTabId);
-            this.log("🔍 Attached lifecycle listeners to existing page", { stableTabId });
-        }
-        if (this.pages.size > 0 && !this._selectedPageId) {
-            this._selectedPageId = Array.from(this.pages.keys())[0];
-        }
-        await this.syncState();
-        this.context.on("page", async (page) => {
-            const stableTabId = uuidv4();
-            this.log("🆕 New page event triggered", { stableTabId, url: page.url() });
-            // We get the ID immediately, but it might be null if the page is too new
-            const cdpTargetId = await this.getCdpTargetId(page);
-            this.pages.set(stableTabId, {
-                page,
-                cdpTargetId,
-                lastKnownTitle: undefined,
-                lastKnownUrl: page.url(),
-                lastKnownWsDebuggerUrl: cdpTargetId ? `${this.wsUrlBase}${cdpTargetId}` : undefined,
-            });
-            if (cdpTargetId) {
-                this.log("✅ Page mapped to CDP ID", { stableTabId, cdpTargetId });
-            }
-            else {
-                this.log("⚠️ Could not find CDP ID for new page yet", { stableTabId });
-            }
-            if (!this._selectedPageId) {
-                // Select the first page that opens
-                this._selectedPageId = stableTabId;
-                this.log("🎯 Initial selected page set", { selectedPageId: this._selectedPageId });
-            }
-            this.attachPageLifecycleListeners(page, stableTabId);
-            await this.syncState();
-        });
-    }
-    attachPageLifecycleListeners(page, stableTabId) {
-        page.on("load", () => this.syncState());
-        page.on("framenavigated", () => this.syncState());
-        page.on("close", async () => {
-            this.log("🗑️ Page close event", { stableTabId });
-            this.pages.delete(stableTabId);
-            if (this._selectedPageId === stableTabId) {
-                this._selectedPageId = this.pages.size > 0 ? Array.from(this.pages.keys())[0] : null;
-                this.log("🔄 Selected page changed after close", { newSelectedId: this._selectedPageId });
-            }
-            await this.syncState();
-        });
-    }
-    async syncState() {
-        try {
-            this.log("🔄 Starting state sync");
-            const state = await this.getState();
-            this.log("✅ State sync complete", { pagesCount: state.pages.length, selectedPageId: state.selectedPageId });
-            this.emit("BrowserService.stateSync", state);
-        }
-        catch (error) {
-            this.log("❌ Error syncing state", { error });
-        }
-    }
-    async getState() {
-        this.log("📊 Getting current state");
-        const pagesData = [];
-        const pagesToDelete = []; // To clean up closed pages
-        for (const [stableTabId, pageInfo] of this.pages.entries()) {
-            const pageData = {
-                id: stableTabId,
-                title: pageInfo.lastKnownTitle ?? "",
-                url: pageInfo.lastKnownUrl ?? pageInfo.page.url(),
-                wsDebuggerUrl: pageInfo.lastKnownWsDebuggerUrl ?? "",
-            };
-            try {
-                if (pageInfo.page.isClosed()) {
-                    this.log("🧹 Found closed page during getState, marking for deletion", { stableTabId });
-                    pagesToDelete.push(stableTabId);
-                    continue;
-                }
-                // Get the one, true, live CDP ID
-                const currentCdpId = await this.getCdpTargetId(pageInfo.page);
-                if (currentCdpId && pageInfo.cdpTargetId !== currentCdpId) {
-                    this.log("🔄 CDP ID changed", { stableTabId, old: pageInfo.cdpTargetId, new: currentCdpId });
-                    pageInfo.cdpTargetId = currentCdpId; // Update our internal reference
-                }
-                // Manually construct the WebSocket URL
-                const wsDebuggerUrl = currentCdpId
-                    ? `${this.wsUrlBase}${currentCdpId}`
-                    : (pageInfo.lastKnownWsDebuggerUrl ?? "");
-                if (!wsDebuggerUrl) {
-                    this.log("⚠️ Could not get CDP ID, wsDebuggerUrl will be empty", { stableTabId });
-                }
-                const title = await pageInfo.page.title();
-                const currentUrl = pageInfo.page.url();
-                pageData.title = title;
-                pageData.url = currentUrl;
-                pageData.wsDebuggerUrl = wsDebuggerUrl; // Use the constructed URL
-                pageInfo.lastKnownTitle = title;
-                pageInfo.lastKnownUrl = currentUrl;
-                pageInfo.lastKnownWsDebuggerUrl = wsDebuggerUrl;
-                this.log("🟥Page data", pageData);
-            }
-            catch (error) {
-                const message = error instanceof Error ? error.message : JSON.stringify(error);
-                if (this.isTransientPageDataError(error)) {
-                    this.log("⏳ Transient error getting page data, will retry", { stableTabId, message });
+            page.on("framenavigated", async () => {
+                try {
+                    await this.ensureClipboardScriptLoaded(page);
                 }
-                else {
-                    this.log("❌ Error getting page data", { stableTabId, message });
-                    pagesToDelete.push(stableTabId); // Mark for deletion
-                    continue;
+                catch (err) {
+                    this.log("❌ Error injecting clipboard script on navigation", { stableTabId, error: err });
                 }
-            }
-            if (!pageData.title) {
-                pageData.title = pageInfo.page.url() === "about:blank" ? "" : "Loading...";
-            }
-            pagesData.push(pageData);
-        }
-        pagesToDelete.forEach((id) => this.pages.delete(id));
-        if (this._selectedPageId && !this.pages.has(this._selectedPageId)) {
-            this._selectedPageId = pagesData.length > 0 ? pagesData[0].id : null;
-            this.log("🔄 Corrected selectedPageId", { new: this._selectedPageId });
-        }
-        if (!this._selectedPageId && pagesData.length > 0) {
-            this._selectedPageId = pagesData[0].id;
-            this.log("🎯 Set default selectedPageId", { new: this._selectedPageId });
-        }
-        const state = {
-            pages: pagesData,
-            selectedPageId: this._selectedPageId,
-        };
-        this.log("📦 Final state", state);
-        return state;
-    }
-    async createTab(url = "about:blank") {
-        try {
-            this.log("🆕 Creating new tab", { url });
-            const page = await this.context.newPage(); // This will trigger the 'page' event
-            if (url !== "about:blank") {
-                await page.goto(url, { waitUntil: "domcontentloaded" });
-            }
-            for (const [stableTabId, pageInfo] of this.pages.entries()) {
-                if (pageInfo.page === page) {
-                    this._selectedPageId = stableTabId;
-                    this.log("✅ New tab created and selected", { stableTabId, url });
-                    break;
-                }
-            }
-            await this.syncState();
-        }
-        catch (error) {
-            this.log("❌ Error creating tab", { error });
-        }
-    }
-    async closeTab(stableTabId) {
-        try {
-            this.log("🗑️ Closing tab", { stableTabId });
-            const pageInfo = this.pages.get(stableTabId);
-            if (pageInfo) {
-                await pageInfo.page.close(); // This will trigger the 'close' event
-            }
-            else {
-                this.log("⚠️ Page not found for closing", { stableTabId });
-            }
-        }
-        catch (error) {
-            this.log("❌ Error closing tab", { error });
-        }
-    }
-    async selectTab(stableTabId) {
-        try {
-            this.log("🎯 Selecting tab", { stableTabId });
-            const pageInfo = this.pages.get(stableTabId);
-            if (pageInfo) {
-                this._selectedPageId = stableTabId;
-                await pageInfo.page.bringToFront();
-                this.log("✅ Tab selected successfully", { stableTabId });
-                await this.syncState();
-            }
-            else {
-                this.log("⚠️ Page not found for selection", { stableTabId });
-            }
-        }
-        catch (error) {
-            this.log("❌ Error selecting tab", { error });
-        }
+            });
+            // this.log("✅ Existing page added to map", { stableTabId, cdpTargetId, url: page.url() });
+            // this.attachPageLifecycleListeners(page, stableTabId);
+            // this.log("🔍 Attached lifecycle listeners to existing page", { stableTabId });
+        }
+        // if (this.pages.size > 0 && !this._selectedPageId) {
+        //   this._selectedPageId = Array.from(this.pages.keys())[0];
+        // }
+        //   await this.syncState();
+        this.context.on("page", async (page) => {
+            // const stableTabId = uuidv4();
+            // this.log("🆕 New page event triggered", { stableTabId, url: page.url() });
+            //     // We get the ID immediately, but it might be null if the page is too new
+            //     const cdpTargetId = await this.getCdpTargetId(page);
+            //     this.pages.set(stableTabId, {
+            //       page,
+            //       cdpTargetId,
+            //       lastKnownTitle: undefined,
+            //       lastKnownUrl: page.url(),
+            //       lastKnownWsDebuggerUrl: cdpTargetId ? `${this.wsUrlBase}${cdpTargetId}` : undefined,
+            //     });
+            //     if (cdpTargetId) {
+            //       this.log("✅ Page mapped to CDP ID", { stableTabId, cdpTargetId });
+            //     } else {
+            //       this.log("⚠️ Could not find CDP ID for new page yet", { stableTabId });
+            //     }
+            //     if (!this._selectedPageId) {
+            //       // Select the first page that opens
+            //       this._selectedPageId = stableTabId;
+            //       this.log("🎯 Initial selected page set", { selectedPageId: this._selectedPageId });
+            //     }
+            //     this.attachPageLifecycleListeners(page, stableTabId);
+            //     await this.syncState();
+            await this.ensureClipboardScriptLoaded(page);
+        });
     }
+    // private attachPageLifecycleListeners(page: Page, stableTabId: string) {
+    //   page.on("load", () => this.syncState());
+    //   page.on("framenavigated", () => this.syncState());
+    //   page.on("close", async () => {
+    //     this.log("🗑️ Page close event", { stableTabId });
+    //     this.pages.delete(stableTabId);
+    //     if (this._selectedPageId === stableTabId) {
+    //       this._selectedPageId = this.pages.size > 0 ? Array.from(this.pages.keys())[0] : null;
+    //       this.log("🔄 Selected page changed after close", { newSelectedId: this._selectedPageId });
+    //     }
+    //     await this.syncState();
+    //   });
+    // }
+    // private async syncState() {
+    //   try {
+    //     this.log("🔄 Starting state sync");
+    //     const state = await this.getState();
+    //     this.log("✅ State sync complete", { pagesCount: state.pages.length, selectedPageId: state.selectedPageId });
+    //     this.emit("BrowserService.stateSync", state);
+    //   } catch (error) {
+    //     this.log("❌ Error syncing state", { error });
+    //   }
+    // }
+    // async getState(): Promise<BrowserState> {
+    //   this.log("📊 Getting current state");
+    //   const pagesData: PageData[] = [];
+    //   const pagesToDelete: string[] = []; // To clean up closed pages
+    //   for (const [stableTabId, pageInfo] of this.pages.entries()) {
+    //     const pageData: PageData = {
+    //       id: stableTabId,
+    //       title: pageInfo.lastKnownTitle ?? "",
+    //       url: pageInfo.lastKnownUrl ?? pageInfo.page.url(),
+    //       wsDebuggerUrl: pageInfo.lastKnownWsDebuggerUrl ?? "",
+    //     };
+    //     try {
+    //       if (pageInfo.page.isClosed()) {
+    //         this.log("🧹 Found closed page during getState, marking for deletion", { stableTabId });
+    //         pagesToDelete.push(stableTabId);
+    //         continue;
+    //       }
+    //       // Get the one, true, live CDP ID
+    //       const currentCdpId = await this.getCdpTargetId(pageInfo.page);
+    //       if (currentCdpId && pageInfo.cdpTargetId !== currentCdpId) {
+    //         this.log("🔄 CDP ID changed", { stableTabId, old: pageInfo.cdpTargetId, new: currentCdpId });
+    //         pageInfo.cdpTargetId = currentCdpId; // Update our internal reference
+    //       }
+    //       // Manually construct the WebSocket URL
+    //       const wsDebuggerUrl = currentCdpId
+    //         ? `${this.wsUrlBase}${currentCdpId}`
+    //         : (pageInfo.lastKnownWsDebuggerUrl ?? "");
+    //       if (!wsDebuggerUrl) {
+    //         this.log("⚠️ Could not get CDP ID, wsDebuggerUrl will be empty", { stableTabId });
+    //       }
+    //       const title = await pageInfo.page.title();
+    //       const currentUrl = pageInfo.page.url();
+    //       pageData.title = title;
+    //       pageData.url = currentUrl;
+    //       pageData.wsDebuggerUrl = wsDebuggerUrl; // Use the constructed URL
+    //       pageInfo.lastKnownTitle = title;
+    //       pageInfo.lastKnownUrl = currentUrl;
+    //       pageInfo.lastKnownWsDebuggerUrl = wsDebuggerUrl;
+    //       this.log("🟥Page data", pageData);
+    //     } catch (error) {
+    //       const message = error instanceof Error ? error.message : JSON.stringify(error);
+    //       if (this.isTransientPageDataError(error)) {
+    //         this.log("⏳ Transient error getting page data, will retry", { stableTabId, message });
+    //       } else {
+    //         this.log("❌ Error getting page data", { stableTabId, message });
+    //         pagesToDelete.push(stableTabId); // Mark for deletion
+    //         continue;
+    //       }
+    //     }
+    //     if (!pageData.title) {
+    //       pageData.title = pageInfo.page.url() === "about:blank" ? "" : "Loading...";
+    //     }
+    //     pagesData.push(pageData);
+    //   }
+    //   pagesToDelete.forEach((id) => this.pages.delete(id));
+    //   if (this._selectedPageId && !this.pages.has(this._selectedPageId)) {
+    //     this._selectedPageId = pagesData.length > 0 ? pagesData[0].id : null;
+    //     this.log("🔄 Corrected selectedPageId", { new: this._selectedPageId });
+    //   }
+    //   if (!this._selectedPageId && pagesData.length > 0) {
+    //     this._selectedPageId = pagesData[0].id;
+    //     this.log("🎯 Set default selectedPageId", { new: this._selectedPageId });
+    //   }
+    //   const state = {
+    //     pages: pagesData,
+    //     selectedPageId: this._selectedPageId,
+    //   };
+    //   this.log("📦 Final state", state);
+    //   return state;
+    // }
+    // async createTab(url: string = "about:blank"): Promise<void> {
+    //   try {
+    //     this.log("🆕 Creating new tab", { url });
+    //     const page = await this.context.newPage(); // This will trigger the 'page' event
+    //     if (url !== "about:blank") {
+    //       await page.goto(url, { waitUntil: "domcontentloaded" });
+    //     }
+    //     for (const [stableTabId, pageInfo] of this.pages.entries()) {
+    //       if (pageInfo.page === page) {
+    //         this._selectedPageId = stableTabId;
+    //         this.log("✅ New tab created and selected", { stableTabId, url });
+    //         break;
+    //       }
+    //     }
+    //     await this.syncState();
+    //   } catch (error) {
+    //     this.log("❌ Error creating tab", { error });
+    //   }
+    // }
+    // async closeTab(stableTabId: string): Promise<void> {
+    //   try {
+    //     this.log("🗑️ Closing tab", { stableTabId });
+    //     const pageInfo = this.pages.get(stableTabId);
+    //     if (pageInfo) {
+    //       await pageInfo.page.close(); // This will trigger the 'close' event
+    //     } else {
+    //       this.log("⚠️ Page not found for closing", { stableTabId });
+    //     }
+    //   } catch (error) {
+    //     this.log("❌ Error closing tab", { error });
+    //   }
+    // }
+    // async selectTab(stableTabId: string): Promise<void> {
+    //   try {
+    //     this.log("🎯 Selecting tab", { stableTabId });
+    //     const pageInfo = this.pages.get(stableTabId);
+    //     if (pageInfo) {
+    //       this._selectedPageId = stableTabId;
+    //       await pageInfo.page.bringToFront();
+    //       this.log("✅ Tab selected successfully", { stableTabId });
+    //       await this.syncState();
+    //     } else {
+    //       this.log("⚠️ Page not found for selection", { stableTabId });
+    //     }
+    //   } catch (error) {
+    //     this.log("❌ Error selecting tab", { error });
+    //   }
+    // }
     getPageInfo(stableTabId) {
         if (!stableTabId) {
             this.log("⚠️ Operation requested without a selected tab");
@@ -494,73 +494,69 @@ export class RemoteBrowserService extends EventEmitter {
         }
         return pageInfo;
     }
-    async navigateTab(stableTabId, url) {
-        const pageInfo = this.getPageInfo(stableTabId);
-        if (!pageInfo) {
-            return;
-        }
-        try {
-            this.log("🌐 Navigating tab", { stableTabId, url });
-            await pageInfo.page.goto(url, { waitUntil: "domcontentloaded" });
-            this._selectedPageId = stableTabId;
-            await this.syncState();
-        }
-        catch (error) {
-            this.log("❌ Error navigating tab", { stableTabId, url, error });
-            throw error;
-        }
-    }
-    async reloadTab(stableTabId) {
-        const pageInfo = this.getPageInfo(stableTabId);
-        if (!pageInfo) {
-            return;
-        }
-        try {
-            this.log("🔄 Reloading tab", { stableTabId, url: pageInfo.page.url() });
-            await pageInfo.page.reload({ waitUntil: "domcontentloaded" });
-            await this.syncState();
-        }
-        catch (error) {
-            this.log("❌ Error reloading tab", { stableTabId, error });
-            throw error;
-        }
-    }
-    async goBack(stableTabId) {
-        const pageInfo = this.getPageInfo(stableTabId);
-        if (!pageInfo) {
-            return;
-        }
-        try {
-            this.log("⬅️ Navigating back", { stableTabId });
-            const response = await pageInfo.page.goBack({ waitUntil: "domcontentloaded" });
-            if (!response) {
-                this.log("ℹ️ No history entry to go back to", { stableTabId });
-            }
-            await this.syncState();
-        }
-        catch (error) {
-            this.log("❌ Error navigating back", { stableTabId, error });
-            throw error;
-        }
-    }
-    async goForward(stableTabId) {
-        const pageInfo = this.getPageInfo(stableTabId);
-        if (!pageInfo) {
-            return;
-        }
-        try {
-            this.log("➡️ Navigating forward", { stableTabId });
-            const response = await pageInfo.page.goForward({ waitUntil: "domcontentloaded" });
-            if (!response) {
-                this.log("ℹ️ No history entry to go forward to", { stableTabId });
-            }
-            await this.syncState();
-        }
-        catch (error) {
-            this.log("❌ Error navigating forward", { stableTabId, error });
-            throw error;
-        }
-    }
+    // async navigateTab(stableTabId: string, url: string): Promise<void> {
+    //   const pageInfo = this.getPageInfo(stableTabId);
+    //   if (!pageInfo) {
+    //     return;
+    //   }
+    //   try {
+    //     this.log("🌐 Navigating tab", { stableTabId, url });
+    //     await pageInfo.page.goto(url, { waitUntil: "domcontentloaded" });
+    //     this._selectedPageId = stableTabId;
+    //     await this.syncState();
+    //   } catch (error) {
+    //     this.log("❌ Error navigating tab", { stableTabId, url, error });
+    //     throw error;
+    //   }
+    // }
+    // async reloadTab(stableTabId: string): Promise<void> {
+    //   const pageInfo = this.getPageInfo(stableTabId);
+    //   if (!pageInfo) {
+    //     return;
+    //   }
+    //   try {
+    //     this.log("🔄 Reloading tab", { stableTabId, url: pageInfo.page.url() });
+    //     await pageInfo.page.reload({ waitUntil: "domcontentloaded" });
+    //     await this.syncState();
+    //   } catch (error) {
+    //     this.log("❌ Error reloading tab", { stableTabId, error });
+    //     throw error;
+    //   }
+    // }
+    // async goBack(stableTabId: string): Promise<void> {
+    //   const pageInfo = this.getPageInfo(stableTabId);
+    //   if (!pageInfo) {
+    //     return;
+    //   }
+    //   try {
+    //     this.log("⬅️ Navigating back", { stableTabId });
+    //     const response = await pageInfo.page.goBack({ waitUntil: "domcontentloaded" });
+    //     if (!response) {
+    //       this.log("ℹ️ No history entry to go back to", { stableTabId });
+    //     }
+    //     await this.syncState();
+    //   } catch (error) {
+    //     this.log("❌ Error navigating back", { stableTabId, error });
+    //     throw error;
+    //   }
+    // }
+    // async goForward(stableTabId: string): Promise<void> {
+    //   const pageInfo = this.getPageInfo(stableTabId);
+    //   if (!pageInfo) {
+    //     return;
+    //   }
+    //   try {
+    //     this.log("➡️ Navigating forward", { stableTabId });
+    //     const response = await pageInfo.page.goForward({ waitUntil: "domcontentloaded" });
+    //     if (!response) {
+    //       this.log("ℹ️ No history entry to go forward to", { stableTabId });
+    //     }
+    //     await this.syncState();
+    //   } catch (error) {
+    //     this.log("❌ Error navigating forward", { stableTabId, error });
+    //     throw error;
+    //   }
+    // }
     async applyClipboardPayload(payload) {
         this.log("📋 applyClipboardPayload called", {
             hasText: !!payload?.text,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev-blinq/cucumber_client",
-  "version": "1.0.1654-dev",
+  "version": "1.0.1655-dev",
   "description": " ",
   "main": "bin/index.js",
   "types": "bin/index.d.ts",