Files
Forge-Engine/static/js/play/video-overlay.js
T
williamandClaude Sonnet 5 c57420c8c9 Phase 3 : hardening qualite de code - typage strict, securite, dead code, a11y
Config strictement stricte partout (ruff, mypy --strict, bandit, vulture,
import-linter, eslint, stylelint), aucune regle desactivee "pour ne pas
casser le build" - l'existant a ete corrige pour la satisfaire plutot que
l'inverse. Hooks pre-commit locaux (language: system) bloquants.

- Typage mypy --strict propage a tout le moteur (db, screens, auth, core,
  ai, routes, puis publish/scripts/tests/app.py/build_css.py).
- Securite : fuite de handle fichier Windows corrigee dans l'export SCORM
  (routes/publish/export_scorm.py), CSRF/RNG non-crypto/xAPI documentes
  (# nosec, # NOSONAR justifies), nouveau db.json_for_script() (echappe
  "</script>" dans le JSON embarque en <script>, 25 sites).
- Architecture : imports circulaires/F811 nettoyes, contrats
  import-linter respectes, code mort retire (vulture).
- Accessibilite : 69 champs de formulaire sans label correctement
  associe corriges (for/id ou aria-label) sur 11 templates.
- ESLint/Stylelint : lot mecanique JS/CSS, regles ajustees puis
  appliquees (aucune desactivee sans verification individuelle).
- Tests : isolation du compte admin partage (nettoyage ponctuel +
  fixture de teardown automatique en filet de securite), suite complete
  verte (591 tests Python, 241 tests JS).
- SonarQube Community Build self-heberge (Docker + PostgreSQL) : rapport
  complet analyse point par point, faux positifs documentes.
- .gitattributes ajoute (LF force) : core.autocrlf=true sur cette machine
  faisait echouer ESLint (linebreak-style) via un bug connu de git
  (checkout "en place" qui ignore l'eol force sur un fichier deja
  present sur disque - contourne en supprimant puis recreant chaque
  fichier suivi).

djLint (H021, styles inline) volontairement saute pour ce commit -
backlog assume, deja documente, traite dans un lot separe.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-09-15 16:06:15 +02:00

60 lines
2.2 KiB
JavaScript

// ---------- Action "video" — lecture d'une vidéo de "Mes assets" ----------
// Voir screens/rendering/collision_rules.py::"video" — bloque la suite de
// la chaîne "then" jusqu'à la fin de la vidéo (ou un clic sur "Passer"),
// même esprit qu'un dialogue (voir dialogue-box-controller.js). Un seul
// overlay posé sur <body>, réutilisé pour chaque lecture (pas la peine
// d'en recréer un par appel).
let forgeVideoOverlayEl = null;
function forgeVideoOverlayRoot() {
if (forgeVideoOverlayEl) return forgeVideoOverlayEl;
const el = document.createElement('div');
el.className = 'forgeVideoOverlay';
el.innerHTML = '<video class="forgeVideoOverlayPlayer" playsinline></video>'
+ '<button type="button" class="forgeVideoOverlaySkip">Passer ▶</button>';
document.body.appendChild(el);
forgeVideoOverlayEl = el;
return el;
}
// `onDone` : appelé une fois (fin naturelle OU "Passer") — jamais les
// deux, `finished` protège contre un double appel (l'événement 'ended'
// pouvant encore se déclencher juste après un clic sur "Passer").
function forgeShowVideoOverlay(url, mode, onDone) {
if (!url) {
if (onDone) onDone();
return;
}
const root = forgeVideoOverlayRoot();
root.className = `forgeVideoOverlay ${mode === 'incrustation' ? 'forgeVideoOverlay-incrustation' : 'forgeVideoOverlay-pleinEcran'}`;
root.style.display = 'flex';
const player = root.querySelector('.forgeVideoOverlayPlayer');
const skipBtn = root.querySelector('.forgeVideoOverlaySkip');
let finished = false;
function finish() {
if (finished) return;
finished = true;
root.style.display = 'none';
player.pause();
player.removeAttribute('src');
player.onended = null;
skipBtn.onclick = null;
if (onDone) onDone();
}
player.src = url;
player.onended = finish;
skipBtn.onclick = finish;
// lecture bloquée par le navigateur (pas d'interaction récente) : reste
// affichée, "Passer" fonctionne toujours.
player.play().catch(() => {});
}
// static/js/play/__tests__/ (node:test) — même garde que le reste de
// static/js/play/.
if (typeof module !== 'undefined' && module.exports) {
module.exports = { forgeShowVideoOverlay };
}