@flighthq/image 0.5.0-next.1944.cd6b6e7 → 0.5.1-edge.638.d4dbd4e
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/imageBackend.d.ts +3 -1
- package/dist/imageBackend.d.ts.map +1 -1
- package/dist/imageBackend.js +51 -1
- package/dist/imageBackend.js.map +1 -1
- package/dist/imageResourceFrom.d.ts +1 -1
- package/dist/imageResourceFrom.d.ts.map +1 -1
- package/dist/imageResourceFrom.js +6 -29
- package/dist/imageResourceFrom.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +4 -4
- package/src/imageBackend.test.ts +74 -0
- package/src/imageResourceFrom.test.ts +43 -2
package/README.md
CHANGED
|
@@ -13,5 +13,5 @@ Import the supported application-facing API from `@flighthq/image`. The `@flight
|
|
|
13
13
|
This package is part of the locked-version Flight SDK graph. Applications may instead install and import `@flighthq/sdk` when package-level tree shaking is sufficient.
|
|
14
14
|
|
|
15
15
|
- [Flight project](https://github.com/flighthq/flight)
|
|
16
|
-
- [Source for @flighthq/image@0.5.
|
|
17
|
-
- [License](https://github.com/flighthq/flight/blob/
|
|
16
|
+
- [Source for @flighthq/image@0.5.1-edge.638.d4dbd4e](https://github.com/flighthq/flight/tree/d4dbd4e347dc8be10b180c85a766ab50333dcb51/packages/image)
|
|
17
|
+
- [License](https://github.com/flighthq/flight/blob/d4dbd4e347dc8be10b180c85a766ab50333dcb51/LICENSE.md)
|
package/dist/imageBackend.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import type { BackendExplanation, ImageBackend } from '@flighthq/types/contract';
|
|
1
|
+
import type { BackendExplanation, BackendOperationExplanation, ImageBackend, ImageBackendOperation } from '@flighthq/types/contract';
|
|
2
2
|
export declare function createWebImageBackend(): ImageBackend;
|
|
3
3
|
export declare function explainImageBackend(): BackendExplanation;
|
|
4
|
+
export declare function explainImageOperation(operation: ImageBackendOperation): BackendOperationExplanation;
|
|
4
5
|
export declare function getImageBackend(): ImageBackend;
|
|
6
|
+
export declare function hasImageOperation(operation: ImageBackendOperation): boolean;
|
|
5
7
|
export declare function installImageHostBackend(backend: ImageBackend): void;
|
|
6
8
|
export declare function observeImageHostResult(operation: string, succeeded: boolean): void;
|
|
7
9
|
export declare function resetImageBackendForTest(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"imageBackend.d.ts","sourceRoot":"","sources":["../src/imageBackend.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"imageBackend.d.ts","sourceRoot":"","sources":["../src/imageBackend.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,2BAA2B,EAE3B,YAAY,EACZ,qBAAqB,EACtB,MAAM,0BAA0B,CAAC;AAIlC,wBAAgB,qBAAqB,IAAI,YAAY,CAqCpD;AAsBD,wBAAgB,mBAAmB,IAAI,kBAAkB,CAaxD;AAID,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,qBAAqB,GAAG,2BAA2B,CAgBnG;AAED,wBAAgB,eAAe,IAAI,YAAY,CAE9C;AAED,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,qBAAqB,GAAG,OAAO,CAE3E;AAED,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CAMnE;AAED,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI,CAKlF;AAED,wBAAgB,wBAAwB,IAAI,IAAI,CAK/C;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,GAAG,IAAI,CAElE"}
|
package/dist/imageBackend.js
CHANGED
|
@@ -1,6 +1,15 @@
|
|
|
1
|
-
import { createImageResourceFromImageElement } from './imageResourceFrom';
|
|
1
|
+
import { createImageResourceFromCanvas, createImageResourceFromImageElement } from './imageResourceFrom';
|
|
2
2
|
export function createWebImageBackend() {
|
|
3
3
|
return {
|
|
4
|
+
createImageFromBitmap(bitmap) {
|
|
5
|
+
const canvas = document.createElement('canvas');
|
|
6
|
+
canvas.width = bitmap.width;
|
|
7
|
+
canvas.height = bitmap.height;
|
|
8
|
+
const domImageData = new globalThis.ImageData(bitmap.width, bitmap.height);
|
|
9
|
+
domImageData.data.set(bitmap.alphaType === 'premultiplied' ? unpremultiplyRgba8(bitmap.data) : bitmap.data);
|
|
10
|
+
canvas.getContext('2d').putImageData(domImageData, 0, 0);
|
|
11
|
+
return createImageResourceFromCanvas(canvas);
|
|
12
|
+
},
|
|
4
13
|
async loadImageFromUrl(url, crossOrigin, signal) {
|
|
5
14
|
signal?.throwIfAborted();
|
|
6
15
|
const img = new Image();
|
|
@@ -31,6 +40,25 @@ export function createWebImageBackend() {
|
|
|
31
40
|
},
|
|
32
41
|
};
|
|
33
42
|
}
|
|
43
|
+
// ImageData is straight-alpha by contract. Preserve a Bitmap's declared representation at its own
|
|
44
|
+
// seam, then normalize only the scratch browser copy used to materialize a CanvasImageSource.
|
|
45
|
+
function unpremultiplyRgba8(source) {
|
|
46
|
+
const data = new Uint8ClampedArray(source);
|
|
47
|
+
for (let i = 0; i < data.length; i += 4) {
|
|
48
|
+
const alpha = data[i + 3];
|
|
49
|
+
if (alpha === 0) {
|
|
50
|
+
data[i] = 0;
|
|
51
|
+
data[i + 1] = 0;
|
|
52
|
+
data[i + 2] = 0;
|
|
53
|
+
continue;
|
|
54
|
+
}
|
|
55
|
+
const scale = 255 / alpha;
|
|
56
|
+
data[i] = Math.min(255, Math.round(data[i] * scale));
|
|
57
|
+
data[i + 1] = Math.min(255, Math.round(data[i + 1] * scale));
|
|
58
|
+
data[i + 2] = Math.min(255, Math.round(data[i + 2] * scale));
|
|
59
|
+
}
|
|
60
|
+
return data;
|
|
61
|
+
}
|
|
34
62
|
export function explainImageBackend() {
|
|
35
63
|
if (_custom !== null) {
|
|
36
64
|
return { conflict: _hostConflict, layer: 'custom', operation: null, viability: 'unobserved' };
|
|
@@ -45,9 +73,31 @@ export function explainImageBackend() {
|
|
|
45
73
|
}
|
|
46
74
|
return { conflict: false, layer: 'host-not-enabled', operation: null, viability: 'unobserved' };
|
|
47
75
|
}
|
|
76
|
+
// Reports support for exactly one Image operation on the selected backend. A custom backend masks the
|
|
77
|
+
// host as a whole, so an omitted optional method does not fall through to a host implementation.
|
|
78
|
+
export function explainImageOperation(operation) {
|
|
79
|
+
if (_custom !== null) {
|
|
80
|
+
return typeof _custom[operation] === 'function'
|
|
81
|
+
? { implemented: true, layer: 'custom', operation }
|
|
82
|
+
: { implemented: false, layer: 'none', operation };
|
|
83
|
+
}
|
|
84
|
+
if (_host !== null) {
|
|
85
|
+
return typeof _host[operation] === 'function'
|
|
86
|
+
? { implemented: true, layer: 'host', operation }
|
|
87
|
+
: { implemented: false, layer: 'none', operation };
|
|
88
|
+
}
|
|
89
|
+
return {
|
|
90
|
+
implemented: false,
|
|
91
|
+
layer: typeof _sentinel[operation] === 'function' ? 'sentinel' : 'none',
|
|
92
|
+
operation,
|
|
93
|
+
};
|
|
94
|
+
}
|
|
48
95
|
export function getImageBackend() {
|
|
49
96
|
return _custom ?? _host ?? _sentinel;
|
|
50
97
|
}
|
|
98
|
+
export function hasImageOperation(operation) {
|
|
99
|
+
return explainImageOperation(operation).implemented;
|
|
100
|
+
}
|
|
51
101
|
export function installImageHostBackend(backend) {
|
|
52
102
|
if (_host !== null) {
|
|
53
103
|
if (_host !== backend)
|
package/dist/imageBackend.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"imageBackend.js","sourceRoot":"","sources":["../src/imageBackend.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"imageBackend.js","sourceRoot":"","sources":["../src/imageBackend.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { Bitmap, Image } from '@flighthq/types/contract';
|
|
2
|
-
export declare function createImageResourceFromBitmap(bitmap: Readonly<Bitmap>): Image;
|
|
2
|
+
export declare function createImageResourceFromBitmap(bitmap: Readonly<Bitmap>): Image | null;
|
|
3
3
|
export declare function createImageResourceFromCanvas(canvas: HTMLCanvasElement): Image;
|
|
4
4
|
export declare function createImageResourceFromImageBitmap(bitmap: ImageBitmap): Image;
|
|
5
5
|
export declare function createImageResourceFromImageElement(img: HTMLImageElement): Image;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"imageResourceFrom.d.ts","sourceRoot":"","sources":["../src/imageResourceFrom.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"imageResourceFrom.d.ts","sourceRoot":"","sources":["../src/imageResourceFrom.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAQ9D,wBAAgB,6BAA6B,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,KAAK,GAAG,IAAI,CAIpF;AAED,wBAAgB,6BAA6B,CAAC,MAAM,EAAE,iBAAiB,GAAG,KAAK,CAU9E;AAED,wBAAgB,kCAAkC,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK,CAU7E;AAED,wBAAgB,mCAAmC,CAAC,GAAG,EAAE,gBAAgB,GAAG,KAAK,CAUhF;AAED,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAOzD;AAED,wBAAsB,2BAA2B,CAC/C,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,WAAW,GACnB,OAAO,CAAC,KAAK,CAAC,CAEhB;AAED,wBAAsB,yBAAyB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,CAOhG;AAED,wBAAsB,0BAA0B,CAC9C,KAAK,EAAE,UAAU,EACjB,QAAQ,CAAC,EAAE,MAAM,EACjB,MAAM,CAAC,EAAE,WAAW,GACnB,OAAO,CAAC,KAAK,CAAC,CAOhB;AAED,wBAAsB,wBAAwB,CAC5C,GAAG,EAAE,MAAM,EACX,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,EAC7C,MAAM,CAAC,EAAE,WAAW,GACnB,OAAO,CAAC,KAAK,CAAC,CAEhB"}
|
|
@@ -2,37 +2,14 @@ import { createEntity } from '@flighthq/entity/contract';
|
|
|
2
2
|
import { detectImageMimeType } from '@flighthq/image-codec/contract';
|
|
3
3
|
import { ImageTextureSourceKind } from '@flighthq/types/contract';
|
|
4
4
|
import { getImageBackend } from './imageBackend';
|
|
5
|
-
// Transcodes a Bitmap's raw pixels into
|
|
6
|
-
//
|
|
5
|
+
// Transcodes a Bitmap's raw pixels into the selected host's drawable Image representation. The
|
|
6
|
+
// inverse of captureBitmapFromImageResource. Lives here rather than in @flighthq/bitmap because a
|
|
7
7
|
// conversion belongs with the type it PRODUCES: you look for it under what you want to end up with.
|
|
8
|
-
// Allocates a fresh canvas on every call; callers that draw repeatedly should hold the result.
|
|
9
8
|
export function createImageResourceFromBitmap(bitmap) {
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
domImageData.data.set(bitmap.alphaType === 'premultiplied' ? unpremultiplyRgba8(bitmap.data) : bitmap.data);
|
|
15
|
-
canvas.getContext('2d').putImageData(domImageData, 0, 0);
|
|
16
|
-
return createImageResourceFromCanvas(canvas);
|
|
17
|
-
}
|
|
18
|
-
// ImageData is straight-alpha by contract. Preserve a Bitmap's declared representation at its own seam,
|
|
19
|
-
// then normalize only the scratch browser copy used to materialize a CanvasImageSource for Canvas/DOM.
|
|
20
|
-
function unpremultiplyRgba8(source) {
|
|
21
|
-
const data = new Uint8ClampedArray(source);
|
|
22
|
-
for (let i = 0; i < data.length; i += 4) {
|
|
23
|
-
const alpha = data[i + 3];
|
|
24
|
-
if (alpha === 0) {
|
|
25
|
-
data[i] = 0;
|
|
26
|
-
data[i + 1] = 0;
|
|
27
|
-
data[i + 2] = 0;
|
|
28
|
-
continue;
|
|
29
|
-
}
|
|
30
|
-
const scale = 255 / alpha;
|
|
31
|
-
data[i] = Math.min(255, Math.round(data[i] * scale));
|
|
32
|
-
data[i + 1] = Math.min(255, Math.round(data[i + 1] * scale));
|
|
33
|
-
data[i + 2] = Math.min(255, Math.round(data[i + 2] * scale));
|
|
34
|
-
}
|
|
35
|
-
return data;
|
|
9
|
+
const backend = getImageBackend();
|
|
10
|
+
if (backend.createImageFromBitmap === undefined)
|
|
11
|
+
return null;
|
|
12
|
+
return backend.createImageFromBitmap(bitmap);
|
|
36
13
|
}
|
|
37
14
|
export function createImageResourceFromCanvas(canvas) {
|
|
38
15
|
return createEntity({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"imageResourceFrom.js","sourceRoot":"","sources":["../src/imageResourceFrom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD
|
|
1
|
+
{"version":3,"file":"imageResourceFrom.js","sourceRoot":"","sources":["../src/imageResourceFrom.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { explainImageBackend, cloneImageResource, createCompressedImage, createEmbeddedImageResourceReference, createExternalImageResourceReference, createImageResource, createImageResourceFailure, createImageResourceFromBitmap, createImageResourceFromCanvas, createImageResourceFromImageBitmap, createImageResourceFromImageElement, disableImageBitmapComposition, enableImageBitmapComposition, explainImageResourceReferenceResolution, isImageResourceEmpty, isImageUrlSameOrigin, loadImageResourceFromBase64, loadImageResourceFromBlob, loadImageResourceFromBytes, loadImageResourceFromUrl, resetFailedImageResourceReference, resolveImageResourceReference, } from './contract';
|
|
1
|
+
export { explainImageBackend, explainImageOperation, cloneImageResource, createCompressedImage, createEmbeddedImageResourceReference, createExternalImageResourceReference, createImageResource, createImageResourceFailure, createImageResourceFromBitmap, createImageResourceFromCanvas, createImageResourceFromImageBitmap, createImageResourceFromImageElement, disableImageBitmapComposition, enableImageBitmapComposition, explainImageResourceReferenceResolution, hasImageOperation, isImageResourceEmpty, isImageUrlSameOrigin, loadImageResourceFromBase64, loadImageResourceFromBlob, loadImageResourceFromBytes, loadImageResourceFromUrl, resetFailedImageResourceReference, resolveImageResourceReference, } from './contract';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,oCAAoC,EACpC,oCAAoC,EACpC,mBAAmB,EACnB,0BAA0B,EAC1B,6BAA6B,EAC7B,6BAA6B,EAC7B,kCAAkC,EAClC,mCAAmC,EACnC,6BAA6B,EAC7B,4BAA4B,EAC5B,uCAAuC,EACvC,oBAAoB,EACpB,oBAAoB,EACpB,2BAA2B,EAC3B,yBAAyB,EACzB,0BAA0B,EAC1B,wBAAwB,EACxB,iCAAiC,EACjC,6BAA6B,GAC9B,MAAM,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EAClB,qBAAqB,EACrB,oCAAoC,EACpC,oCAAoC,EACpC,mBAAmB,EACnB,0BAA0B,EAC1B,6BAA6B,EAC7B,6BAA6B,EAC7B,kCAAkC,EAClC,mCAAmC,EACnC,6BAA6B,EAC7B,4BAA4B,EAC5B,uCAAuC,EACvC,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,2BAA2B,EAC3B,yBAAyB,EACzB,0BAA0B,EAC1B,wBAAwB,EACxB,iCAAiC,EACjC,6BAA6B,GAC9B,MAAM,YAAY,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { explainImageBackend, cloneImageResource, createCompressedImage, createEmbeddedImageResourceReference, createExternalImageResourceReference, createImageResource, createImageResourceFailure, createImageResourceFromBitmap, createImageResourceFromCanvas, createImageResourceFromImageBitmap, createImageResourceFromImageElement, disableImageBitmapComposition, enableImageBitmapComposition, explainImageResourceReferenceResolution, isImageResourceEmpty, isImageUrlSameOrigin, loadImageResourceFromBase64, loadImageResourceFromBlob, loadImageResourceFromBytes, loadImageResourceFromUrl, resetFailedImageResourceReference, resolveImageResourceReference, } from './contract';
|
|
1
|
+
export { explainImageBackend, explainImageOperation, cloneImageResource, createCompressedImage, createEmbeddedImageResourceReference, createExternalImageResourceReference, createImageResource, createImageResourceFailure, createImageResourceFromBitmap, createImageResourceFromCanvas, createImageResourceFromImageBitmap, createImageResourceFromImageElement, disableImageBitmapComposition, enableImageBitmapComposition, explainImageResourceReferenceResolution, hasImageOperation, isImageResourceEmpty, isImageUrlSameOrigin, loadImageResourceFromBase64, loadImageResourceFromBlob, loadImageResourceFromBytes, loadImageResourceFromUrl, resetFailedImageResourceReference, resolveImageResourceReference, } from './contract';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,oCAAoC,EACpC,oCAAoC,EACpC,mBAAmB,EACnB,0BAA0B,EAC1B,6BAA6B,EAC7B,6BAA6B,EAC7B,kCAAkC,EAClC,mCAAmC,EACnC,6BAA6B,EAC7B,4BAA4B,EAC5B,uCAAuC,EACvC,oBAAoB,EACpB,oBAAoB,EACpB,2BAA2B,EAC3B,yBAAyB,EACzB,0BAA0B,EAC1B,wBAAwB,EACxB,iCAAiC,EACjC,6BAA6B,GAC9B,MAAM,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EAClB,qBAAqB,EACrB,oCAAoC,EACpC,oCAAoC,EACpC,mBAAmB,EACnB,0BAA0B,EAC1B,6BAA6B,EAC7B,6BAA6B,EAC7B,kCAAkC,EAClC,mCAAmC,EACnC,6BAA6B,EAC7B,4BAA4B,EAC5B,uCAAuC,EACvC,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,2BAA2B,EAC3B,yBAAyB,EACzB,0BAA0B,EAC1B,wBAAwB,EACxB,iCAAiC,EACjC,6BAA6B,GAC9B,MAAM,YAAY,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flighthq/image",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.1-edge.638.d4dbd4e",
|
|
4
4
|
"author": "Joshua Granick and other contributors",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -38,9 +38,9 @@
|
|
|
38
38
|
"clean:dist": "tsx ../../scripts/clean-package-dist.ts"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
|
-
"@flighthq/entity": "0.5.
|
|
42
|
-
"@flighthq/image-codec": "0.5.
|
|
43
|
-
"@flighthq/types": "0.5.
|
|
41
|
+
"@flighthq/entity": "0.5.1-edge.638.d4dbd4e",
|
|
42
|
+
"@flighthq/image-codec": "0.5.1-edge.638.d4dbd4e",
|
|
43
|
+
"@flighthq/types": "0.5.1-edge.638.d4dbd4e"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"typescript": "^5.3.0"
|
package/src/imageBackend.test.ts
CHANGED
|
@@ -3,7 +3,9 @@ import { afterEach, describe, expect, it } from 'vitest';
|
|
|
3
3
|
|
|
4
4
|
import {
|
|
5
5
|
createWebImageBackend,
|
|
6
|
+
explainImageOperation,
|
|
6
7
|
getImageBackend,
|
|
8
|
+
hasImageOperation,
|
|
7
9
|
setImageBackend,
|
|
8
10
|
explainImageBackend,
|
|
9
11
|
installImageHostBackend,
|
|
@@ -32,6 +34,7 @@ describe('createWebImageBackend', () => {
|
|
|
32
34
|
it('builds a backend without touching the DOM until it is called', () => {
|
|
33
35
|
// Constructing must not decode anything; the DOM work belongs inside `loadImageFromUrl`.
|
|
34
36
|
const backend = createWebImageBackend();
|
|
37
|
+
expect(typeof backend.createImageFromBitmap).toBe('function');
|
|
35
38
|
expect(typeof backend.loadImageFromUrl).toBe('function');
|
|
36
39
|
});
|
|
37
40
|
|
|
@@ -68,6 +71,56 @@ describe('explainImageBackend', () => {
|
|
|
68
71
|
});
|
|
69
72
|
});
|
|
70
73
|
|
|
74
|
+
describe('explainImageOperation', () => {
|
|
75
|
+
afterEach(() => resetImageBackendForTest());
|
|
76
|
+
|
|
77
|
+
it('reports host support and respects a partial custom backend masking it', () => {
|
|
78
|
+
installImageHostBackend(createWebImageBackend());
|
|
79
|
+
expect(explainImageOperation('createImageFromBitmap')).toEqual({
|
|
80
|
+
implemented: true,
|
|
81
|
+
layer: 'host',
|
|
82
|
+
operation: 'createImageFromBitmap',
|
|
83
|
+
});
|
|
84
|
+
|
|
85
|
+
setImageBackend({ loadImageFromUrl: vi.fn() });
|
|
86
|
+
expect(explainImageOperation('createImageFromBitmap')).toEqual({
|
|
87
|
+
implemented: false,
|
|
88
|
+
layer: 'none',
|
|
89
|
+
operation: 'createImageFromBitmap',
|
|
90
|
+
});
|
|
91
|
+
});
|
|
92
|
+
|
|
93
|
+
it('reports the unsupported Bitmap operation without claiming URL loading is absent', () => {
|
|
94
|
+
const backend: ImageBackend = { loadImageFromUrl: vi.fn() };
|
|
95
|
+
setImageBackend(backend);
|
|
96
|
+
|
|
97
|
+
expect(explainImageOperation('createImageFromBitmap')).toEqual({
|
|
98
|
+
implemented: false,
|
|
99
|
+
layer: 'none',
|
|
100
|
+
operation: 'createImageFromBitmap',
|
|
101
|
+
});
|
|
102
|
+
expect(explainImageOperation('loadImageFromUrl')).toEqual({
|
|
103
|
+
implemented: true,
|
|
104
|
+
layer: 'custom',
|
|
105
|
+
operation: 'loadImageFromUrl',
|
|
106
|
+
});
|
|
107
|
+
});
|
|
108
|
+
|
|
109
|
+
it('reports no installed implementation without counting sentinel behavior as support', () => {
|
|
110
|
+
resetImageBackendForTest();
|
|
111
|
+
expect(explainImageOperation('createImageFromBitmap')).toEqual({
|
|
112
|
+
implemented: false,
|
|
113
|
+
layer: 'none',
|
|
114
|
+
operation: 'createImageFromBitmap',
|
|
115
|
+
});
|
|
116
|
+
expect(explainImageOperation('loadImageFromUrl')).toEqual({
|
|
117
|
+
implemented: false,
|
|
118
|
+
layer: 'sentinel',
|
|
119
|
+
operation: 'loadImageFromUrl',
|
|
120
|
+
});
|
|
121
|
+
});
|
|
122
|
+
});
|
|
123
|
+
|
|
71
124
|
describe('getImageBackend', () => {
|
|
72
125
|
it('defaults lazily to a web backend rather than being registered at import', () => {
|
|
73
126
|
expect(typeof getImageBackend().loadImageFromUrl).toBe('function');
|
|
@@ -84,6 +137,27 @@ describe('getImageBackend', () => {
|
|
|
84
137
|
});
|
|
85
138
|
});
|
|
86
139
|
|
|
140
|
+
describe('hasImageOperation', () => {
|
|
141
|
+
afterEach(() => resetImageBackendForTest());
|
|
142
|
+
|
|
143
|
+
it('cannot diverge from the operation explanation across absent and partial backends', () => {
|
|
144
|
+
for (const operation of ['createImageFromBitmap', 'loadImageFromUrl'] as const) {
|
|
145
|
+
expect(hasImageOperation(operation)).toBe(explainImageOperation(operation).implemented);
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
setImageBackend({ loadImageFromUrl: vi.fn() });
|
|
149
|
+
for (const operation of ['createImageFromBitmap', 'loadImageFromUrl'] as const) {
|
|
150
|
+
expect(hasImageOperation(operation)).toBe(explainImageOperation(operation).implemented);
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
setImageBackend(createWebImageBackend());
|
|
154
|
+
for (const operation of ['createImageFromBitmap', 'loadImageFromUrl'] as const) {
|
|
155
|
+
expect(hasImageOperation(operation)).toBe(explainImageOperation(operation).implemented);
|
|
156
|
+
expect(hasImageOperation(operation)).toBe(true);
|
|
157
|
+
}
|
|
158
|
+
});
|
|
159
|
+
});
|
|
160
|
+
|
|
87
161
|
describe('installImageHostBackend', () => {
|
|
88
162
|
afterEach(() => resetImageBackendForTest());
|
|
89
163
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createEntity } from '@flighthq/entity/contract';
|
|
2
|
-
import type { Bitmap } from '@flighthq/types/contract';
|
|
2
|
+
import type { Bitmap, Image, ImageBackend } from '@flighthq/types/contract';
|
|
3
3
|
import { BitmapTextureSourceKind } from '@flighthq/types/contract';
|
|
4
4
|
|
|
5
5
|
import { createWebImageBackend, resetImageBackendForTest, setImageBackend } from './imageBackend';
|
|
@@ -24,11 +24,37 @@ beforeEach(() => {
|
|
|
24
24
|
|
|
25
25
|
afterEach(() => {
|
|
26
26
|
vi.restoreAllMocks();
|
|
27
|
+
vi.unstubAllGlobals();
|
|
27
28
|
resetImageBackendForTest();
|
|
28
29
|
delete (HTMLImageElement.prototype as Partial<HTMLImageElement>).decode;
|
|
29
30
|
});
|
|
30
31
|
|
|
31
32
|
describe('createImageResourceFromBitmap', () => {
|
|
33
|
+
it('routes the selected custom backend when DOM globals are absent', () => {
|
|
34
|
+
const bitmap = createTestBitmap(3, 2);
|
|
35
|
+
const expected = {} as Image;
|
|
36
|
+
const createImageFromBitmap = vi.fn((_bitmap: Readonly<Bitmap>) => expected);
|
|
37
|
+
const backend: ImageBackend = {
|
|
38
|
+
createImageFromBitmap,
|
|
39
|
+
loadImageFromUrl: vi.fn(),
|
|
40
|
+
};
|
|
41
|
+
setImageBackend(backend);
|
|
42
|
+
vi.stubGlobal('document', undefined);
|
|
43
|
+
|
|
44
|
+
expect(createImageResourceFromBitmap(bitmap)).toBe(expected);
|
|
45
|
+
expect(createImageFromBitmap).toHaveBeenCalledWith(bitmap);
|
|
46
|
+
});
|
|
47
|
+
|
|
48
|
+
it('returns null for selected-backend absence without throwing or falling back to DOM', () => {
|
|
49
|
+
const createElement = vi.spyOn(document, 'createElement');
|
|
50
|
+
const backend: ImageBackend = { loadImageFromUrl: vi.fn() };
|
|
51
|
+
setImageBackend(backend);
|
|
52
|
+
|
|
53
|
+
expect(() => createImageResourceFromBitmap(createTestBitmap(1, 1))).not.toThrow();
|
|
54
|
+
expect(createImageResourceFromBitmap(createTestBitmap(1, 1))).toBeNull();
|
|
55
|
+
expect(createElement).not.toHaveBeenCalled();
|
|
56
|
+
});
|
|
57
|
+
|
|
32
58
|
it('returns an Image with matching dimensions', () => {
|
|
33
59
|
// Built with createEntity rather than @flighthq/bitmap's createBitmap: bitmap depends on image,
|
|
34
60
|
// so importing it here would force a circular tsconfig project reference.
|
|
@@ -43,6 +69,8 @@ describe('createImageResourceFromBitmap', () => {
|
|
|
43
69
|
width: 4,
|
|
44
70
|
});
|
|
45
71
|
const resource = createImageResourceFromBitmap(bitmap);
|
|
72
|
+
expect(resource).not.toBeNull();
|
|
73
|
+
if (resource === null) return;
|
|
46
74
|
expect(resource.width).toBe(4);
|
|
47
75
|
expect(resource.height).toBe(4);
|
|
48
76
|
expect(resource.source).not.toBeNull();
|
|
@@ -61,7 +89,7 @@ describe('createImageResourceFromBitmap', () => {
|
|
|
61
89
|
});
|
|
62
90
|
const putImageData = vi.spyOn(CanvasRenderingContext2D.prototype, 'putImageData');
|
|
63
91
|
|
|
64
|
-
createImageResourceFromBitmap(bitmap);
|
|
92
|
+
expect(createImageResourceFromBitmap(bitmap)).not.toBeNull();
|
|
65
93
|
|
|
66
94
|
const imageData = putImageData.mock.calls[0][0];
|
|
67
95
|
expect([...imageData.data]).toEqual([0x80, 0x40, 0x20, 0x80]);
|
|
@@ -69,6 +97,19 @@ describe('createImageResourceFromBitmap', () => {
|
|
|
69
97
|
});
|
|
70
98
|
});
|
|
71
99
|
|
|
100
|
+
function createTestBitmap(width: number, height: number): Bitmap {
|
|
101
|
+
return createEntity({
|
|
102
|
+
alphaType: 'straight',
|
|
103
|
+
gamut: 'srgb',
|
|
104
|
+
data: new Uint8ClampedArray(width * height * 4),
|
|
105
|
+
format: 'rgba8unorm',
|
|
106
|
+
height,
|
|
107
|
+
kind: BitmapTextureSourceKind,
|
|
108
|
+
version: 0,
|
|
109
|
+
width,
|
|
110
|
+
});
|
|
111
|
+
}
|
|
112
|
+
|
|
72
113
|
describe('createImageResourceFromCanvas', () => {
|
|
73
114
|
it('wraps a canvas with correct dimensions', () => {
|
|
74
115
|
const canvas = document.createElement('canvas');
|