Files
Forge-Engine/static/js/play/offline/render-overlay.js
T
williamandClaude Sonnet 5 ccf836f2c5
Build and deploy / test-python (push) Successful in 11m18s
Build and deploy / test-js (push) Successful in 1m16s
Build and deploy / lint-python (push) Successful in 4m24s
Build and deploy / lint-js (push) Successful in 2m51s
Build and deploy / build-and-push (push) Skipped
Build and deploy / deploy (push) Skipped
Build and deploy / sonarqube (push) Successful in 5m30s
Lot 4 modernisation JS (SonarLint) + restauration CI sonarqube non-bloquante
Corrige les findings SonarQube (via SonarLint IDE, fichier par fichier)
sur ~24 fichiers static/js/ : parseFloat/parseInt -> Number.*,
.replace(/x/g,y) -> .replaceAll, .indexOf() -> .includes()/.startsWith(),
getAttribute/setAttribute -> .dataset, tableaux -> Set, x && x.y -> x?.y
(verifie site par site), extraction de template litteraux imbriques,
ternaires imbriquees, refactors de complexite cognitive (S3776) via
tables de dispatch, Object.hasOwn, .at(), et deduplication de fonctions
identiques (S4144). Deux exceptions S2486 documentees/corrigees
(filter-repeater-rows.js) et un cas S2703 de partage inter-scripts
complete (_collisionWizard, trigger-editor.js <-> collision-rules-editor.js).
Details complets dans CODE_QUALITY.md section 5.

Restaure aussi le job CI "sonarqube" (non-bloquant) dans
.gitea/workflows/deploy.yml maintenant que l'instance prod est
operationnelle.

Suites vertes : 276/276 JS (node --test), 591/591 Python (pytest).

SKIP=djlint sur ce commit : hook djlint bloquant sur le backlog H021
(styles inline, 49 occurrences/6 templates) deja documente comme dette
assumee non traitee dans CODE_QUALITY.md section 6, aucun rapport avec
ce commit (aucun template touche ici) - valide explicitement avec
l'utilisateur avant de contourner ce hook.

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

50 lines
2.3 KiB
JavaScript

// Export Web/SCORM — port de screens/rendering/render_overlay.py (3.4,
// overlay/modale réutilisable) : voile plein écran EN MODE JOUABLE
// uniquement (ctx._forge_play_mode), comportement de conteneur normal
// dans l'éditeur (non pertinent hors ligne, qui ne sert jamais l'éditeur,
// mais le port reste fidèle pour ne pas diverger inutilement).
function forgeRenderOverlay(el, meta, gameData, childrenMap, ctx, parentFlexDirection) {
const isPlayMode = !!ctx?._forge_play_mode;
const attrsRaw = el.attributes || {};
const boxColor = attrsRaw._couleur_boite || '#1f2430';
const radius = attrsRaw._arrondi || '12';
const attrs = forgeVisibleAttrs(el, meta, ctx);
let style; let
wrapperClass;
if (isPlayMode) {
const baseOverlayStyle = 'position:fixed; inset:0; z-index:9999; display:flex; '
+ 'align-items:center; justify-content:center; background:rgba(0,0,0,0.6);';
style = `${baseOverlayStyle} ${forgeStyleString(el, parentFlexDirection, el.widget)}`;
wrapperClass = 'modal is-active';
} else {
style = forgeStyleString(el, parentFlexDirection, el.widget);
wrapperClass = '';
}
const attrParts = [`style="${forgeHtmlEscape(style)}"`];
Object.keys(attrs).forEach((k) => {
const v = attrs[k];
if (v === null || v === undefined || v === '' || v === false) return;
attrParts.push(v === true ? forgeHtmlEscape(k) : `${forgeHtmlEscape(k)}="${forgeHtmlEscape(v)}"`);
});
const boxStyle = `background:${forgeHtmlEscape(String(boxColor))}; border-radius:${forgeHtmlEscape(String(radius))}px; `
+ 'color:#e8eaf0; padding:24px; width:100%; max-width:min(560px, 90%); max-height:90%; overflow:auto; box-sizing:border-box;';
const childHtml = forgeRenderChildren(el, gameData, childrenMap, ctx);
const wrapperClassAttr = wrapperClass ? `class="${wrapperClass}" ` : '';
return (
`<div ${wrapperClassAttr}${attrParts.join(' ')}>`
+ `<div class="box forgeOverlayBox" style="${forgeHtmlEscape(boxStyle)}">${childHtml}</div>`
+ '</div>'
);
}
if (typeof module !== 'undefined' && module.exports) {
module.exports = { forgeRenderOverlay };
const renderMod = require('./render-element.js');
['forgeVisibleAttrs', 'forgeStyleString', 'forgeHtmlEscape', 'forgeRenderChildren'].forEach((name) => {
global[name] = global[name] || renderMod[name];
});
}