@flighthq/spritesheet 0.1.0 → 0.2.0

package/dist/index.d.ts

@@ -4,6 +4,5 @@ export * from './spritesheetData';
 export * from './spritesheetFrame';
 export * from './spritesheetFrom';
 export * from './spritesheetPlayer';
-export * from './spritesheetTimelineSource';
 export * from './spritesheetValidation';
 //# 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,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC"}

package/dist/index.js

@@ -4,6 +4,5 @@ export * from './spritesheetData';
 export * from './spritesheetFrame';
 export * from './spritesheetFrom';
 export * from './spritesheetPlayer';
-export * from './spritesheetTimelineSource';
 export * from './spritesheetValidation';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC"}

package/dist/spritesheetData.d.ts

@@ -1,36 +1,5 @@
-import type { SpritesheetAnimationDirection } from '@flighthq/types';
-export interface SpritesheetAnimationData {
-    direction: SpritesheetAnimationDirection;
-    frameDuration: number;
-    frameDurations: number[] | null;
-    frameNames: string[];
-    loop: boolean;
-    name: string;
-    originX: number;
-    originY: number;
-}
-export interface SpritesheetFrameData {
-    height: number;
-    name: string;
-    offsetX: number;
-    offsetY: number;
-    pivotX: number | null;
-    pivotY: number | null;
-    rotated: boolean;
-    sourceHeight: number;
-    sourceWidth: number;
-    width: number;
-    x: number;
-    y: number;
-}
-export interface SpritesheetData {
-    animations: SpritesheetAnimationData[];
-    frames: SpritesheetFrameData[];
-    imageFile: string;
-    imageHeight: number;
-    imageWidth: number;
-    scale: number;
-}
+import type { SpritesheetAnimationData, SpritesheetData, SpritesheetFrameData } from '@flighthq/types';
+export type { SpritesheetAnimationData, SpritesheetData, SpritesheetFrameData };
 export declare function createSpritesheetAnimationData(obj?: Partial<SpritesheetAnimationData>): SpritesheetAnimationData;
 export declare function createSpritesheetData(obj?: Partial<SpritesheetData>): SpritesheetData;
 export declare function createSpritesheetFrameData(obj?: Partial<SpritesheetFrameData>): SpritesheetFrameData;

package/dist/spritesheetData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spritesheetData.d.ts","sourceRoot":"","sources":["../src/spritesheetData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,iBAAiB,CAAC;AAErE,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,6BAA6B,CAAC;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAChC,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,wBAAwB,EAAE,CAAC;IACvC,MAAM,EAAE,oBAAoB,EAAE,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,8BAA8B,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,GAAG,wBAAwB,CAWhH;AAED,wBAAgB,qBAAqB,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,eAAe,CASrF;AAED,wBAAgB,0BAA0B,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,GAAG,oBAAoB,CAepG"}
+{"version":3,"file":"spritesheetData.d.ts","sourceRoot":"","sources":["../src/spritesheetData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAIvG,YAAY,EAAE,wBAAwB,EAAE,eAAe,EAAE,oBAAoB,EAAE,CAAC;AAEhF,wBAAgB,8BAA8B,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,GAAG,wBAAwB,CAWhH;AAED,wBAAgB,qBAAqB,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,eAAe,CASrF;AAED,wBAAgB,0BAA0B,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,GAAG,oBAAoB,CAepG"}

package/dist/spritesheetData.js.map

@@ -1 +1 @@
-{"version":3,"file":"spritesheetData.js","sourceRoot":"","sources":["../src/spritesheetData.ts"],"names":[],"mappings":"AAqCA,MAAM,UAAU,8BAA8B,CAAC,GAAuC;IACpF,OAAO;QACL,SAAS,EAAE,GAAG,EAAE,SAAS,IAAI,SAAS;QACtC,aAAa,EAAE,GAAG,EAAE,aAAa,IAAI,GAAG;QACxC,cAAc,EAAE,GAAG,EAAE,cAAc,IAAI,IAAI;QAC3C,UAAU,EAAE,GAAG,EAAE,UAAU,IAAI,EAAE;QACjC,IAAI,EAAE,GAAG,EAAE,IAAI,IAAI,IAAI;QACvB,IAAI,EAAE,GAAG,EAAE,IAAI,IAAI,EAAE;QACrB,OAAO,EAAE,GAAG,EAAE,OAAO,IAAI,CAAC;QAC1B,OAAO,EAAE,GAAG,EAAE,OAAO,IAAI,CAAC;KAC3B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,GAA8B;IAClE,OAAO;QACL,UAAU,EAAE,GAAG,EAAE,UAAU,IAAI,EAAE;QACjC,MAAM,EAAE,GAAG,EAAE,MAAM,IAAI,EAAE;QACzB,SAAS,EAAE,GAAG,EAAE,SAAS,IAAI,EAAE;QAC/B,WAAW,EAAE,GAAG,EAAE,WAAW,IAAI,CAAC;QAClC,UAAU,EAAE,GAAG,EAAE,UAAU,IAAI,CAAC;QAChC,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;KACvB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,GAAmC;IAC5E,OAAO;QACL,MAAM,EAAE,GAAG,EAAE,MAAM,IAAI,CAAC;QACxB,IAAI,EAAE,GAAG,EAAE,IAAI,IAAI,EAAE;QACrB,OAAO,EAAE,GAAG,EAAE,OAAO,IAAI,CAAC;QAC1B,OAAO,EAAE,GAAG,EAAE,OAAO,IAAI,CAAC;QAC1B,MAAM,EAAE,GAAG,EAAE,MAAM,IAAI,IAAI;QAC3B,MAAM,EAAE,GAAG,EAAE,MAAM,IAAI,IAAI;QAC3B,OAAO,EAAE,GAAG,EAAE,OAAO,IAAI,KAAK;QAC9B,YAAY,EAAE,GAAG,EAAE,YAAY,IAAI,CAAC;QACpC,WAAW,EAAE,GAAG,EAAE,WAAW,IAAI,CAAC;QAClC,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;QACtB,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC;QACd,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC;KACf,CAAC;AACJ,CAAC"}
+{"version":3,"file":"spritesheetData.js","sourceRoot":"","sources":["../src/spritesheetData.ts"],"names":[],"mappings":"AAMA,MAAM,UAAU,8BAA8B,CAAC,GAAuC;IACpF,OAAO;QACL,SAAS,EAAE,GAAG,EAAE,SAAS,IAAI,SAAS;QACtC,aAAa,EAAE,GAAG,EAAE,aAAa,IAAI,GAAG;QACxC,cAAc,EAAE,GAAG,EAAE,cAAc,IAAI,IAAI;QAC3C,UAAU,EAAE,GAAG,EAAE,UAAU,IAAI,EAAE;QACjC,IAAI,EAAE,GAAG,EAAE,IAAI,IAAI,IAAI;QACvB,IAAI,EAAE,GAAG,EAAE,IAAI,IAAI,EAAE;QACrB,OAAO,EAAE,GAAG,EAAE,OAAO,IAAI,CAAC;QAC1B,OAAO,EAAE,GAAG,EAAE,OAAO,IAAI,CAAC;KAC3B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,GAA8B;IAClE,OAAO;QACL,UAAU,EAAE,GAAG,EAAE,UAAU,IAAI,EAAE;QACjC,MAAM,EAAE,GAAG,EAAE,MAAM,IAAI,EAAE;QACzB,SAAS,EAAE,GAAG,EAAE,SAAS,IAAI,EAAE;QAC/B,WAAW,EAAE,GAAG,EAAE,WAAW,IAAI,CAAC;QAClC,UAAU,EAAE,GAAG,EAAE,UAAU,IAAI,CAAC;QAChC,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;KACvB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,GAAmC;IAC5E,OAAO;QACL,MAAM,EAAE,GAAG,EAAE,MAAM,IAAI,CAAC;QACxB,IAAI,EAAE,GAAG,EAAE,IAAI,IAAI,EAAE;QACrB,OAAO,EAAE,GAAG,EAAE,OAAO,IAAI,CAAC;QAC1B,OAAO,EAAE,GAAG,EAAE,OAAO,IAAI,CAAC;QAC1B,MAAM,EAAE,GAAG,EAAE,MAAM,IAAI,IAAI;QAC3B,MAAM,EAAE,GAAG,EAAE,MAAM,IAAI,IAAI;QAC3B,OAAO,EAAE,GAAG,EAAE,OAAO,IAAI,KAAK;QAC9B,YAAY,EAAE,GAAG,EAAE,YAAY,IAAI,CAAC;QACpC,WAAW,EAAE,GAAG,EAAE,WAAW,IAAI,CAAC;QAClC,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;QACtB,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC;QACd,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC;KACf,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,11 @@
 {
   "name": "@flighthq/spritesheet",
-  "version": "0.1.0",
+  "version": "0.2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/flighthq/flight.git",
+    "directory": "packages/spritesheet"
+  },
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -27,15 +32,11 @@
     "clean:dist": "tsx ../../scripts/clean-package-dist.ts"
   },
   "dependencies": {
-    "@flighthq/displayobject": "0.1.0",
-    "@flighthq/entity": "0.1.0",
-    "@flighthq/geometry": "0.1.0",
-    "@flighthq/image": "0.1.0",
-    "@flighthq/node": "0.1.0",
-    "@flighthq/signals": "0.1.0",
-    "@flighthq/textureatlas": "0.1.0",
-    "@flighthq/tileset": "0.1.0",
-    "@flighthq/types": "0.1.0"
+    "@flighthq/entity": "0.2.0",
+    "@flighthq/signals": "0.2.0",
+    "@flighthq/textureatlas": "0.2.0",
+    "@flighthq/tileset": "0.2.0",
+    "@flighthq/types": "0.2.0"
   },
   "devDependencies": {
     "typescript": "^5.3.0"

package/dist/spritesheetTimelineSource.d.ts

@@ -1,3 +0,0 @@
-import type { Spritesheet, SpritesheetAnimation, TimelineSource } from '@flighthq/types';
-export declare function createSpritesheetTimelineSource(spritesheet: Readonly<Spritesheet>, animation: Readonly<SpritesheetAnimation>): TimelineSource;
-//# sourceMappingURL=spritesheetTimelineSource.d.ts.map

package/dist/spritesheetTimelineSource.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"spritesheetTimelineSource.d.ts","sourceRoot":"","sources":["../src/spritesheetTimelineSource.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAyB,WAAW,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAUhH,wBAAgB,+BAA+B,CAC7C,WAAW,EAAE,QAAQ,CAAC,WAAW,CAAC,EAClC,SAAS,EAAE,QAAQ,CAAC,oBAAoB,CAAC,GACxC,cAAc,CA0BhB"}

package/dist/spritesheetTimelineSource.js

@@ -1,38 +0,0 @@
-import { createBitmap } from '@flighthq/displayobject';
-import { addNodeChild, invalidateNodeLocalTransform } from '@flighthq/node';
-// Exposes a spritesheet animation as a TimelineSource so a MovieClip can play it (the spritesheet side of
-// the timeline frame-source contract — `@flighthq/timeline` consumes `TimelineSource`, this produces one,
-// and neither depends on the other beyond the shared interface in `@flighthq/types`). Each frame swaps
-// the displayed atlas region and offset on a bitmap the source lazily creates as a child of the target
-// the first time it constructs onto that target; tracking the bitmap per target keeps the source
-// shareable across many MovieClips.
-//
-// Bind it with `setMovieClipSource(clip, createSpritesheetTimelineSource(sheet, anim))`, then `playMovieClip`.
-export function createSpritesheetTimelineSource(spritesheet, animation) {
-    const bitmaps = new WeakMap();
-    return {
-        totalFrames: animation.frames.length,
-        labels: [],
-        frameRate: 1000 / animation.frameDuration,
-        constructFrame(target, frame) {
-            const atlas = spritesheet.atlas;
-            if (atlas === null)
-                return;
-            let bitmap = bitmaps.get(target);
-            if (bitmap === undefined) {
-                bitmap = createBitmap();
-                bitmap.data.image = atlas.image;
-                addNodeChild(target, bitmap);
-                bitmaps.set(target, bitmap);
-            }
-            const sheetFrame = spritesheet.frames[animation.frames[frame - 1]];
-            if (sheetFrame === undefined)
-                return;
-            bitmap.data.sourceRectangle = atlas.regions[sheetFrame.id];
-            bitmap.x = sheetFrame.offsetX - animation.originX;
-            bitmap.y = sheetFrame.offsetY - animation.originY;
-            invalidateNodeLocalTransform(bitmap);
-        },
-    };
-}
-//# sourceMappingURL=spritesheetTimelineSource.js.map

package/dist/spritesheetTimelineSource.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spritesheetTimelineSource.js","sourceRoot":"","sources":["../src/spritesheetTimelineSource.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,4BAA4B,EAAE,MAAM,gBAAgB,CAAC;AAG5E,0GAA0G;AAC1G,0GAA0G;AAC1G,uGAAuG;AACvG,uGAAuG;AACvG,iGAAiG;AACjG,oCAAoC;AACpC,EAAE;AACF,+GAA+G;AAC/G,MAAM,UAAU,+BAA+B,CAC7C,WAAkC,EAClC,SAAyC;IAEzC,MAAM,OAAO,GAAG,IAAI,OAAO,EAAyB,CAAC;IACrD,OAAO;QACL,WAAW,EAAE,SAAS,CAAC,MAAM,CAAC,MAAM;QACpC,MAAM,EAAE,EAAE;QACV,SAAS,EAAE,IAAI,GAAG,SAAS,CAAC,aAAa;QACzC,cAAc,CAAC,MAAqB,EAAE,KAAa;YACjD,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;YAChC,IAAI,KAAK,KAAK,IAAI;gBAAE,OAAO;YAE3B,IAAI,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACjC,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;gBACzB,MAAM,GAAG,YAAY,EAAE,CAAC;gBACxB,MAAM,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;gBAChC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;gBAC7B,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YAC9B,CAAC;YAED,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;YACnE,IAAI,UAAU,KAAK,SAAS;gBAAE,OAAO;YACrC,MAAM,CAAC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;YAC3D,MAAM,CAAC,CAAC,GAAG,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC;YAClD,MAAM,CAAC,CAAC,GAAG,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC;YAClD,4BAA4B,CAAC,MAAM,CAAC,CAAC;QACvC,CAAC;KACF,CAAC;AACJ,CAAC"}

package/src/spritesheetTimelineSource.test.ts

@@ -1,60 +0,0 @@
-import { createDisplayContainer, getDisplayObjectRuntime } from '@flighthq/displayobject';
-import { createImageResource } from '@flighthq/image';
-import { addTextureAtlasRegion, createTextureAtlas } from '@flighthq/textureatlas';
-import type { DisplayObject } from '@flighthq/types';
-
-import { createSpritesheet } from './spritesheet';
-import { createSpritesheetAnimation } from './spritesheetAnimation';
-import { createSpritesheetFrame } from './spritesheetFrame';
-import { createSpritesheetTimelineSource } from './spritesheetTimelineSource';
-
-function makeSheet(frameCount: number) {
-  const img = document.createElement('img') as HTMLImageElement;
-  const source = createImageResource(img);
-  source.width = 128;
-  source.height = 32;
-  const atlas = createTextureAtlas({ image: source });
-  const frames = [];
-  for (let i = 0; i < frameCount; i++) {
-    addTextureAtlasRegion(atlas, i * 32, 0, 32, 32);
-    frames.push(createSpritesheetFrame({ id: i }));
-  }
-  const sheet = createSpritesheet({ atlas });
-  sheet.frames = frames;
-  return sheet;
-}
-
-describe('createSpritesheetTimelineSource', () => {
-  it('reports totalFrames from the animation and frameRate from frameDuration', () => {
-    const sheet = makeSheet(3);
-    const anim = createSpritesheetAnimation({ frameDuration: 200, frames: [0, 1, 2] });
-
-    const source = createSpritesheetTimelineSource(sheet, anim);
-
-    expect(source.totalFrames).toBe(3);
-    expect(source.frameRate).toBeCloseTo(1000 / 200);
-  });
-
-  it('lazily creates one bitmap child on the target and shows the frame region', () => {
-    const sheet = makeSheet(2);
-    const anim = createSpritesheetAnimation({ frameDuration: 100, frames: [0, 1] });
-    const source = createSpritesheetTimelineSource(sheet, anim);
-    const target = createDisplayContainer();
-
-    source.constructFrame(target as DisplayObject, 1);
-    source.constructFrame(target as DisplayObject, 2);
-
-    const children = getDisplayObjectRuntime(target).children;
-    expect(children).not.toBeNull();
-    expect(children!.length).toBe(1); // reused across frames, not one-per-frame
-  });
-
-  it('does not throw when the spritesheet has no atlas', () => {
-    const sheet = createSpritesheet({ atlas: null });
-    sheet.frames = [];
-    const anim = createSpritesheetAnimation({ frameDuration: 100, frames: [0] });
-    const source = createSpritesheetTimelineSource(sheet, anim);
-
-    expect(() => source.constructFrame(createDisplayContainer() as DisplayObject, 1)).not.toThrow();
-  });
-});