From 147b43ce0deec25976d760e472c47383d2a1bf5d Mon Sep 17 00:00:00 2001 From: dejetem Date: Thu, 22 Jan 2026 21:19:28 +0100 Subject: [PATCH 1/2] feat(stage-5): add UI components, admin interface, and WASM API expansion --- README.md | 13 ++- admin/README.md | 16 +++ admin/app.js | 51 +++++++++ admin/index.html | 71 ++++++++++++ admin/styles.css | 201 ++++++++++++++++++++++++++++++++++ crates/wasm/src/js_interop.rs | 42 ++++++- crates/wasm/src/lib.rs | 35 ++++++ crates/wasm/src/tests.rs | 14 +++ extension/README.md | 25 +++++ extension/background.js | 41 ++++++- extension/content/content.js | 39 +++++++ extension/content/inject.js | 11 ++ extension/manifest.json | 13 ++- extension/popup.css | 172 +++++++++++++++++++++++++++++ extension/popup.html | 96 +++++++--------- extension/popup.js | 67 +++++++++++- tests/e2e/extension_tests.rs | 35 ++++++ 17 files changed, 867 insertions(+), 75 deletions(-) create mode 100644 admin/README.md create mode 100644 admin/app.js create mode 100644 admin/index.html create mode 100644 admin/styles.css create mode 100644 extension/README.md create mode 100644 extension/content/content.js create mode 100644 extension/content/inject.js create mode 100644 extension/popup.css create mode 100644 tests/e2e/extension_tests.rs diff --git a/README.md b/README.md index a6508cc..8a1d843 100644 --- a/README.md +++ b/README.md @@ -125,13 +125,22 @@ cargo build --workspace # Release build (optimized) cargo build --workspace --release -# WASM build -cd crates/wasm && wasm-pack build --release --target web +# WASM build (for extension) +wasm-pack build crates/wasm --target web --out-dir ../../extension/pkg # Run benchmarks cargo bench ``` +## Project Status + +- [x] **Stage 1**: Core Foundation & WebRTC Signaling +- [x] **Stage 2**: WASM Bridge & Chrome Extension Interface +- [x] **Stage 3**: Media Stream Management & Peer Connections +- [x] **Stage 4**: Rust-to-JS Bridge & UI Utilities +- [x] **Stage 5**: UI Components & Admin Interface +- [ ] **Stage 6**: Production Readiness (bundle size, benchmarks) + ## Documentation - [Implementation Plan](docs/implementation_plan.md) - Detailed development roadmap diff --git a/admin/README.md b/admin/README.md new file mode 100644 index 0000000..9500cf5 --- /dev/null +++ b/admin/README.md @@ -0,0 +1,16 @@ +# Rust Video Chat - Admin Interface + +A standalone dashboard for managing video chat rooms and participants. + +## Features +- **Room Monitoring**: View active rooms and participant counts. +- **Management**: Create or close rooms remotely. +- **Analytics**: Monitor server health and latency. + +## Usage +Simply open `index.html` in a modern web browser. +In a production environment, this would be served by the SFU server or a static site host. + +## Development +To modify the dashboard, edit `app.js` and `styles.css`. +Currently uses mock data for demonstration. diff --git a/admin/app.js b/admin/app.js new file mode 100644 index 0000000..0566daa --- /dev/null +++ b/admin/app.js @@ -0,0 +1,51 @@ +document.addEventListener('DOMContentLoaded', () => { + console.log('Admin Dashboard Initialized'); + + // Mock Data + const mockRooms = [ + { id: 'room-101', created: '2026-01-22 10:30', participants: 4, status: 'Active' }, + { id: 'dev-session', created: '2026-01-22 11:45', participants: 2, status: 'Active' }, + { id: 'quick-chat', created: '2026-01-22 12:10', participants: 0, status: 'Idle' } + ]; + + const roomTableBody = document.getElementById('roomTableBody'); + const totalRoomsEl = document.getElementById('totalRooms'); + const totalParticipantsEl = document.getElementById('totalParticipants'); + + function renderRooms() { + roomTableBody.innerHTML = ''; + let totalParts = 0; + + mockRooms.forEach(room => { + totalParts += room.participants; + const tr = document.createElement('tr'); + tr.innerHTML = ` + ${room.id} + ${room.created} + ${room.participants} + ${room.status} + + + + + `; + roomTableBody.appendChild(tr); + }); + + totalRoomsEl.textContent = mockRooms.length; + totalParticipantsEl.textContent = totalParts; + } + + document.getElementById('createRoomBtn').addEventListener('click', () => { + const id = 'room-' + Math.floor(Math.random() * 1000); + mockRooms.push({ + id: id, + created: new Date().toISOString().slice(0, 16).replace('T', ' '), + participants: 0, + status: 'Idle' + }); + renderRooms(); + }); + + renderRooms(); +}); diff --git a/admin/index.html b/admin/index.html new file mode 100644 index 0000000..ad238df --- /dev/null +++ b/admin/index.html @@ -0,0 +1,71 @@ + + + + + + + Rust Video Chat - Admin Dashboard + + + + + +
+
+
R
+ Admin Panel +
+ +
+ v0.1.0-alpha +
+
+ +
+
+

Active Rooms

+ +
+ +
+
+ Total Rooms + -- +
+
+ Active Participants + -- +
+
+ Avg. Latency + -- ms +
+
+ +
+ + + + + + + + + + + + + +
Room IDCreatedParticipantsStatusActions
+
+
+ + + + + \ No newline at end of file diff --git a/admin/styles.css b/admin/styles.css new file mode 100644 index 0000000..9c4b8ac --- /dev/null +++ b/admin/styles.css @@ -0,0 +1,201 @@ +:root { + --bg-dark: #0a0a0c; + --sidebar-bg: #111114; + --card-bg: #1a1a1e; + --text-main: #e1e1e6; + --text-dim: #a1a1aa; + --accent: #00d2ff; + --accent-hover: #00b8e6; + --border: #27272a; + --success: #10b981; +} + +* { + box-sizing: border-box; +} + +body { + margin: 0; + padding: 0; + background-color: var(--bg-dark); + color: var(--text-main); + font-family: 'Inter', sans-serif; + display: flex; + height: 100vh; +} + +/* Sidebar */ +.sidebar { + width: 260px; + background-color: var(--sidebar-bg); + border-right: 1px solid var(--border); + display: flex; + flex-direction: column; +} + +.sidebar-header { + padding: 24px; + display: flex; + align-items: center; + gap: 12px; + font-weight: 700; + font-size: 1.1rem; +} + +.logo-box { + width: 32px; + height: 32px; + background: linear-gradient(135deg, var(--accent), #3a7bd5); + border-radius: 8px; + display: flex; + align-items: center; + justify-content: center; + color: #000; +} + +nav { + flex: 1; + padding: 12px; +} + +nav a { + display: block; + padding: 12px 16px; + color: var(--text-dim); + text-decoration: none; + border-radius: 8px; + margin-bottom: 4px; + transition: all 0.2s; +} + +nav a:hover, +nav a.active { + background-color: #27272a; + color: var(--text-main); +} + +nav a.active { + border-left: 3px solid var(--accent); +} + +.sidebar-footer { + padding: 24px; + color: var(--text-dim); + font-size: 0.8rem; + border-top: 1px solid var(--border); +} + +/* Main Content */ +.content { + flex: 1; + padding: 40px; + overflow-y: auto; +} + +header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 32px; +} + +h2 { + margin: 0; + font-size: 1.5rem; +} + +.primary-btn { + background-color: var(--accent); + color: #000; + border: none; + padding: 10px 20px; + border-radius: 8px; + font-weight: 600; + cursor: pointer; + transition: background 0.2s; +} + +.primary-btn:hover { + background-color: var(--accent-hover); +} + +/* Stats */ +.stats-grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 24px; + margin-bottom: 40px; +} + +.stat-card { + background-color: var(--card-bg); + padding: 24px; + border-radius: 12px; + border: 1px solid var(--border); + display: flex; + flex-direction: column; + gap: 8px; +} + +.stat-label { + color: var(--text-dim); + font-size: 0.9rem; +} + +.stat-value { + font-size: 1.8rem; + font-weight: 700; +} + +/* Table */ +.room-list-container { + background-color: var(--sidebar-bg); + border-radius: 12px; + border: 1px solid var(--border); + overflow: hidden; +} + +.room-table { + width: 100%; + border-collapse: collapse; + text-align: left; +} + +.room-table th { + padding: 16px 24px; + border-bottom: 1px solid var(--border); + color: var(--text-dim); + font-weight: 600; + text-transform: uppercase; + font-size: 0.75rem; + letter-spacing: 0.05em; +} + +.room-table td { + padding: 16px 24px; + border-bottom: 1px solid var(--border); + font-size: 0.95rem; +} + +.status-badge { + padding: 4px 8px; + border-radius: 6px; + font-size: 0.75rem; + font-weight: 600; + background-color: #065f46; + color: #34d399; +} + +.action-btn { + background: none; + border: none; + color: var(--accent); + cursor: pointer; + font-size: 0.9rem; + padding: 0; + margin-right: 12px; +} + +.action-btn.delete { + color: #ef4444; +} \ No newline at end of file diff --git a/crates/wasm/src/js_interop.rs b/crates/wasm/src/js_interop.rs index 96959d5..2ac773c 100644 --- a/crates/wasm/src/js_interop.rs +++ b/crates/wasm/src/js_interop.rs @@ -8,7 +8,47 @@ pub fn to_js_value(value: &T) -> Result { } /// Convert a JsValue to a Rust type. -#[allow(dead_code)] pub fn from_js_value(value: JsValue) -> Result { serde_wasm_bindgen::from_value(value).map_err(|e| JsValue::from_str(&e.to_string())) } + +/// Dispatch an event to the Chrome extension runtime. +pub fn dispatch_event(event_type: &str, payload: &T) { + #[derive(Serialize)] + struct EventWrapper<'a, P: Serialize> { + event: &'a str, + data: &'a P, + } + + let wrapper = EventWrapper { + event: event_type, + data: payload, + }; + + if let Ok(js_val) = to_js_value(&wrapper) { + // Safe check for Chrome extension environment + let window = web_sys::window().unwrap(); + if let Ok(chrome) = js_sys::Reflect::get(&window, &"chrome".into()) { + if !chrome.is_undefined() { + if let Ok(runtime) = js_sys::Reflect::get(&chrome, &"runtime".into()) { + if !runtime.is_undefined() { + if let Ok(send_message) = + js_sys::Reflect::get(&runtime, &"sendMessage".into()) + { + if !send_message.is_undefined() { + crate::chrome_api::CHROME.with(|c| { + c.runtime().send_message(&js_val, None); + }); + return; + } + } + } + } + } + } + log::warn!( + "Chrome runtime.sendMessage not available, skipping message: {}", + event_type + ); + } +} diff --git a/crates/wasm/src/lib.rs b/crates/wasm/src/lib.rs index 0df46ff..6e614eb 100644 --- a/crates/wasm/src/lib.rs +++ b/crates/wasm/src/lib.rs @@ -5,6 +5,9 @@ mod schema; mod sqlite; mod utils; +#[cfg(test)] +mod tests; + use wasm_bindgen::prelude::*; #[wasm_bindgen] @@ -13,3 +16,35 @@ pub fn init() { utils::init_logging(); log::info!("Video Chat Extension WASM initialized"); } + +#[wasm_bindgen] +pub fn create_room(room_id: String) { + log::info!("Creating room: {}", room_id); + // Future: Initialize SfuClient and store in global state + js_interop::dispatch_event("roomCreated", &room_id); +} + +#[wasm_bindgen] +pub fn join_room(room_id: String) { + log::info!("Joining room: {}", room_id); + js_interop::dispatch_event("roomJoined", &room_id); +} + +#[wasm_bindgen] +pub fn toggle_microphone(enabled: bool) { + log::info!("Microphone enabled: {}", enabled); + js_interop::dispatch_event("mediaStatus", &format!("mic:{}", enabled)); +} + +#[wasm_bindgen] +pub fn toggle_camera(enabled: bool) { + log::info!("Camera enabled: {}", enabled); + js_interop::dispatch_event("mediaStatus", &format!("cam:{}", enabled)); +} + +#[wasm_bindgen] +pub fn send_message(text: String) { + log::info!("Sending message: {}", text); + // Future: Use SfuClient to send via DataChannel + js_interop::dispatch_event("messageSent", &text); +} diff --git a/crates/wasm/src/tests.rs b/crates/wasm/src/tests.rs index 8e8bcb9..dcd1798 100644 --- a/crates/wasm/src/tests.rs +++ b/crates/wasm/src/tests.rs @@ -1,6 +1,8 @@ use wasm_bindgen::prelude::*; use wasm_bindgen_test::*; +wasm_bindgen_test_configure!(run_in_browser); + #[wasm_bindgen_test] fn test_to_js_value() { let val = "test"; @@ -15,3 +17,15 @@ fn test_from_js_value() { let val: String = crate::js_interop::from_js_value(js_val).unwrap(); assert_eq!(val, "test"); } + +#[wasm_bindgen_test] +fn test_create_room_smoke() { + // Just a smoke test to ensure no panics + crate::create_room("test-room".into()); +} + +#[wasm_bindgen_test] +fn test_media_toggles_smoke() { + crate::toggle_microphone(true); + crate::toggle_camera(false); +} diff --git a/extension/README.md b/extension/README.md new file mode 100644 index 0000000..cdb3120 --- /dev/null +++ b/extension/README.md @@ -0,0 +1,25 @@ +# Rust Video Chat - Chrome Extension + +This extension provides a secure P2P video chat interface powered by Rust and WASM. + +## Features +- **High-Contrast Dark Mode**: Designed for professional use. +- **WASM-Powered**: WebRTC logic and signaling handled by Rust. +- **Chat**: Real-time messaging via DataChannels. +- **Media Controls**: Toggle mic/camera and share screen. + +## Installation for Developers +1. Ensure you have `wasm-pack` installed. +2. Build the WASM module: + ```bash + wasm-pack build crates/wasm --target web --out-dir ../../extension/pkg + ``` +3. Open Brave/Chrome and go to `brave://extensions`. +4. Enable "Developer mode". +5. Click "Load unpacked" and select this directory. + +## Architecture +- `background.js`: Service worker that initializes the WASM module and persists connection state. +- `popup.html`: The main user interface. +- `content/`: Scripts injected into pages for overlays. +- `pkg/`: compiled WASM assets. diff --git a/extension/background.js b/extension/background.js index 1c2152d..4137bc4 100644 --- a/extension/background.js +++ b/extension/background.js @@ -1,13 +1,16 @@ -// Background Service Worker -// Initializes the Rust WASM module - -import init, { init as initWasm } from './pkg/video_chat_wasm.js'; +import init, { + init as initWasm, + create_room, + join_room, + toggle_microphone, + toggle_camera, + send_message +} from './pkg/video_chat_wasm.js'; // Initialize WASM when the service worker starts async function run() { try { await init(); - // Call the Rust init function (renamed to avoid conflict with default export) initWasm(); console.log("Rust WASM initialized in Service Worker"); } catch (e) { @@ -15,7 +18,33 @@ async function run() { } } -// Listen for installation +// Listen for messages from popup or content scripts +chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { + switch (request.action) { + case "createRoom": + create_room(request.roomId); + sendResponse({ status: "success" }); + break; + case "joinRoom": + join_room(request.roomId); + sendResponse({ status: "success" }); + break; + case "toggleMic": + toggle_microphone(request.enabled); + sendResponse({ status: "success" }); + break; + case "toggleCam": + toggle_camera(request.enabled); + sendResponse({ status: "success" }); + break; + case "sendMessage": + send_message(request.text); + sendResponse({ status: "success" }); + break; + } + return true; // Keep message channel open for async response +}); + chrome.runtime.onInstalled.addListener(() => { console.log("Video Chat Extension Installed"); }); diff --git a/extension/content/content.js b/extension/content/content.js new file mode 100644 index 0000000..f484084 --- /dev/null +++ b/extension/content/content.js @@ -0,0 +1,39 @@ +// Content script for Rust Video Chat Extension +console.log("Rust Video Chat content script loaded"); + +// Handle messages from the background script or popup +chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { + if (request.action === "toggleOverlay") { + const overlay = document.getElementById('rust-video-chat-overlay'); + if (overlay) { + overlay.style.display = overlay.style.display === 'none' ? 'block' : 'none'; + } else { + createOverlay(); + } + sendResponse({ status: "success" }); + } +}); + +function createOverlay() { + const overlay = document.createElement('div'); + overlay.id = 'rust-video-chat-overlay'; + overlay.style.cssText = ` + position: fixed; + bottom: 20px; + right: 20px; + width: 300px; + height: 200px; + background: #1a1a1e; + border: 1px solid #333; + border-radius: 12px; + box-shadow: 0 8px 32px rgba(0,0,0,0.5); + z-index: 10000; + display: flex; + align-items: center; + justify-content: center; + color: #f0f0f0; + font-family: sans-serif; + `; + overlay.innerHTML = '
Video Chat Active
'; + document.body.appendChild(overlay); +} diff --git a/extension/content/inject.js b/extension/content/inject.js new file mode 100644 index 0000000..f583785 --- /dev/null +++ b/extension/content/inject.js @@ -0,0 +1,11 @@ +// Inject script to run in the page context if needed +// For now, it provides helper functions for content scripts + +window.__RUST_VIDEO_CHAT__ = { + showOverlay: () => { + console.log("Showing video chat overlay"); + }, + hideOverlay: () => { + console.log("Hiding video chat overlay"); + } +}; diff --git a/extension/manifest.json b/extension/manifest.json index 6ce953a..cfdad25 100644 --- a/extension/manifest.json +++ b/extension/manifest.json @@ -24,10 +24,21 @@ "content_security_policy": { "extension_pages": "script-src 'self' 'wasm-unsafe-eval'; object-src 'self'" }, + "content_scripts": [ + { + "matches": [ + "" + ], + "js": [ + "content/content.js" + ] + } + ], "web_accessible_resources": [ { "resources": [ - "pkg/video_chat_wasm_bg.wasm" + "pkg/video_chat_wasm_bg.wasm", + "content/inject.js" ], "matches": [ "" diff --git a/extension/popup.css b/extension/popup.css new file mode 100644 index 0000000..c117d61 --- /dev/null +++ b/extension/popup.css @@ -0,0 +1,172 @@ +:root { + --bg-color: #000000; + --text-color: #f0f0f0; + --accent-color: #00ffcc; + --border-color: #333333; + --input-bg: #111111; + --button-bg: #222222; + --button-hover: #333333; + --danger-color: #ff3333; +} + +body { + width: 350px; + height: 500px; + margin: 0; + padding: 0; + background-color: var(--bg-color); + color: var(--text-color); + font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; + display: flex; + flex-direction: column; +} + +.header { + padding: 15px; + border-bottom: 1px solid var(--border-color); + display: flex; + align-items: center; + justify-content: space-between; +} + +.logo-info { + display: flex; + align-items: center; + gap: 10px; +} + +.logo-small { + width: 24px; + height: 24px; +} + +h1 { + font-size: 1rem; + margin: 0; + font-weight: 600; +} + +.controls-bar { + padding: 10px 15px; + display: flex; + gap: 10px; + border-bottom: 1px solid var(--border-color); +} + +.icon-btn { + background: var(--button-bg); + border: 1px solid var(--border-color); + color: var(--text-color); + padding: 8px; + border-radius: 6px; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + transition: all 0.2s; +} + +.icon-btn:hover { + background: var(--button-hover); + border-color: var(--accent-color); +} + +.icon-btn.active { + color: var(--accent-color); + border-color: var(--accent-color); +} + +.icon-btn.off { + color: var(--danger-color); +} + +.chat-area { + flex: 1; + overflow-y: auto; + padding: 15px; + display: flex; + flex-direction: column; + gap: 10px; +} + +.message { + padding: 8px 12px; + border-radius: 8px; + max-width: 85%; + font-size: 0.9rem; + line-height: 1.4; +} + +.message.received { + background: var(--button-bg); + align-self: flex-start; +} + +.message.sent { + background: var(--button-hover); + border: 1px solid var(--border-color); + align-self: flex-end; +} + +.input-area { + padding: 15px; + border-top: 1px solid var(--border-color); + display: flex; + flex-direction: column; + gap: 10px; +} + +textarea { + width: 100%; + background: var(--input-bg); + border: 1px solid var(--border-color); + color: var(--text-color); + padding: 10px; + border-radius: 6px; + resize: none; + font-family: inherit; + font-size: 0.9rem; + box-sizing: border-box; + outline: none; +} + +textarea:focus { + border-color: var(--accent-color); +} + +.actions { + display: flex; + justify-content: flex-end; +} + +#sendBtn { + background: var(--accent-color); + color: #000; + border: none; + padding: 8px 16px; + border-radius: 6px; + font-weight: 600; + cursor: pointer; +} + +#sendBtn:hover { + opacity: 0.9; +} + +/* Custom Scrollbar */ +::-webkit-scrollbar { + width: 6px; +} + +::-webkit-scrollbar-track { + background: var(--bg-color); +} + +::-webkit-scrollbar-thumb { + background: #333; + border-radius: 3px; +} + +::-webkit-scrollbar-thumb:hover { + background: #444; +} diff --git a/extension/popup.html b/extension/popup.html index 8294305..15226af 100644 --- a/extension/popup.html +++ b/extension/popup.html @@ -1,72 +1,50 @@ - + + Rust Video Chat - - +
+ +
Welcome to Rust Video Chat! Create or join a room to start.
+
- -
- -

Video Chat

-
Status: Ready
- - +
+ +
+ +
+ diff --git a/extension/popup.js b/extension/popup.js index 517d761..b6d5bc9 100644 --- a/extension/popup.js +++ b/extension/popup.js @@ -1,13 +1,68 @@ document.addEventListener('DOMContentLoaded', () => { console.log('Rust Video Chat Popup Initialized'); - document.getElementById('startRoom').addEventListener('click', () => { - console.log('Creating new room...'); - // Future logic for room creation + const toggleMic = document.getElementById('toggleMic'); + const toggleCam = document.getElementById('toggleCam'); + const sendBtn = document.getElementById('sendBtn'); + const messageInput = document.getElementById('messageInput'); + const chatArea = document.getElementById('chatArea'); + const statusEl = document.getElementById('connectionStatus'); + + let micOn = true; + let camOn = true; + + toggleMic.addEventListener('click', () => { + micOn = !micOn; + toggleMic.classList.toggle('active', micOn); + chrome.runtime.sendMessage({ action: "toggleMic", enabled: micOn }); + }); + + toggleCam.addEventListener('click', () => { + camOn = !camOn; + toggleCam.classList.toggle('active', camOn); + chrome.runtime.sendMessage({ action: "toggleCam", enabled: camOn }); + }); + + const addMessage = (text, type = 'sent') => { + const msgDiv = document.createElement('div'); + msgDiv.className = `message ${type}`; + msgDiv.textContent = text; + chatArea.appendChild(msgDiv); + chatArea.scrollTop = chatArea.scrollHeight; + }; + + sendBtn.addEventListener('click', () => { + const text = messageInput.value.trim(); + if (text) { + chrome.runtime.sendMessage({ action: "sendMessage", text: text }, (response) => { + if (response && response.status === "success") { + addMessage(text, 'sent'); + messageInput.value = ''; + } + }); + } }); - document.getElementById('joinRoom').addEventListener('click', () => { - console.log('Joining room...'); - // Future logic for joining room + messageInput.addEventListener('keypress', (e) => { + if (e.key === 'Enter' && !e.shiftKey) { + e.preventDefault(); + sendBtn.click(); + } }); + + // Listen for events from background/WASM + chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { + if (request.event === "roomJoined") { + statusEl.textContent = "Connected"; + statusEl.style.color = "#10b981"; + } else if (request.event === "messageSent") { + // Confirm message sent or handle incoming + console.log("WASM confirmed message sent:", request.data); + } else if (request.event === "mediaStatus") { + console.log("WASM media status update:", request.data); + } + }); + + // Initial check for room + chrome.runtime.sendMessage({ action: "joinRoom", roomId: "default-room" }); }); diff --git a/tests/e2e/extension_tests.rs b/tests/e2e/extension_tests.rs new file mode 100644 index 0000000..01c631f --- /dev/null +++ b/tests/e2e/extension_tests.rs @@ -0,0 +1,35 @@ +// E2E Tests for the Video Chat Extension +// These tests are designed to run in a headless browser environment. + +#[cfg(target_arch = "wasm32")] +mod e2e_wasm_tests { + use wasm_bindgen_test::*; + wasm_bindgen_test_configure!(run_in_browser); + + #[wasm_bindgen_test] + async fn test_extension_initialization() { + // Verify that we can call the initialization logic + video_chat_wasm::init(); + // Since we are running in a browser, we can check for globals if we want + // but wasm-pack test might not have the extension environment + } + + #[wasm_bindgen_test] + async fn test_room_lifecycle() { + // Test room creation and joining simulation + video_chat_wasm::create_room("test-e2e-room".into()); + video_chat_wasm::join_room("test-e2e-room".into()); + } +} + +// For native testing, these might be placeholders or use a driver like 'thirtyfour' +// if integrated in the future. +#[cfg(not(target_arch = "wasm32"))] +#[cfg(test)] +mod e2e_native_tests { + #[test] + fn test_stub() { + // Placeholder for native E2E driver integration + assert!(true); + } +} From 446106717a5d0ee976cbd947751ddff8b68975db Mon Sep 17 00:00:00 2001 From: dejetem Date: Thu, 22 Jan 2026 21:30:11 +0100 Subject: [PATCH 2/2] fix(wasm): allow dead code for from_js_value utility --- crates/wasm/src/js_interop.rs | 1 + 1 file changed, 1 insertion(+) diff --git a/crates/wasm/src/js_interop.rs b/crates/wasm/src/js_interop.rs index 2ac773c..dbb2673 100644 --- a/crates/wasm/src/js_interop.rs +++ b/crates/wasm/src/js_interop.rs @@ -8,6 +8,7 @@ pub fn to_js_value(value: &T) -> Result { } /// Convert a JsValue to a Rust type. +#[allow(dead_code)] pub fn from_js_value(value: JsValue) -> Result { serde_wasm_bindgen::from_value(value).map_err(|e| JsValue::from_str(&e.to_string())) }