Export Web/SCORM : port complet du runtime jouable côté navigateur

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>
2026-09-02 07:43:02 +02:00
parent 9776fbc057
commit f3b72d73c9
32 changed files with 2469 additions and 22 deletions
@@ -0,0 +1,50 @@
+// 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];
+  });
+}