@thewhateverapp/tile-sdk 0.14.9 → 0.14.11

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;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;AA8PD,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;AAGjF,OAAO,KAAK,EAAE,WAAW,EAAU,MAAM,2BAA2B,CAAC;AAwDrE;;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;AAgTD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/scene/SceneRenderer.js

@@ -1,16 +1,16 @@
 'use client';
 import React, { useEffect, useRef, useCallback, useMemo, useState } from 'react';
+import * as PIXI from 'pixi.js';
 import Matter from 'matter-js';
 import { compileScene } from '@thewhateverapp/scene-sdk';
-import { PixiGame, useGameLoop, Container } from '../pixi/index.js';
+import { PixiGame, usePixiApp, useGameLoop, TILE_WIDTH, TILE_HEIGHT } from '../pixi/index.js';
 import { SceneContext, createEntityState, createPlayerState, createCameraState, createInputState, createTimelineState, } from './SceneContext.js';
-import { EntityRenderer } from './entities/EntityRenderer.js';
 import { usePhysicsEngine } from './physics/PhysicsEngine.js';
 import { useInputManager } from './input/InputManager.js';
 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';
+import { createEntityGraphics, updateEntityGraphics, } from './entities/EntityGraphics.js';
 const { Body } = Matter;
 /**
  * Hook to track container size using ResizeObserver
@@ -66,6 +66,11 @@ export function SceneRenderer({ spec: inputSpec, onEvent, paused = false, width:
  * Inner component that runs inside PixiGame context
  */
 function SceneContent({ spec, onEvent, paused, width, height, debug, }) {
+    const app = usePixiApp();
+    // Pixi containers
+    const worldContainerRef = useRef(null);
+    const layerContainersRef = useRef(new Map());
+    const entityGraphicsRef = useRef(new Map());
     // Initialize refs for all state
     const entitiesRef = useRef(new Map());
     const playerRef = useRef(createPlayerState());
@@ -115,14 +120,23 @@ function SceneContent({ spec, onEvent, paused, width, height, debug, }) {
             tags: prefab.tags,
             components: prefab.components,
         };
-        entitiesRef.current.set(id, createEntityState(entity));
-    }, [spec.prefabs]);
+        const state = createEntityState(entity);
+        entitiesRef.current.set(id, state);
+        // Create graphics for the new entity
+        const layerContainer = layerContainersRef.current.get(entity.layer);
+        if (layerContainer) {
+            const graphics = createEntityGraphics(state, debug);
+            entityGraphicsRef.current.set(id, graphics);
+            layerContainer.addChild(graphics.container);
+        }
+    }, [spec.prefabs, debug]);
     // Destroy entity
     const destroyEntity = useCallback((id) => {
         const entity = entitiesRef.current.get(id);
         if (entity) {
             entity.destroyed = true;
             // Body cleanup happens in physics engine
+            // Graphics cleanup happens in render loop
         }
     }, []);
     // Respawn player at checkpoint
@@ -173,6 +187,35 @@ function SceneContent({ spec, onEvent, paused, width, height, debug, }) {
         bpm,
         startTime: startTimeRef.current,
     }), [spec, layers, bpm, emitEvent, getEntity, spawnEntity, destroyEntity, respawnPlayer]);
+    // Initialize pixi containers
+    useEffect(() => {
+        if (!app)
+            return;
+        // Create world container
+        const worldContainer = new PIXI.Container();
+        worldContainer.sortableChildren = true;
+        app.stage.addChild(worldContainer);
+        worldContainerRef.current = worldContainer;
+        // Create layer containers
+        const layerContainers = new Map();
+        layers.forEach((layer, index) => {
+            const container = new PIXI.Container();
+            container.zIndex = index;
+            worldContainer.addChild(container);
+            layerContainers.set(layer, container);
+        });
+        layerContainersRef.current = layerContainers;
+        return () => {
+            // Cleanup
+            entityGraphicsRef.current.forEach((graphics) => {
+                graphics.container.destroy({ children: true });
+            });
+            entityGraphicsRef.current.clear();
+            layerContainersRef.current.clear();
+            worldContainer.destroy({ children: true });
+            worldContainerRef.current = null;
+        };
+    }, [app, layers]);
     // Initialize entities from spec
     useEffect(() => {
         const entityMap = new Map();
@@ -191,7 +234,20 @@ function SceneContent({ spec, onEvent, paused, width, height, debug, }) {
         // Reset start time
         startTimeRef.current = Date.now();
         timelineRef.current = createTimelineState();
-    }, [spec]);
+        // Create graphics for all entities
+        entityGraphicsRef.current.forEach((graphics) => {
+            graphics.container.destroy({ children: true });
+        });
+        entityGraphicsRef.current.clear();
+        for (const [id, state] of entityMap) {
+            const layerContainer = layerContainersRef.current.get(state.entity.layer);
+            if (layerContainer) {
+                const graphics = createEntityGraphics(state, debug);
+                entityGraphicsRef.current.set(id, graphics);
+                layerContainer.addChild(graphics.container);
+            }
+        }
+    }, [spec, debug]);
     // Initialize physics engine
     usePhysicsEngine(contextValue, width, height);
     // Initialize input handling
@@ -202,7 +258,7 @@ function SceneContent({ spec, onEvent, paused, width, height, debug, }) {
     useTimelineExecutor(contextValue);
     // Update camera
     useCameraController(contextValue, width, height);
-    // Main game loop
+    // Main game loop - update graphics positions
     useGameLoop((delta) => {
         if (paused)
             return;
@@ -217,37 +273,39 @@ function SceneContent({ spec, onEvent, paused, width, height, debug, }) {
             timelineRef.current.elapsedMs = now - startTimeRef.current;
             timelineRef.current.currentBeat = (timelineRef.current.elapsedMs / 1000) * (bpm / 60);
         }
-    }, !paused);
-    // Render entities grouped by layer
-    const renderLayers = useMemo(() => {
-        return layers.map((layer, layerIndex) => (React.createElement(Container, { key: layer, zIndex: layerIndex },
-            React.createElement(LayerRenderer, { layer: layer, debug: debug }))));
-    }, [layers, debug]);
-    return (React.createElement(SceneContext.Provider, { value: contextValue },
-        React.createElement(Container, { x: -cameraRef.current.x + width / 2, y: -cameraRef.current.y + height / 2, scale: cameraRef.current.zoom }, renderLayers)));
-}
-/**
- * Renders all entities in a layer
- */
-function LayerRenderer({ layer, debug }) {
-    const { entities } = useScene();
-    // Filter and sort entities for this layer
-    const layerEntities = useMemo(() => {
-        const result = [];
-        for (const [, state] of entities.current) {
-            if (state.entity.layer === layer && !state.destroyed && state.visible) {
-                result.push(state);
+        // Update camera position
+        if (worldContainerRef.current) {
+            const camera = cameraRef.current;
+            worldContainerRef.current.x = -camera.x + width / 2;
+            worldContainerRef.current.y = -camera.y + height / 2;
+            worldContainerRef.current.scale.set(camera.zoom);
+        }
+        // Update entity graphics
+        for (const [id, state] of entitiesRef.current) {
+            const graphics = entityGraphicsRef.current.get(id);
+            if (!graphics)
+                continue;
+            if (state.destroyed || !state.visible) {
+                // Remove destroyed/hidden entities
+                if (graphics.container.parent) {
+                    graphics.container.parent.removeChild(graphics.container);
+                }
+                if (state.destroyed) {
+                    graphics.container.destroy({ children: true });
+                    entityGraphicsRef.current.delete(id);
+                    entitiesRef.current.delete(id);
+                }
+                else {
+                    graphics.container.visible = false;
+                }
+                continue;
             }
+            graphics.container.visible = true;
+            updateEntityGraphics(graphics, state);
         }
-        // Sort by zIndex within layer
-        result.sort((a, b) => {
-            const zA = a.entity.render?.zIndex ?? 0;
-            const zB = b.entity.render?.zIndex ?? 0;
-            return zA - zB;
-        });
-        return result;
-    }, [entities, layer]);
-    return (React.createElement(React.Fragment, null, layerEntities.map((state) => (React.createElement(EntityRenderer, { key: state.entity.id, state: state, debug: debug })))));
+    }, !paused);
+    // Provide context for hooks that need it
+    return (React.createElement(SceneContext.Provider, { value: contextValue }, null));
 }
 // Re-export useScene for convenience
 import { useScene } from './SceneContext.js';

package/dist/scene/entities/EntityGraphics.d.ts

@@ -0,0 +1,26 @@
+/**
+ * EntityGraphics - Imperative pixi.js graphics creation for entities
+ *
+ * This module creates and updates pixi objects directly without React reconciler.
+ */
+import * as PIXI from 'pixi.js';
+import type { EntityState } from '../SceneContext.js';
+/**
+ * Container for entity graphics
+ */
+export interface EntityGraphics {
+    container: PIXI.Container;
+    graphics: PIXI.Graphics | null;
+    text: PIXI.Text | null;
+    sprite: PIXI.Sprite | null;
+    debugGraphics: PIXI.Graphics | null;
+}
+/**
+ * Create pixi graphics for an entity
+ */
+export declare function createEntityGraphics(state: EntityState, debug?: boolean): EntityGraphics;
+/**
+ * Update entity graphics position and state
+ */
+export declare function updateEntityGraphics(entityGraphics: EntityGraphics, state: EntityState): void;
+//# sourceMappingURL=EntityGraphics.d.ts.map

package/dist/scene/entities/EntityGraphics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityGraphics.d.ts","sourceRoot":"","sources":["../../../src/scene/entities/EntityGraphics.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAK,IAAI,MAAM,SAAS,CAAC;AAChC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAWtD;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IAC/B,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IAC3B,aAAa,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;CACrC;AASD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,GAAE,OAAe,GAAG,cAAc,CA8F/F;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,WAAW,GAAG,IAAI,CAoB7F"}

package/dist/scene/entities/EntityGraphics.js

@@ -0,0 +1,226 @@
+'use client';
+/**
+ * EntityGraphics - Imperative pixi.js graphics creation for entities
+ *
+ * This module creates and updates pixi objects directly without React reconciler.
+ */
+import * as PIXI from 'pixi.js';
+/**
+ * Parse hex color string to number
+ */
+function parseColor(color) {
+    return parseInt(color.replace('#', ''), 16);
+}
+/**
+ * Create pixi graphics for an entity
+ */
+export function createEntityGraphics(state, debug = false) {
+    const container = new PIXI.Container();
+    let graphics = null;
+    let text = null;
+    let sprite = null;
+    let debugGraphics = null;
+    const { entity } = state;
+    const kind = entity.kind;
+    // Parse colors
+    const fillColor = parseColor(state.fill ?? entity.render?.fill ?? '#ffffff');
+    const strokeColor = entity.render?.stroke ? parseColor(entity.render.stroke) : undefined;
+    const strokeWidth = entity.render?.strokeWidth ?? 0;
+    switch (kind) {
+        case 'rect': {
+            const geom = entity.geom;
+            graphics = new PIXI.Graphics();
+            drawRect(graphics, geom, fillColor, strokeColor, strokeWidth);
+            container.addChild(graphics);
+            if (debug) {
+                debugGraphics = new PIXI.Graphics();
+                drawDebugBounds(debugGraphics, geom);
+                container.addChild(debugGraphics);
+            }
+            break;
+        }
+        case 'circle': {
+            const geom = entity.geom;
+            graphics = new PIXI.Graphics();
+            drawCircle(graphics, geom, fillColor, strokeColor, strokeWidth);
+            container.addChild(graphics);
+            break;
+        }
+        case 'poly': {
+            const geom = entity.geom;
+            graphics = new PIXI.Graphics();
+            drawPoly(graphics, geom, fillColor, strokeColor, strokeWidth);
+            container.addChild(graphics);
+            break;
+        }
+        case 'line': {
+            const geom = entity.geom;
+            graphics = new PIXI.Graphics();
+            drawLine(graphics, geom, strokeColor ?? fillColor);
+            container.addChild(graphics);
+            break;
+        }
+        case 'text': {
+            const geom = entity.geom;
+            text = createTextElement(geom, fillColor);
+            container.addChild(text);
+            break;
+        }
+        case 'sprite': {
+            const geom = entity.geom;
+            // For now, draw a placeholder since we don't have texture loading
+            graphics = new PIXI.Graphics();
+            drawSpritePlaceholder(graphics, geom);
+            container.addChild(graphics);
+            break;
+        }
+        case 'emitter': {
+            const geom = entity.geom;
+            graphics = new PIXI.Graphics();
+            drawEmitterMarker(graphics, fillColor);
+            container.addChild(graphics);
+            break;
+        }
+        case 'group':
+            // Groups are just containers
+            break;
+        default:
+            console.warn(`Unknown entity kind: ${kind}`);
+    }
+    // Set initial position
+    container.x = state.x;
+    container.y = state.y;
+    container.rotation = state.rotation;
+    container.scale.set(state.scaleX, state.scaleY);
+    container.alpha = state.alpha;
+    return { container, graphics, text, sprite, debugGraphics };
+}
+/**
+ * Update entity graphics position and state
+ */
+export function updateEntityGraphics(entityGraphics, state) {
+    const { container, graphics } = entityGraphics;
+    // Update transform
+    container.x = state.x;
+    container.y = state.y;
+    container.rotation = state.rotation;
+    container.scale.set(state.scaleX, state.scaleY);
+    container.alpha = state.alpha;
+    // If fill color changed, redraw (for dynamic color changes)
+    if (graphics && state.entity.kind === 'rect') {
+        const geom = state.entity.geom;
+        const fillColor = parseColor(state.fill ?? state.entity.render?.fill ?? '#ffffff');
+        const strokeColor = state.entity.render?.stroke ? parseColor(state.entity.render.stroke) : undefined;
+        const strokeWidth = state.entity.render?.strokeWidth ?? 0;
+        graphics.clear();
+        drawRect(graphics, geom, fillColor, strokeColor, strokeWidth);
+    }
+}
+/**
+ * Draw a rectangle
+ */
+function drawRect(g, geom, fillColor, strokeColor, strokeWidth = 0) {
+    if (strokeColor !== undefined && strokeWidth > 0) {
+        g.lineStyle(strokeWidth, strokeColor);
+    }
+    g.beginFill(fillColor);
+    const anchorX = geom.w / 2;
+    const anchorY = geom.h / 2;
+    if (geom.cornerRadius && geom.cornerRadius > 0) {
+        g.drawRoundedRect(-anchorX, -anchorY, geom.w, geom.h, geom.cornerRadius);
+    }
+    else {
+        g.drawRect(-anchorX, -anchorY, geom.w, geom.h);
+    }
+    g.endFill();
+}
+/**
+ * Draw a circle
+ */
+function drawCircle(g, geom, fillColor, strokeColor, strokeWidth = 0) {
+    if (strokeColor !== undefined && strokeWidth > 0) {
+        g.lineStyle(strokeWidth, strokeColor);
+    }
+    g.beginFill(fillColor);
+    g.drawCircle(0, 0, geom.r);
+    g.endFill();
+}
+/**
+ * Draw a polygon
+ */
+function drawPoly(g, geom, fillColor, strokeColor, strokeWidth = 0) {
+    if (strokeColor !== undefined && strokeWidth > 0) {
+        g.lineStyle(strokeWidth, strokeColor);
+    }
+    g.beginFill(fillColor);
+    const points = geom.points;
+    if (points.length < 3)
+        return;
+    g.moveTo(points[0][0], points[0][1]);
+    for (let i = 1; i < points.length; i++) {
+        g.lineTo(points[i][0], points[i][1]);
+    }
+    g.closePath();
+    g.endFill();
+}
+/**
+ * Draw a line
+ */
+function drawLine(g, geom, strokeColor) {
+    g.lineStyle(geom.lineWidth ?? 2, strokeColor);
+    const points = geom.points;
+    if (points.length < 2)
+        return;
+    g.moveTo(points[0][0], points[0][1]);
+    for (let i = 1; i < points.length; i++) {
+        g.lineTo(points[i][0], points[i][1]);
+    }
+}
+/**
+ * Create a text element
+ */
+function createTextElement(geom, fillColor) {
+    const style = new PIXI.TextStyle({
+        fontFamily: geom.fontFamily ?? 'Arial',
+        fontSize: geom.fontSize ?? 16,
+        fontWeight: (geom.fontWeight ?? 'normal'),
+        fill: fillColor,
+        align: (geom.align ?? 'center'),
+    });
+    const text = new PIXI.Text(geom.text, style);
+    text.anchor.set(0.5, 0.5);
+    return text;
+}
+/**
+ * Draw sprite placeholder (for missing sprites)
+ */
+function drawSpritePlaceholder(g, geom) {
+    const w = geom.w ?? 32;
+    const h = geom.h ?? 32;
+    g.beginFill(0x888888);
+    g.drawRect(-w / 2, -h / 2, w, h);
+    g.endFill();
+    // Draw X to indicate missing sprite
+    g.lineStyle(2, 0xff0000);
+    g.moveTo(-w / 2, -h / 2);
+    g.lineTo(w / 2, h / 2);
+    g.moveTo(w / 2, -h / 2);
+    g.lineTo(-w / 2, h / 2);
+}
+/**
+ * Draw emitter marker
+ */
+function drawEmitterMarker(g, fillColor) {
+    g.beginFill(fillColor, 0.3);
+    g.drawCircle(0, 0, 10);
+    g.endFill();
+    g.lineStyle(1, fillColor);
+    g.drawCircle(0, 0, 15);
+}
+/**
+ * Draw debug bounds
+ */
+function drawDebugBounds(g, geom) {
+    g.lineStyle(1, 0x00ff00, 0.5);
+    g.drawRect(-geom.w / 2, -geom.h / 2, geom.w, geom.h);
+}

package/dist/scene/index.d.ts

@@ -32,8 +32,8 @@ export { SceneRenderer, useScene } from './SceneRenderer.js';
 export type { SceneRendererProps } from './SceneRenderer.js';
 export { SceneContext, createEntityState, createPlayerState, createCameraState, createInputState, createTimelineState, } from './SceneContext.js';
 export type { SceneContextValue, EntityState, PlayerState, CameraState, InputState, TimelineState, ActiveTween, } from './SceneContext.js';
-export { EntityRenderer } from './entities/EntityRenderer.js';
-export type { EntityRendererProps } from './entities/EntityRenderer.js';
+export { createEntityGraphics, updateEntityGraphics, } from './entities/EntityGraphics.js';
+export type { EntityGraphics } from './entities/EntityGraphics.js';
 export { usePhysicsEngine, applyImpulse, setVelocity, } from './physics/PhysicsEngine.js';
 export { useInputManager, isJumpPressed, isKeyPressed, isTouching, } from './input/InputManager.js';
 export { useComponentRunner, registerComponent, } from './components/ComponentRunner.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scene/index.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAGH,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAG7D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC7D,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAG7D,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,WAAW,EACX,UAAU,EACV,aAAa,EACb,WAAW,GACZ,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,YAAY,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGxE,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,WAAW,GACZ,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EACL,eAAe,EACf,aAAa,EACb,YAAY,EACZ,UAAU,GACX,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EACL,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,iCAAiC,CAAC;AAGzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGnE,OAAO,EACL,iBAAiB,EACjB,UAAU,EACV,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,EACL,aAAa,EACb,aAAa,EACb,aAAa,EACb,SAAS,GACV,MAAM,6BAA6B,CAAC;AACrC,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scene/index.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAGH,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAG7D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC7D,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAG7D,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,WAAW,EACX,UAAU,EACV,aAAa,EACb,WAAW,GACZ,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EACL,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAGnE,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,WAAW,GACZ,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EACL,eAAe,EACf,aAAa,EACb,YAAY,EACZ,UAAU,GACX,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EACL,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,iCAAiC,CAAC;AAGzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGnE,OAAO,EACL,iBAAiB,EACjB,UAAU,EACV,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,EACL,aAAa,EACb,aAAa,EACb,aAAa,EACb,SAAS,GACV,MAAM,6BAA6B,CAAC;AACrC,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/scene/index.js

@@ -33,8 +33,8 @@ export { SceneFromJson } from './SceneFromJson.js';
 export { SceneRenderer, useScene } from './SceneRenderer.js';
 // Context and types
 export { SceneContext, createEntityState, createPlayerState, createCameraState, createInputState, createTimelineState, } from './SceneContext.js';
-// Entity rendering
-export { EntityRenderer } from './entities/EntityRenderer.js';
+// Entity graphics (imperative pixi creation)
+export { createEntityGraphics, updateEntityGraphics, } from './entities/EntityGraphics.js';
 // Physics
 export { usePhysicsEngine, applyImpulse, setVelocity, } from './physics/PhysicsEngine.js';
 // Input

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thewhateverapp/tile-sdk",
-  "version": "0.14.9",
+  "version": "0.14.11",
   "description": "SDK for building interactive tiles on The Whatever App platform",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -70,24 +70,14 @@
   },
   "peerDependencies": {
     "react": "^18.0.0",
-    "@pixi/react": "^7.0.0",
-    "pixi.js": "^7.0.0",
-    "@pixi/filter-glow": "^5.0.0"
+    "pixi.js": "^7.0.0"
   },
   "peerDependenciesMeta": {
-    "@pixi/react": {
-      "optional": true
-    },
     "pixi.js": {
       "optional": true
-    },
-    "@pixi/filter-glow": {
-      "optional": true
     }
   },
   "devDependencies": {
-    "@pixi/filter-glow": "^5.0.0",
-    "@pixi/react": "^7.1.2",
     "@types/matter-js": "^0.19.0",
     "@types/node": "^20.0.0",
     "@types/react": "^18.2.48",

package/dist/scene/entities/EntityRenderer.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import type { EntityState } from '../SceneContext.js';
-/**
- * Props for EntityRenderer
- */
-export interface EntityRendererProps {
-    state: EntityState;
-    debug?: boolean;
-}
-/**
- * Renders a single entity based on its kind
- */
-export declare function EntityRenderer({ state, debug }: EntityRendererProps): React.JSX.Element | null;
-//# sourceMappingURL=EntityRenderer.d.ts.map

package/dist/scene/entities/EntityRenderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EntityRenderer.d.ts","sourceRoot":"","sources":["../../../src/scene/entities/EntityRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAWtD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,KAAa,EAAE,EAAE,mBAAmB,4BAyG3E"}