Upload folder using huggingface_hub

.build_counter

@@ -1 +1 @@
-21
+22

2.deploy.sh

@@ -0,0 +1,77 @@
+#!/usr/bin/env bash
+
+# --- CONFIGURATION ---
+WORKFLOW_ID="221629785" # Build Android (Bundled HuggingFace)
+ARTIFACT_NAME="tldraw-bundled-hf-debug.apk"
+TARGET_DIR="/storage/emulated/0/Download/MY-T-APP"
+COUNTER_FILE=".build_counter"
+
+# 1. RUN HUGGING FACE UPLOAD
+echo "🚀 Starting Hugging Face Upload..."
+~/.hf-cli/venv/bin/hf upload Jaimodiji/my-multiplayer-app . . \
+    --repo-type space \
+    --exclude "node_modules/*" \
+    --exclude "dist/*" \
+    --exclude ".wrangler/*" \
+    --exclude ".git/*" \
+    --exclude ".env" \
+    --exclude ".dev.vars" \
+    --exclude "temp/*" \
+    --exclude "restored_files/*" \
+    --exclude "*.sqlite" \
+    --exclude "*.log"
+
+# --- OPTION: EXIT HERE IF HF ONLY ---
+if [[ "$1" == "hf" ]] || [[ "$1" == "--hf-only" ]]; then
+    echo "✅ Hugging Face upload complete. Exiting (hf-only mode)."
+    exit 0
+fi
+
+# 2. GIT INCREMENTAL COMMIT
+if [ ! -f "$COUNTER_FILE" ]; then echo 0 > "$COUNTER_FILE"; fi
+CURRENT_COUNT=$(cat "$COUNTER_FILE")
+NEXT_COUNT=$((CURRENT_COUNT + 1))
+echo "$NEXT_COUNT" > "$COUNTER_FILE"
+
+COMMIT_MSG="test-dev-$NEXT_COUNT"
+echo "📦 Committing to Git with message: '$COMMIT_MSG'..."
+
+git add .
+git commit -m "$COMMIT_MSG"
+git push
+
+# 3. TRIGGER GITHUB ACTION
+echo "🎬 Triggering GitHub Action..."
+gh workflow run "$WORKFLOW_ID"
+echo "⏳ Waiting for run to start..."
+sleep 5
+RUN_ID=$(gh run list --workflow "$WORKFLOW_ID" --limit 1 --json databaseId -q '.[0].databaseId')
+echo "👀 Watching Run ID: $RUN_ID"
+
+gh run watch "$RUN_ID" --exit-status
+if [ $? -ne 0 ]; then
+    echo "❌ Build Failed on GitHub! Check logs."
+    exit 1
+fi
+
+# 4. DOWNLOAD AND MOVE ARTIFACT
+echo "📥 Downloading artifact..."
+mkdir -p "$TARGET_DIR"
+mkdir -p temp_artifact
+
+# gh run download AUTOMATICALLY unzips the file into the directory
+gh run download "$RUN_ID" -n "$ARTIFACT_NAME" --dir temp_artifact
+
+echo "📂 Moving APK to Android storage..."
+# Find the apk (wherever it is inside the artifact) and move it
+FOUND_COUNT=$(find temp_artifact -name "*.apk" -exec mv {} "$TARGET_DIR/" \; -print | wc -l)
+
+# Cleanup
+rm -rf temp_artifact
+
+if [ "$FOUND_COUNT" -eq "0" ]; then
+    echo "❌ ERROR: No APK file was found in the downloaded artifact."
+    exit 1
+else
+    echo "✅ SUCCESS! $FOUND_COUNT APK(s) moved to: $TARGET_DIR"
+fi

public/scripts/LiveSync.js

@@ -209,6 +209,16 @@ export class LiveSyncClient {
                 try {
                     if (typeof event.data === 'string') {
                         const msg = JSON.parse(event.data);
+                        // DEBUG: Log received message structure
+                        if (msg.type === 'state-update') {
+                            console.log('[Yjs Debug] Received state-update:', {
+                                pageIdx: msg.pageIdx,
+                                historyLength: msg.history?.length || 0,
+                                firstItemId: msg.history?.[0]?.id,
+                                firstItemIdType: typeof msg.history?.[0]?.id,
+                                sampleItem: msg.history?.[0]
+                            });
+                        }
                         this._handleYjsMessage(msg);
                     } else if (event.data instanceof Blob) {
                         // Binary message - could be Yjs update
@@ -307,6 +317,15 @@ export class LiveSyncClient {
             }
         };
 
+        // DEBUG: Log what we're sending
+        console.log('[Yjs Debug] Sending state-update:', {
+            pageIdx: msg.pageIdx,
+            historyLength: msg.history.length,
+            firstItemId: msg.history[0]?.id,
+            firstItemIdType: typeof msg.history[0]?.id,
+            sampleItem: msg.history[0]
+        });
+
         this._yjsSocket.send(JSON.stringify(msg));
         console.log(`[Yjs] Sent state update for page ${this.app.state.idx}: ${msg.history.length} strokes`);
     }
@@ -2173,21 +2192,40 @@ export class LiveSyncClient {
      * - Deletions: respect deletions (deleted items stay deleted)
      */
     _crdtMergeHistory(localHistory, remoteHistory, remoteTimestamp) {
+        // DEBUG: Log input data types
+        console.log('[CRDT Debug] Starting merge:', {
+            localCount: localHistory?.length || 0,
+            remoteCount: remoteHistory?.length || 0,
+            localSample: localHistory?.[0] ? { id: localHistory[0].id, idType: typeof localHistory[0].id } : null,
+            remoteSample: remoteHistory?.[0] ? { id: remoteHistory[0].id, idType: typeof remoteHistory[0].id } : null
+        });
+
         // Build a map keyed by stroke ID for efficient merging
         const mergedMap = new Map();
+        const itemsWithoutId = []; // Track items without IDs
 
         // Add all local items first
         for (const item of localHistory) {
-            if (item.id) {
-                mergedMap.set(item.id, { ...item });
+            const itemId = item.id != null ? String(item.id) : null;
+            if (itemId) {
+                mergedMap.set(itemId, { ...item });
+            } else {
+                // Items without ID - keep them but can't merge
+                itemsWithoutId.push({ ...item });
+                console.warn('[CRDT Debug] Local item has no ID:', item);
             }
         }
 
         // Merge remote items with CRDT rules
         for (const remoteItem of remoteHistory) {
-            if (!remoteItem.id) continue;
+            const remoteId = remoteItem.id != null ? String(remoteItem.id) : null;
+            if (!remoteId) {
+                // Remote item without ID - skip
+                console.warn('[CRDT Debug] Remote item has no ID:', remoteItem);
+                continue;
+            }
 
-            const localItem = mergedMap.get(remoteItem.id);
+            const localItem = mergedMap.get(remoteId);
 
             if (!localItem) {
                 // New item from remote - add it
@@ -2223,8 +2261,10 @@ export class LiveSyncClient {
         result.sort((a, b) => {
             // Extract timestamp from ID if possible (e.g., "stroke_1234567890_xyz")
             const getCreationTime = (item) => {
-                if (item.id && item.id.includes('_')) {
-                    const parts = item.id.split('_');
+                // Ensure id is a string before calling string methods
+                const id = item.id;
+                if (id && typeof id === 'string' && id.includes('_')) {
+                    const parts = id.split('_');
                     if (parts.length >= 2) {
                         const ts = parseInt(parts[1]);
                         if (!isNaN(ts)) return ts;