Affiche les étapes détaillées dans la console (F12). À activer si tu veux signaler un bug avec un max de contexte.
`;
+ debugRow.appendChild(debugCheckbox);
+ debugRow.appendChild(debugText);
+ debugCheckbox.addEventListener("change", () => {
+ LOG.setDebug(debugCheckbox.checked);
+ showToast("Debug logs", debugCheckbox.checked ? "ACTIVÉ — voir console F12" : "désactivé");
+ });
+ container.appendChild(debugRow);
+
// Bouton reset
const resetBtn = document.createElement("button");
resetBtn.type = "button";
@@ -2797,15 +2967,46 @@ function isoToUnixDate(iso) {
// Messages → background
// ============================================================================
+// v2026.5.38 : timeout sur sendMessage. En MV3 le service worker peut être
+// endormi/relancé : si un handler async oublie d'appeller sendResponse, le
+// port reste ouvert et notre Promise pend pour toujours. On force un timeout
+// (defaut 15s) qui rejette proprement avec un message clair.
+const _SENDMESSAGE_TIMEOUT_MS = 15000;
+
function sendMessage(msg) {
return new Promise((resolve, reject) => {
- chrome.runtime.sendMessage(msg, (response) => {
- if (chrome.runtime.lastError) {
- reject(new Error(chrome.runtime.lastError.message));
- return;
- }
- resolve(response || {});
- });
+ let settled = false;
+ const t0 = performance.now();
+
+ const timer = setTimeout(() => {
+ if (settled) return;
+ settled = true;
+ const dur = Math.round(performance.now() - t0);
+ LOG.error("sendMessage", `timeout après ${dur}ms (background ne répond pas)`, { type: msg && msg.type });
+ reject(new Error(`sendMessage timeout (${msg && msg.type || "?"})`));
+ }, _SENDMESSAGE_TIMEOUT_MS);
+
+ try {
+ chrome.runtime.sendMessage(msg, (response) => {
+ if (settled) return;
+ settled = true;
+ clearTimeout(timer);
+ if (chrome.runtime.lastError) {
+ const dur = Math.round(performance.now() - t0);
+ LOG.warn("sendMessage", "lastError", { type: msg && msg.type, err: chrome.runtime.lastError.message, durMs: dur });
+ reject(new Error(chrome.runtime.lastError.message));
+ return;
+ }
+ resolve(response || {});
+ });
+ } catch (e) {
+ // chrome.runtime.sendMessage peut throw direct si extension contexte invalide
+ if (settled) return;
+ settled = true;
+ clearTimeout(timer);
+ LOG.exception("sendMessage", "throw synchrone", e, { type: msg && msg.type });
+ reject(e);
+ }
});
}
@@ -2819,16 +3020,68 @@ async function readCache(isoDate) {
return obj[key] || null;
}
+// v2026.5.38 : on attrape spécifiquement les QUOTA_BYTES dépassés. Quand le
+// cache local explose (~10 Mo), Chrome rejette le set avec un message qui
+// contient "QUOTA". On essaie alors de purger les vieilles entrées et on
+// re-tente une fois.
async function writeCache(isoDate, data) {
const key = CACHE_PREFIX + isoDate;
- await chrome.storage.local.set({ [key]: { ...data, savedAt: Date.now() } });
+ const payload = { ...data, savedAt: Date.now() };
+ try {
+ await chrome.storage.local.set({ [key]: payload });
+ } catch (e) {
+ const msg = (e && e.message) || String(e);
+ if (msg.toUpperCase().includes("QUOTA")) {
+ LOG.warn("cache", "quota dépassé, tentative de purge des vieilles entrées", { key });
+ try {
+ await _purgeOldCacheEntries();
+ await chrome.storage.local.set({ [key]: payload });
+ LOG.info("cache", "écriture OK après purge", { key });
+ return;
+ } catch (e2) {
+ LOG.exception("cache", "écriture échouée même après purge", e2, { key });
+ if (typeof showToast === "function") {
+ showToast("Cache plein", "Les données ne sont pas mises en cache");
+ }
+ return;
+ }
+ }
+ LOG.exception("cache", "écriture échouée", e, { key });
+ }
+}
+
+// Purge les entrées de cache plus vielles que 7 jours (best-effort).
+async function _purgeOldCacheEntries() {
+ const all = await chrome.storage.local.get(null);
+ const now = Date.now();
+ const SEVEN_DAYS_MS = 7 * 24 * 60 * 60 * 1000;
+ const toRemove = [];
+ for (const k of Object.keys(all)) {
+ if (!k.startsWith(CACHE_PREFIX)) continue;
+ const v = all[k];
+ if (v && typeof v.savedAt === "number" && (now - v.savedAt) > SEVEN_DAYS_MS) {
+ toRemove.push(k);
+ }
+ }
+ if (toRemove.length > 0) {
+ await chrome.storage.local.remove(toRemove);
+ LOG.info("cache", `purgé ${toRemove.length} entrée(s) > 7 jours`, { keys: toRemove });
+ }
}
// ============================================================================
// Flux principal : charger une date
// ============================================================================
+/**
+ * Charge le planning pour la date donnée (fetch XML EasyVista + cache).
+ *
+ * @author Quentin Rouiller
+ */
async function loadForDate(isoDate, opts = {}) {
+ LOG.info("load", `début pour ${isoDate}`, { opts, hasSession: !!state.session });
+ const _t0 = performance.now();
+
// v4.3.1 : changer de date fermait tous les popups épinglés.
// v2026.5.17 : les popups épinglés restent maintenant ouverts entre dates,
// avec les données qu'ils avaient au moment de l'épinglage.
@@ -2965,7 +3218,8 @@ async function loadForDate(isoDate, opts = {}) {
source: "fresh",
lastRefreshKind: activeRefreshButton
});
- writeCache(isoDate, { techs: merged.techs }).catch(() => {});
+ writeCache(isoDate, { techs: merged.techs })
+ .catch(e => LOG.warn("cache", "writeCache fail (disappear-analysis)", { err: e && e.message }));
}
})
.catch(err => console.error("[disappear-analysis]", err));
@@ -3885,7 +4139,8 @@ async function refreshStatuses(techs, isoDate, opts = {}) {
// Si annulé : on laisse les résultats partiels dans le DOM et on sauve
// quand même ce qu'on a déjà récupéré (cache incrémental).
if (isRefreshAborted(myToken)) {
- try { await writeCache(isoDate, { techs }); } catch {}
+ try { await writeCache(isoDate, { techs }); }
+ catch (e) { LOG.warn("cache", "writeCache fail (after abort)", { err: e && e.message }); }
return;
}
@@ -4360,7 +4615,11 @@ function parseTimelineJsonForAction(jsonText, actionId) {
let extra;
try {
extra = JSON.parse(extraRaw);
- } catch {
+ } catch (e) {
+ // v2026.5.38 : on logue le contenu (tronqué) pour pouvoir reproduire
+ // qd le serveur EV renvoie du JSON cassé (ça arrive après MAJ EV).
+ LOG.warn("timeline", "JSON.parse failed sur extraRaw",
+ { snippet: extraRaw.substring(0, 120), err: e && e.message });
continue;
}
@@ -4700,21 +4959,48 @@ function showAbortToast() {
}
function renderFromData(data) {
- state.currentData = data;
- document.getElementById("loading").classList.add("hidden");
- document.getElementById("error-box").classList.add("hidden");
- document.getElementById("session-needed").classList.add("hidden");
- document.getElementById("cards").classList.remove("hidden");
+ // v2026.5.38 : on wrappe tout le rendu dans un try/catch global. Si l'une
+ // des étapes plante (ex: tech sans interventions, données XML cassées),
+ // on logue tout et on affiche un message à l'user au lieu de laisser un
+ // écran blanc.
+ const _tStart = performance.now();
+ LOG.info("render", "renderFromData début",
+ { date: data && data.targetDate, source: data && data.source, techsCount: data && data.techs && data.techs.length });
+ try {
+ state.currentData = data;
- // v4.3.0 : détecter les conflits d'horaire entre interventions d'un même
- // tech (même heure de début OU chevauchement).
- detectOverlaps(data.techs);
+ // Null checks défensifs sur les éléments UI critiques
+ const elLoading = document.getElementById("loading");
+ const elErrorBox = document.getElementById("error-box");
+ const elSessionNeeded = document.getElementById("session-needed");
+ const elCards = document.getElementById("cards");
+ if (!elLoading || !elErrorBox || !elSessionNeeded || !elCards) {
+ LOG.error("render", "éléments DOM manquants",
+ { loading: !!elLoading, errorBox: !!elErrorBox, sessionNeeded: !!elSessionNeeded, cards: !!elCards });
+ return;
+ }
+ elLoading.classList.add("hidden");
+ elErrorBox.classList.add("hidden");
+ elSessionNeeded.classList.add("hidden");
+ elCards.classList.remove("hidden");
- // Calculer les stats
- const stats = computeStats(data.techs, data.targetDate);
- renderCaptureInfo(data, stats);
- renderStats(stats);
- renderCards(data);
+ // v4.3.0 : détecter les conflits d'horaire entre interventions d'un même
+ // tech (même heure de début OU chevauchement).
+ detectOverlaps(data.techs);
+
+ // Calculer les stats
+ const stats = computeStats(data.techs, data.targetDate);
+ renderCaptureInfo(data, stats);
+ renderStats(stats);
+ renderCards(data);
+ LOG.info("render", "renderFromData OK", { ms: Math.round(performance.now() - _tStart) });
+ } catch (err) {
+ LOG.exception("render", "renderFromData a planté",
+ err, { date: data && data.targetDate, techsCount: data && data.techs && data.techs.length });
+ if (typeof showError === "function") {
+ showError("Erreur d'affichage : " + (err.message || "voir console F12"));
+ }
+ }
}
// v4.3.0 : détection des conflits d'horaire entre interventions d'un même tech.
@@ -4943,6 +5229,11 @@ function isPillonelAbsentFriday(tech, isoDate) {
return d.getDay() === 5;
}
+/**
+ * Construit la card HTML d'un technicien (header, timeline, interventions, absences).
+ *
+ * @author Quentin Rouiller
+ */
function buildCard(tech, isoDate) {
const card = document.createElement("section");
card.className = "card";
@@ -5358,6 +5649,11 @@ function getStatusClass(iv) {
return null;
}
+/**
+ * Lie les segments timeline à un popover persistant au clic (depuis v4.2.3).
+ *
+ * @author Quentin Rouiller
+ */
function bindTimelinePopover(el) {
// v2026.5.33 : en vue horizontale, les interactions sont différentes :
// - hover : ouvre directement la GRANDE popup (pas la petite)
@@ -5512,6 +5808,11 @@ function findIvByActionId(actionId) {
//
// v2026.5.34 : utilise positionTooltipAnchored() unifié au lieu de recalculer
// sa propre position. Plus de code dupliqué.
+/**
+ * Ouvre une grande popup détaillée pour un segment timeline.
+ *
+ * @author Quentin Rouiller
+ */
function openPersistentTimelinePopup(el) {
if (!el) {
console.warn("[persistentTimeline] segment el null — abandon");
@@ -6739,6 +7040,11 @@ let bulleState = {
hideTimer: null
};
+/**
+ * Affiche un tooltip au survol d'une intervention/réservation.
+ *
+ * @author Quentin Rouiller
+ */
function showTooltip(e, iv, rowEl) {
// v2026.5.19 : pendant qu'un popup épinglé est en cours de drag, on ignore
// les mouseenter sur les cartes — sinon en survolant une carte on déclenche
@@ -6973,6 +7279,8 @@ function reapplyTooltipPosition() {
*
* @param {HTMLElement} sourceEl - l'élément déclencheur (row, card, segment)
* @param {object} opts - options { anchorBelow: true pour préférer dessous }
+ *
+ * @author Quentin Rouiller
*/
function positionTooltipAnchored(sourceEl, opts) {
opts = opts || {};
@@ -7110,6 +7418,8 @@ function _rectsOverlap(a, b) {
* Cherche une position libre pour un popup de dimensions {w, h} près de la
* ligne source `rowEl`. Essaie dans l'ordre : droite, gauche, dessous, dessus.
* Retourne {x, y} en coordonnées document, ou null si aucune position libre.
+ *
+ * @author Quentin Rouiller
*/
function _findFreePopupPosition(rowEl, w, h) {
const pad = 14;
@@ -7215,6 +7525,8 @@ function _findFreePopupPosition(rowEl, w, h) {
/**
* v4.3.0 : épingle la bulle courante en la clonant dans un popup détaché
* ancré au contenu. Le tooltip live redevient disponible.
+ *
+ * @author Quentin Rouiller
*/
function pinTooltip() {
if (!state.currentTooltipIv) return;
@@ -7567,6 +7879,8 @@ async function _refreshPinnedPopupIv(popup, iv) {
* ré-épingler, ou cliquer ailleurs pour s'en débarrasser normalement.
*
* @param {HTMLElement} el - le popup à désépingler
+ *
+ * @author Quentin Rouiller
*/
function _softUnpinPopup(el) {
if (!el) {
@@ -8048,6 +8362,8 @@ function _getPopupSafeArea() {
* v2026.5.20 : contraint un popup flottant (en coords document via style.left/top)
* dans la safe area. Appelé à l'épinglage, pendant le drag, et quand le dock
* apparaît/disparaît.
+ *
+ * @author Quentin Rouiller
*/
function _clampPopupInSafeArea(popup) {
if (!popup) return;
@@ -8840,7 +9156,7 @@ function bindTooltipInteractions() {
btn.classList.remove("copied");
btn.textContent = original;
}, 1200);
- }).catch(() => {});
+ }).catch(e => LOG.warn("clipboard", "copie ref échouée (permission ?)", { ref, err: e && e.message }));
}
} else if (action === "delete-item") {
// v5.0.0 : supprimer absence/réservation (depuis tooltip)
@@ -8866,6 +9182,11 @@ function bindTooltipInteractions() {
});
}
+/**
+ * Construit le HTML du tooltip détaillé pour une intervention/réservation.
+ *
+ * @author Quentin Rouiller
+ */
function buildTooltipHTML(iv) {
if (!iv) return '- Info
- —