@energy8platform/shell 0.6.0 → 0.6.2

package/dist/pixi.cjs.js

@@ -1449,7 +1449,7 @@ class KeyboardController {
 
 // AUTO-GENERATED by scripts/gen-version.mjs — do not edit. Mirrors package.json "version".
 /** The @energy8platform/shell package version, stamped into the game-info footer. */
-const PACKAGE_VERSION = '0.6.0';
+const PACKAGE_VERSION = '0.6.2';
 
 /** Apply defaults to the raw config (the mount target lives on the renderer, not here). */
 function resolveConfig(config) {
@@ -1727,10 +1727,17 @@ class ShellController extends EventEmitter {
         this.prevBalance = n;
         this.money('balance', from, n);
     }
-    setWin(n) {
+    /** Set the WIN readout. Counts up/down from the previous value by default. Pass
+     *  `{ animate: false }` to SNAP instantly (renderBar cancels any in-flight count-up) — used by the
+     *  host to clear WIN to 0 at spin start, where an animated count-DOWN would look wrong. */
+    setWin(n, opts) {
         const from = this.prevWin;
         this.state.win = n;
         this.prevWin = n;
+        if (opts?.animate === false) {
+            this.renderer.renderBar(); // instant repaint from state; cancels running money anims
+            return;
+        }
         this.money('win', from, n);
     }
     setBet(n) {
@@ -4627,7 +4634,7 @@ function sectionCustom(host, s, width) {
     const sec = section(host, s.title != null ? host.t(s.title) : undefined);
     const inner = width - SECTION_PAD;
     if (s.node) {
-        sec.add(s.node); // game-supplied Pixi content owns its own layout
+        sec.add(persistentSlot(s.node)); // game-supplied Pixi content owns its own layout
     }
     else if (s.html) {
         const text = s.html.replace(/<[^>]*>/g, ' ').replace(/\s+/g, ' ').trim();
@@ -4684,6 +4691,23 @@ function spacerBox(w, h) {
     g.rect(0, 0, w, h).fill({ color: 0xffffff, alpha: 0 });
     return g;
 }
+/** Wrap a GAME-supplied custom `node` so the shell BORROWS it instead of owning it. The overlay is
+ *  torn down with `destroy({ children: true })` on every close; that would recursively destroy the
+ *  game's node, so the section renders blank on reopen. This slot's `destroy` DETACHES the node
+ *  (leaving it intact) and destroys only the empty wrapper — the SAME node instance is re-mounted,
+ *  with all its drawing, the next time Game info opens. Mirrors the HTML shell, where the game's DOM
+ *  node simply persists in config across open/close. The game owns the node's lifetime, not us. */
+function persistentSlot(node) {
+    const slot = new pixi_js.Container();
+    slot.addChild(node);
+    const destroySelf = pixi_js.Container.prototype.destroy.bind(slot);
+    slot.destroy = () => {
+        if (node.parent === slot)
+            slot.removeChild(node); // keep the game node alive for the next open
+        destroySelf({ children: false });
+    };
+    return slot;
+}
 /** A fixed box that loads an image into it (object-fit: contain) once the texture resolves. */
 function imageBox(url, w, h) {
     const c = new pixi_js.Container();
@@ -5926,6 +5950,13 @@ class PixiRenderer {
         // make sure the stage delivers global pointer moves (drag, sliders)
         this.app.stage.eventMode = 'static';
         this.app.renderer.on('resize', this.onResize);
+        // Seed the layout from the CURRENT screen size. The renderer was resized to the container during
+        // boot (ViewportManager.refresh) BEFORE this shell mounted and subscribed above, so that initial
+        // 'resize' event is already gone and won't fire again on a stationary device. Without this seed
+        // the controller's layout stays at its 'wide' DEFAULT — a portrait mobile would show the DESKTOP
+        // bar. (The HTML renderer gets this for free: its ResizeObserver fires immediately on observe.)
+        if (this.screenW > 0)
+            this.host.notifyResize(this.screenW, this.screenH);
         whenFontReady(() => {
             if (!this.destroyed)
                 this.renderBar();