@unboxy/phaser-sdk 0.2.24 → 0.2.26

package/dist/editor/EditorOverlayScene.d.ts

@@ -46,9 +46,9 @@ interface EditorOverlayInitData {
     /**
      * Forward an editor keyboard shortcut to the host. Set when the iframe has
      * focus (which is always after the user clicks the canvas to select);
-     * native Cmd+Z otherwise can't reach the host.
+     * native Cmd+Z / Backspace otherwise can't reach the host.
      */
-    postShortcut: (action: 'undo' | 'redo' | 'save') => void;
+    postShortcut: (action: 'undo' | 'redo' | 'save' | 'delete') => void;
 }
 export declare class EditorOverlayScene extends Phaser.Scene {
     private graphics;

package/dist/editor/EditorOverlayScene.js

@@ -27,8 +27,6 @@ export class EditorOverlayScene extends Phaser.Scene {
     constructor() {
         super({ key: EDITOR_OVERLAY_KEY });
         this.handleShortcut = (e) => {
-            if (!(e.metaKey || e.ctrlKey))
-                return;
             // Don't swallow keys when the user is typing in a real form control —
             // shouldn't happen inside the iframe, but be defensive.
             const target = e.target;
@@ -39,18 +37,27 @@ export class EditorOverlayScene extends Phaser.Scene {
                 if (target.isContentEditable)
                     return;
             }
-            const k = e.key.toLowerCase();
-            if (k === 'z') {
-                e.preventDefault();
-                this.postShortcut(e.shiftKey ? 'redo' : 'undo');
-            }
-            else if (k === 'y') {
-                e.preventDefault();
-                this.postShortcut('redo');
+            const k = e.key;
+            if (e.metaKey || e.ctrlKey) {
+                const lower = k.toLowerCase();
+                if (lower === 'z') {
+                    e.preventDefault();
+                    this.postShortcut(e.shiftKey ? 'redo' : 'undo');
+                }
+                else if (lower === 'y') {
+                    e.preventDefault();
+                    this.postShortcut('redo');
+                }
+                else if (lower === 's') {
+                    e.preventDefault();
+                    this.postShortcut('save');
+                }
+                return;
             }
-            else if (k === 's') {
+            if (k === 'Backspace' || k === 'Delete') {
+                // Suppress default (Backspace = browser back-nav inside iframe).
                 e.preventDefault();
-                this.postShortcut('save');
+                this.postShortcut('delete');
             }
         };
     }

package/dist/protocol.d.ts

@@ -177,7 +177,7 @@ export interface EditorDragEndMessage {
  */
 export interface EditorShortcutMessage {
     type: 'unboxy:editor:shortcut';
-    action: 'undo' | 'redo' | 'save';
+    action: 'undo' | 'redo' | 'save' | 'delete';
 }
 export type EditorSdkToHostMessage = EditorSceneLoadedMessage | EditorSelectionPickedMessage | EditorDragEndMessage | EditorShortcutMessage;
 export type RpcMethod = 'saves.get' | 'saves.set' | 'saves.delete' | 'saves.list' | 'gameData.get' | 'gameData.set' | 'gameData.delete' | 'gameData.list' | 'realtime.getToken';

package/dist/scene/spawnEntity.js

@@ -185,29 +185,36 @@ function createTilemapStub(ctx, entity) {
     const g = ctx.scene.add.graphics();
     const w = entity.size.width * entity.tileSize.width;
     const h = entity.size.height * entity.tileSize.height;
+    // Draw centered around (0, 0) so the entity's transform.x/y anchors at the
+    // tilemap's center — matches sprite / primitive / code-rendered convention.
+    // Slice 6's real tilemap renderer can revisit anchor semantics.
+    const left = -w / 2;
+    const top = -h / 2;
     g.fillStyle(0xffffff, 0.04);
-    g.fillRect(0, 0, w, h);
-    // Outer border
+    g.fillRect(left, top, w, h);
     g.lineStyle(2, 0xaaaaaa, 0.6);
-    g.strokeRect(0, 0, w, h);
-    // Cell grid — only draw if cells aren't too tiny (perf cap).
+    g.strokeRect(left, top, w, h);
     if (entity.tileSize.width >= 8 && entity.size.width * entity.size.height < 4000) {
         g.lineStyle(1, 0xaaaaaa, 0.15);
         for (let i = 1; i < entity.size.width; i++) {
-            const x = i * entity.tileSize.width;
+            const x = left + i * entity.tileSize.width;
             g.beginPath();
-            g.moveTo(x, 0);
-            g.lineTo(x, h);
+            g.moveTo(x, top);
+            g.lineTo(x, top + h);
             g.strokePath();
         }
         for (let i = 1; i < entity.size.height; i++) {
-            const y = i * entity.tileSize.height;
+            const y = top + i * entity.tileSize.height;
             g.beginPath();
-            g.moveTo(0, y);
-            g.lineTo(w, y);
+            g.moveTo(left, y);
+            g.lineTo(left + w, y);
             g.strokePath();
         }
     }
+    // Same hit-test stash as code-rendered — Phaser Graphics has no intrinsic
+    // bounds, so the editor reads these from data. Slice 6's real tilemap will
+    // use Phaser.Tilemap which has its own bounds and won't need this.
+    sizeForHitTest(g, w, h);
     return g;
 }
 /**

package/package.json

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