import { previewBridge } from "~/components/preview/previewBridge"; import { browserDefaultTabState, resolveBrowserDefaults } from "./browserDefaults"; import { stopBrowserRecording } from "./browserRecording"; interface DesktopTabLease { references: number; closeTimer: number | null; ready: Promise; } const leases = new Map(); const pendingTabOperations = new Map>(); const enqueueDesktopTabOperation = ( tabId: string, operation: () => Promise | void, ): Promise => { const previous = pendingTabOperations.get(tabId); const pending = previous ? previous.catch(() => undefined).then(operation) : Promise.resolve(operation()); pendingTabOperations.set(tabId, pending); void pending .finally(() => { if (pendingTabOperations.get(tabId) === pending) { pendingTabOperations.delete(tabId); } }) .catch(() => undefined); return pending; }; export interface AcquiredDesktopTab { readonly ready: Promise; readonly release: () => void; } export function acquireDesktopTab(tabId: string): AcquiredDesktopTab { const current = leases.get(tabId) ?? ({ references: 0, closeTimer: null, // Zoom/appearance defaults travel with creation so the guest never // paints a frame at 100%/system before the preference is applied. ready: enqueueDesktopTabOperation(tabId, async () => previewBridge?.createTab(tabId, browserDefaultTabState(await resolveBrowserDefaults())), ), } satisfies DesktopTabLease); if (current.closeTimer !== null) window.clearTimeout(current.closeTimer); current.references += 1; current.closeTimer = null; leases.set(tabId, current); return { ready: current.ready, release: () => { const lease = leases.get(tabId); if (!lease) return; lease.references = Math.max(0, lease.references - 1); if (lease.references > 0) return; lease.closeTimer = window.setTimeout(() => { const latest = leases.get(tabId); if (!latest || latest.references > 0) return; leases.delete(tabId); void enqueueDesktopTabOperation(tabId, async () => { await stopBrowserRecording(tabId).catch(() => null); await previewBridge?.closeTab(tabId); }).catch(() => undefined); }, 0); }, }; }