@ankhorage/zora-game 0.1.0 → 0.3.0

package/dist/features/game-presentation/public.d.ts

@@ -1,5 +1,7 @@
-export type { GameEntityProps, GameFieldProps, GameOverlayPlacement, GameOverlayProps, GamePointerEvents, } from '../../types/gamePresentation';
+export type { GameEntityProps, GameFieldProps, GameInputZoneProps, GameOverlayPlacement, GameOverlayProps, GamePointerEvents, GameProps, } from '../../types/gamePresentation';
+export { Game } from './adapters/inbound/Game';
 export { GameEntity } from './adapters/inbound/GameEntity';
 export { GameField } from './adapters/inbound/GameField';
+export { GameInputZone } from './adapters/inbound/GameInputZone';
 export { GameOverlay } from './adapters/inbound/GameOverlay';
 //# sourceMappingURL=public.d.ts.map

package/dist/features/game-presentation/public.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/game-presentation/public.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/game-presentation/public.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,SAAS,GACV,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/features/game-presentation/public.js

@@ -1,4 +1,6 @@
+export { Game } from './adapters/inbound/Game';
 export { GameEntity } from './adapters/inbound/GameEntity';
 export { GameField } from './adapters/inbound/GameField';
+export { GameInputZone } from './adapters/inbound/GameInputZone';
 export { GameOverlay } from './adapters/inbound/GameOverlay';
 //# sourceMappingURL=public.js.map

package/dist/features/game-presentation/public.js.map

@@ -1 +1 @@
-{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/game-presentation/public.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC","sourcesContent":["export type {\n  GameEntityProps,\n  GameFieldProps,\n  GameOverlayPlacement,\n  GameOverlayProps,\n  GamePointerEvents,\n} from '../../types/gamePresentation';\nexport { GameEntity } from './adapters/inbound/GameEntity';\nexport { GameField } from './adapters/inbound/GameField';\nexport { GameOverlay } from './adapters/inbound/GameOverlay';\n"]}
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/game-presentation/public.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC","sourcesContent":["export type {\n  GameEntityProps,\n  GameFieldProps,\n  GameInputZoneProps,\n  GameOverlayPlacement,\n  GameOverlayProps,\n  GamePointerEvents,\n  GameProps,\n} from '../../types/gamePresentation';\nexport { Game } from './adapters/inbound/Game';\nexport { GameEntity } from './adapters/inbound/GameEntity';\nexport { GameField } from './adapters/inbound/GameField';\nexport { GameInputZone } from './adapters/inbound/GameInputZone';\nexport { GameOverlay } from './adapters/inbound/GameOverlay';\n"]}

package/dist/features/game-presentation/utils/clampGamePercentage.d.ts

@@ -0,0 +1,3 @@
+/*** Clamp one game presentation coordinate to the inclusive field-percentage range. */
+export declare function clampGamePercentage(value: number): number;
+//# sourceMappingURL=clampGamePercentage.d.ts.map

package/dist/features/game-presentation/utils/clampGamePercentage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clampGamePercentage.d.ts","sourceRoot":"","sources":["../../../../src/features/game-presentation/utils/clampGamePercentage.ts"],"names":[],"mappings":"AAAA,uFAAuF;AACvF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEzD"}

package/dist/features/game-presentation/utils/clampGamePercentage.js

@@ -0,0 +1,5 @@
+/*** Clamp one game presentation coordinate to the inclusive field-percentage range. */
+export function clampGamePercentage(value) {
+    return Math.min(100, Math.max(0, value));
+}
+//# sourceMappingURL=clampGamePercentage.js.map

package/dist/features/game-presentation/utils/clampGamePercentage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clampGamePercentage.js","sourceRoot":"","sources":["../../../../src/features/game-presentation/utils/clampGamePercentage.ts"],"names":[],"mappings":"AAAA,uFAAuF;AACvF,MAAM,UAAU,mBAAmB,CAAC,KAAa;IAC/C,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAC3C,CAAC","sourcesContent":["/*** Clamp one game presentation coordinate to the inclusive field-percentage range. */\nexport function clampGamePercentage(value: number): number {\n  return Math.min(100, Math.max(0, value));\n}\n"]}

package/dist/features/game-presentation/utils/toGamePercentage.d.ts

@@ -0,0 +1,3 @@
+/*** Convert one game percentage coordinate to React Native percentage style syntax. */
+export declare function toGamePercentage(value: number): `${number}%`;
+//# sourceMappingURL=toGamePercentage.d.ts.map

package/dist/features/game-presentation/utils/toGamePercentage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toGamePercentage.d.ts","sourceRoot":"","sources":["../../../../src/features/game-presentation/utils/toGamePercentage.ts"],"names":[],"mappings":"AAEA,uFAAuF;AACvF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAE5D"}

package/dist/features/game-presentation/utils/toGamePercentage.js

@@ -0,0 +1,6 @@
+import { clampGamePercentage } from './clampGamePercentage';
+/*** Convert one game percentage coordinate to React Native percentage style syntax. */
+export function toGamePercentage(value) {
+    return `${clampGamePercentage(value)}%`;
+}
+//# sourceMappingURL=toGamePercentage.js.map

package/dist/features/game-presentation/utils/toGamePercentage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toGamePercentage.js","sourceRoot":"","sources":["../../../../src/features/game-presentation/utils/toGamePercentage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,uFAAuF;AACvF,MAAM,UAAU,gBAAgB,CAAC,KAAa;IAC5C,OAAO,GAAG,mBAAmB,CAAC,KAAK,CAAC,GAAG,CAAC;AAC1C,CAAC","sourcesContent":["import { clampGamePercentage } from './clampGamePercentage';\n\n/*** Convert one game percentage coordinate to React Native percentage style syntax. */\nexport function toGamePercentage(value: number): `${number}%` {\n  return `${clampGamePercentage(value)}%`;\n}\n"]}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export type { GameEntityProps, GameFieldProps, GameOverlayPlacement, GameOverlayProps, GamePointerEvents, } from './features/game-presentation/public';
-export { GameEntity, GameField, GameOverlay } from './features/game-presentation/public';
+export type { GameEntityProps, GameFieldProps, GameInputZoneProps, GameOverlayPlacement, GameOverlayProps, GamePointerEvents, GameProps, } from './features/game-presentation/public';
+export { Game, GameEntity, GameField, GameInputZone, GameOverlay, } from './features/game-presentation/public';
 export { ZORA_GAME_PLUGIN } from './ZORA_GAME_PLUGIN';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,SAAS,GACV,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,aAAa,EACb,WAAW,GACZ,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/index.js

@@ -1,3 +1,3 @@
-export { GameEntity, GameField, GameOverlay } from './features/game-presentation/public';
+export { Game, GameEntity, GameField, GameInputZone, GameOverlay, } from './features/game-presentation/public';
 export { ZORA_GAME_PLUGIN } from './ZORA_GAME_PLUGIN';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export type {\n  GameEntityProps,\n  GameFieldProps,\n  GameOverlayPlacement,\n  GameOverlayProps,\n  GamePointerEvents,\n} from './features/game-presentation/public';\nexport { GameEntity, GameField, GameOverlay } from './features/game-presentation/public';\nexport { ZORA_GAME_PLUGIN } from './ZORA_GAME_PLUGIN';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AASA,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,aAAa,EACb,WAAW,GACZ,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export type {\n  GameEntityProps,\n  GameFieldProps,\n  GameInputZoneProps,\n  GameOverlayPlacement,\n  GameOverlayProps,\n  GamePointerEvents,\n  GameProps,\n} from './features/game-presentation/public';\nexport {\n  Game,\n  GameEntity,\n  GameField,\n  GameInputZone,\n  GameOverlay,\n} from './features/game-presentation/public';\nexport { ZORA_GAME_PLUGIN } from './ZORA_GAME_PLUGIN';\n"]}

package/dist/types/gamePresentation.d.ts

@@ -1,3 +1,4 @@
+import type { GameDefinition, GameInput, GameOutput } from '@ankhorage/game';
 import type React from 'react';
 type GameOverlayCornerPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 export type GamePointerEvents = 'auto' | 'box-none' | 'box-only' | 'none';
@@ -25,6 +26,19 @@ export interface GameEntityProps {
     readonly accessibilityLabel?: string;
     readonly testID?: string;
 }
+export interface GameInputZoneProps {
+    readonly eventType: string;
+    readonly entityId?: string;
+    readonly x?: number;
+    readonly y?: number;
+    readonly width?: number;
+    readonly height?: number;
+    readonly zIndex?: number;
+    readonly enabled?: boolean;
+    readonly continuous?: boolean;
+    readonly accessibilityLabel?: string;
+    readonly testID?: string;
+}
 export interface GameOverlayProps {
     readonly children?: React.ReactNode;
     readonly placement?: GameOverlayPlacement;
@@ -33,5 +47,13 @@ export interface GameOverlayProps {
     readonly accessibilityLabel?: string;
     readonly testID?: string;
 }
+export interface GameProps extends GameFieldProps {
+    readonly definition: GameDefinition;
+    readonly input?: GameInput;
+    readonly seed?: number;
+    readonly resetKey?: string;
+    readonly autoAdvanceTime?: boolean;
+    readonly onOutput?: (output: GameOutput) => void;
+}
 export {};
 //# sourceMappingURL=gamePresentation.d.ts.map

package/dist/types/gamePresentation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gamePresentation.d.ts","sourceRoot":"","sources":["../../src/types/gamePresentation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,0BAA0B,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AAE5F,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;AAC1E,MAAM,MAAM,oBAAoB,GAC9B,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,0BAA0B,CAAC;AAEpE,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAC3C,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,QAAQ,CAAC,SAAS,CAAC,EAAE,oBAAoB,CAAC;IAC1C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B"}
+{"version":3,"file":"gamePresentation.d.ts","sourceRoot":"","sources":["../../src/types/gamePresentation.ts"],"names":[],"mappings":"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"}

package/dist/types/gamePresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"gamePresentation.js","sourceRoot":"","sources":["../../src/types/gamePresentation.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\ntype GameOverlayCornerPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n\nexport type GamePointerEvents = 'auto' | 'box-none' | 'box-only' | 'none';\nexport type GameOverlayPlacement =\n  'fill' | 'center' | 'top' | 'bottom' | GameOverlayCornerPlacement;\n\nexport interface GameFieldProps {\n  readonly children?: React.ReactNode;\n  readonly aspectRatio?: number;\n  readonly minHeight?: number;\n  readonly clip?: boolean;\n  readonly accessibilityLabel?: string;\n  readonly testID?: string;\n}\n\nexport interface GameEntityProps {\n  readonly children?: React.ReactNode;\n  readonly x?: number;\n  readonly y?: number;\n  readonly width?: number;\n  readonly height?: number;\n  readonly opacity?: number;\n  readonly scale?: number;\n  readonly rotation?: number;\n  readonly zIndex?: number;\n  readonly hidden?: boolean;\n  readonly pointerEvents?: GamePointerEvents;\n  readonly accessibilityLabel?: string;\n  readonly testID?: string;\n}\n\nexport interface GameOverlayProps {\n  readonly children?: React.ReactNode;\n  readonly placement?: GameOverlayPlacement;\n  readonly blocking?: boolean;\n  readonly padding?: number;\n  readonly accessibilityLabel?: string;\n  readonly testID?: string;\n}\n"]}
+{"version":3,"file":"gamePresentation.js","sourceRoot":"","sources":["../../src/types/gamePresentation.ts"],"names":[],"mappings":"","sourcesContent":["import type { GameDefinition, GameInput, GameOutput } from '@ankhorage/game';\nimport type React from 'react';\n\ntype GameOverlayCornerPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n\nexport type GamePointerEvents = 'auto' | 'box-none' | 'box-only' | 'none';\nexport type GameOverlayPlacement =\n  'fill' | 'center' | 'top' | 'bottom' | GameOverlayCornerPlacement;\n\nexport interface GameFieldProps {\n  readonly children?: React.ReactNode;\n  readonly aspectRatio?: number;\n  readonly minHeight?: number;\n  readonly clip?: boolean;\n  readonly accessibilityLabel?: string;\n  readonly testID?: string;\n}\n\nexport interface GameEntityProps {\n  readonly children?: React.ReactNode;\n  readonly x?: number;\n  readonly y?: number;\n  readonly width?: number;\n  readonly height?: number;\n  readonly opacity?: number;\n  readonly scale?: number;\n  readonly rotation?: number;\n  readonly zIndex?: number;\n  readonly hidden?: boolean;\n  readonly pointerEvents?: GamePointerEvents;\n  readonly accessibilityLabel?: string;\n  readonly testID?: string;\n}\n\nexport interface GameInputZoneProps {\n  readonly eventType: string;\n  readonly entityId?: string;\n  readonly x?: number;\n  readonly y?: number;\n  readonly width?: number;\n  readonly height?: number;\n  readonly zIndex?: number;\n  readonly enabled?: boolean;\n  readonly continuous?: boolean;\n  readonly accessibilityLabel?: string;\n  readonly testID?: string;\n}\n\nexport interface GameOverlayProps {\n  readonly children?: React.ReactNode;\n  readonly placement?: GameOverlayPlacement;\n  readonly blocking?: boolean;\n  readonly padding?: number;\n  readonly accessibilityLabel?: string;\n  readonly testID?: string;\n}\n\nexport interface GameProps extends GameFieldProps {\n  readonly definition: GameDefinition;\n  readonly input?: GameInput;\n  readonly seed?: number;\n  readonly resetKey?: string;\n  readonly autoAdvanceTime?: boolean;\n  readonly onOutput?: (output: GameOutput) => void;\n}\n"]}

package/dist/types/gameRuntime.d.ts

@@ -0,0 +1,12 @@
+import type { GameEvent, GameOutput, GameSession } from '@ankhorage/game';
+export interface GameRuntimeContextValue {
+    readonly session: GameSession;
+    readonly dispatch: (event: GameEvent) => void;
+}
+export interface GameRuntimeState {
+    readonly key: string;
+    readonly session: GameSession;
+    readonly outputs: readonly GameOutput[];
+    readonly revision: number;
+}
+//# sourceMappingURL=gameRuntime.d.ts.map

package/dist/types/gameRuntime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gameRuntime.d.ts","sourceRoot":"","sources":["../../src/types/gameRuntime.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE1E,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAC9B,QAAQ,CAAC,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;IACxC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B"}

package/dist/types/gameRuntime.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=gameRuntime.js.map

package/dist/types/gameRuntime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gameRuntime.js","sourceRoot":"","sources":["../../src/types/gameRuntime.ts"],"names":[],"mappings":"","sourcesContent":["import type { GameEvent, GameOutput, GameSession } from '@ankhorage/game';\n\nexport interface GameRuntimeContextValue {\n  readonly session: GameSession;\n  readonly dispatch: (event: GameEvent) => void;\n}\n\nexport interface GameRuntimeState {\n  readonly key: string;\n  readonly session: GameSession;\n  readonly outputs: readonly GameOutput[];\n  readonly revision: number;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ankhorage/zora-game",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "type": "module",
   "description": "Generic game presentation primitives for React Native and React Native Web apps built on ZORA.",
   "homepage": "https://github.com/ankhorage/zora-game#readme",
@@ -91,5 +91,8 @@
     "react-native-web": "~0.21.0",
     "typescript": "~6.0.3"
   },
-  "packageManager": "bun@1.4.2"
+  "packageManager": "bun@1.4.2",
+  "dependencies": {
+    "@ankhorage/game": "^0.1.0"
+  }
 }

package/src/ZORA_GAME_COMPONENT_META.ts

@@ -1,10 +1,14 @@
 import { gameEntityMeta } from './features/game-presentation/meta/gameEntityMeta';
 import { gameFieldMeta } from './features/game-presentation/meta/gameFieldMeta';
+import { gameInputZoneMeta } from './features/game-presentation/meta/gameInputZoneMeta';
+import { gameMeta } from './features/game-presentation/meta/gameMeta';
 import { gameOverlayMeta } from './features/game-presentation/meta/gameOverlayMeta';
 
 /*** Register the generic game presentation metadata owned by this package. */
 export const ZORA_GAME_COMPONENT_META = {
+  Game: gameMeta,
   GameEntity: gameEntityMeta,
   GameField: gameFieldMeta,
+  GameInputZone: gameInputZoneMeta,
   GameOverlay: gameOverlayMeta,
 } as const;

package/src/ZORA_GAME_PLUGIN.ts

@@ -1,5 +1,7 @@
+import { Game } from './features/game-presentation/adapters/inbound/Game';
 import { GameEntity } from './features/game-presentation/adapters/inbound/GameEntity';
 import { GameField } from './features/game-presentation/adapters/inbound/GameField';
+import { GameInputZone } from './features/game-presentation/adapters/inbound/GameInputZone';
 import { GameOverlay } from './features/game-presentation/adapters/inbound/GameOverlay';
 import { ZORA_PLUGIN_METADATA } from './ZORA_PLUGIN_METADATA';
 
@@ -7,8 +9,10 @@ import { ZORA_PLUGIN_METADATA } from './ZORA_PLUGIN_METADATA';
 export const ZORA_GAME_PLUGIN = {
   ...ZORA_PLUGIN_METADATA,
   componentRegistry: {
+    Game,
     GameEntity,
     GameField,
+    GameInputZone,
     GameOverlay,
   },
 } as const;

package/src/ZORA_PLUGIN_METADATA.test.ts

@@ -4,13 +4,41 @@ import { describe, expect, test } from 'bun:test';
 import { ZORA_PLUGIN_METADATA } from './ZORA_PLUGIN_METADATA';
 
 describe('ZORA game plugin metadata', () => {
-  test('makes GameField embeddable in ordinary ZORA containers', () => {
+  test('makes Game and GameField embeddable in ordinary ZORA containers', () => {
     const catalog = composeZoraPluginMetadata([ZORA_CORE_PLUGIN_METADATA, ZORA_PLUGIN_METADATA]);
+    const game = readComponentMeta(catalog.componentMeta.Game, 'Game');
+    const gameField = readComponentMeta(catalog.componentMeta.GameField, 'GameField');
+    const screen = readComponentMeta(catalog.componentMeta.Screen, 'Screen');
+    const view = readComponentMeta(catalog.componentMeta.View, 'View');
 
-    expect(catalog.componentMeta.Screen?.allowedChildren).toContain('GameField');
-    expect(catalog.componentMeta.View?.allowedChildren).toContain('GameField');
-    expect(catalog.componentMeta.GameField?.allowedChildren).toContain('GameEntity');
-    expect(catalog.componentMeta.GameField?.allowedChildren).toContain('GameOverlay');
+    expect(screen.allowedChildren).toContain('Game');
+    expect(view.allowedChildren).toContain('Game');
+    expect(screen.allowedChildren).toContain('GameField');
+    expect(view.allowedChildren).toContain('GameField');
+    expect(gameField.allowedChildren).toContain('GameEntity');
+    expect(gameField.allowedChildren).toContain('GameOverlay');
+    expect(game.allowedChildren).toContain('GameEntity');
+    expect(game.allowedChildren).toContain('GameInputZone');
+    expect(game.allowedChildren).toContain('GameOverlay');
+  });
+
+  test('keeps Game input zones scoped to runtime-owning Game parents', () => {
+    const catalog = composeZoraPluginMetadata([ZORA_CORE_PLUGIN_METADATA, ZORA_PLUGIN_METADATA]);
+    const gameInputZone = readComponentMeta(catalog.componentMeta.GameInputZone, 'GameInputZone');
+
+    expect(gameInputZone.props.eventType?.type).toBe('string');
+    expect(gameInputZone.props.continuous?.type).toBe('boolean');
+    expect(catalog.componentMeta.Game?.allowedChildren).toContain('GameInputZone');
+    expect(catalog.componentMeta.GameField?.allowedChildren).not.toContain('GameInputZone');
+  });
+
+  test('describes bindable Game inputs and domain-neutral outputs', () => {
+    const catalog = composeZoraPluginMetadata([ZORA_CORE_PLUGIN_METADATA, ZORA_PLUGIN_METADATA]);
+    const game = readComponentMeta(catalog.componentMeta.Game, 'Game');
+
+    expect(game.bindings?.props?.definition?.value.type).toBe('object');
+    expect(game.bindings?.props?.input?.value.type).toBe('record');
+    expect(game.events?.output?.eventType).toBe('game.output');
   });
 
   test('keeps the generic presentation vocabulary free of product-specific concepts', () => {
@@ -22,3 +50,9 @@ describe('ZORA game plugin metadata', () => {
     expect(serialized).not.toContain('letterprojectile');
   });
 });
+
+/*** Require one composed component metadata entry for focused assertions. */
+function readComponentMeta<TValue>(value: TValue | undefined, name: string): TValue {
+  if (value === undefined) throw new Error(`Missing composed component metadata for ${name}.`);
+  return value;
+}

package/src/ZORA_PLUGIN_METADATA.ts

@@ -7,19 +7,27 @@ export const ZORA_PLUGIN_METADATA = {
   packageName: '@ankhorage/zora-game',
   displayName: 'ZORA Game',
   componentMeta: ZORA_GAME_COMPONENT_META,
-  extensionHosts: ['GameField', 'GameEntity', 'GameOverlay'],
+  extensionHosts: ['Game', 'GameEntity', 'GameField', 'GameInputZone', 'GameOverlay'],
   placements: [
+    {
+      child: 'Game',
+      parents: ['Card', 'Grid', 'Screen', 'ScreenSection', 'View'],
+    },
     {
       child: 'GameField',
       parents: ['Card', 'Grid', 'Screen', 'ScreenSection', 'View'],
     },
     {
       child: 'GameEntity',
-      parents: ['GameField', 'GameOverlay'],
+      parents: ['Game', 'GameField', 'GameOverlay'],
+    },
+    {
+      child: 'GameInputZone',
+      parents: ['Game'],
     },
     {
       child: 'GameOverlay',
-      parents: ['GameField'],
+      parents: ['Game', 'GameField'],
     },
   ],
 } as const satisfies ZoraPluginMetadata;

package/src/features/game-presentation/adapters/inbound/Game.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+
+import type { GameProps } from '../../../../types/gamePresentation';
+import { GameRuntimeContext } from '../../composition/GameRuntimeContext';
+import { useGameRuntime } from '../../composition/useGameRuntime';
+import { GameField } from './GameField';
+
+/*** Bind one serializable game definition to a local transient session and presentation field. */
+export function Game(props: GameProps) {
+  const runtime = useGameRuntime(props);
+
+  return (
+    <GameRuntimeContext.Provider value={runtime}>
+      <GameField
+        {...(props.aspectRatio === undefined ? {} : { aspectRatio: props.aspectRatio })}
+        {...(props.minHeight === undefined ? {} : { minHeight: props.minHeight })}
+        {...(props.clip === undefined ? {} : { clip: props.clip })}
+        {...(props.accessibilityLabel === undefined
+          ? {}
+          : { accessibilityLabel: props.accessibilityLabel })}
+        {...(props.testID === undefined ? {} : { testID: props.testID })}
+      >
+        {props.children}
+      </GameField>
+    </GameRuntimeContext.Provider>
+  );
+}

package/src/features/game-presentation/adapters/inbound/GameEntity.tsx

@@ -2,6 +2,7 @@ import { View } from '@ankhorage/zora';
 import { StyleSheet, type ViewStyle } from 'react-native';
 
 import type { GameEntityProps } from '../../../../types/gamePresentation';
+import { toGamePercentage } from '../../utils/toGamePercentage';
 
 /*** Render one generic positioned game entity without owning gameplay semantics. */
 export function GameEntity({
@@ -60,10 +61,10 @@ function createEntityStyle({
 }: GameEntityStyleInput): ViewStyle {
   return {
     display: hidden ? 'none' : 'flex',
-    left: toPercent(x),
-    opacity: clamp(opacity, 0, 1),
+    left: toGamePercentage(x),
+    opacity: Math.min(1, Math.max(0, opacity)),
     position: 'absolute',
-    top: toPercent(y),
+    top: toGamePercentage(y),
     transform: [{ scale }, { rotate: `${rotation}deg` }],
     zIndex,
     ...(height === undefined ? {} : { height }),
@@ -71,16 +72,6 @@ function createEntityStyle({
   };
 }
 
-/*** Convert a bounded percentage number to React Native percentage syntax. */
-function toPercent(value: number): `${number}%` {
-  return `${clamp(value, 0, 100)}%`;
-}
-
-/*** Clamp one numeric presentation value to an inclusive range. */
-function clamp(value: number, minimum: number, maximum: number): number {
-  return Math.min(maximum, Math.max(minimum, value));
-}
-
 const styles = StyleSheet.create({
   root: {
     position: 'absolute',

package/src/features/game-presentation/adapters/inbound/GameInputZone.tsx

@@ -0,0 +1,70 @@
+import { StyleSheet, View, type ViewStyle } from 'react-native';
+
+import type { GameInputZoneProps } from '../../../../types/gamePresentation';
+import { toGamePercentage } from '../../utils/toGamePercentage';
+import { useGameInputZoneResponder } from './useGameInputZoneResponder';
+
+/*** Capture pointer/touch geometry and dispatch only normalized generic Game events. */
+export function GameInputZone({
+  x = 0,
+  y = 0,
+  width = 100,
+  height = 100,
+  zIndex = 0,
+  enabled = true,
+  continuous = true,
+  accessibilityLabel,
+  testID,
+  ...inputProps
+}: GameInputZoneProps) {
+  const { dispatchPointer, handleLayout, shouldSetResponder } = useGameInputZoneResponder({
+    ...inputProps,
+    x,
+    y,
+    width,
+    height,
+    enabled,
+    continuous,
+  });
+
+  return (
+    <View
+      {...(accessibilityLabel === undefined ? {} : { accessibilityLabel })}
+      {...(testID === undefined ? {} : { testID })}
+      {...(continuous
+        ? { onResponderGrant: dispatchPointer, onResponderMove: dispatchPointer }
+        : { onResponderRelease: dispatchPointer })}
+      collapsable={false}
+      onLayout={handleLayout}
+      onStartShouldSetResponder={shouldSetResponder}
+      pointerEvents={enabled ? 'auto' : 'none'}
+      style={createInputZoneStyle({ x, y, width, height, zIndex })}
+    />
+  );
+}
+
+interface InputZoneStyleInput {
+  readonly x: number;
+  readonly y: number;
+  readonly width: number;
+  readonly height: number;
+  readonly zIndex: number;
+}
+
+/*** Convert field-relative input-zone props into one absolute React Native style. */
+function createInputZoneStyle({ x, y, width, height, zIndex }: InputZoneStyleInput): ViewStyle {
+  return {
+    left: toGamePercentage(x),
+    top: toGamePercentage(y),
+    width: toGamePercentage(width),
+    height: toGamePercentage(height),
+    zIndex,
+    ...styles.root,
+  };
+}
+
+const styles = StyleSheet.create({
+  root: {
+    position: 'absolute',
+  },
+});

package/src/features/game-presentation/adapters/inbound/createGamePointerEvent.test.ts

@@ -0,0 +1,56 @@
+import { describe, expect, test } from 'bun:test';
+
+import { createGamePointerEvent } from './createGamePointerEvent';
+
+describe('createGamePointerEvent', () => {
+  test('maps zone-local pointer coordinates into field percentages', () => {
+    expect(
+      createGamePointerEvent({
+        eventType: 'player.move',
+        entityId: 'player',
+        localX: 100,
+        localY: 25,
+        measuredWidth: 200,
+        measuredHeight: 100,
+        zoneX: 10,
+        zoneY: 60,
+        zoneWidth: 80,
+        zoneHeight: 30,
+      }),
+    ).toEqual({
+      type: 'player.move',
+      entityId: 'player',
+      payload: { x: 50, y: 67.5 },
+    });
+  });
+
+  test('clamps out-of-bounds native coordinates and rejects unmeasured zones', () => {
+    expect(
+      createGamePointerEvent({
+        eventType: 'pointer.move',
+        localX: 500,
+        localY: -20,
+        measuredWidth: 100,
+        measuredHeight: 100,
+        zoneX: 20,
+        zoneY: 20,
+        zoneWidth: 50,
+        zoneHeight: 50,
+      }),
+    ).toEqual({ type: 'pointer.move', payload: { x: 70, y: 20 } });
+
+    expect(
+      createGamePointerEvent({
+        eventType: 'pointer.move',
+        localX: 0,
+        localY: 0,
+        measuredWidth: 0,
+        measuredHeight: 100,
+        zoneX: 0,
+        zoneY: 0,
+        zoneWidth: 100,
+        zoneHeight: 100,
+      }),
+    ).toBeUndefined();
+  });
+});

package/src/features/game-presentation/adapters/inbound/createGamePointerEvent.ts

@@ -0,0 +1,39 @@
+import type { GameEvent } from '@ankhorage/game';
+
+import { clampGamePercentage } from '../../utils/clampGamePercentage';
+
+interface GamePointerEventInput {
+  readonly eventType: string;
+  readonly entityId?: string;
+  readonly localX: number;
+  readonly localY: number;
+  readonly measuredWidth: number;
+  readonly measuredHeight: number;
+  readonly zoneX: number;
+  readonly zoneY: number;
+  readonly zoneWidth: number;
+  readonly zoneHeight: number;
+}
+
+/*** Normalize one measured pointer/touch position into a field-relative generic Game event. */
+export function createGamePointerEvent(input: GamePointerEventInput): GameEvent | undefined {
+  if (
+    !Number.isFinite(input.measuredWidth) ||
+    !Number.isFinite(input.measuredHeight) ||
+    input.measuredWidth <= 0 ||
+    input.measuredHeight <= 0
+  ) {
+    return undefined;
+  }
+
+  const localX = clampGamePercentage((input.localX / input.measuredWidth) * 100);
+  const localY = clampGamePercentage((input.localY / input.measuredHeight) * 100);
+  const x = clampGamePercentage(input.zoneX + (localX * input.zoneWidth) / 100);
+  const y = clampGamePercentage(input.zoneY + (localY * input.zoneHeight) / 100);
+
+  return {
+    type: input.eventType,
+    ...(input.entityId === undefined ? {} : { entityId: input.entityId }),
+    payload: { x, y },
+  };
+}

package/src/features/game-presentation/adapters/inbound/useGameInputZoneResponder.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import type { GestureResponderEvent, LayoutChangeEvent } from 'react-native';
+
+import type { GameInputZoneProps } from '../../../../types/gamePresentation';
+import { GameRuntimeContext } from '../../composition/GameRuntimeContext';
+import { createGamePointerEvent } from './createGamePointerEvent';
+
+interface MeasuredSize {
+  readonly width: number;
+  readonly height: number;
+}
+
+/*** Own React Native responder measurement and event dispatch for one Game input zone. */
+export function useGameInputZoneResponder(props: GameInputZoneProps) {
+  const runtime = React.useContext(GameRuntimeContext);
+  if (runtime === null) throw new Error('GameInputZone must be rendered inside Game.');
+
+  const measuredSizeRef = React.useRef<MeasuredSize>({ width: 0, height: 0 });
+  const handleLayout = React.useCallback((event: LayoutChangeEvent) => {
+    const { width, height } = event.nativeEvent.layout;
+    measuredSizeRef.current = { width, height };
+  }, []);
+
+  const dispatchPointer = React.useCallback(
+    (event: GestureResponderEvent) => {
+      const measured = measuredSizeRef.current;
+      const gameEvent = createGamePointerEvent({
+        eventType: props.eventType,
+        ...(props.entityId === undefined ? {} : { entityId: props.entityId }),
+        localX: event.nativeEvent.locationX,
+        localY: event.nativeEvent.locationY,
+        measuredWidth: measured.width,
+        measuredHeight: measured.height,
+        zoneX: props.x ?? 0,
+        zoneY: props.y ?? 0,
+        zoneWidth: props.width ?? 100,
+        zoneHeight: props.height ?? 100,
+      });
+      if (gameEvent !== undefined) runtime.dispatch(gameEvent);
+    },
+    [props.entityId, props.eventType, props.height, props.width, props.x, props.y, runtime],
+  );
+
+  return {
+    dispatchPointer,
+    handleLayout,
+    shouldSetResponder: () => props.enabled ?? true,
+  };
+}

package/src/features/game-presentation/composition/GameRuntimeContext.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+
+import type { GameRuntimeContextValue } from '../../../types/gameRuntime';
+
+/*** Provide the local transient game session and event dispatcher to presentation adapters. */
+export const GameRuntimeContext = React.createContext<GameRuntimeContextValue | null>(null);