discovery-media-player 0.1.172 → 0.1.174

package/context/standalone.js

@@ -118,6 +118,22 @@ function fetchBorne(cible, options = {}, delaiMs) {
  */
 const DELAI_AUTH_MS = 5000;
 const DELAI_ROUTE_HOTE_MS = 4000;
+
+/**
+ * La marque d'un client, GARDÉE EN MÉMOIRE (#570). Chaque ouverture d'un lien tracé attendait un
+ * POST à l'hôte avant d'envoyer la page ; hôte lent ou en panne, chaque ouverture payait jusqu'à
+ * `DELAI_ROUTE_HOTE_MS`. Une marque change rarement, un lien s'ouvre souvent.
+ *
+ * ⚠️ LES DURÉES DISENT CE QUI RESTE VRAI DE `brands.js` : la marque est toujours résolue par
+ * l'hôte, jamais recopiée dans le lien — une charte corrigée se voit en 5 minutes au plus. Une
+ * absence (clé inconnue, hôte en panne) n'est gardée qu'une minute : assez pour ne plus payer le
+ * délai à chaque ouverture, assez peu pour qu'une marque créée entre-temps apparaisse vite.
+ * ⚠️ BORNÉE : les clés viennent des liens, donc de la base ; sans plafond, une instance qui sert
+ * beaucoup de clients garderait tout pour toujours. La plus ancienne entrée sort la première.
+ */
+const MARQUE_GARDEE_MS = 5 * 60_000;
+const MARQUE_ABSENTE_MS = 60_000;
+const MARQUES_MAX = 500;
 const DELAI_STOCKAGE_MS = 15000;
 const DELAI_BASE_MS = 15000;
 
@@ -431,6 +447,8 @@ function createStandaloneContext(env = process.env) {
   const origins = () => storage.storageOrigins(env);
   const hostBase = () => storage.hostFetchBase(env);
   const root = () => storage.localRoot(env);
+  // Les marques des clients, propres à CE contexte (#570) : deux contextes ne partagent rien.
+  const marques = new Map();
 
   return {
     // Aucun greffon : l'assistant IA, l'intro de marque et les comptes visiteurs sont des produits
@@ -794,8 +812,22 @@ function createStandaloneContext(env = process.env) {
        */
       async forKey(key) {
         if (!key) return null;
-        const b = await appelHote(env.PLAYER_HOST_BRAND_URL, secret, { key: String(key) }, journal);
-        return b && b.logo ? { logo: String(b.logo), name: String(b.name || ""), dark: !!b.dark } : null;
+        const cle = String(key);
+        const gardee = marques.get(cle);
+        // Une promesse, pas une valeur : dix lecteurs qui ouvrent le même lien au même instant
+        // attendent le MÊME appel au lieu d'en lancer dix.
+        if (gardee && Date.now() - gardee.depuis < gardee.duree) return gardee.marque;
+        const entree = { depuis: Date.now(), duree: MARQUE_GARDEE_MS, marque: null };
+        entree.marque = appelHote(env.PLAYER_HOST_BRAND_URL, secret, { key: cle }, journal).then((b) => {
+          const m = b && b.logo ? { logo: String(b.logo), name: String(b.name || ""), dark: !!b.dark } : null;
+          if (!m) entree.duree = MARQUE_ABSENTE_MS;
+          return m;
+        });
+        // Réinsérée en dernier : l'ordre d'insertion de la Map est l'ordre de sortie.
+        marques.delete(cle);
+        marques.set(cle, entree);
+        if (marques.size > MARQUES_MAX) marques.delete(marques.keys().next().value);
+        return entree.marque;
       },
 
       title(base, qualificatif) {

package/docs/HOST-CONTRACT.md

@@ -842,6 +842,12 @@ The link carries a **reference**, never a copy of the logo: a tracked link lives
 inbox, and a logo frozen at send time would not follow a corrected brand. `name` is not decorative
 — it is what shows when the logo fails to load.
 
+The standalone context **keeps each answer in memory, per process**, so that opening a link does not
+wait on your route every time: a brand for **5 minutes**, an absence (unknown key, error, timeout)
+for **one minute**, at most 500 keys, oldest out first. Concurrent openings of the same link share
+one call. So a corrected brand shows within 5 minutes, and a brand created for a key that was
+unknown shows within a minute. The link still carries only the key — nothing is frozen in it.
+
 ### 3. Serving a file the player cannot reach
 
 If your documents sit behind an API key, the player must **never** hold it. Expose one route

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "discovery-media-player",
-  "version": "0.1.172",
+  "version": "0.1.174",
   "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 };