@flighthq/image-codec 0.3.1-next.887.9f59a84 → 0.3.1-next.970.9691e7b

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flighthq/image-codec",
-  "version": "0.3.1-next.887.9f59a84",
+  "version": "0.3.1-next.970.9691e7b",
   "author": "Joshua Granick and other contributors",
   "license": "MIT",
   "repository": {
@@ -38,7 +38,7 @@
     "clean:dist": "tsx ../../scripts/clean-package-dist.ts"
   },
   "dependencies": {
-    "@flighthq/types": "0.3.1-next.887.9f59a84"
+    "@flighthq/types": "0.3.1-next.970.9691e7b"
   },
   "devDependencies": {
     "typescript": "^5.3.0"

package/src/registerWebImageDecoders.test.ts

@@ -6,6 +6,12 @@ import { registerWebImageDecoders } from './registerWebImageDecoders';
 // jsdom / node lack createImageBitmap + OffscreenCanvas + Blob; these minimal stand-ins let the
 // canvas decoder run. getImageData always returns straight (non-premultiplied) RGBA, matching the browser.
 const straightPixels = [200, 100, 50, 128];
+let bitmapCloseMock: ReturnType<typeof vi.fn>;
+let createImageBitmapMock: ReturnType<typeof vi.fn>;
+
+class MockBlob {
+  constructor(readonly parts: readonly unknown[]) {}
+}
 
 class MockOffscreenCanvas {
   constructor(
@@ -13,7 +19,8 @@ class MockOffscreenCanvas {
     readonly height: number,
   ) {}
 
-  getContext(): unknown {
+  getContext(contextId: string): unknown {
+    if (contextId !== '2d') return null;
     return {
       drawImage: vi.fn(),
       getImageData: () => ({ data: new Uint8ClampedArray(straightPixels) }),
@@ -22,17 +29,11 @@ class MockOffscreenCanvas {
 }
 
 beforeEach(() => {
-  vi.stubGlobal(
-    'createImageBitmap',
-    vi.fn(async () => ({ width: 1, height: 1, close: vi.fn() })),
-  );
+  bitmapCloseMock = vi.fn();
+  createImageBitmapMock = vi.fn(async () => ({ width: 1, height: 1, close: bitmapCloseMock }));
+  vi.stubGlobal('createImageBitmap', createImageBitmapMock);
   vi.stubGlobal('OffscreenCanvas', MockOffscreenCanvas);
-  vi.stubGlobal(
-    'Blob',
-    class {
-      constructor(readonly parts: readonly unknown[]) {}
-    },
-  );
+  vi.stubGlobal('Blob', MockBlob);
 });
 
 afterEach(() => {
@@ -55,6 +56,18 @@ describe('registerWebImageDecoders', () => {
     expect(result.width).toBe(1);
     expect(result.height).toBe(1);
     expect(Array.from(result.data)).toEqual(straightPixels);
+    expect(bitmapCloseMock).toHaveBeenCalledOnce();
+  });
+
+  it('forwards only the bytes inside the supplied view to createImageBitmap', async () => {
+    registerWebImageDecoders();
+    const decoder = getImageDecoder('image/png');
+    const backing = new Uint8Array([1, 2, 3, 4, 5, 6]);
+
+    await decoder!(backing.subarray(1, 5));
+
+    const blob = createImageBitmapMock.mock.calls[0][0] as MockBlob;
+    expect(Array.from(blob.parts[0] as Uint8Array)).toEqual([2, 3, 4, 5]);
   });
 
   it('premultiplies the straight result when premultiplyAlpha is requested', async () => {

package/src/registerWebImageEncoders.test.ts

@@ -16,7 +16,8 @@ class MockOffscreenCanvas {
     readonly height: number,
   ) {}
 
-  getContext(): unknown {
+  getContext(contextId: string): unknown {
+    if (contextId !== '2d') return null;
     return { putImageData: vi.fn() };
   }
 
@@ -25,22 +26,25 @@ class MockOffscreenCanvas {
   }
 }
 
+class MockImageData {
+  constructor(
+    readonly data: Uint8ClampedArray,
+    readonly width: number,
+    readonly height: number,
+  ) {
+    if (data.length !== width * height * 4) {
+      throw new DOMException('ImageData data length must equal width * height * 4', 'IndexSizeError');
+    }
+  }
+}
+
 function fakeImage(): DecodedImage {
   return { data: new Uint8ClampedArray([10, 20, 30, 255]), width: 1, height: 1 };
 }
 
 beforeEach(() => {
   vi.stubGlobal('OffscreenCanvas', MockOffscreenCanvas);
-  vi.stubGlobal(
-    'ImageData',
-    class {
-      constructor(
-        readonly data: Uint8ClampedArray,
-        readonly width: number,
-        readonly height: number,
-      ) {}
-    },
-  );
+  vi.stubGlobal('ImageData', MockImageData);
 });
 
 afterEach(() => {