@thewhateverapp/tile-sdk 0.15.3 → 0.15.4

package/dist/scene/entities/EntityGraphics.js

@@ -1,226 +0,0 @@
-'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/input/InputManager.d.ts

@@ -1,18 +0,0 @@
-import type { SceneContextValue } from '../SceneContext.js';
-/**
- * Hook to manage keyboard and touch input
- */
-export declare function useInputManager(context: SceneContextValue): void;
-/**
- * Check if jump is currently pressed
- */
-export declare function isJumpPressed(context: SceneContextValue): boolean;
-/**
- * Check if a specific key is pressed
- */
-export declare function isKeyPressed(context: SceneContextValue, key: string): boolean;
-/**
- * Check if touch/click is active
- */
-export declare function isTouching(context: SceneContextValue): boolean;
-//# sourceMappingURL=InputManager.d.ts.map

package/dist/scene/input/InputManager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputManager.d.ts","sourceRoot":"","sources":["../../../src/scene/input/InputManager.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE5D;;GAEG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,iBAAiB,QA2EzD;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,iBAAiB,GAAG,OAAO,CAEjE;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO,CAE7E;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,iBAAiB,GAAG,OAAO,CAE9D"}

package/dist/scene/input/InputManager.js

@@ -1,86 +0,0 @@
-'use client';
-import { useEffect } from 'react';
-/**
- * Hook to manage keyboard and touch input
- */
-export function useInputManager(context) {
-    const { input } = context;
-    useEffect(() => {
-        const inputState = input.current;
-        // Keyboard event handlers
-        const handleKeyDown = (e) => {
-            const key = e.key;
-            const code = e.code;
-            // Track all keys
-            inputState.keys[key] = true;
-            inputState.keys[code] = true;
-            // Jump keys: Space, ArrowUp, W
-            if (key === ' ' || key === 'ArrowUp' || key === 'w' || key === 'W') {
-                inputState.jumpPressed = true;
-            }
-        };
-        const handleKeyUp = (e) => {
-            const key = e.key;
-            const code = e.code;
-            // Track all keys
-            inputState.keys[key] = false;
-            inputState.keys[code] = false;
-            // Jump keys: Space, ArrowUp, W
-            if (key === ' ' || key === 'ArrowUp' || key === 'w' || key === 'W') {
-                inputState.jumpPressed = false;
-            }
-        };
-        // Touch event handlers
-        const handleTouchStart = (e) => {
-            inputState.touching = true;
-            inputState.jumpPressed = true;
-        };
-        const handleTouchEnd = (e) => {
-            inputState.touching = false;
-            inputState.jumpPressed = false;
-        };
-        // Mouse event handlers (for desktop click)
-        const handleMouseDown = (e) => {
-            inputState.touching = true;
-            inputState.jumpPressed = true;
-        };
-        const handleMouseUp = (e) => {
-            inputState.touching = false;
-            inputState.jumpPressed = false;
-        };
-        // Add event listeners
-        window.addEventListener('keydown', handleKeyDown);
-        window.addEventListener('keyup', handleKeyUp);
-        window.addEventListener('touchstart', handleTouchStart, { passive: true });
-        window.addEventListener('touchend', handleTouchEnd, { passive: true });
-        window.addEventListener('mousedown', handleMouseDown);
-        window.addEventListener('mouseup', handleMouseUp);
-        // Cleanup
-        return () => {
-            window.removeEventListener('keydown', handleKeyDown);
-            window.removeEventListener('keyup', handleKeyUp);
-            window.removeEventListener('touchstart', handleTouchStart);
-            window.removeEventListener('touchend', handleTouchEnd);
-            window.removeEventListener('mousedown', handleMouseDown);
-            window.removeEventListener('mouseup', handleMouseUp);
-        };
-    }, [input]);
-}
-/**
- * Check if jump is currently pressed
- */
-export function isJumpPressed(context) {
-    return context.input.current.jumpPressed;
-}
-/**
- * Check if a specific key is pressed
- */
-export function isKeyPressed(context, key) {
-    return context.input.current.keys[key] ?? false;
-}
-/**
- * Check if touch/click is active
- */
-export function isTouching(context) {
-    return context.input.current.touching;
-}

package/dist/scene/physics/PhysicsEngine.d.ts

@@ -1,15 +0,0 @@
-import Matter from 'matter-js';
-import type { SceneContextValue } from '../SceneContext.js';
-/**
- * Hook to initialize and run the physics engine
- */
-export declare function usePhysicsEngine(context: SceneContextValue, width: number, height: number): void;
-/**
- * Apply impulse to a body
- */
-export declare function applyImpulse(body: Matter.Body, impulseX: number, impulseY: number): void;
-/**
- * Set velocity on a body
- */
-export declare function setVelocity(body: Matter.Body, velocityX: number, velocityY: number): void;
-//# sourceMappingURL=PhysicsEngine.d.ts.map

package/dist/scene/physics/PhysicsEngine.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PhysicsEngine.d.ts","sourceRoot":"","sources":["../../../src/scene/physics/PhysicsEngine.tsx"],"names":[],"mappings":"AAGA,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAe,MAAM,oBAAoB,CAAC;AAqEzE;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,iBAAiB,EAC1B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,QA+Gf;AA2GD;;GAEG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,QAMjB;AAED;;GAEG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,QAGlB"}

package/dist/scene/physics/PhysicsEngine.js

@@ -1,260 +0,0 @@
-'use client';
-import { useEffect, useRef } from 'react';
-import Matter from 'matter-js';
-import { useGameLoop } from '../../pixi/index.js';
-const { Engine, World, Bodies, Body, Events } = Matter;
-/**
- * Creates a Matter.js body from an entity state
- */
-function createBody(state, worldGravity) {
-    const { entity } = state;
-    const bodyConfig = entity.body;
-    // No physics body
-    if (!bodyConfig || bodyConfig.type === 'none') {
-        return null;
-    }
-    const transform = entity.transform;
-    const x = transform.x;
-    const y = transform.y;
-    const rotation = (transform.rotation ?? 0) * (Math.PI / 180);
-    // Common body options
-    const options = {
-        isStatic: bodyConfig.isStatic ?? false,
-        isSensor: bodyConfig.type === 'sensor',
-        restitution: bodyConfig.restitution ?? 0,
-        friction: bodyConfig.friction ?? 0.1,
-        frictionAir: 0.01,
-        angle: rotation,
-        label: entity.id,
-        collisionFilter: {
-            category: bodyConfig.category ?? 0x0001,
-            mask: bodyConfig.mask ?? 0xFFFF,
-        },
-    };
-    let body = null;
-    // Create body based on shape
-    switch (bodyConfig.shape) {
-        case 'rect': {
-            const geom = entity.geom;
-            body = Bodies.rectangle(x, y, geom.w, geom.h, options);
-            break;
-        }
-        case 'circle': {
-            const geom = entity.geom;
-            body = Bodies.circle(x, y, geom.r, options);
-            break;
-        }
-        case 'poly': {
-            const geom = entity.geom;
-            // Convert points to Matter.js format
-            const vertices = geom.points.map(([px, py]) => ({ x: px, y: py }));
-            body = Bodies.fromVertices(x, y, [vertices], options);
-            break;
-        }
-        default:
-            console.warn(`Unknown body shape: ${bodyConfig.shape}`);
-            return null;
-    }
-    return body;
-}
-/**
- * Hook to initialize and run the physics engine
- */
-export function usePhysicsEngine(context, width, height) {
-    const { spec, entities, player, engine: engineRef, emitEvent } = context;
-    const bodiesMapRef = useRef(new Map());
-    // Get gravity from spec
-    const gravity = spec.world?.gravity ?? 2600;
-    // Initialize engine
-    useEffect(() => {
-        // Create engine with gravity
-        const engine = Engine.create({
-            gravity: {
-                x: 0,
-                y: gravity / 1000, // Matter.js uses different scale
-                scale: 0.001,
-            },
-        });
-        engineRef.current = engine;
-        // Create bodies for all entities
-        const bodiesMap = new Map();
-        const bodiesToAdd = [];
-        for (const [id, state] of entities.current) {
-            const body = createBody(state, gravity);
-            if (body) {
-                bodiesMap.set(id, body);
-                bodiesToAdd.push(body);
-                state.body = body;
-            }
-        }
-        // Add all bodies to world
-        World.add(engine.world, bodiesToAdd);
-        bodiesMapRef.current = bodiesMap;
-        // Set up collision events
-        Events.on(engine, 'collisionStart', (event) => {
-            for (const pair of event.pairs) {
-                const entityA = entities.current.get(pair.bodyA.label);
-                const entityB = entities.current.get(pair.bodyB.label);
-                if (entityA && entityB) {
-                    handleCollision(entityA, entityB, context);
-                }
-            }
-        });
-        // Cleanup
-        return () => {
-            Events.off(engine, 'collisionStart');
-            World.clear(engine.world, false);
-            Engine.clear(engine);
-            engineRef.current = null;
-        };
-    }, [spec, gravity, engineRef, entities]);
-    // Physics update loop
-    useGameLoop((delta) => {
-        const engine = engineRef.current;
-        if (!engine)
-            return;
-        const playerState = player.current;
-        // Update invincibility timer
-        if (playerState.invincible && playerState.invincibilityTimeRemaining > 0) {
-            playerState.invincibilityTimeRemaining -= 16.67 * delta;
-            if (playerState.invincibilityTimeRemaining <= 0) {
-                playerState.invincible = false;
-                playerState.invincibilityTimeRemaining = 0;
-            }
-        }
-        // Update gravity direction for player
-        engine.gravity.y = (gravity / 1000) * playerState.gravityDir;
-        // Step physics (delta is ~1 at 60fps, so we use 16.67ms per frame)
-        Engine.update(engine, 16.67 * delta);
-        // Sync entity positions from physics bodies
-        for (const [id, body] of bodiesMapRef.current) {
-            const state = entities.current.get(id);
-            if (!state || state.destroyed)
-                continue;
-            // Update entity position from body
-            state.x = body.position.x;
-            state.y = body.position.y;
-            state.rotation = body.angle;
-            state.velocityX = body.velocity.x;
-            state.velocityY = body.velocity.y;
-        }
-        // Check if player is grounded
-        const playerEntity = findPlayerEntity(entities.current);
-        if (playerEntity?.body) {
-            const body = playerEntity.body;
-            // 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) - only if height is valid and not invincible
-        if (playerEntity && height > 0 && playerEntity.y > height + 200) {
-            if (!playerState.dead && !playerState.invincible) {
-                playerState.dead = true;
-                playerState.deaths++;
-                emitEvent('player.death', { cause: 'fall', deaths: playerState.deaths });
-            }
-        }
-    });
-}
-/**
- * Handle collision between two entities
- */
-function handleCollision(entityA, entityB, context) {
-    const { player, emitEvent } = context;
-    const playerState = player.current;
-    // Check if either entity is the player
-    const isPlayerA = entityA.entity.tags?.includes('player');
-    const isPlayerB = entityB.entity.tags?.includes('player');
-    if (!isPlayerA && !isPlayerB)
-        return;
-    const playerEntity = isPlayerA ? entityA : entityB;
-    const otherEntity = isPlayerA ? entityB : entityA;
-    const otherTags = otherEntity.entity.tags ?? [];
-    // Check for hazard collision (only if not invincible)
-    if (otherTags.includes('hazard') || hasComponent(otherEntity, 'KillOnTouch')) {
-        if (!playerState.dead && !playerState.invincible) {
-            playerState.dead = true;
-            playerState.deaths++;
-            emitEvent('player.death', { cause: 'hazard', deaths: playerState.deaths });
-        }
-        return;
-    }
-    // Check for checkpoint collision
-    if (otherTags.includes('checkpoint') || hasComponent(otherEntity, 'Checkpoint')) {
-        playerState.checkpointX = otherEntity.x;
-        playerState.checkpointY = otherEntity.y;
-        emitEvent('checkpoint.reached', { x: otherEntity.x, y: otherEntity.y });
-        return;
-    }
-    // Check for finish line collision
-    if (otherTags.includes('finish') || hasComponent(otherEntity, 'FinishLine')) {
-        if (!playerState.complete) {
-            playerState.complete = true;
-            emitEvent('level.complete', { deaths: playerState.deaths });
-        }
-        return;
-    }
-    // Check for jump orb collision
-    if (otherTags.includes('orb') || hasComponent(otherEntity, 'JumpOrb')) {
-        playerState.touchingOrb = otherEntity.entity.id;
-        return;
-    }
-    // Check for speed portal collision
-    if (hasComponent(otherEntity, 'SpeedPortal')) {
-        const component = getComponent(otherEntity, 'SpeedPortal');
-        const params = component?.params;
-        if (params?.speed) {
-            playerState.speedMultiplier = params.speed / 320; // Base speed
-            emitEvent('speed.changed', { speed: params.speed });
-        }
-        return;
-    }
-    // Check for gravity portal collision
-    if (hasComponent(otherEntity, 'GravityPortal')) {
-        playerState.gravityDir *= -1;
-        emitEvent('gravity.flipped', { direction: playerState.gravityDir });
-        return;
-    }
-    // Ground collision - reset jump count
-    if (otherEntity.entity.body?.isStatic && !otherEntity.entity.body?.type) {
-        playerState.grounded = true;
-        playerState.jumpCount = 0;
-    }
-}
-/**
- * Find the player entity
- */
-function findPlayerEntity(entities) {
-    for (const [, state] of entities) {
-        if (state.entity.tags?.includes('player')) {
-            return state;
-        }
-    }
-    return null;
-}
-/**
- * Check if entity has a component
- */
-function hasComponent(state, type) {
-    return state.entity.components?.some((c) => c.type === type) ?? false;
-}
-/**
- * Get a component from an entity
- */
-function getComponent(state, type) {
-    return state.entity.components?.find((c) => c.type === type);
-}
-/**
- * Apply impulse to a body
- */
-export function applyImpulse(body, impulseX, impulseY) {
-    Body.applyForce(body, body.position, {
-        x: impulseX * 0.001,
-        y: impulseY * 0.001,
-    });
-}
-/**
- * Set velocity on a body
- */
-export function setVelocity(body, velocityX, velocityY) {
-    Body.setVelocity(body, { x: velocityX, y: velocityY });
-}

package/dist/scene/timeline/TimelineExecutor.d.ts

@@ -1,6 +0,0 @@
-import type { SceneContextValue } from '../SceneContext.js';
-/**
- * Hook to execute timeline events
- */
-export declare function useTimelineExecutor(context: SceneContextValue): void;
-//# sourceMappingURL=TimelineExecutor.d.ts.map

package/dist/scene/timeline/TimelineExecutor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimelineExecutor.d.ts","sourceRoot":"","sources":["../../../src/scene/timeline/TimelineExecutor.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAe,MAAM,oBAAoB,CAAC;AAIzE;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,iBAAiB,QA4C7D"}