photo_server_json_flutter_con_gallery1/public/js/sync.js

// ===============================================
// JWT PARSER
// ===============================================
function parseJwt(token) {
  if (!token) return {};
  try {
    const base64 = token.split('.')[1];
    const json = atob(base64);
    return JSON.parse(json);
  } catch (e) {
    console.error("parseJwt error:", e);
    return {};
  }
}

// ===============================================
// GET PHOTO BY ID — con log puliti
// ===============================================
async function getPhotoById(id) {
  const token = localStorage.getItem("token");
  const payload = parseJwt(token);
  const user = payload.name || "Common";

  const url = `${BASE_URL}/photos/byIds?id=${encodeURIComponent(id)}&user=${encodeURIComponent(user)}`;

  console.log(`📥 [getPhotoById] Richiedo foto id=${id}`);

  let res;
  try {
    res = await fetch(url, {
      headers: { "Authorization": "Bearer " + token }
    });
  } catch (e) {
    console.error("❌ [getPhotoById] ERRORE FETCH:", e);
    return [];
  }

  if (!res.ok) {
    console.error("❌ [getPhotoById] ERRORE HTTP:", res.status, res.statusText);
    return [];
  }

  try {
    const json = await res.json();
    console.log(`📤 [getPhotoById] id=${id} → trovate ${json.length} foto`);
    return json;
  } catch (e) {
    console.error("❌ [getPhotoById] ERRORE JSON:", e);
    return [];
  }
}

// ===============================================
// INCREMENTAL SYNC — versione completa e pulita
// ===============================================
async function incrementalSync() {
  console.log("==============================================");
  console.log("🚀 incrementalSync() START");

  const payload = parseJwt(localStorage.getItem("token"));
  const user = payload.name || "Common";

  let lastSync = getLastSync();
  const currentPhotos = getLocalPhotos();

  console.log(`👤 Utente: ${user}`);
  console.log(`🕒 lastSync: ${lastSync}`);
  console.log(`📸 Foto locali attuali: ${currentPhotos.length}`);

  // ============================================================
  // 1) FULL LOAD
  // ============================================================
  if (!lastSync || currentPhotos.length === 0) {
    console.log("🟦 FULL LOAD → caricamento completo del DB");

    try {
      const photos = await getAllPhotos();
      console.log(`📥 FULL LOAD → ricevute ${photos.length} foto`);

      saveLocalState();
      refreshGallery();

      const now = new Date().toISOString();
      setLastSync(now);

      console.log(`🕒 FULL LOAD → setLastSync = ${now}`);
      console.log("🏁 incrementalSync() COMPLETATO (fullLoad)");
      console.log("==============================================");
      return;

    } catch (err) {
      console.error("❌ [incrementalSync] ERRORE in fullLoad:", err);
      return;
    }
  }

  // ============================================================
  // 2) SYNC INCREMENTALE
  // ============================================================
  console.log("🟩 INCREMENTAL SYNC → controllo cambiamenti");

  let changes;
  try {
    changes = await getChanges(lastSync, user);
  } catch (err) {
    console.error("❌ [incrementalSync] ERRORE getChanges:", err);
    return;
  }

  console.log(`📥 Cambiamenti ricevuti: ${changes?.changes?.length || 0}`);

  if (!changes || !changes.changes || changes.changes.length === 0) {
    console.log("🟨 Nessun cambiamento → lastSync NON aggiornato");
    return;
  }

  // ============================================================
  // 3) APPLICA CAMBIAMENTI
  // ============================================================
  for (const ch of changes.changes) {
    console.log("----------------------------------------------");
    console.log(`🔄 Cambio:`, ch);

    // FOTO AGGIUNTA
    if (ch.change_type === "added") {
      console.log(`🟢 Foto aggiunta → id=${ch.photo_id}`);

      try {
        const arr = await getPhotoById(ch.photo_id);

        if (arr.length) {
          console.log(`📸 Aggiungo foto id=${ch.photo_id} a localPhotos`);
          addPhotoLocal(arr[0]);
        } else {
          console.warn(`⚠️ Foto NON trovata nel server remoto per id=${ch.photo_id}`);
        }

      } catch (err) {
        console.error("❌ [incrementalSync] ERRORE getPhotoById:", err);
      }
    }

    // FOTO RIMOSSA
    if (ch.change_type === "removed") {
      console.log(`🔴 Foto rimossa → id=${ch.photo_id}`);

      removePhotoLocal(ch.photo_id);

      const el = document.getElementById("photo_" + ch.photo_id);
      if (el) {
        console.log(`🗑️ Rimuovo elemento DOM: ${el.id}`);
        el.remove();
      }
    }
  }

  console.log(`📸 Foto locali dopo sync: ${getLocalPhotos().length}`);

  // ============================================================
  // 4) REFRESH UI
  // ============================================================
  console.log("🔄 refreshGallery()");
  refreshGallery();

  // ============================================================
  // 5) AGGIORNA lastSync
  // ============================================================
  const lastTimestamp = changes.changes.at(-1).timestamp || new Date().toISOString();

  console.log(`🕒 Aggiorno lastSync → ${lastTimestamp}`);
  setLastSync(lastTimestamp);

  console.log("🏁 incrementalSync() COMPLETATO");
  console.log("==============================================");
}

// ===============================================
// WEBSOCKET REAL-TIME — versione pulita
// ===============================================
function startWebSocket() {
  const token = localStorage.getItem("token");
  if (!token) {
    console.error("❌ [WS] Nessun token JWT trovato");
    return;
  }

  const payload = parseJwt(token);
  const user = payload.name || "Common";

  console.log("🔌 [WS] Connessione a wss://prova-ws.patachina.it ...");

  const ws = new WebSocket("wss://prova-ws.patachina.it");

  ws.onopen = () => {
    console.log("🟢 [WS] Connesso → invio token JWT");

    ws.send(JSON.stringify({
      type: "auth",
      token
    }));
  };

ws.onmessage = async (ev) => {
  let msg;
  try {
    msg = JSON.parse(ev.data);
  } catch (e) {
    console.error("❌ [WS] Errore parsing JSON:", e);
    return;
  }

  console.log("📩 [WS] Messaggio ricevuto:", msg);

  // FOTO AGGIUNTA (da /photos o auto_scan ADD)
  if (msg.type === "added") {
    console.log(`🟢 [WS] Foto aggiunta → id=${msg.photo_id || msg.id}`);

    const id = msg.id;

    try {
      const arr = await getPhotoById(id);

      if (arr.length) {
        console.log("📸 [WS] Foto trovata → aggiorno localPhotos");
        addPhotoLocal(arr[0]);
        refreshGallery();
      } else {
        console.warn("⚠️ [WS] Foto non trovata nel server remoto");
      }
    } catch (err) {
      console.error("❌ [WS] Errore getPhotoById:", err);
    }
  }

  // FOTO RIMOSSA (auto_scan DEL)
  if (msg.type === "removed") {
    const id = msg.id;
    console.log(`🔴 [WS] Foto rimossa → id=${id}`);

    removePhotoLocal(id);

    const el = document.getElementById("photo_" + id);
    if (el) {
      console.log(`🗑️ [WS] Rimuovo elemento DOM: ${el.id}`);
      el.remove();
    }

    refreshGallery();
  }

  // CARTELLA AGGIUNTA
  if (msg.type === "add_dir") {
    console.log(`📁 [WS] Cartella aggiunta → ${msg.folder}`);
    // qui puoi decidere se rifare una sync parziale o solo aggiornare la lista cartelle
    // per ora: incrementalSync "soft"
    incrementalSync();
  }

  // CARTELLA RIMOSSA
  if (msg.type === "del_dir") {
    console.log(`📁 [WS] Cartella rimossa → ${msg.folder}`);
    // idem come sopra
    incrementalSync();
  }
};


  ws.onclose = () => {
    console.warn("❌ [WS] Connessione chiusa → ritento tra 3s...");
    setTimeout(startWebSocket, 3000);
  };

  ws.onerror = (err) => {
    console.error("⚠️ [WS] Errore WebSocket:", err);
  };
}

// Avvio automatico del WebSocket
startWebSocket();

window.incrementalSync = incrementalSync;
window.parseJwt = parseJwt;