discovery-media-player 0.1.172 → 0.1.173

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "discovery-media-player",
-  "version": "0.1.172",
+  "version": "0.1.173",
   "description": "Self-hosted document viewer: per-recipient tracked links, reading analytics, live presentation. The core knows nothing about the application hosting it — everything it borrows arrives through an injected context.",
   "keywords": [
     "pdf-viewer",
@@ -83,22 +83,22 @@
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@vitest/coverage-v8": "^4.1.11",
+    "@vitest/coverage-v8": "^5.0.2",
     "ajv": "8.20.0",
     "axe-core": "^4.13.0",
     "dockerfile-ast": "0.7.1",
     "esbuild": "^0.28.2",
     "eslint": "^10.8.1",
-    "fast-check": "4.9.0",
-    "jsdom": "^30.0.1",
+    "fast-check": "4.10.2",
+    "jsdom": "^30.1.2",
     "playwright-core": "^1.62.1",
     "semver": "^7.8.5",
     "typescript": "^5.5.4",
     "typescript-eslint": "^8.46.4",
-    "vitest": "^4.1.10",
-    "yaml": "2.9.0"
+    "vitest": "^5.0.2",
+    "yaml": "2.9.1"
   },
   "dependencies": {
-    "pdfjs-dist": "6.2.108"
+    "pdfjs-dist": "6.3.289"
   }
 }

package/server/gabarit-legal.js

@@ -30,18 +30,51 @@ function legalFooter({ tracked, sansExpediteur }) {
   const texte = sansExpediteur ? (L.trackingNoticeAnonymous || L.trackingNotice) : L.trackingNotice;
   const mesure = tracked ? `<span class=lgl-note>${esc(texte)}</span>` : "";
   if (!liens && !mesure) return "";
-  return `<div class=lgl>${mesure}${liens ? `<span class=lgl-links>${liens}</span>` : ""}</div>`;
+  // ⚠️ UNE PASTILLE REPLIÉE, PLUS UNE BARRE (06/10/2026, à la demande d'un hôte). La barre noire
+  // pleine largeur recouvrait le bas de chaque page pour redire trois choses qu'on ne lit qu'une
+  // fois. Repliée, la pastille garde VISIBLE ce qui doit l'être sans geste — « Lecture mesurée »,
+  // le résumé de la mention due au lecteur — et la phrase exacte comme les liens (le code source
+  // que l'AGPL doit à l'utilisateur) restent dans la page, à un clic. Rien n'est retiré du HTML :
+  // seule la présentation change.
+  //
+  // ⚠️ `<details>`, SANS SCRIPT : la page tourne sous une CSP à nonce, et un pied qui aurait besoin
+  // de JavaScript pour s'ouvrir resterait fermé — mention comprise — le jour où son script ne
+  // passerait pas.
+  //
+  // ⚠️ « Informations » quand on ne mesure pas (aperçu interne) : écrire « Lecture mesurée » sur
+  // une page qui ne mesure rien serait faux dans l'autre sens.
+  const resume = tracked ? "Lecture mesurée" : "Informations";
+  return `<details class=lgl><summary class=lgl-pill>${ICONE_INFO}<span>${resume}</span></summary>`
+    + `<div class=lgl-panel>${mesure}${liens ? `<span class=lgl-links>${liens}</span>` : ""}</div></details>`;
 }
 
+// Un « i » cerclé, décoratif : le mot à côté suffit à un lecteur d'écran.
+const ICONE_INFO = `<svg aria-hidden=true viewBox="0 0 24 24" width=13 height=13 fill=none stroke=currentColor stroke-width=2 stroke-linecap=round><circle cx=12 cy=12 r=9.5 /><path d="M12 11v5.5M12 7.6v.1"/></svg>`;
+
 const LEGAL_CSS = `
-  .lgl{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;flex-wrap:wrap;gap:4px 10px;
-    align-items:center;justify-content:center;padding:5px 12px;font-size:10.5px;line-height:1.35;
-    color:rgba(255,255,255,.94);background:rgba(0,0,0,.66);backdrop-filter:blur(3px);pointer-events:none}
-  .lgl a{color:inherit;text-decoration:underline;text-underline-offset:2px;pointer-events:auto}
+  /* ⚠️ EN BAS À GAUCHE, PAS À DROITE : le coin droit est déjà pris par la bulle de l'assistant,
+     celle du chat en direct et « Propulsé par » — trois occupants qu'une pastille de plus
+     viendrait chevaucher. Au-dessus des pages (z-index 5), sous le tiroir de vignettes (7). */
+  .lgl{position:fixed;left:calc(10px + env(safe-area-inset-left));bottom:calc(10px + env(safe-area-inset-bottom));
+    z-index:5;max-width:min(92vw,420px);font-size:11px;line-height:1.4;color:rgba(255,255,255,.94)}
+  /* La colonne de vignettes, ouverte en grand écran, pousse le document : la pastille la suit
+     au lieu de se poser sur la dernière vignette. */
+  @media (min-width:861px){ body.vign-on .lgl{left:calc(178px + env(safe-area-inset-left))} }
+  .lgl-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 7px;border-radius:999px;
+    background:rgba(20,18,14,.74);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
+    cursor:pointer;list-style:none;user-select:none}
+  /* ⚠️ DISCRÈTE PAR LA TAILLE, JAMAIS PAR L'OPACITÉ : la pastille flotte sur la page du
+     document, souvent blanche, et un texte atténué y passerait sous le contraste exigé. Le fond
+     à .74 garde le blanc à ~7:1 même sur une page blanche. */
+  .lgl-pill::-webkit-details-marker{display:none}
+  .lgl-pill:hover,.lgl[open] .lgl-pill{background:rgba(20,18,14,.88)}
+  .lgl-pill:focus-visible{outline:2px solid #fff;outline-offset:2px}
+  .lgl-panel{display:flex;flex-direction:column;gap:5px;margin-top:6px;padding:9px 11px;border-radius:10px;
+    background:rgba(20,18,14,.86);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
+  .lgl a{color:inherit;text-decoration:underline;text-underline-offset:2px}
   .lgl a:hover{color:#fff}
   .lgl-sep{margin:0 6px;opacity:.8}
-  .lgl-note{opacity:1}
-  @media (max-width:640px){ .lgl{font-size:10px;padding:4px 10px} }
+  @media (max-width:640px){ .lgl{font-size:10.5px} }
 `;
 
 module.exports = { init, legalFooter, LEGAL_CSS };