chore: bump version to 1.0.4

.github/workflows/release.yml

@@ -51,6 +51,11 @@ jobs:
       - name: Checkout code
         uses: actions/checkout@v4
 
+      - name: Sync Protocol Constants
+        run: |
+          chmod +x ./scripts/sync-constants.sh
+          ./scripts/sync-constants.sh
+
       - name: Create Extension Zip
         run: |
           zip -r koala-sync-extension.zip extension/ -x "*.DS_Store*"

.gitignore

@@ -39,3 +39,6 @@ coverage/
 # We ignore the synced files in the extension folder to ensure 
 # the root 'shared/' remains the Single Source of Truth.
 extension/shared/
+
+# Temporary scratch files
+scratch/

README.md

@@ -8,11 +8,17 @@ KoalaSync is a premium, lightweight Chrome Extension and Relay Server for synchr
 ## Repository Structure
 - `extension/`: Chrome Extension (Manifest V3, Vanilla JS).
 - `server/`: Node.js + Socket.IO Relay Server (Containerized).
-- `website/`: Static marketing landing page & tutorials.
-- `shared/`: Shared protocol constants.
+- `website/`: Marketing landing page & **Invitation Bridge**.
+- `shared/`: Protocol constants and domain blacklist.
+- `scripts/`: Development utilities for protocol synchronization.
+
+> [!NOTE]
+> For deep technical dives, see [ARCHITECTURE.md](ARCHITECTURE.md) and [SYNC_GUIDE.md](SYNC_GUIDE.md).
 
 ## Key Features
 - **Global Synchronization**: Synchronize Play, Pause, and Seeking on any website with a `<video>` tag.
+- **Smart Matching**: Automatically highlights and sorts tabs containing matching video titles.
+- **Noise Filtering**: Built-in domain blacklist to hide non-video sites from selection.
 - **Smart Identity**: Customizable usernames combined with unique hexadecimal peer IDs.
 - **Dual Heartbeat Architecture**: Robust session tracking that prevents ghost rooms and stale connections.
 - **Zero-Latency Relay**: Custom Socket.IO wire protocol implementation for maximum performance.
@@ -31,10 +37,14 @@ docker-compose up -d --build
 The server will be available at `ws://localhost:3000`.
 
 ### 2. Chrome Extension
-1. Open Chrome and go to `chrome://extensions/`.
-2. Enable **Developer mode** (top right).
-3. Click **Load unpacked**.
-4. Select the `extension/` folder.
+1. **Synchronize Protocol**: From the root directory, run the sync script to copy the master constants to the extension folder:
+   ```bash
+   ./scripts/sync-constants.sh
+   ```
+2. Open Chrome and go to `chrome://extensions/`.
+3. Enable **Developer mode** (top right).
+4. Click **Load unpacked**.
+5. Select the `extension/` folder.
 
 ## Usage
 1. Open the extension and go to the **Settings** tab to set your **Username**.

SYNC_GUIDE.md

@@ -7,10 +7,11 @@ To ensure that the extension and the relay server are always using the exact sam
 
 ## When should you run the sync script?
 You MUST run the synchronization script in any of the following scenarios:
-1. **After modifying** `shared/constants.js`.
-2. **After modifying** `shared/blacklist.js`.
-3. **Before committing** changes to the repository if any protocol-related files were touched.
-4. **Before deploying** the server or releasing the extension.
+1. **After a fresh `git clone` or `git pull`** (as the synced files are ignored by git).
+2. **After modifying** `shared/constants.js`.
+3. **After modifying** `shared/blacklist.js`.
+4. **Before committing** changes to the repository if any protocol-related files were touched.
+5. **Before deploying** the server or releasing the extension.
 
 ## How to sync
 

extension/README.md

@@ -22,9 +22,10 @@ KoalaSync requires `<all_urls>` permission to detect and interact with video ele
 - **Zero Telemetry**: No analytics or external tracking scripts.
 
 ## Installation
-1. Open Chrome and go to `chrome://extensions/`.
-2. Enable **Developer mode** (top right).
-3. Click **Load unpacked** and select the `extension` folder from this repository.
+1. **Sync Protocol**: Run `./scripts/sync-constants.sh` (macOS/Linux) or `scripts\sync-constants.bat` (Windows) from the root.
+2. Open Chrome and go to `chrome://extensions/`.
+3. Enable **Developer mode** (top right).
+4. Click **Load unpacked** and select the `extension` folder.
 
 ## Development
 If you modify `shared/constants.js`, you must synchronize the changes across the extension and server:

extension/content.js

@@ -55,6 +55,15 @@
         const video = findVideo();
         if (!video) return;
 
+        if (action === EVENTS.SEEK) {
+            const target = data ? (data.targetTime !== undefined ? data.targetTime : data.currentTime) : undefined;
+            if (!Number.isFinite(target)) {
+                reportLog(`Media Action Error: Invalid seek payload - ${JSON.stringify(data)}`, 'error');
+                return;
+            }
+            data.targetTime = target;
+        }
+
         try {
             const host = window.location.hostname.toLowerCase();
             const isYouTube = host.includes('youtube.com');
@@ -162,6 +171,10 @@
                 if (!payload || payload.targetTime === undefined) return;
                 const video = findVideo();
                 if (video) {
+                    if (!Number.isFinite(payload.targetTime)) {
+                        reportLog(`Media Action Error: Invalid force sync payload - ${JSON.stringify(payload)}`, 'error');
+                        return;
+                    }
                     setTargetState('paused');
                     video.pause();
                     video.currentTime = payload.targetTime;
@@ -199,6 +212,9 @@
         const video = findVideo();
         if (!video) return;
 
+        const current = video.currentTime;
+        if (!Number.isFinite(current)) return;
+
         const eventState = action === EVENTS.PLAY ? 'playing' : (action === EVENTS.PAUSE ? 'paused' : (action === EVENTS.SEEK ? 'seek' : null));
         
         if (eventState && lastTargetState === eventState) {
@@ -210,7 +226,8 @@
             type: 'CONTENT_EVENT',
             action,
             payload: {
-                currentTime: video.currentTime,
+                currentTime: current,
+                targetTime: current,
                 timestamp: Date.now()
             }
         });

extension/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "KoalaSync",
-  "version": "1.0.0",
+  "version": "1.0.4",
   "description": "Synchronize video playback across different tabs and users.",
   "permissions": [
     "storage",

shared/constants.js

@@ -3,7 +3,7 @@
  */
 
 export const PROTOCOL_VERSION = "1.0.0";
-export const APP_VERSION = "1.0.0";
+export const APP_VERSION = "1.0.3";
 
 export const OFFICIAL_SERVER_URL = 'wss://sync.shik3i.net';
 export const OFFICIAL_LANDING_PAGE_URL = 'https://koalasync.shik3i.net';