photo_server_json_flutter_con_gallery1/public/js/sync.js.ok

// ===============================
// getPhotoById — versione corretta per incrementalSync
// ===============================
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("[DEBUG getPhotoById] URL:", url);

  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("[DEBUG getPhotoById] JSON:", json);
    return json;
  } catch (e) {
    console.error("[getPhotoById] ERRORE JSON:", e);
    return [];
  }
}

// ===============================
// sync.js — Sync incrementale con LOG DIAGNOSTICI COMPLETI
// ===============================

async function incrementalSync() {
  console.log(">>> incrementalSync() START");

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

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

  console.log("[incrementalSync] lastSync =", lastSync, "user =", user);
  console.log("[incrementalSync] localPhotos attuali =", currentPhotos.length);

  // ============================================================
  // 1) FULL LOAD OBBLIGATORIO
  // ============================================================
  if (!lastSync || currentPhotos.length === 0) {
    console.log("[incrementalSync] Primo avvio → fullLoad() (forzato)");

    try {
      console.log("[DEBUG] Chiamo getAllPhotos()");
      const photos = await getAllPhotos();

      console.log(`[incrementalSync] fullLoad() ha caricato ${photos.length} foto`);
      saveLocalState();
      refreshGallery();

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

      console.log("[incrementalSync] setLastSync (fullLoad) =", now);
      console.log(">>> incrementalSync() COMPLETATO (fullLoad)");
      return;

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

  // ============================================================
  // 2) SYNC INCREMENTALE
  // ============================================================
  let changes;
  try {
    console.log(`[DEBUG] Chiamo getChanges(lastSync=${lastSync}, user=${user})`);
    changes = await getChanges(lastSync, user);
  } catch (err) {
    console.error("[incrementalSync] ERRORE getChanges:", err);
    return;
  }

  console.log("[incrementalSync] Cambiamenti ricevuti:", changes);

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

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

    // ---------------------------------------------------------
    // FOTO AGGIUNTA
    // ---------------------------------------------------------
    if (ch.change_type === "added") {
      console.log(`[DEBUG] Evento ADDED → richiedo getPhotoById(${ch.photo_id})`);

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

        console.log(`[DEBUG getPhotoById] id=${ch.photo_id} → risposta:`, arr);

        if (arr.length) {
          console.log(`[DEBUG] Foto trovata → aggiungo a localPhotos id=${ch.photo_id}`);
          addPhotoLocal(arr[0]);
        } else {
          console.warn(`[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(`[DEBUG] Evento REMOVED → rimuovo foto id=${ch.photo_id}`);

      removePhotoLocal(ch.photo_id);

      const el = document.getElementById("photo_" + ch.photo_id);
      if (el) {
        console.log("[DEBUG] Rimuovo elemento DOM:", el.id);
        el.remove();
      }
    }
  }

  console.log("[incrementalSync] localPhotos dopo sync:", getLocalPhotos().length);

  // ============================================================
  // 4) REFRESH UI
  // ============================================================
  console.log("[DEBUG] refreshGallery()");
  refreshGallery();

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

  console.log(`[DEBUG] Aggiorno lastSync → ${lastTimestamp}`);
  setLastSync(lastTimestamp);

  console.log(">>> incrementalSync() COMPLETATO");
}

// ===============================
// 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 {};
  }
}

// ===============================
// WEBSOCKET REAL-TIME
// ===============================
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
    // -------------------------------
    if (msg.type === "photo_added") {
      console.log(`[WS] Foto aggiunta → id=${msg.photo_id}`);

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

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

  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;