@myrialabs/clopen 0.0.4 → 0.0.6

package/backend/ws/preview/browser/tab-info.ts

@@ -1,126 +1,126 @@
-/**
- * Browser Tab Info WebSocket Handler
- * Handles getting browser tab information and listing all tabs
- * **PROJECT ISOLATION**: Uses project-specific BrowserPreviewService instances
- */
-
-import { t } from 'elysia';
-import { createRouter } from '$shared/utils/ws-server';
-import { browserPreviewServiceManager } from '../../../lib/preview/index';
-import { ws } from '$backend/lib/utils/ws';
-import { debug } from '$shared/utils/logger';
-
-export const tabInfoPreviewHandler = createRouter()
-	// Get single tab info
-	.http('preview:browser-tab-info', {
-		data: t.Object({
-			tabId: t.Optional(t.String()) // If not provided, get active tab info
-		}),
-		response: t.Object({
-			tabId: t.String(),
-			url: t.String(),
-			title: t.String(),
-			quality: t.String(),
-			isStreaming: t.Boolean(),
-			deviceSize: t.String(),
-			rotation: t.String(),
-			isActive: t.Boolean()
-		})
-	}, async ({ data, conn }) => {
-		const { tabId } = data;
-		const projectId = ws.getProjectId(conn);
-
-		// Get project-specific preview service
-		const previewService = browserPreviewServiceManager.getService(projectId);
-
-		// Get tab (active tab if not specified)
-		const tab = tabId ? previewService.getTab(tabId) : previewService.getActiveTab();
-		if (!tab) {
-			throw new Error(tabId ? `Tab not found: ${tabId}` : 'No active tab');
-		}
-
-		const tabInfo = previewService.getTabInfo(tab.id);
-		if (!tabInfo) {
-			throw new Error('Tab info not found');
-		}
-
-		return {
-			...tabInfo,
-			tabId: tabInfo.id
-		};
-	})
-
-	// Get all active tabs (for session recovery after browser refresh)
-	.http('preview:browser-tabs-list', {
-		data: t.Object({}),
-		response: t.Object({
-			tabs: t.Array(t.Object({
-				tabId: t.String(),
-				url: t.String(),
-				title: t.String(),
-				quality: t.String(),
-				isStreaming: t.Boolean(),
-				deviceSize: t.String(),
-				rotation: t.String(),
-				isActive: t.Boolean()
-			})),
-			activeTabId: t.Union([t.String(), t.Null()]),
-			count: t.Number()
-		})
-	}, async ({ conn }) => {
-		const projectId = ws.getProjectId(conn);
-
-		// Get project-specific preview service
-		const previewService = browserPreviewServiceManager.getService(projectId);
-
-		const allTabsInfo = previewService.getAllTabsInfo();
-		const activeTab = previewService.getActiveTab();
-
-		debug.log('preview', `📋 Listing ${allTabsInfo.length} active browser tabs for session recovery (project: ${projectId})`);
-
-		return {
-			tabs: allTabsInfo.map(tab => ({
-				tabId: tab.id,
-				url: tab.url,
-				title: tab.title,
-				quality: tab.quality,
-				isStreaming: tab.isStreaming,
-				deviceSize: tab.deviceSize,
-				rotation: tab.rotation,
-				isActive: tab.isActive
-			})),
-			activeTabId: activeTab?.id || null,
-			count: allTabsInfo.length
-		};
-	})
-
-	// Switch to a specific tab (for session recovery)
-	.http('preview:browser-tab-switch', {
-		data: t.Object({
-			tabId: t.String()
-		}),
-		response: t.Object({
-			success: t.Boolean(),
-			tabId: t.String(),
-			message: t.String()
-		})
-	}, async ({ data, conn }) => {
-		const { tabId } = data;
-		const projectId = ws.getProjectId(conn);
-
-		// Get project-specific preview service
-		const previewService = browserPreviewServiceManager.getService(projectId);
-
-		const success = previewService.switchTab(tabId);
-		if (!success) {
-			throw new Error(`Failed to switch to tab: ${tabId}`);
-		}
-
-		debug.log('preview', `🔄 Switched to tab: ${tabId} (project: ${projectId})`);
-
-		return {
-			success: true,
-			tabId,
-			message: `Switched to tab ${tabId}`
-		};
-	});
+/**
+ * Browser Tab Info WebSocket Handler
+ * Handles getting browser tab information and listing all tabs
+ * **PROJECT ISOLATION**: Uses project-specific BrowserPreviewService instances
+ */
+
+import { t } from 'elysia';
+import { createRouter } from '$shared/utils/ws-server';
+import { browserPreviewServiceManager } from '../../../lib/preview/index';
+import { ws } from '$backend/lib/utils/ws';
+import { debug } from '$shared/utils/logger';
+
+export const tabInfoPreviewHandler = createRouter()
+	// Get single tab info
+	.http('preview:browser-tab-info', {
+		data: t.Object({
+			tabId: t.Optional(t.String()) // If not provided, get active tab info
+		}),
+		response: t.Object({
+			tabId: t.String(),
+			url: t.String(),
+			title: t.String(),
+			quality: t.String(),
+			isStreaming: t.Boolean(),
+			deviceSize: t.String(),
+			rotation: t.String(),
+			isActive: t.Boolean()
+		})
+	}, async ({ data, conn }) => {
+		const { tabId } = data;
+		const projectId = ws.getProjectId(conn);
+
+		// Get project-specific preview service
+		const previewService = browserPreviewServiceManager.getService(projectId);
+
+		// Get tab (active tab if not specified)
+		const tab = tabId ? previewService.getTab(tabId) : previewService.getActiveTab();
+		if (!tab) {
+			throw new Error(tabId ? `Tab not found: ${tabId}` : 'No active tab');
+		}
+
+		const tabInfo = previewService.getTabInfo(tab.id);
+		if (!tabInfo) {
+			throw new Error('Tab info not found');
+		}
+
+		return {
+			...tabInfo,
+			tabId: tabInfo.id
+		};
+	})
+
+	// Get all active tabs (for session recovery after browser refresh)
+	.http('preview:browser-tabs-list', {
+		data: t.Object({}),
+		response: t.Object({
+			tabs: t.Array(t.Object({
+				tabId: t.String(),
+				url: t.String(),
+				title: t.String(),
+				quality: t.String(),
+				isStreaming: t.Boolean(),
+				deviceSize: t.String(),
+				rotation: t.String(),
+				isActive: t.Boolean()
+			})),
+			activeTabId: t.Union([t.String(), t.Null()]),
+			count: t.Number()
+		})
+	}, async ({ conn }) => {
+		const projectId = ws.getProjectId(conn);
+
+		// Get project-specific preview service
+		const previewService = browserPreviewServiceManager.getService(projectId);
+
+		const allTabsInfo = previewService.getAllTabsInfo();
+		const activeTab = previewService.getActiveTab();
+
+		debug.log('preview', `📋 Listing ${allTabsInfo.length} active browser tabs for session recovery (project: ${projectId})`);
+
+		return {
+			tabs: allTabsInfo.map(tab => ({
+				tabId: tab.id,
+				url: tab.url,
+				title: tab.title,
+				quality: tab.quality,
+				isStreaming: tab.isStreaming,
+				deviceSize: tab.deviceSize,
+				rotation: tab.rotation,
+				isActive: tab.isActive
+			})),
+			activeTabId: activeTab?.id || null,
+			count: allTabsInfo.length
+		};
+	})
+
+	// Switch to a specific tab (for session recovery)
+	.http('preview:browser-tab-switch', {
+		data: t.Object({
+			tabId: t.String()
+		}),
+		response: t.Object({
+			success: t.Boolean(),
+			tabId: t.String(),
+			message: t.String()
+		})
+	}, async ({ data, conn }) => {
+		const { tabId } = data;
+		const projectId = ws.getProjectId(conn);
+
+		// Get project-specific preview service
+		const previewService = browserPreviewServiceManager.getService(projectId);
+
+		const success = previewService.switchTab(tabId);
+		if (!success) {
+			throw new Error(`Failed to switch to tab: ${tabId}`);
+		}
+
+		debug.log('preview', `🔄 Switched to tab: ${tabId} (project: ${projectId})`);
+
+		return {
+			success: true,
+			tabId,
+			message: `Switched to tab ${tabId}`
+		};
+	});

package/backend/ws/preview/browser/tab.ts

@@ -1,166 +1,166 @@
-/**
- * Browser Tab Operations WebSocket Handlers
- * Handles tab lifecycle operations: open, navigate, close
- * **PROJECT ISOLATION**: Each project has its own BrowserPreviewService instance
- */
-
-import { t } from 'elysia';
-import { createRouter } from '$shared/utils/ws-server';
-import { browserPreviewServiceManager } from '../../../lib/preview/index';
-import { ws } from '$backend/lib/utils/ws';
-import { debug } from '$shared/utils/logger';
-
-// Timeout for browser tab open (60 seconds)
-const OPEN_TIMEOUT = 60000;
-
-export const tabPreviewHandler = createRouter()
-	// Open new browser tab
-	.http('preview:browser-tab-open', {
-		data: t.Object({
-			url: t.Optional(t.String()), // URL is now optional - can create blank tab
-			deviceSize: t.Optional(t.Union([
-				t.Literal('desktop'),
-				t.Literal('laptop'),
-				t.Literal('tablet'),
-				t.Literal('mobile')
-			])),
-			rotation: t.Optional(t.Union([
-				t.Literal('portrait'),
-				t.Literal('landscape')
-			])),
-		}),
-		response: t.Object({
-			tabId: t.String(),
-			quality: t.String(),
-			url: t.String(),
-			title: t.String(),
-			isActive: t.Boolean(),
-			message: t.String()
-		})
-	}, async ({ data, conn }) => {
-		const projectId = ws.getProjectId(conn);
-
-		debug.log('preview', `🔴🔴🔴 browser-tab-open - Request received for project: ${projectId} 🔴🔴🔴`);
-
-		const {
-			url,
-			deviceSize = 'laptop',
-			rotation = 'portrait'
-		} = data;
-
-		debug.log('preview', `📥 Tab open params - URL: ${url || 'about:blank'}, deviceSize: ${deviceSize}, rotation: ${rotation}`);
-
-		// Get project-specific preview service
-		const previewService = browserPreviewServiceManager.getService(projectId);
-
-		// Create browser tab
-		const tabPromise = previewService.createTab(
-			url, // Can be undefined for blank tab
-			deviceSize as 'desktop' | 'laptop' | 'tablet' | 'mobile',
-			rotation as 'portrait' | 'landscape'
-		);
-		const timeoutPromise = new Promise((_, reject) => {
-			setTimeout(() => reject(new Error('Browser tab open timeout - took longer than 60 seconds')), OPEN_TIMEOUT);
-		});
-
-		debug.log('preview', `⏳ Opening browser tab (timeout: ${OPEN_TIMEOUT}ms)...`);
-		const tab = await Promise.race([tabPromise, timeoutPromise]) as Awaited<typeof tabPromise>;
-
-		debug.log('preview', `✅ Browser tab opened successfully - tabId: ${tab.id}, URL: ${tab.url}, project: ${projectId}`);
-
-		// Tab activity is marked automatically in tab-manager
-
-		return {
-			tabId: tab.id,
-			quality: tab.quality,
-			url: tab.url,
-			title: tab.title,
-			isActive: tab.isActive,
-			message: `Browser tab opened with ${tab.quality} quality streaming`
-		};
-	})
-
-	// Navigate browser tab
-	.http('preview:browser-tab-navigate', {
-		data: t.Object({
-			url: t.String({ minLength: 1 }),
-			tabId: t.Optional(t.String()) // If not provided, navigate active tab
-		}),
-		response: t.Object({
-			tabId: t.String(),
-			finalUrl: t.String(),
-			title: t.String(),
-			message: t.String()
-		})
-	}, async ({ data, conn }) => {
-		const { url, tabId } = data;
-		const projectId = ws.getProjectId(conn);
-
-		// Get project-specific preview service
-		const previewService = browserPreviewServiceManager.getService(projectId);
-
-		// Get tab to navigate (active tab if not specified)
-		const tab = tabId ? previewService.getTab(tabId) : previewService.getActiveTab();
-		if (!tab) {
-			throw new Error(tabId ? `Tab not found: ${tabId}` : 'No active tab');
-		}
-
-		debug.log('preview', `🌐 Navigating tab ${tab.id} to: ${url} (project: ${projectId})`);
-
-		const finalUrl = await previewService.navigateTab(tab.id, url);
-
-		debug.log('preview', `✅ Navigation completed - final URL: ${finalUrl}`);
-
-		return {
-			tabId: tab.id,
-			finalUrl: finalUrl,
-			title: tab.title,
-			message: 'Navigation completed'
-		};
-	})
-
-	// Close browser tab
-	.http('preview:browser-tab-close', {
-		data: t.Object({
-			tabId: t.Optional(t.String()) // If not provided, close active tab
-		}),
-		response: t.Object({
-			success: t.Boolean(),
-			tabId: t.String(),
-			newActiveTabId: t.Union([t.String(), t.Null()]),
-			message: t.String()
-		})
-	}, async ({ data, conn }) => {
-		const { tabId } = data;
-		const projectId = ws.getProjectId(conn);
-
-		// Get project-specific preview service
-		const previewService = browserPreviewServiceManager.getService(projectId);
-
-		// Get tab to close (active tab if not specified)
-		const tab = tabId ? previewService.getTab(tabId) : previewService.getActiveTab();
-
-		if (!tab) {
-			throw new Error(tabId ? `Tab not found: ${tabId}` : 'No active tab');
-		}
-
-		const closingTabId = tab.id;
-
-		debug.log('preview', `🗑️ Closing tab: ${closingTabId} (project: ${projectId})`);
-
-		// Close tab
-		const result = await previewService.closeTab(closingTabId);
-
-		if (!result.success) {
-			throw new Error(`Failed to close tab: ${closingTabId}`);
-		}
-
-		debug.log('preview', `✅ Tab closed: ${closingTabId} (new active: ${result.newActiveTabId || 'none'})`);
-
-		return {
-			success: true,
-			tabId: closingTabId,
-			newActiveTabId: result.newActiveTabId,
-			message: `Tab ${closingTabId} closed successfully`
-		};
-	});
+/**
+ * Browser Tab Operations WebSocket Handlers
+ * Handles tab lifecycle operations: open, navigate, close
+ * **PROJECT ISOLATION**: Each project has its own BrowserPreviewService instance
+ */
+
+import { t } from 'elysia';
+import { createRouter } from '$shared/utils/ws-server';
+import { browserPreviewServiceManager } from '../../../lib/preview/index';
+import { ws } from '$backend/lib/utils/ws';
+import { debug } from '$shared/utils/logger';
+
+// Timeout for browser tab open (60 seconds)
+const OPEN_TIMEOUT = 60000;
+
+export const tabPreviewHandler = createRouter()
+	// Open new browser tab
+	.http('preview:browser-tab-open', {
+		data: t.Object({
+			url: t.Optional(t.String()), // URL is now optional - can create blank tab
+			deviceSize: t.Optional(t.Union([
+				t.Literal('desktop'),
+				t.Literal('laptop'),
+				t.Literal('tablet'),
+				t.Literal('mobile')
+			])),
+			rotation: t.Optional(t.Union([
+				t.Literal('portrait'),
+				t.Literal('landscape')
+			])),
+		}),
+		response: t.Object({
+			tabId: t.String(),
+			quality: t.String(),
+			url: t.String(),
+			title: t.String(),
+			isActive: t.Boolean(),
+			message: t.String()
+		})
+	}, async ({ data, conn }) => {
+		const projectId = ws.getProjectId(conn);
+
+		debug.log('preview', `🔴🔴🔴 browser-tab-open - Request received for project: ${projectId} 🔴🔴🔴`);
+
+		const {
+			url,
+			deviceSize = 'laptop',
+			rotation = 'portrait'
+		} = data;
+
+		debug.log('preview', `📥 Tab open params - URL: ${url || 'about:blank'}, deviceSize: ${deviceSize}, rotation: ${rotation}`);
+
+		// Get project-specific preview service
+		const previewService = browserPreviewServiceManager.getService(projectId);
+
+		// Create browser tab
+		const tabPromise = previewService.createTab(
+			url, // Can be undefined for blank tab
+			deviceSize as 'desktop' | 'laptop' | 'tablet' | 'mobile',
+			rotation as 'portrait' | 'landscape'
+		);
+		const timeoutPromise = new Promise((_, reject) => {
+			setTimeout(() => reject(new Error('Browser tab open timeout - took longer than 60 seconds')), OPEN_TIMEOUT);
+		});
+
+		debug.log('preview', `⏳ Opening browser tab (timeout: ${OPEN_TIMEOUT}ms)...`);
+		const tab = await Promise.race([tabPromise, timeoutPromise]) as Awaited<typeof tabPromise>;
+
+		debug.log('preview', `✅ Browser tab opened successfully - tabId: ${tab.id}, URL: ${tab.url}, project: ${projectId}`);
+
+		// Tab activity is marked automatically in tab-manager
+
+		return {
+			tabId: tab.id,
+			quality: tab.quality,
+			url: tab.url,
+			title: tab.title,
+			isActive: tab.isActive,
+			message: `Browser tab opened with ${tab.quality} quality streaming`
+		};
+	})
+
+	// Navigate browser tab
+	.http('preview:browser-tab-navigate', {
+		data: t.Object({
+			url: t.String({ minLength: 1 }),
+			tabId: t.Optional(t.String()) // If not provided, navigate active tab
+		}),
+		response: t.Object({
+			tabId: t.String(),
+			finalUrl: t.String(),
+			title: t.String(),
+			message: t.String()
+		})
+	}, async ({ data, conn }) => {
+		const { url, tabId } = data;
+		const projectId = ws.getProjectId(conn);
+
+		// Get project-specific preview service
+		const previewService = browserPreviewServiceManager.getService(projectId);
+
+		// Get tab to navigate (active tab if not specified)
+		const tab = tabId ? previewService.getTab(tabId) : previewService.getActiveTab();
+		if (!tab) {
+			throw new Error(tabId ? `Tab not found: ${tabId}` : 'No active tab');
+		}
+
+		debug.log('preview', `🌐 Navigating tab ${tab.id} to: ${url} (project: ${projectId})`);
+
+		const finalUrl = await previewService.navigateTab(tab.id, url);
+
+		debug.log('preview', `✅ Navigation completed - final URL: ${finalUrl}`);
+
+		return {
+			tabId: tab.id,
+			finalUrl: finalUrl,
+			title: tab.title,
+			message: 'Navigation completed'
+		};
+	})
+
+	// Close browser tab
+	.http('preview:browser-tab-close', {
+		data: t.Object({
+			tabId: t.Optional(t.String()) // If not provided, close active tab
+		}),
+		response: t.Object({
+			success: t.Boolean(),
+			tabId: t.String(),
+			newActiveTabId: t.Union([t.String(), t.Null()]),
+			message: t.String()
+		})
+	}, async ({ data, conn }) => {
+		const { tabId } = data;
+		const projectId = ws.getProjectId(conn);
+
+		// Get project-specific preview service
+		const previewService = browserPreviewServiceManager.getService(projectId);
+
+		// Get tab to close (active tab if not specified)
+		const tab = tabId ? previewService.getTab(tabId) : previewService.getActiveTab();
+
+		if (!tab) {
+			throw new Error(tabId ? `Tab not found: ${tabId}` : 'No active tab');
+		}
+
+		const closingTabId = tab.id;
+
+		debug.log('preview', `🗑️ Closing tab: ${closingTabId} (project: ${projectId})`);
+
+		// Close tab
+		const result = await previewService.closeTab(closingTabId);
+
+		if (!result.success) {
+			throw new Error(`Failed to close tab: ${closingTabId}`);
+		}
+
+		debug.log('preview', `✅ Tab closed: ${closingTabId} (new active: ${result.newActiveTabId || 'none'})`);
+
+		return {
+			success: true,
+			tabId: closingTabId,
+			newActiveTabId: result.newActiveTabId,
+			message: `Tab ${closingTabId} closed successfully`
+		};
+	});