@energy8platform/shell 0.11.3 → 0.11.5

package/dist/pixi.d.ts

@@ -643,7 +643,7 @@ declare class ShellController extends EventEmitter<ShellEvents> implements Shell
     tokens: ShellTokens;
     layout: ShellLayoutMode;
     soundOn: boolean;
-    readonly engineVersion = "0.11.3";
+    readonly engineVersion = "0.11.5";
     readonly actions: ShellActions;
     private renderer;
     private i18n;
@@ -795,14 +795,14 @@ declare function createI18n(opts: I18nOptions): I18n;
  * supported, the disclaimer is translated and displayed in each language").
  *
  * Brand-free by construction. Stake's own template ends with a seventh line — "TM and © {year}
- * Stake Engine." — and that one belongs to a Stake launch alone: it arrives with the Stake bridge's
+ * Engine." — and that one belongs to a Stake launch alone: it arrives with the Stake bridge's
  * `INIT.config.disclaimerLines`, which outrank this default, and renders verbatim (see the host's
  * `isBrandLine`). Every other platform gets the same mandated wording without someone else's mark.
  */
 declare const DISCLAIMER_LINES: readonly string[];
 
 /** The @energy8platform/shell package version, stamped into the game-info footer. */
-declare const PACKAGE_VERSION = "0.11.3";
+declare const PACKAGE_VERSION = "0.11.5";
 
 /**
  * What a scrollable region should ADVERTISE about itself.
@@ -906,6 +906,10 @@ declare class PixiRenderer implements ShellRenderer {
     private bar?;
     private currentLayer;
     private backdrop?;
+    /** Whether `currentLayer` asked for a frosted backdrop. Light-dismiss layers (the menu popover)
+     *  pass `{ backdrop: false }`, and that answer has to survive past the open: a resize re-snapshots
+     *  the backdrop, and without this it re-snapshotted for layers that never wanted one. */
+    private layerBackdrop;
     private moneyAnims;
     private destroyed;
     constructor(opts: PixiRendererOptions);

package/dist/pixi.esm.js

@@ -1329,7 +1329,7 @@ const D = {
  * supported, the disclaimer is translated and displayed in each language").
  *
  * Brand-free by construction. Stake's own template ends with a seventh line — "TM and © {year}
- * Stake Engine." — and that one belongs to a Stake launch alone: it arrives with the Stake bridge's
+ * Engine." — and that one belongs to a Stake launch alone: it arrives with the Stake bridge's
  * `INIT.config.disclaimerLines`, which outrank this default, and renders verbatim (see the host's
  * `isBrandLine`). Every other platform gets the same mandated wording without someone else's mark.
  */
@@ -1753,7 +1753,7 @@ function keyboardCapable(win = typeof window === 'undefined' ? undefined : windo
 
 // 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.11.3';
+const PACKAGE_VERSION = '0.11.5';
 
 /** Apply defaults to the raw config (the mount target lives on the renderer, not here). */
 function resolveConfig(config) {
@@ -7212,6 +7212,10 @@ class PixiRenderer {
     bar;
     currentLayer = null;
     backdrop;
+    /** Whether `currentLayer` asked for a frosted backdrop. Light-dismiss layers (the menu popover)
+     *  pass `{ backdrop: false }`, and that answer has to survive past the open: a resize re-snapshots
+     *  the backdrop, and without this it re-snapshotted for layers that never wanted one. */
+    layerBackdrop = false;
     moneyAnims = [];
     destroyed = false;
     constructor(opts) {
@@ -7369,7 +7373,8 @@ class PixiRenderer {
         this.clearLayer();
         // Light-dismiss layers (the menu popover) opt out with `{ backdrop: false }` — no frosted
         // snapshot, the game stays visible behind them. Every other caller is unaffected (defaults on).
-        if (opts?.backdrop !== false)
+        this.layerBackdrop = opts?.backdrop !== false;
+        if (this.layerBackdrop)
             this.makeBackdrop(); // frosted snapshot (the DOM's backdrop-filter:blur)
         this.currentLayer = node;
         this.modalLayer.addChild(node);
@@ -7392,6 +7397,7 @@ class PixiRenderer {
             this.currentLayer.destroy({ children: true });
             this.currentLayer = null;
         }
+        this.layerBackdrop = false;
         this.removeBackdrop();
     }
     fitModals() {
@@ -7415,7 +7421,10 @@ class PixiRenderer {
         // reads as more frost, never sharp game.
         node.addChild(new Graphics().rect(0, 0, w, h).fill(0x0c111c));
         this.modalLayer.addChild(node);
-        this.backdrop = { node, texture: RenderTexture.create({ width: w, height: h, resolution: 0.25 }) };
+        this.backdrop = {
+            node,
+            texture: RenderTexture.create({ width: w, height: h, resolution: 0.25 }),
+        };
         try {
             // Heavy downscale (¼ res) is the blur-STRENGTH lever (each texel covers more screen), far cheaper
             // than a full-res large-radius blur and smooth over fine detail. Effective on-screen blur ≈
@@ -7473,9 +7482,15 @@ class PixiRenderer {
         this.host.notifyResize(this.screenW, this.screenH);
         if (this.currentLayer) {
             this.currentLayer.resize?.(this.screenW, this.screenH);
-            this.makeBackdrop(); // re-snapshot at the new size
-            if (this.backdrop)
-                this.modalLayer.setChildIndex(this.backdrop.node, 0); // keep it below the layer
+            // Only for a layer that ASKED for the frost. A rotation with the bar menu open used to slap a
+            // backdrop under a light-dismiss popover that had opted out of one — and since modalLayer
+            // draws above barLayer, that frozen blurred snapshot covered the game AND the bar until the
+            // menu was closed. That is the "UI is not adopted on rotation while the menu is open" remark.
+            if (this.layerBackdrop) {
+                this.makeBackdrop(); // re-snapshot at the new size
+                if (this.backdrop)
+                    this.modalLayer.setChildIndex(this.backdrop.node, 0); // keep it below the layer
+            }
         }
     };
     // ── PixiComponentContext factory ──────────────────────────────────────────────
@@ -7487,13 +7502,27 @@ class PixiRenderer {
         const self = this;
         const ctx = {
             // — core ShellHost (forwarded) —
-            get state() { return host.state; },
-            get config() { return host.config; },
-            get tokens() { return host.tokens; },
-            get layout() { return host.layout; },
-            get soundOn() { return host.soundOn; },
-            get menu() { return host.menu; },
-            get actions() { return host.actions; },
+            get state() {
+                return host.state;
+            },
+            get config() {
+                return host.config;
+            },
+            get tokens() {
+                return host.tokens;
+            },
+            get layout() {
+                return host.layout;
+            },
+            get soundOn() {
+                return host.soundOn;
+            },
+            get menu() {
+                return host.menu;
+            },
+            get actions() {
+                return host.actions;
+            },
             openReplay: (opts) => host.openReplay(opts),
             t: (s) => host.t(s),
             formatCurrency: (n, win) => host.formatCurrency(n, win),
@@ -7506,10 +7535,18 @@ class PixiRenderer {
             setMenuValue: (id, v) => host.setMenuValue(id, v),
             setMenuRefresh: (fn) => host.setMenuRefresh(fn),
             // — Pixi-specific surface —
-            get ticker() { return self.app.ticker; },
-            get canvas() { return self.app.canvas; },
-            get screenW() { return self.app.screen.width; },
-            get screenH() { return self.app.screen.height; },
+            get ticker() {
+                return self.app.ticker;
+            },
+            get canvas() {
+                return self.app.canvas;
+            },
+            get screenW() {
+                return self.app.screen.width;
+            },
+            get screenH() {
+                return self.app.screen.height;
+            },
             render: () => self.renderBar(),
             pushLayer: (node, opts) => self.pushLayer(node, opts),
             // Route component-initiated closes through the controller (not straight to self.closeLayer) so