williamandClaude Sonnet 5
f3b72d73c9
Phase 1.2 de la feuille de route produit — un paquet SCORM tourne seul dans le LMS du client, sans serveur Forge Engine disponible. Ajoute static/js/play/offline/ (miroir JS de screens/rendering/ et data_actions/, sous window.FORGE_OFFLINE) pour que variables, score, données d'objet, répéteurs et conditions de visibilité fonctionnent entièrement en mémoire côté navigateur ; branche actions.js et bindings.js dessus au lieu d'un fetch() serveur. Ajoute publish/build_scorm_package.py (paquet statique + imsmanifest.xml SCORM 1.2 + wrapper API SCORM) et le bouton "Exporter (Web/SCORM)". Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
51 lines
2.3 KiB
JavaScript
51 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) {
|
|
var isPlayMode = !!(ctx && ctx._forge_play_mode);
|
|
var attrsRaw = el.attributes || {};
|
|
var boxColor = attrsRaw._couleur_boite || "#1f2430";
|
|
var radius = attrsRaw._arrondi || "12";
|
|
|
|
var attrs = forgeVisibleAttrs(el, meta, ctx);
|
|
var style, wrapperClass;
|
|
if (isPlayMode) {
|
|
var 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 = "";
|
|
}
|
|
|
|
var attrParts = ['style="' + forgeHtmlEscape(style) + '"'];
|
|
Object.keys(attrs).forEach(function (k) {
|
|
var v = attrs[k];
|
|
if (v === null || v === undefined || v === "" || v === false) return;
|
|
attrParts.push(v === true ? forgeHtmlEscape(k) : forgeHtmlEscape(k) + '="' + forgeHtmlEscape(v) + '"');
|
|
});
|
|
|
|
var 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;";
|
|
var childHtml = forgeRenderChildren(el, gameData, childrenMap, ctx);
|
|
var 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 };
|
|
var renderMod = require('./render-element.js');
|
|
["forgeVisibleAttrs", "forgeStyleString", "forgeHtmlEscape", "forgeRenderChildren"].forEach(function (name) {
|
|
global[name] = global[name] || renderMod[name];
|
|
});
|
|
}
|