sketchferret/syncwatch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit: SyncWatch Chrome extension + WebSocket server

Browse Source
This commit is contained in:
Spencer
2026-05-23 22:22:19 -04:00
commit 24d88f4754
8 changed files with 649 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
extension/popup.html Normal file
View File

@@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>SyncWatch</title>
<link rel="stylesheet" href="popup.css">
</head>
<body>
<div class="container">
<h1>SyncWatch</h1>
<div id="connect-section">
<input id="server-url" type="text" placeholder="ws://your-server:8080" spellcheck="false">
<button id="connect-btn">Connect</button>
</div>
<div id="room-section" class="hidden">
<p class="server-status">Connected to server</p>
<div id="room-controls">
<button id="create-btn">Create Room</button>
<div class="divider">or join existing</div>
<div class="join-row">
<input id="code-input" type="text" placeholder="123456" maxlength="6" spellcheck="false">
<button id="join-btn">Join</button>
</div>
</div>
<div id="in-room" class="hidden">
<div class="code-card">
<span class="code-label">Room Code</span>
<span id="room-code" class="code-value"></span>
</div>
<p id="peer-status" class="peer-status">Waiting for peer...</p>
</div>
<button id="disconnect-btn" class="btn-secondary">Disconnect</button>
</div>
<p id="error-msg" class="error hidden"></p>
</div>
<script src="popup.js"></script>
</body>
</html>