@unboxy/phaser-sdk 0.2.31 → 0.2.32

package/dist/scene/HudRuntime.js

@@ -395,11 +395,32 @@ function applyOriginFromAnchor(go, side) {
     go.setOrigin(ox, oy);
 }
 /**
- * Containers don't support setOrigin; instead nudge their position by half
- * of (origin × size) so they end up positioned consistently with widgets
- * that DO have setOrigin. Called once at spawn.
+ * Compute the per-side origin-shift offset for a container widget. Containers
+ * don't support setOrigin, so we shift the container's position so its
+ * (centred) child visuals appear at the right place relative to the
+ * resolved anchor coord. Used both at spawn and during applyHudPatch when
+ * the anchor side changes.
  */
-function applyContainerOriginShift(container, side, w, h) {
+/** Default container widths/heights — must mirror the spawners' fallbacks. */
+function defaultContainerWidth(entity) {
+    if (entity.kind === 'icon-button')
+        return entity.visual.width ?? 96;
+    if (entity.kind === 'progress-bar')
+        return entity.visual.width ?? 200;
+    if (entity.kind === 'panel')
+        return entity.visual.width ?? 200;
+    return 0;
+}
+function defaultContainerHeight(entity) {
+    if (entity.kind === 'icon-button')
+        return entity.visual.height ?? 48;
+    if (entity.kind === 'progress-bar')
+        return entity.visual.height ?? 16;
+    if (entity.kind === 'panel')
+        return entity.visual.height ?? 100;
+    return 0;
+}
+function originShiftFor(side, w, h) {
     const map = {
         'top-left': [0, 0],
         'top': [0.5, 0],
@@ -412,11 +433,12 @@ function applyContainerOriginShift(container, side, w, h) {
         'bottom-right': [1, 1],
     };
     const [ox, oy] = map[side];
-    // Container's children are drawn relative to (0,0) inside the container,
-    // and we drew bg at (0,0) (its setOrigin is 0.5/0.5). To shift the
-    // container so the desired anchor corner lands at the resolved coord:
-    container.x += (0.5 - ox) * w;
-    container.y += (0.5 - oy) * h;
+    return { x: (0.5 - ox) * w, y: (0.5 - oy) * h };
+}
+function applyContainerOriginShift(container, side, w, h) {
+    const s = originShiftFor(side, w, h);
+    container.x += s.x;
+    container.y += s.y;
 }
 /**
  * Compute the rendered string for a text source. Static returns the literal;
@@ -654,27 +676,42 @@ export function applyHudPatch(game, entityId, patch) {
         if (typeof patch.anchor.offsetY === 'number')
             entity.anchor.offsetY = patch.anchor.offsetY;
         const pos = resolveAnchor(hud, entity.anchor, safeArea);
-        go.x = pos.x;
-        go.y = pos.y;
-        // Text + image origins were set per anchor.side at spawn — re-apply on
-        // side change so e.g. switching top-left → top-right re-pivots the
-        // origin and the widget grows in the correct direction.
-        if (typeof patch.anchor.side === 'string') {
-            const sideMap = {
-                'top-left': [0, 0],
-                'top': [0.5, 0],
-                'top-right': [1, 0],
-                'left': [0, 0.5],
-                'center': [0.5, 0.5],
-                'right': [1, 0.5],
-                'bottom-left': [0, 1],
-                'bottom': [0.5, 1],
-                'bottom-right': [1, 1],
-            };
-            const o = sideMap[patch.anchor.side];
-            if (o) {
-                const setOrigin = go.setOrigin;
-                setOrigin?.call(go, o[0], o[1]);
+        // Container-based widgets (icon-button, progress-bar, panel) have no
+        // setOrigin — they were shifted at spawn by `applyContainerOriginShift`
+        // so their centred child visuals appear at the right place. The same
+        // shift must be re-applied on every anchor change, otherwise the
+        // container ends up centred on the raw anchor coord and the visual is
+        // off by ±(w/2, h/2). Text + image have setOrigin so we use that path.
+        const isContainer = entity.kind === 'icon-button' || entity.kind === 'progress-bar' || entity.kind === 'panel';
+        if (isContainer) {
+            const visual = entity.visual;
+            const w = visual.width ?? defaultContainerWidth(entity);
+            const h = visual.height ?? defaultContainerHeight(entity);
+            const shift = originShiftFor(entity.anchor.side, w, h);
+            go.x = pos.x + shift.x;
+            go.y = pos.y + shift.y;
+        }
+        else {
+            go.x = pos.x;
+            go.y = pos.y;
+            // Re-pivot the origin for setOrigin-based widgets (text, image).
+            if (typeof patch.anchor.side === 'string') {
+                const sideMap = {
+                    'top-left': [0, 0],
+                    'top': [0.5, 0],
+                    'top-right': [1, 0],
+                    'left': [0, 0.5],
+                    'center': [0.5, 0.5],
+                    'right': [1, 0.5],
+                    'bottom-left': [0, 1],
+                    'bottom': [0.5, 1],
+                    'bottom-right': [1, 1],
+                };
+                const o = sideMap[patch.anchor.side];
+                if (o) {
+                    const setOrigin = go.setOrigin;
+                    setOrigin?.call(go, o[0], o[1]);
+                }
             }
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unboxy/phaser-sdk",
-  "version": "0.2.31",
+  "version": "0.2.32",
   "description": "Unboxy Phaser 3 SDK — game infrastructure for the Unboxy platform",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",