@dev-blinq/cucumber_client 1.0.1595-dev → 1.0.1597-dev

package/bin/client/recorderv3/services.js

@@ -214,9 +214,8 @@ export class PublishService {
 export class RemoteBrowserService extends EventEmitter {
     CDP_CONNECT_URL;
     context;
-    //          stableTabId,   Page Info
     pages = new Map();
-    _selectedPageId = null; // This will be a stableTabId
+    _selectedPageId = null;
     constructor({ CDP_CONNECT_URL, context }) {
         super();
         this.CDP_CONNECT_URL = CDP_CONNECT_URL;
@@ -228,15 +227,46 @@ export class RemoteBrowserService extends EventEmitter {
         const timestamp = new Date().toISOString();
         console.log(`[${timestamp}] [RemoteBrowserService] ${message}`, data ? JSON.stringify(data, null, 2) : "");
     }
+    // Simplified: Get the ID directly from the page
+    async getCdpTargetId(page) {
+        try {
+            const cdpSession = await page.context().newCDPSession(page);
+            const { targetInfo } = await cdpSession.send("Target.getTargetInfo");
+            await cdpSession.detach();
+            if (targetInfo && targetInfo.targetId) {
+                this.log("✅ Found CDP ID by session", { id: targetInfo.targetId, url: page.url() });
+                return targetInfo.targetId;
+            }
+            throw new Error("Target.getTargetInfo did not return a targetId");
+        }
+        catch (error) {
+            this.log("❌ Error getting CDP ID by session", { url: page.url(), error });
+            return null;
+        }
+    }
+    async getDebugURLs() {
+        const url = `${this.CDP_CONNECT_URL}/json?t=${Date.now()}`; // Cache-busting
+        try {
+            const response = await fetch(url, { cache: "no-store" });
+            if (!response.ok) {
+                this.log("❌ Failed to fetch debug URLs", { status: response.status });
+                throw new Error("Error while fetching debug URL");
+            }
+            return await response.json();
+        }
+        catch (error) {
+            this.log("❌ Exception while fetching debug URLs", { error });
+            return [];
+        }
+    }
     async initializeListeners() {
         this.log("📡 Initializing listeners");
         this.context.on("page", async (page) => {
             const stableTabId = uuidv4();
             this.log("🆕 New page event triggered", { stableTabId, url: page.url() });
-            this.pages.set(stableTabId, { page, cdpTargetId: null });
-            const cdpTargetId = await this.findCdpTargetId(page);
+            const cdpTargetId = await this.getCdpTargetId(page);
+            this.pages.set(stableTabId, { page, cdpTargetId });
             if (cdpTargetId) {
-                this.pages.get(stableTabId).cdpTargetId = cdpTargetId;
                 this.log("✅ Page mapped to CDP ID", { stableTabId, cdpTargetId });
             }
             else {
@@ -246,115 +276,37 @@ export class RemoteBrowserService extends EventEmitter {
                 this._selectedPageId = stableTabId;
             }
             await this.syncState();
-            page.on("load", async () => {
-                this.log("🔄 Page load event", { stableTabId, url: page.url() });
-                const newCdpId = await this.findCdpTargetId(page);
-                const pageInfo = this.pages.get(stableTabId);
-                if (pageInfo && newCdpId && pageInfo.cdpTargetId !== newCdpId) {
-                    this.log("🔄 CDP Target ID changed on navigation", {
-                        stableTabId,
-                        old: pageInfo.cdpTargetId,
-                        new: newCdpId,
-                    });
-                    pageInfo.cdpTargetId = newCdpId;
-                }
-                await this.syncState();
-            });
+            page.on("load", () => this.syncState());
+            page.on("framenavigated", () => this.syncState());
             page.on("close", async () => {
-                this.log("🗑️ Page close event", { stableTabId, url: page.url() });
+                this.log("🗑️ Page close event", { stableTabId });
                 this.pages.delete(stableTabId);
-                this.log("✅ Page removed from internal map", {
-                    stableTabId,
-                    remaining: this.pages.size,
-                });
                 if (this._selectedPageId === stableTabId) {
-                    const firstPage = Array.from(this.pages.keys())[0];
-                    this._selectedPageId = firstPage || null;
-                    this.log("🔄 Selected page changed after close", {
-                        oldSelectedId: stableTabId,
-                        newSelectedId: this._selectedPageId,
-                    });
+                    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();
             });
-            page.on("framenavigated", async (frame) => {
-                this.log("🔄 Frame navigated event", { stableTabId, url: frame.url() });
-                await this.syncState();
-            });
         });
+        // Initialize with existing pages
         const existingPages = this.context.pages();
         this.log("📄 Found existing pages", { count: existingPages.length });
         for (const page of existingPages) {
             const stableTabId = uuidv4();
-            const cdpTargetId = await this.findCdpTargetId(page);
+            const cdpTargetId = await this.getCdpTargetId(page);
             this.pages.set(stableTabId, { page, cdpTargetId });
-            this.log("✅ Existing page added to map", {
-                stableTabId,
-                cdpTargetId,
-                url: page.url(),
-            });
+            this.log("✅ Existing page added to map", { stableTabId, cdpTargetId, url: page.url() });
         }
         if (this.pages.size > 0 && !this._selectedPageId) {
             this._selectedPageId = Array.from(this.pages.keys())[0];
-            this.log("🎯 Initial selected page set", { selectedPageId: this._selectedPageId });
         }
         await this.syncState();
     }
-    async findCdpTargetId(page) {
-        try {
-            // This is the most direct and reliable way to get the ID
-            const cdpSession = await page.context().newCDPSession(page);
-            const { targetInfo } = await cdpSession.send("Target.getTargetInfo");
-            await cdpSession.detach();
-            if (targetInfo && targetInfo.targetId) {
-                this.log("🎭 Target info", targetInfo);
-                this.log("✅ Found CDP ID by session", { id: targetInfo.targetId, url: page.url() });
-                return targetInfo.targetId;
-            }
-            else {
-                throw new Error("Target.getTargetInfo did not return a targetId");
-            }
-        }
-        catch (cdpError) {
-            // If the session fails, fall back to a simple URL match
-            this.log("⚠️ CDP session failed, trying URL match as fallback...", { url: page.url(), cdpError });
-            try {
-                const debugData = await this.getDebugURLs(); // This now has the cache-busting fix
-                const match = debugData.find((p) => p.type === "page" && p.url === page.url());
-                if (match) {
-                    this.log("✅ Found CDP ID by exact URL as fallback", { id: match.id, url: page.url() });
-                    return match.id;
-                }
-            }
-            catch (fetchError) {
-                this.log("❌ Error in fallback getDebugURLs", { fetchError });
-            }
-        }
-        this.log("❌ No match found for page", { url: page.url() });
-        return null;
-    }
-    async getDebugURLs() {
-        const url = `${this.CDP_CONNECT_URL}/json?_=${Date.now()}`; // Cache-busting query param
-        try {
-            const response = await fetch(url, { cache: "no-store" });
-            if (!response.ok) {
-                throw new Error("Error while fetching debug URL");
-            }
-            return await response.json();
-        }
-        catch (error) {
-            this.log("❌ Exception while fetching debug URLs", { error });
-            return [];
-        }
-    }
     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.log("✅ State sync complete", { pagesCount: state.pages.length, selectedPageId: state.selectedPageId });
             this.emit("BrowserService.stateSync", state);
         }
         catch (error) {
@@ -363,35 +315,36 @@ export class RemoteBrowserService extends EventEmitter {
     }
     async getState() {
         this.log("📊 Getting current state");
+        // Get the *live* list of debuggable pages
         const debugData = await this.getDebugURLs();
+        const debugMap = new Map(debugData.map((d) => [d.id, d]));
         const pagesData = [];
         for (const [stableTabId, pageInfo] of this.pages.entries()) {
-            let currentCdpId = pageInfo.cdpTargetId;
-            let debugInfo = debugData.find((d) => d.id === currentCdpId);
-            if (!debugInfo) {
-                this.log("⚠️ Re-finding CDP ID for", { stableTabId });
-                const newCdpId = await this.findCdpTargetId(pageInfo.page);
-                if (newCdpId) {
-                    pageInfo.cdpTargetId = newCdpId;
-                    debugInfo = debugData.find((d) => d.id === newCdpId);
-                    this.log("✅ Re-found CDP ID", { stableTabId, newCdpId });
-                }
-            }
             try {
+                // Re-verify the CDP ID in case it changed
+                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;
+                }
+                // Get the debug info from the live map
+                const debugInfo = currentCdpId ? debugMap.get(currentCdpId) : undefined;
                 pagesData.push({
-                    id: stableTabId, // Use the STABLE ID
+                    id: stableTabId,
                     title: await pageInfo.page.title(),
                     url: pageInfo.page.url(),
-                    wsDebuggerUrl: debugInfo?.webSocketDebuggerUrl || "", // Get the *current* ws url
+                    wsDebuggerUrl: debugInfo?.webSocketDebuggerUrl || "",
                 });
             }
             catch (error) {
+                // This likely means the page was closed during the loop
                 this.log("❌ Error getting page data (page might be closed)", { stableTabId });
+                this.pages.delete(stableTabId); // Clean up dead page
             }
         }
+        // Ensure selectedPageId is valid
         if (this._selectedPageId && !this.pages.has(this._selectedPageId)) {
-            this._selectedPageId = this.pages.size > 0 ? Array.from(this.pages.keys())[0] : null;
-            this.log("🔄 Corrected selectedPageId", { new: this._selectedPageId });
+            this._selectedPageId = pagesData.length > 0 ? pagesData[0].id : null;
         }
         const state = {
             pages: pagesData,
@@ -403,10 +356,11 @@ export class RemoteBrowserService extends EventEmitter {
     async createTab(url = "about:blank") {
         try {
             this.log("🆕 Creating new tab", { url });
-            const page = await this.context.newPage(); // This will trigger the 'page' event
+            const page = await this.context.newPage(); // Triggers 'page' event
             if (url !== "about:blank") {
                 await page.goto(url, { waitUntil: "domcontentloaded" });
             }
+            // Find the stableTabId that was just created by the 'page' event
             for (const [stableTabId, pageInfo] of this.pages.entries()) {
                 if (pageInfo.page === page) {
                     this._selectedPageId = stableTabId;
@@ -425,7 +379,7 @@ export class RemoteBrowserService extends EventEmitter {
             this.log("🗑️ Closing tab", { stableTabId });
             const pageInfo = this.pages.get(stableTabId);
             if (pageInfo) {
-                await pageInfo.page.close(); // This will trigger the 'close' event
+                await pageInfo.page.close(); // Triggers 'close' event
             }
             else {
                 this.log("⚠️ Page not found for closing", { stableTabId });
@@ -455,462 +409,16 @@ export class RemoteBrowserService extends EventEmitter {
     }
     getSelectedPage() {
         const pageInfo = this._selectedPageId ? this.pages.get(this._selectedPageId) : null;
-        this.log("🔍 Getting selected page", {
-            selectedPageId: this._selectedPageId,
-            found: !!pageInfo,
-            url: pageInfo?.page.url(),
-        });
         return pageInfo?.page || null;
     }
     destroy() {
         this.log("💥 Destroying RemoteBrowserService");
-        // Remove all listeners *this* instance has registered
-        // This stops it from listening to context/page events
         this.context.removeAllListeners("page");
-        for (const [stableId, pageInfo] of this.pages.entries()) {
-            pageInfo.page.removeAllListeners("load");
-            pageInfo.page.removeAllListeners("close");
-            pageInfo.page.removeAllListeners("framenavigated");
+        for (const [, pageInfo] of this.pages.entries()) {
+            pageInfo.page.removeAllListeners();
         }
-        // Clear internal maps
         this.pages.clear();
         this._selectedPageId = null;
-        // Remove all listeners *on this* emitter
         this.removeAllListeners();
     }
 }
-// export class RemoteBrowserService extends EventEmitter {
-//   private CDP_CONNECT_URL: string;
-//   private context: BrowserContext;
-//   private pages: Map<string, Page> = new Map();
-//   private _selectedPageId: string | null = null;
-//   constructor({ CDP_CONNECT_URL, context }: { CDP_CONNECT_URL: string; context: BrowserContext }) {
-//     super();
-//     this.CDP_CONNECT_URL = CDP_CONNECT_URL;
-//     this.context = context;
-//     this.log("🚀 RemoteBrowserService initialized", { CDP_CONNECT_URL });
-//     this.initializeListeners();
-//   }
-//   private log(message: string, data?: any) {
-//     const timestamp = new Date().toISOString();
-//     console.log(`[${timestamp}] [RemoteBrowserService] ${message}`, data ? JSON.stringify(data, null, 2) : "");
-//   }
-//   private async initializeListeners() {
-//     this.log("📡 Initializing listeners");
-//     // Listen for new pages
-//     this.context.on("page", async (page) => {
-//       this.log("🆕 New page event triggered", { url: page.url() });
-//       const id = await this.getPageId(page);
-//       this.log("🔍 Got page ID from CDP", { id, url: page.url() });
-//       if (id) {
-//         this.pages.set(id, page);
-//         this.log("✅ Page added to internal map", {
-//           id,
-//           url: page.url(),
-//           totalPages: this.pages.size,
-//           allPageIds: Array.from(this.pages.keys()),
-//         });
-//         await this.syncState();
-//       } else {
-//         this.log("❌ Failed to get page ID, page not added to map", { url: page.url() });
-//       }
-//       // Listen for page updates
-//       page.on("load", async () => {
-//         this.log("🔄 Page load event", { id, url: page.url() });
-//         await this.syncState();
-//       });
-//       page.on("close", async () => {
-//         this.log("🗑️ Page close event", { id, url: page.url() });
-//         if (id) {
-//           this.pages.delete(id);
-//           this.log("✅ Page removed from internal map", {
-//             id,
-//             remainingPages: this.pages.size,
-//             allPageIds: Array.from(this.pages.keys()),
-//           });
-//           if (this._selectedPageId === id) {
-//             const firstPage = Array.from(this.pages.keys())[0];
-//             this._selectedPageId = firstPage || null;
-//             this.log("🔄 Selected page changed after close", {
-//               oldSelectedId: id,
-//               newSelectedId: this._selectedPageId,
-//             });
-//           }
-//           await this.syncState();
-//         }
-//       });
-//     });
-//     // Initialize with existing pages
-//     const existingPages = this.context.pages();
-//     this.log("📄 Found existing pages", { count: existingPages.length });
-//     for (const page of existingPages) {
-//       const id = await this.getPageId(page);
-//       this.log("🔍 Processing existing page", { id, url: page.url() });
-//       if (id) {
-//         this.pages.set(id, page);
-//         this.log("✅ Existing page added to map", {
-//           id,
-//           url: page.url(),
-//           totalPages: this.pages.size,
-//         });
-//       }
-//     }
-//     // Set initial selected page
-//     if (this.pages.size > 0 && !this._selectedPageId) {
-//       this._selectedPageId = Array.from(this.pages.keys())[0];
-//       this.log("🎯 Initial selected page set", { selectedPageId: this._selectedPageId });
-//     }
-//     this.log("✅ Initialization complete", {
-//       totalPages: this.pages.size,
-//       selectedPageId: this._selectedPageId,
-//       allPageIds: Array.from(this.pages.keys()),
-//     });
-//     await this.syncState();
-//   }
-//   private async getPageId(page: Page): Promise<string | null> {
-//     try {
-//       const pageUrl = page.url();
-//       this.log("🔍 Getting page ID", { pageUrl });
-//       // Fetch debug data from /json endpoint (more reliable for matching)
-//       const debugData = await this.getDebugURLs();
-//       this.log("📊 CDP debug data received", {
-//         totalPages: debugData.length,
-//         pages: debugData.map((p) => ({ id: p.id, type: p.type, url: p.url })),
-//       });
-//       // Exact URL match
-//       for (const pageData of debugData) {
-//         if (pageData.type === "page" && pageData.url === pageUrl) {
-//           this.log("✅ Found exact URL match in /json", {
-//             id: pageData.id,
-//             url: pageUrl,
-//           });
-//           return pageData.id;
-//         }
-//       }
-//       this.log("⚠️ No exact match found, trying normalized URLs", { pageUrl });
-//       // Normalized URL match
-//       const normalizeUrl = (url: string) => {
-//         try {
-//           const u = new URL(url);
-//           const normalized = u.hostname.replace(/^www\./, "") + u.pathname + u.search;
-//           return normalized;
-//         } catch {
-//           return url;
-//         }
-//       };
-//       const normalizedPageUrl = normalizeUrl(pageUrl);
-//       for (const pageData of debugData) {
-//         if (pageData.type === "page") {
-//           const normalizedDebugUrl = normalizeUrl(pageData.url);
-//           if (normalizedDebugUrl === normalizedPageUrl) {
-//             this.log("✅ Found normalized URL match in /json", {
-//               id: pageData.id,
-//               pageUrl: normalizedPageUrl,
-//               debugUrl: normalizedDebugUrl,
-//             });
-//             return pageData.id;
-//           }
-//         }
-//       }
-//       // If still not found, try CDP session as fallback
-//       this.log("⚠️ Not found in /json, trying CDP Target.getTargetInfo", { pageUrl });
-//       try {
-//         const cdpSession = await page.context().newCDPSession(page);
-//         const { targetInfo } = await cdpSession.send("Target.getTargetInfo");
-//         await cdpSession.detach();
-//         if (targetInfo && targetInfo.targetId) {
-//           // Verify this target ID exists in debug data
-//           const targetExists = debugData.some((d) => d.id === targetInfo.targetId);
-//           if (targetExists) {
-//             this.log("✅ Got target ID from CDP session and verified in /json", {
-//               targetId: targetInfo.targetId,
-//               url: pageUrl,
-//             });
-//             return targetInfo.targetId;
-//           } else {
-//             this.log("⚠️ Target ID from CDP session not found in /json (ID mismatch)", {
-//               cdpTargetId: targetInfo.targetId,
-//               availableIds: debugData.map((d) => d.id),
-//             });
-//           }
-//         }
-//       } catch (cdpError) {
-//         this.log("⚠️ Failed to get target ID from CDP session", {
-//           error: cdpError instanceof Error ? cdpError.message : String(cdpError),
-//         });
-//       }
-//       this.log("❌ No match found for page", {
-//         pageUrl,
-//         normalizedPageUrl,
-//         availablePages: debugData.filter((p) => p.type === "page").map((p) => p.url),
-//       });
-//       return null;
-//     } catch (error) {
-//       this.log("❌ Error getting page ID", {
-//         error: error instanceof Error ? error.message : String(error),
-//         stack: error instanceof Error ? error.stack : undefined,
-//       });
-//       return null;
-//     }
-//   }
-//   private async getDebugURLs(): Promise<DebugPageInfo[]> {
-//     const url = `${this.CDP_CONNECT_URL}/json`;
-//     this.log("📡 Fetching debug URLs", { url });
-//     try {
-//       const response = await fetch(url);
-//       if (!response.ok) {
-//         this.log("❌ Failed to fetch debug URLs", {
-//           status: response.status,
-//           statusText: response.statusText,
-//         });
-//         throw new Error("Error while fetching debug URL");
-//       }
-//       const data = await response.json();
-//       this.log("✅ Debug URLs fetched successfully", {
-//         count: data.length,
-//         pages: data.map((p: any) => ({ id: p.id, type: p.type, url: p.url })),
-//       });
-//       return data;
-//     } catch (error) {
-//       this.log("❌ Exception while fetching debug URLs", {
-//         error: error instanceof Error ? error.message : String(error),
-//       });
-//       throw error;
-//     }
-//   }
-//   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,
-//         pages: state.pages.map((p) => ({ id: p.id, title: p.title, url: p.url })),
-//       });
-//       this.emit("BrowserService.stateSync", state);
-//     } catch (error) {
-//       this.log("❌ Error syncing state", {
-//         error: error instanceof Error ? error.message : String(error),
-//         stack: error instanceof Error ? error.stack : undefined,
-//       });
-//     }
-//   }
-//   async getState(): Promise<BrowserState> {
-//     this.log("📊 Getting current state", {
-//       internalPagesCount: this.pages.size,
-//       internalPageIds: Array.from(this.pages.keys()),
-//       selectedPageId: this._selectedPageId,
-//     });
-//     const debugData = await this.getDebugURLs();
-//     this.log("📊 Debug data for state", {
-//       debugPagesCount: debugData.length,
-//       debugPages: debugData.map((p) => ({ id: p.id, type: p.type, url: p.url })),
-//     });
-//     const pagesData: PageData[] = [];
-//     const updatedPages = new Map<string, Page>();
-//     const matchedDebugIds = new Set<string>(); // Track which CDP IDs we've already matched
-//     let updatedSelectedPageId = this._selectedPageId;
-//     for (const [oldId, page] of this.pages.entries()) {
-//       this.log("🔍 Processing page from internal map", {
-//         oldId,
-//         url: page.url(),
-//       });
-//       // Try to find by old ID first (most common case - ID hasn't changed)
-//       let debugInfo = debugData.find((d) => d.id === oldId && !matchedDebugIds.has(d.id));
-//       // Fallback: Try to find by URL (page ID may have changed)
-//       if (!debugInfo) {
-//         this.log("⚠️ Page ID not found in CDP, attempting to match by URL", {
-//           oldId,
-//           pageUrl: page.url(),
-//         });
-//         debugInfo = debugData.find((d) => d.type === "page" && d.url === page.url() && !matchedDebugIds.has(d.id));
-//         if (debugInfo) {
-//           this.log("✅ Found page by URL match, updating ID", {
-//             oldId,
-//             newId: debugInfo.id,
-//             url: page.url(),
-//           });
-//           // Update selected page ID if this was the selected page and ID changed
-//           if (oldId === this._selectedPageId) {
-//             updatedSelectedPageId = debugInfo.id;
-//             this.log("🔄 Updated selected page ID", {
-//               oldId,
-//               newId: debugInfo.id,
-//             });
-//           }
-//         }
-//       } else {
-//         this.log("✅ Found matching debug info by ID", {
-//           id: debugInfo.id,
-//           debugUrl: debugInfo.url,
-//           pageUrl: page.url(),
-//         });
-//       }
-//       if (debugInfo) {
-//         // Mark this CDP ID as matched to avoid duplicate matches
-//         matchedDebugIds.add(debugInfo.id);
-//         try {
-//           const pageData = {
-//             id: debugInfo.id,
-//             title: await page.title(),
-//             url: page.url(),
-//             wsDebuggerUrl: debugInfo.webSocketDebuggerUrl || "",
-//           };
-//           pagesData.push(pageData);
-//           updatedPages.set(debugInfo.id, page);
-//           this.log("✅ Page added to state", pageData);
-//         } catch (error) {
-//           this.log("❌ Error getting page data", {
-//             id: oldId,
-//             error: error instanceof Error ? error.message : String(error),
-//           });
-//         }
-//       } else {
-//         this.log("⚠️ No matching debug info found by ID or URL", {
-//           oldId,
-//           pageUrl: page.url(),
-//           availableDebugIds: debugData.map((d) => d.id),
-//           availableDebugUrls: debugData.map((d) => d.url),
-//           alreadyMatched: Array.from(matchedDebugIds),
-//         });
-//       }
-//     }
-//     // Update the internal pages map with current CDP IDs
-//     if (updatedPages.size !== this.pages.size || updatedSelectedPageId !== this._selectedPageId) {
-//       this.log("🔄 Updating internal state with new CDP IDs", {
-//         oldPagesCount: this.pages.size,
-//         newPagesCount: updatedPages.size,
-//         oldSelectedId: this._selectedPageId,
-//         newSelectedId: updatedSelectedPageId,
-//       });
-//       this.pages = updatedPages;
-//       this._selectedPageId = updatedSelectedPageId;
-//     }
-//     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.log("✅ New page created by Playwright", { url: page.url() });
-//       if (typeof url === "string" && url !== "about:blank") {
-//         this.log("🌐 Navigating to URL", { url });
-//         await page.goto(url, { waitUntil: "domcontentloaded" });
-//         this.log("✅ Navigation complete", { finalUrl: page.url() });
-//       }
-//       // Wait longer for CDP to register and stabilize the page
-//       this.log("⏳ Waiting for CDP registration and stabilization...");
-//       await new Promise((resolve) => setTimeout(resolve, 1000)); // Increased to 1 second
-//       // Try multiple times to get a stable page ID
-//       let id: string | null = null;
-//       let attempts = 0;
-//       const maxAttempts = 5;
-//       while (!id && attempts < maxAttempts) {
-//         attempts++;
-//         this.log(`🔍 Attempt ${attempts}/${maxAttempts} to get page ID`);
-//         id = await this.getPageId(page);
-//         if (!id) {
-//           this.log(`⏳ Page ID not found, waiting 500ms before retry...`);
-//           await new Promise((resolve) => setTimeout(resolve, 500));
-//         }
-//       }
-//       this.log("🔍 Retrieved page ID after retries", {
-//         id,
-//         url: page.url(),
-//         attempts,
-//       });
-//       if (id) {
-//         this.pages.set(id, page);
-//         this._selectedPageId = id;
-//         this.log("✅ Tab created successfully", {
-//           id,
-//           url: page.url(),
-//           totalPages: this.pages.size,
-//           allPageIds: Array.from(this.pages.keys()),
-//           selectedPageId: this._selectedPageId,
-//         });
-//       } else {
-//         this.log("❌ Failed to get page ID for new tab after all retries", {
-//           url: page.url(),
-//           attempts,
-//         });
-//         // Try to get debug data to see what's available
-//         const debugData = await this.getDebugURLs();
-//         this.log("🔍 Current CDP state after failed ID retrieval", {
-//           debugPages: debugData.map((p) => ({ id: p.id, url: p.url, type: p.type })),
-//         });
-//       }
-//       await this.syncState();
-//     } catch (error) {
-//       this.log("❌ Error creating tab", {
-//         url,
-//         error: error instanceof Error ? error.message : String(error),
-//         stack: error instanceof Error ? error.stack : undefined,
-//       });
-//       throw error;
-//     }
-//   }
-//   async closeTab(pageId: string): Promise<void> {
-//     try {
-//       this.log("🗑️ Closing tab", { pageId });
-//       const page = this.pages.get(pageId);
-//       if (page) {
-//         this.log("✅ Found page to close", { pageId, url: page.url() });
-//         await page.close();
-//         this.log("✅ Page closed successfully", { pageId });
-//       } else {
-//         this.log("⚠️ Page not found", {
-//           pageId,
-//           availablePageIds: Array.from(this.pages.keys()),
-//         });
-//       }
-//     } catch (error) {
-//       this.log("❌ Error closing tab", {
-//         pageId,
-//         error: error instanceof Error ? error.message : String(error),
-//       });
-//       throw error;
-//     }
-//   }
-//   async selectTab(pageId: string): Promise<void> {
-//     try {
-//       this.log("🎯 Selecting tab", { pageId });
-//       const page = this.pages.get(pageId);
-//       if (page) {
-//         this._selectedPageId = pageId;
-//         await page.bringToFront();
-//         this.log("✅ Tab selected successfully", {
-//           pageId,
-//           url: page.url(),
-//           selectedPageId: this._selectedPageId,
-//         });
-//         await this.syncState();
-//       } else {
-//         this.log("⚠️ Page not found for selection", {
-//           pageId,
-//           availablePageIds: Array.from(this.pages.keys()),
-//         });
-//       }
-//     } catch (error) {
-//       this.log("❌ Error selecting tab", {
-//         pageId,
-//         error: error instanceof Error ? error.message : String(error),
-//       });
-//       throw error;
-//     }
-//   }
-//   getSelectedPage(): Page | null {
-//     const page = this._selectedPageId ? this.pages.get(this._selectedPageId) || null : null;
-//     this.log("🔍 Getting selected page", {
-//       selectedPageId: this._selectedPageId,
-//       found: !!page,
-//       url: page?.url(),
-//     });
-//     return page;
-//   }
-// }

package/package.json

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