@thewhateverapp/tile-sdk 0.14.3 → 0.14.5

package/dist/scene/SceneFromJson.d.ts

@@ -8,6 +8,13 @@ export interface SceneFromJsonProps extends Omit<SceneRendererProps, 'spec'> {
     json: unknown;
     /** Show validation errors in UI instead of throwing */
     showErrors?: boolean;
+    /**
+     * Container sizing mode:
+     * - 'tile': Fills parent container (w-full h-full) - default
+     * - 'page': Fills viewport (w-full h-screen)
+     * - 'none': No container wrapper (you manage sizing)
+     */
+    container?: 'tile' | 'page' | 'none';
 }
 /**
  * SceneFromJson - Renders a scene from a JSON object with validation
@@ -23,5 +30,5 @@ export interface SceneFromJsonProps extends Omit<SceneRendererProps, 'spec'> {
  * }
  * ```
  */
-export declare function SceneFromJson({ json, showErrors, onEvent, ...props }: SceneFromJsonProps): React.JSX.Element;
+export declare function SceneFromJson({ json, showErrors, onEvent, container, ...props }: SceneFromJsonProps): React.JSX.Element;
 //# sourceMappingURL=SceneFromJson.d.ts.map

package/dist/scene/SceneFromJson.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SceneFromJson.d.ts","sourceRoot":"","sources":["../../src/scene/SceneFromJson.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE5E;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC;IAC1E,4DAA4D;IAC5D,IAAI,EAAE,OAAO,CAAC;IACd,uDAAuD;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,UAAiB,EACjB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,kBAAkB,qBAuEpB"}
+{"version":3,"file":"SceneFromJson.d.ts","sourceRoot":"","sources":["../../src/scene/SceneFromJson.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE5E;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC;IAC1E,4DAA4D;IAC5D,IAAI,EAAE,OAAO,CAAC;IACd,uDAAuD;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;CACtC;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,UAAiB,EACjB,OAAO,EACP,SAAkB,EAClB,GAAG,KAAK,EACT,EAAE,kBAAkB,qBAiFpB"}

package/dist/scene/SceneFromJson.js

@@ -16,7 +16,14 @@ import { SceneRenderer } from './SceneRenderer.js';
  * }
  * ```
  */
-export function SceneFromJson({ json, showErrors = true, onEvent, ...props }) {
+export function SceneFromJson({ json, showErrors = true, onEvent, container = 'tile', ...props }) {
+    // Container styles based on mode
+    const containerStyle = container === 'none'
+        ? undefined
+        : {
+            width: '100%',
+            height: container === 'page' ? '100vh' : '100%',
+        };
     // Validate the JSON
     const validationResult = React.useMemo(() => {
         try {
@@ -45,7 +52,7 @@ export function SceneFromJson({ json, showErrors = true, onEvent, ...props }) {
     // Show errors if validation failed
     if (!validationResult.valid) {
         if (showErrors) {
-            return (React.createElement("div", { style: {
+            const errorContent = (React.createElement("div", { style: {
                     width: '100%',
                     height: '100%',
                     backgroundColor: '#1a0a0a',
@@ -62,6 +69,7 @@ export function SceneFromJson({ json, showErrors = true, onEvent, ...props }) {
                         ":"),
                     " ",
                     error.message)))));
+            return containerStyle ? React.createElement("div", { style: containerStyle }, errorContent) : errorContent;
         }
         // Throw if not showing errors
         throw new Error(`Scene validation failed: ${validationResult.errors.map((e) => e.message).join(', ')}`);
@@ -70,5 +78,6 @@ export function SceneFromJson({ json, showErrors = true, onEvent, ...props }) {
     if (validationResult.warnings.length > 0) {
         console.warn('Scene validation warnings:', validationResult.warnings);
     }
-    return (React.createElement(SceneRenderer, { spec: json, onEvent: onEvent, ...props }));
+    const sceneContent = (React.createElement(SceneRenderer, { spec: json, onEvent: onEvent, ...props }));
+    return containerStyle ? React.createElement("div", { style: containerStyle }, sceneContent) : sceneContent;
 }

package/dist/scene/SceneRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SceneRenderer.d.ts","sourceRoot":"","sources":["../../src/scene/SceneRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,WAAW,EAAU,MAAM,2BAA2B,CAAC;AAmDrE;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,oCAAoC;IACpC,IAAI,EAAE,WAAW,CAAC;IAClB,qEAAqE;IACrE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,kCAAkC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EAAE,SAAS,EACf,OAAO,EACP,MAAc,EACd,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,WAAW,EACnB,KAAa,GACd,EAAE,kBAAkB,qBA0CpB;AAuOD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"SceneRenderer.d.ts","sourceRoot":"","sources":["../../src/scene/SceneRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,WAAW,EAAU,MAAM,2BAA2B,CAAC;AAqDrE;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,oCAAoC;IACpC,IAAI,EAAE,WAAW,CAAC;IAClB,qEAAqE;IACrE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,kCAAkC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EAAE,SAAS,EACf,OAAO,EACP,MAAc,EACd,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,WAAW,EACnB,KAAa,GACd,EAAE,kBAAkB,qBA0CpB;AAiPD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/scene/SceneRenderer.js

@@ -1,5 +1,6 @@
 'use client';
 import React, { useEffect, useRef, useCallback, useMemo, useState } from 'react';
+import Matter from 'matter-js';
 import { compileScene } from '@thewhateverapp/scene-sdk';
 import { PixiGame, useGameLoop, Container } from '../pixi/index.js';
 import { SceneContext, createEntityState, createPlayerState, createCameraState, createInputState, createTimelineState, } from './SceneContext.js';
@@ -10,6 +11,7 @@ import { useComponentRunner } from './components/ComponentRunner.js';
 import { useTimelineExecutor } from './timeline/TimelineExecutor.js';
 import { useCameraController } from './camera/CameraController.js';
 import { TILE_WIDTH, TILE_HEIGHT } from '../react/PixiGame.js';
+const { Body } = Matter;
 /**
  * Hook to track container size using ResizeObserver
  */
@@ -132,16 +134,24 @@ function SceneContent({ spec, onEvent, paused, width, height, debug, }) {
         // Find player entity and reset position
         for (const [, state] of entitiesRef.current) {
             if (state.entity.tags?.includes('player')) {
-                state.x = player.checkpointX || 128;
-                state.y = player.checkpointY || (height - 100);
+                const respawnX = player.checkpointX ?? state.entity.transform.x;
+                const respawnY = player.checkpointY ?? state.entity.transform.y;
+                state.x = respawnX;
+                state.y = respawnY;
                 state.velocityX = 0;
                 state.velocityY = 0;
                 state.rotation = 0;
+                // Update physics body if it exists
+                if (state.body) {
+                    Body.setPosition(state.body, { x: respawnX, y: respawnY });
+                    Body.setVelocity(state.body, { x: 0, y: 0 });
+                    Body.setAngle(state.body, 0);
+                }
                 break;
             }
         }
         emitEvent('player.respawn', { x: player.checkpointX, y: player.checkpointY });
-    }, [height, emitEvent]);
+    }, [emitEvent]);
     // Build context value
     const contextValue = useMemo(() => ({
         spec,

package/dist/scene/physics/PhysicsEngine.js

@@ -137,8 +137,8 @@ export function usePhysicsEngine(context, width, height) {
             // Simple ground check - if velocity.y is very small and we're not in the air
             playerState.grounded = Math.abs(body.velocity.y) < 0.5;
         }
-        // Check for death (fell off screen)
-        if (playerEntity && playerEntity.y > height + 100) {
+        // Check for death (fell off screen) - only if height is valid
+        if (playerEntity && height > 0 && playerEntity.y > height + 200) {
             if (!playerState.dead) {
                 playerState.dead = true;
                 playerState.deaths++;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thewhateverapp/tile-sdk",
-  "version": "0.14.3",
+  "version": "0.14.5",
   "description": "SDK for building interactive tiles on The Whatever App platform",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",