@energy8platform/shell 0.6.0 → 0.6.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@energy8platform/shell",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "description": "Energy8 branded game shell — one logic core, pluggable html/pixi renderers behind a stable contract.",
   "type": "module",
   "main": "./dist/index.cjs.js",

package/src/core/ShellController.ts

@@ -314,10 +314,17 @@ export class ShellController extends EventEmitter<ShellEvents> implements ShellH
     this.prevBalance = n;
     this.money('balance', from, n);
   }
-  setWin(n: number): void {
+  /** 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: number, opts?: { animate?: boolean }): void {
     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: number): void {

package/src/core/version.ts

@@ -1,3 +1,3 @@
 // 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. */
-export const PACKAGE_VERSION = '0.6.0';
+export const PACKAGE_VERSION = '0.6.2';

package/src/ui/pixi/PixiRenderer.ts

@@ -75,6 +75,12 @@ export class PixiRenderer implements ShellRenderer {
     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();
     });

package/src/ui/pixi/components/GameInfo.ts

@@ -523,7 +523,7 @@ function sectionCustom(host: PixiComponentContext, s: Extract<GameInfoSection, {
   const sec = section(host, s.title != null ? host.t(s.title) : undefined);
   const inner = width - SECTION_PAD;
   if (s.node) {
-    sec.add(s.node as Container); // game-supplied Pixi content owns its own layout
+    sec.add(persistentSlot(s.node as Container)); // game-supplied Pixi content owns its own layout
   } else if (s.html) {
     const text = s.html.replace(/<[^>]*>/g, ' ').replace(/\s+/g, ' ').trim();
     if (text) sec.add(paragraph(host, text, inner, { size: 15 }));
@@ -579,6 +579,23 @@ function spacerBox(w: number, h: number): Graphics {
   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: Container): Container {
+  const slot = new Container();
+  slot.addChild(node);
+  const destroySelf = 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: string, w: number, h: number): Container {
   const c = new Container();