@loaders.gl/images 3.1.0-alpha.2 → 3.1.0-beta.1
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/dist/bundle.d.ts +2 -0
- package/dist/bundle.d.ts.map +1 -0
- package/dist/bundle.js +4 -6
- package/dist/dist.min.js +2 -2
- package/dist/dist.min.js.map +7 -1
- package/dist/es5/bundle.js +7 -0
- package/dist/es5/bundle.js.map +1 -0
- package/dist/es5/image-loader.js +38 -0
- package/dist/es5/image-loader.js.map +1 -0
- package/dist/es5/image-writer.js +27 -0
- package/dist/es5/image-writer.js.map +1 -0
- package/dist/es5/index.js +86 -0
- package/dist/es5/index.js.map +1 -0
- package/dist/es5/lib/category-api/binary-image-api.js +126 -0
- package/dist/es5/lib/category-api/binary-image-api.js.map +1 -0
- package/dist/es5/lib/category-api/image-format.js +53 -0
- package/dist/es5/lib/category-api/image-format.js.map +1 -0
- package/dist/es5/lib/category-api/image-type.js +53 -0
- package/dist/es5/lib/category-api/image-type.js.map +1 -0
- package/dist/es5/lib/category-api/parsed-image-api.js +79 -0
- package/dist/es5/lib/category-api/parsed-image-api.js.map +1 -0
- package/dist/es5/lib/encoders/encode-image.js +79 -0
- package/dist/es5/lib/encoders/encode-image.js.map +1 -0
- package/dist/es5/lib/parsers/parse-image.js +67 -0
- package/dist/es5/lib/parsers/parse-image.js.map +1 -0
- package/dist/es5/lib/parsers/parse-to-image-bitmap.js +55 -0
- package/dist/es5/lib/parsers/parse-to-image-bitmap.js.map +1 -0
- package/dist/es5/lib/parsers/parse-to-image.js +44 -0
- package/dist/es5/lib/parsers/parse-to-image.js.map +1 -0
- package/dist/es5/lib/parsers/parse-to-node-image.js +20 -0
- package/dist/es5/lib/parsers/parse-to-node-image.js.map +1 -0
- package/dist/es5/lib/parsers/svg-utils.js +43 -0
- package/dist/es5/lib/parsers/svg-utils.js.map +1 -0
- package/dist/es5/lib/texture-api/async-deep-map.js +48 -0
- package/dist/es5/lib/texture-api/async-deep-map.js.map +1 -0
- package/dist/es5/lib/texture-api/deep-load.js +20 -0
- package/dist/es5/lib/texture-api/deep-load.js.map +1 -0
- package/dist/es5/lib/texture-api/generate-url.js +30 -0
- package/dist/es5/lib/texture-api/generate-url.js.map +1 -0
- package/dist/es5/lib/texture-api/load-image.js +69 -0
- package/dist/es5/lib/texture-api/load-image.js.map +1 -0
- package/dist/es5/lib/utils/version.js +9 -0
- package/dist/es5/lib/utils/version.js.map +1 -0
- package/dist/es5/types.js +2 -0
- package/dist/{types.js.map → es5/types.js.map} +0 -0
- package/dist/esm/bundle.js +5 -0
- package/dist/esm/bundle.js.map +1 -0
- package/dist/esm/image-loader.js +24 -0
- package/dist/esm/image-loader.js.map +1 -0
- package/dist/esm/image-writer.js +17 -0
- package/dist/esm/image-writer.js.map +1 -0
- package/dist/esm/index.js +8 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/lib/category-api/binary-image-api.js +118 -0
- package/dist/esm/lib/category-api/binary-image-api.js.map +1 -0
- package/dist/esm/lib/category-api/image-format.js +44 -0
- package/dist/esm/lib/category-api/image-format.js.map +1 -0
- package/dist/esm/lib/category-api/image-type.js +42 -0
- package/dist/esm/lib/category-api/image-type.js.map +1 -0
- package/dist/esm/lib/category-api/parsed-image-api.js +64 -0
- package/dist/esm/lib/category-api/parsed-image-api.js.map +1 -0
- package/dist/esm/lib/encoders/encode-image.js +69 -0
- package/dist/esm/lib/encoders/encode-image.js.map +1 -0
- package/dist/esm/lib/parsers/parse-image.js +52 -0
- package/dist/esm/lib/parsers/parse-image.js.map +1 -0
- package/dist/esm/lib/parsers/parse-to-image-bitmap.js +43 -0
- package/dist/esm/lib/parsers/parse-to-image-bitmap.js.map +1 -0
- package/dist/esm/lib/parsers/parse-to-image.js +34 -0
- package/dist/esm/lib/parsers/parse-to-image.js.map +1 -0
- package/dist/esm/lib/parsers/parse-to-node-image.js +11 -0
- package/dist/esm/lib/parsers/parse-to-node-image.js.map +1 -0
- package/dist/esm/lib/parsers/svg-utils.js +32 -0
- package/dist/esm/lib/parsers/svg-utils.js.map +1 -0
- package/dist/esm/lib/texture-api/async-deep-map.js +39 -0
- package/dist/esm/lib/texture-api/async-deep-map.js.map +1 -0
- package/dist/esm/lib/texture-api/deep-load.js +10 -0
- package/dist/esm/lib/texture-api/deep-load.js.map +1 -0
- package/dist/esm/lib/texture-api/generate-url.js +22 -0
- package/dist/esm/lib/texture-api/generate-url.js.map +1 -0
- package/dist/esm/lib/texture-api/load-image.js +52 -0
- package/dist/esm/lib/texture-api/load-image.js.map +1 -0
- package/dist/esm/lib/utils/version.js +2 -0
- package/dist/esm/lib/utils/version.js.map +1 -0
- package/dist/esm/types.js +2 -0
- package/dist/esm/types.js.map +1 -0
- package/dist/image-loader.d.ts +26 -0
- package/dist/image-loader.d.ts.map +1 -0
- package/dist/image-loader.js +39 -19
- package/dist/image-writer.d.ts +16 -0
- package/dist/image-writer.d.ts.map +1 -0
- package/dist/image-writer.js +19 -16
- package/dist/index.d.ts +10 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +27 -7
- package/dist/lib/category-api/binary-image-api.d.ts +19 -0
- package/dist/lib/category-api/binary-image-api.d.ts.map +1 -0
- package/dist/lib/category-api/binary-image-api.js +125 -102
- package/dist/lib/category-api/image-format.d.ts +5 -0
- package/dist/lib/category-api/image-format.d.ts.map +1 -0
- package/dist/lib/category-api/image-format.js +63 -0
- package/dist/lib/category-api/image-type.d.ts +12 -0
- package/dist/lib/category-api/image-type.d.ts.map +1 -0
- package/dist/lib/category-api/image-type.js +44 -38
- package/dist/lib/category-api/parsed-image-api.d.ts +10 -0
- package/dist/lib/category-api/parsed-image-api.d.ts.map +1 -0
- package/dist/lib/category-api/parsed-image-api.js +62 -57
- package/dist/lib/encoders/encode-image.d.ts +12 -0
- package/dist/lib/encoders/encode-image.d.ts.map +1 -0
- package/dist/lib/encoders/encode-image.js +73 -61
- package/dist/lib/parsers/parse-image.d.ts +5 -0
- package/dist/lib/parsers/parse-image.d.ts.map +1 -0
- package/dist/lib/parsers/parse-image.js +54 -49
- package/dist/lib/parsers/parse-to-image-bitmap.d.ts +10 -0
- package/dist/lib/parsers/parse-to-image-bitmap.d.ts.map +1 -0
- package/dist/lib/parsers/parse-to-image-bitmap.js +53 -35
- package/dist/lib/parsers/parse-to-image.d.ts +4 -0
- package/dist/lib/parsers/parse-to-image.d.ts.map +1 -0
- package/dist/lib/parsers/parse-to-image.js +43 -30
- package/dist/lib/parsers/parse-to-node-image.d.ts +4 -0
- package/dist/lib/parsers/parse-to-node-image.d.ts.map +1 -0
- package/dist/lib/parsers/parse-to-node-image.js +13 -13
- package/dist/lib/parsers/svg-utils.d.ts +4 -0
- package/dist/lib/parsers/svg-utils.d.ts.map +1 -0
- package/dist/lib/parsers/svg-utils.js +36 -26
- package/dist/lib/texture-api/async-deep-map.d.ts +3 -0
- package/dist/lib/texture-api/async-deep-map.d.ts.map +1 -0
- package/dist/lib/texture-api/async-deep-map.js +49 -32
- package/dist/lib/texture-api/deep-load.d.ts +3 -0
- package/dist/lib/texture-api/deep-load.d.ts.map +1 -0
- package/dist/lib/texture-api/deep-load.js +13 -8
- package/dist/lib/texture-api/generate-url.d.ts +2 -0
- package/dist/lib/texture-api/generate-url.d.ts.map +1 -0
- package/dist/lib/texture-api/generate-url.js +19 -22
- package/dist/lib/texture-api/load-image.d.ts +7 -0
- package/dist/lib/texture-api/load-image.d.ts.map +1 -0
- package/dist/lib/texture-api/load-image.js +42 -47
- package/dist/lib/utils/version.d.ts +2 -0
- package/dist/lib/utils/version.d.ts.map +1 -0
- package/dist/lib/utils/version.js +7 -2
- package/dist/types.d.ts +18 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +2 -2
- package/package.json +7 -8
- package/src/bundle.ts +2 -3
- package/src/image-loader.ts +18 -8
- package/src/index.ts +4 -0
- package/src/lib/category-api/image-format.ts +66 -0
- package/src/lib/category-api/image-type.ts +2 -2
- package/src/lib/encoders/encode-image.ts +1 -2
- package/src/lib/parsers/parse-image.ts +9 -2
- package/src/lib/parsers/parse-to-image-bitmap.ts +10 -2
- package/src/lib/parsers/parse-to-image.ts +7 -2
- package/src/lib/parsers/parse-to-node-image.ts +24 -6
- package/src/lib/parsers/svg-utils.ts +2 -2
- package/src/lib/texture-api/generate-url.ts +1 -2
- package/src/lib/texture-api/load-image.ts +1 -1
- package/dist/bundle.js.map +0 -1
- package/dist/image-loader.js.map +0 -1
- package/dist/image-writer.js.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/lib/category-api/binary-image-api.js.map +0 -1
- package/dist/lib/category-api/image-type.js.map +0 -1
- package/dist/lib/category-api/parsed-image-api.js.map +0 -1
- package/dist/lib/encoders/encode-image.js.map +0 -1
- package/dist/lib/parsers/parse-image.js.map +0 -1
- package/dist/lib/parsers/parse-to-image-bitmap.js.map +0 -1
- package/dist/lib/parsers/parse-to-image.js.map +0 -1
- package/dist/lib/parsers/parse-to-node-image.js.map +0 -1
- package/dist/lib/parsers/svg-utils.js.map +0 -1
- package/dist/lib/texture-api/async-deep-map.js.map +0 -1
- package/dist/lib/texture-api/deep-load.js.map +0 -1
- package/dist/lib/texture-api/generate-url.js.map +0 -1
- package/dist/lib/texture-api/load-image.js.map +0 -1
- package/dist/lib/utils/assert.js +0 -6
- package/dist/lib/utils/assert.js.map +0 -1
- package/dist/lib/utils/globals.js +0 -16
- package/dist/lib/utils/globals.js.map +0 -1
- package/dist/lib/utils/version.js.map +0 -1
- package/src/lib/utils/assert.js +0 -5
- package/src/lib/utils/globals.ts +0 -48
|
@@ -1,64 +1,69 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getImageData = exports.getImageSize = exports.getImageType = exports.deleteImage = exports.isImage = void 0;
|
|
4
|
+
function isImage(image) {
|
|
5
|
+
return Boolean(getImageTypeOrNull(image));
|
|
3
6
|
}
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
7
|
+
exports.isImage = isImage;
|
|
8
|
+
function deleteImage(image) {
|
|
9
|
+
switch (getImageType(image)) {
|
|
10
|
+
case 'imagebitmap':
|
|
11
|
+
image.close();
|
|
12
|
+
break;
|
|
13
|
+
default:
|
|
14
|
+
// Nothing to do for images and image data objects
|
|
15
|
+
}
|
|
12
16
|
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
return format;
|
|
17
|
+
exports.deleteImage = deleteImage;
|
|
18
|
+
function getImageType(image) {
|
|
19
|
+
const format = getImageTypeOrNull(image);
|
|
20
|
+
if (!format) {
|
|
21
|
+
throw new Error('Not an image');
|
|
22
|
+
}
|
|
23
|
+
return format;
|
|
21
24
|
}
|
|
22
|
-
|
|
23
|
-
|
|
25
|
+
exports.getImageType = getImageType;
|
|
26
|
+
function getImageSize(image) {
|
|
27
|
+
return getImageData(image);
|
|
24
28
|
}
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
29
|
+
exports.getImageSize = getImageSize;
|
|
30
|
+
function getImageData(image) {
|
|
31
|
+
switch (getImageType(image)) {
|
|
32
|
+
case 'data':
|
|
33
|
+
return image;
|
|
34
|
+
case 'image':
|
|
35
|
+
case 'imagebitmap':
|
|
36
|
+
// Extract the image data from the image via a canvas
|
|
37
|
+
const canvas = document.createElement('canvas');
|
|
38
|
+
// TODO - reuse the canvas?
|
|
39
|
+
const context = canvas.getContext('2d');
|
|
40
|
+
if (!context) {
|
|
41
|
+
throw new Error('getImageData');
|
|
42
|
+
}
|
|
43
|
+
// @ts-ignore
|
|
44
|
+
canvas.width = image.width;
|
|
45
|
+
// @ts-ignore
|
|
46
|
+
canvas.height = image.height;
|
|
47
|
+
// @ts-ignore
|
|
48
|
+
context.drawImage(image, 0, 0);
|
|
49
|
+
// @ts-ignore
|
|
50
|
+
return context.getImageData(0, 0, image.width, image.height);
|
|
51
|
+
default:
|
|
52
|
+
throw new Error('getImageData');
|
|
53
|
+
}
|
|
47
54
|
}
|
|
48
|
-
|
|
55
|
+
exports.getImageData = getImageData;
|
|
56
|
+
// PRIVATE
|
|
57
|
+
// eslint-disable-next-line complexity
|
|
49
58
|
function getImageTypeOrNull(image) {
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
return
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
return null;
|
|
59
|
+
if (typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {
|
|
60
|
+
return 'imagebitmap';
|
|
61
|
+
}
|
|
62
|
+
if (typeof Image !== 'undefined' && image instanceof Image) {
|
|
63
|
+
return 'image';
|
|
64
|
+
}
|
|
65
|
+
if (image && typeof image === 'object' && image.data && image.width && image.height) {
|
|
66
|
+
return 'data';
|
|
67
|
+
}
|
|
68
|
+
return null;
|
|
63
69
|
}
|
|
64
|
-
//# sourceMappingURL=parsed-image-api.js.map
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Returns data bytes representing a compressed image in PNG or JPG format,
|
|
3
|
+
* This data can be saved using file system (f) methods or used in a request.
|
|
4
|
+
* @param image - ImageBitmap Image or Canvas
|
|
5
|
+
* @param options
|
|
6
|
+
* param opt.type='png' - png, jpg or image/png, image/jpg are valid
|
|
7
|
+
* param mimeType= - Whether to include a data URI header
|
|
8
|
+
*/
|
|
9
|
+
export declare function encodeImage(image: any, options?: {
|
|
10
|
+
[key: string]: any;
|
|
11
|
+
}): Promise<ArrayBuffer>;
|
|
12
|
+
//# sourceMappingURL=encode-image.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"encode-image.d.ts","sourceRoot":"","sources":["../../../src/lib/encoders/encode-image.ts"],"names":[],"mappings":"AAMA;;;;;;;GAOG;AACH,wBAAsB,WAAW,CAC/B,KAAK,EAAE,GAAG,EACV,OAAO,CAAC,EAAE;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAC,GAC7B,OAAO,CAAC,WAAW,CAAC,CAOtB"}
|
|
@@ -1,70 +1,82 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.encodeImage = void 0;
|
|
4
|
+
// Image loading/saving for browser and Node.js
|
|
5
|
+
const parsed_image_api_1 = require("../category-api/parsed-image-api");
|
|
6
|
+
// @ts-ignore TS2339: Property does not exist on type
|
|
7
|
+
const { _encodeImageNode } = globalThis;
|
|
8
|
+
/**
|
|
9
|
+
* Returns data bytes representing a compressed image in PNG or JPG format,
|
|
10
|
+
* This data can be saved using file system (f) methods or used in a request.
|
|
11
|
+
* @param image - ImageBitmap Image or Canvas
|
|
12
|
+
* @param options
|
|
13
|
+
* param opt.type='png' - png, jpg or image/png, image/jpg are valid
|
|
14
|
+
* param mimeType= - Whether to include a data URI header
|
|
15
|
+
*/
|
|
16
|
+
async function encodeImage(image, options) {
|
|
17
|
+
options = options || {};
|
|
18
|
+
options.image = options.image || {};
|
|
19
|
+
return _encodeImageNode
|
|
20
|
+
? _encodeImageNode(image, { type: options.image.mimeType })
|
|
21
|
+
: encodeImageInBrowser(image, options);
|
|
12
22
|
}
|
|
23
|
+
exports.encodeImage = encodeImage;
|
|
24
|
+
// In case we get exceptions from canvas.toBlob(resolve, type, quality)
|
|
13
25
|
let qualityParamSupported = true;
|
|
14
|
-
|
|
26
|
+
/**
|
|
27
|
+
*
|
|
28
|
+
* @param image
|
|
29
|
+
* @param options
|
|
30
|
+
* @note Based on canvas.toBlob
|
|
31
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob
|
|
32
|
+
*/
|
|
15
33
|
async function encodeImageInBrowser(image, options) {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
34
|
+
const { mimeType, jpegQuality } = options.image;
|
|
35
|
+
const { width, height } = (0, parsed_image_api_1.getImageSize)(image);
|
|
36
|
+
// create a canvas and resize it to the size of our image
|
|
37
|
+
const canvas = document.createElement('canvas');
|
|
38
|
+
canvas.width = width;
|
|
39
|
+
canvas.height = height;
|
|
40
|
+
drawImageToCanvas(image, canvas);
|
|
41
|
+
// The actual encoding is done asynchronously with `canvas.toBlob()`
|
|
42
|
+
const blob = await new Promise((resolve) => {
|
|
43
|
+
// get it back as a Blob
|
|
44
|
+
if (jpegQuality && qualityParamSupported) {
|
|
45
|
+
try {
|
|
46
|
+
canvas.toBlob(resolve, mimeType, jpegQuality);
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
catch (error) {
|
|
50
|
+
qualityParamSupported = false;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
canvas.toBlob(resolve, mimeType);
|
|
54
|
+
});
|
|
55
|
+
if (!blob) {
|
|
56
|
+
throw new Error('image encoding failed');
|
|
36
57
|
}
|
|
37
|
-
|
|
38
|
-
canvas.toBlob(resolve, mimeType);
|
|
39
|
-
});
|
|
40
|
-
|
|
41
|
-
if (!blob) {
|
|
42
|
-
throw new Error('image encoding failed');
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
return await blob.arrayBuffer();
|
|
58
|
+
return await blob.arrayBuffer();
|
|
46
59
|
}
|
|
47
|
-
|
|
48
60
|
function drawImageToCanvas(image, canvas, x = 0, y = 0) {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
61
|
+
// Try optimized path for ImageBitmaps via bitmaprenderer context
|
|
62
|
+
if (x === 0 && y === 0 && typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {
|
|
63
|
+
const context = canvas.getContext('bitmaprenderer');
|
|
64
|
+
if (context) {
|
|
65
|
+
// transfer the ImageBitmap to it
|
|
66
|
+
context.transferFromImageBitmap(image);
|
|
67
|
+
return canvas;
|
|
68
|
+
}
|
|
55
69
|
}
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
70
|
+
// Available on most platforms, except IE11 and Andriod WebViews...
|
|
71
|
+
const context = canvas.getContext('2d');
|
|
72
|
+
if (image.data) {
|
|
73
|
+
// ImageData constructor expects clamped array even though getImageData does not return a clamped array...
|
|
74
|
+
const clampedArray = new Uint8ClampedArray(image.data);
|
|
75
|
+
const imageData = new ImageData(clampedArray, image.width, image.height);
|
|
76
|
+
context.putImageData(imageData, 0, 0);
|
|
77
|
+
return canvas;
|
|
78
|
+
}
|
|
79
|
+
// Fall back to generic image/image bitmap rendering path
|
|
80
|
+
context.drawImage(image, 0, 0);
|
|
64
81
|
return canvas;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
context.drawImage(image, 0, 0);
|
|
68
|
-
return canvas;
|
|
69
82
|
}
|
|
70
|
-
//# sourceMappingURL=encode-image.js.map
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { LoaderContext } from '@loaders.gl/loader-utils';
|
|
2
|
+
import type { ImageType } from '../../types';
|
|
3
|
+
import type { ImageLoaderOptions } from '../../image-loader';
|
|
4
|
+
export default function parseImage(arrayBuffer: ArrayBuffer, options?: ImageLoaderOptions, context?: LoaderContext): Promise<ImageType>;
|
|
5
|
+
//# sourceMappingURL=parse-image.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"parse-image.d.ts","sourceRoot":"","sources":["../../../src/lib/parsers/parse-image.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAC3C,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAS3D,wBAA8B,UAAU,CACtC,WAAW,EAAE,WAAW,EACxB,OAAO,CAAC,EAAE,kBAAkB,EAC5B,OAAO,CAAC,EAAE,aAAa,GACtB,OAAO,CAAC,SAAS,CAAC,CAkCpB"}
|
|
@@ -1,52 +1,57 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const loader_utils_1 = require("@loaders.gl/loader-utils");
|
|
7
|
+
const image_type_1 = require("../category-api/image-type");
|
|
8
|
+
const parsed_image_api_1 = require("../category-api/parsed-image-api");
|
|
9
|
+
const parse_to_image_1 = __importDefault(require("./parse-to-image"));
|
|
10
|
+
const parse_to_image_bitmap_1 = __importDefault(require("./parse-to-image-bitmap"));
|
|
11
|
+
const parse_to_node_image_1 = __importDefault(require("./parse-to-node-image"));
|
|
12
|
+
// Parse to platform defined image type (data on node, ImageBitmap or HTMLImage on browser)
|
|
13
|
+
// eslint-disable-next-line complexity
|
|
14
|
+
async function parseImage(arrayBuffer, options, context) {
|
|
15
|
+
options = options || {};
|
|
16
|
+
const imageOptions = options.image || {};
|
|
17
|
+
// The user can request a specific output format via `options.image.type`
|
|
18
|
+
const imageType = imageOptions.type || 'auto';
|
|
19
|
+
const { url } = context || {};
|
|
20
|
+
// Note: For options.image.type === `data`, we may still need to load as `image` or `imagebitmap`
|
|
21
|
+
const loadType = getLoadableImageType(imageType);
|
|
22
|
+
let image;
|
|
23
|
+
switch (loadType) {
|
|
24
|
+
case 'imagebitmap':
|
|
25
|
+
image = await (0, parse_to_image_bitmap_1.default)(arrayBuffer, options, url);
|
|
26
|
+
break;
|
|
27
|
+
case 'image':
|
|
28
|
+
image = await (0, parse_to_image_1.default)(arrayBuffer, options, url);
|
|
29
|
+
break;
|
|
30
|
+
case 'data':
|
|
31
|
+
// Node.js loads imagedata directly
|
|
32
|
+
image = await (0, parse_to_node_image_1.default)(arrayBuffer, options);
|
|
33
|
+
break;
|
|
34
|
+
default:
|
|
35
|
+
(0, loader_utils_1.assert)(false);
|
|
36
|
+
}
|
|
37
|
+
// Browser: if options.image.type === 'data', we can now extract data from the loaded image
|
|
38
|
+
if (imageType === 'data') {
|
|
39
|
+
image = (0, parsed_image_api_1.getImageData)(image);
|
|
40
|
+
}
|
|
41
|
+
return image;
|
|
39
42
|
}
|
|
40
|
-
|
|
43
|
+
exports.default = parseImage;
|
|
44
|
+
// Get a loadable image type from image type
|
|
41
45
|
function getLoadableImageType(type) {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
46
|
+
switch (type) {
|
|
47
|
+
case 'auto':
|
|
48
|
+
case 'data':
|
|
49
|
+
// Browser: For image data we need still need to load using an image format
|
|
50
|
+
// Node: the default image type is `data`.
|
|
51
|
+
return (0, image_type_1.getDefaultImageType)();
|
|
52
|
+
default:
|
|
53
|
+
// Throw an error if not supported
|
|
54
|
+
(0, image_type_1.isImageTypeSupported)(type);
|
|
55
|
+
return type;
|
|
56
|
+
}
|
|
51
57
|
}
|
|
52
|
-
//# sourceMappingURL=parse-image.js.map
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { ImageLoaderOptions } from '../../image-loader';
|
|
2
|
+
/**
|
|
3
|
+
* Asynchronously parses an array buffer into an ImageBitmap - this contains the decoded data
|
|
4
|
+
* ImageBitmaps are supported on worker threads, but not supported on Edge, IE11 and Safari
|
|
5
|
+
* https://developer.mozilla.org/en-US/docs/Web/API/ImageBitmap#Browser_compatibility
|
|
6
|
+
*
|
|
7
|
+
* TODO - createImageBitmap supports source rect (5 param overload), pass through?
|
|
8
|
+
*/
|
|
9
|
+
export default function parseToImageBitmap(arrayBuffer: ArrayBuffer, options: ImageLoaderOptions, url?: string): Promise<ImageBitmap>;
|
|
10
|
+
//# sourceMappingURL=parse-to-image-bitmap.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"parse-to-image-bitmap.d.ts","sourceRoot":"","sources":["../../../src/lib/parsers/parse-to-image-bitmap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAQ3D;;;;;;GAMG;AACH,wBAA8B,kBAAkB,CAC9C,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,kBAAkB,EAC3B,GAAG,CAAC,EAAE,MAAM,GACX,OAAO,CAAC,WAAW,CAAC,CAgBtB"}
|
|
@@ -1,43 +1,61 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const svg_utils_1 = require("./svg-utils");
|
|
7
|
+
const parse_to_image_1 = __importDefault(require("./parse-to-image"));
|
|
3
8
|
const EMPTY_OBJECT = {};
|
|
4
9
|
let imagebitmapOptionsSupported = true;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
10
|
+
/**
|
|
11
|
+
* Asynchronously parses an array buffer into an ImageBitmap - this contains the decoded data
|
|
12
|
+
* ImageBitmaps are supported on worker threads, but not supported on Edge, IE11 and Safari
|
|
13
|
+
* https://developer.mozilla.org/en-US/docs/Web/API/ImageBitmap#Browser_compatibility
|
|
14
|
+
*
|
|
15
|
+
* TODO - createImageBitmap supports source rect (5 param overload), pass through?
|
|
16
|
+
*/
|
|
17
|
+
async function parseToImageBitmap(arrayBuffer, options, url) {
|
|
18
|
+
let blob;
|
|
19
|
+
// Cannot parse SVG directly to ImageBitmap, parse to Image first
|
|
20
|
+
if ((0, svg_utils_1.isSVG)(url)) {
|
|
21
|
+
// Note: this only works on main thread
|
|
22
|
+
const image = await (0, parse_to_image_1.default)(arrayBuffer, options, url);
|
|
23
|
+
blob = image;
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
// Create blob from the array buffer
|
|
27
|
+
blob = (0, svg_utils_1.getBlob)(arrayBuffer, url);
|
|
28
|
+
}
|
|
29
|
+
const imagebitmapOptions = options && options.imagebitmap;
|
|
30
|
+
return await safeCreateImageBitmap(blob, imagebitmapOptions);
|
|
17
31
|
}
|
|
18
|
-
|
|
32
|
+
exports.default = parseToImageBitmap;
|
|
33
|
+
/**
|
|
34
|
+
* Safely creates an imageBitmap with options
|
|
35
|
+
* *
|
|
36
|
+
* Firefox crashes if imagebitmapOptions is supplied
|
|
37
|
+
* Avoid supplying if not provided or supported, remember if not supported
|
|
38
|
+
*/
|
|
19
39
|
async function safeCreateImageBitmap(blob, imagebitmapOptions = null) {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
if (imagebitmapOptions) {
|
|
25
|
-
try {
|
|
26
|
-
return await createImageBitmap(blob, imagebitmapOptions);
|
|
27
|
-
} catch (error) {
|
|
28
|
-
console.warn(error);
|
|
29
|
-
imagebitmapOptionsSupported = false;
|
|
40
|
+
if (isEmptyObject(imagebitmapOptions) || !imagebitmapOptionsSupported) {
|
|
41
|
+
imagebitmapOptions = null;
|
|
30
42
|
}
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
43
|
+
if (imagebitmapOptions) {
|
|
44
|
+
try {
|
|
45
|
+
// @ts-ignore Options
|
|
46
|
+
return await createImageBitmap(blob, imagebitmapOptions);
|
|
47
|
+
}
|
|
48
|
+
catch (error) {
|
|
49
|
+
console.warn(error); // eslint-disable-line
|
|
50
|
+
imagebitmapOptionsSupported = false;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
return await createImageBitmap(blob);
|
|
34
54
|
}
|
|
35
|
-
|
|
36
55
|
function isEmptyObject(object) {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
56
|
+
// @ts-ignore
|
|
57
|
+
for (const key in object || EMPTY_OBJECT) {
|
|
58
|
+
return false;
|
|
59
|
+
}
|
|
60
|
+
return true;
|
|
42
61
|
}
|
|
43
|
-
//# sourceMappingURL=parse-to-image-bitmap.js.map
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ImageLoaderOptions } from '../../image-loader';
|
|
2
|
+
export default function parseToImage(arrayBuffer: ArrayBuffer, options: ImageLoaderOptions, url?: string): Promise<HTMLImageElement>;
|
|
3
|
+
export declare function loadToImage(url: any, options: any): Promise<HTMLImageElement>;
|
|
4
|
+
//# sourceMappingURL=parse-to-image.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"parse-to-image.d.ts","sourceRoot":"","sources":["../../../src/lib/parsers/parse-to-image.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAI3D,wBAA8B,YAAY,CACxC,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,kBAAkB,EAC3B,GAAG,CAAC,EAAE,MAAM,GACX,OAAO,CAAC,gBAAgB,CAAC,CAe3B;AAED,wBAAsB,WAAW,CAAC,GAAG,KAAA,EAAE,OAAO,KAAA,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAyBzE"}
|
|
@@ -1,34 +1,47 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.loadToImage = void 0;
|
|
4
|
+
const svg_utils_1 = require("./svg-utils");
|
|
5
|
+
// Parses html image from array buffer
|
|
6
|
+
async function parseToImage(arrayBuffer, options, url) {
|
|
7
|
+
// Note: image parsing requires conversion to Blob (for createObjectURL).
|
|
8
|
+
// Potentially inefficient for not using `response.blob()` (and for File / Blob inputs)...
|
|
9
|
+
// But presumably not worth adding 'blob' flag to loader objects?
|
|
10
|
+
const blobOrDataUrl = (0, svg_utils_1.getBlobOrSVGDataUrl)(arrayBuffer, url);
|
|
11
|
+
const URL = self.URL || self.webkitURL;
|
|
12
|
+
const objectUrl = typeof blobOrDataUrl !== 'string' && URL.createObjectURL(blobOrDataUrl);
|
|
13
|
+
try {
|
|
14
|
+
return await loadToImage(objectUrl || blobOrDataUrl, options);
|
|
15
|
+
}
|
|
16
|
+
finally {
|
|
17
|
+
if (objectUrl) {
|
|
18
|
+
URL.revokeObjectURL(objectUrl);
|
|
19
|
+
}
|
|
12
20
|
}
|
|
13
|
-
}
|
|
14
21
|
}
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
image.onerror = err => reject(new Error(`Could not load image ${url}: ${err}`));
|
|
29
|
-
} catch (error) {
|
|
30
|
-
reject(error);
|
|
22
|
+
exports.default = parseToImage;
|
|
23
|
+
async function loadToImage(url, options) {
|
|
24
|
+
const image = new Image();
|
|
25
|
+
image.src = url;
|
|
26
|
+
// The `image.onload()` callback does not guarantee that the image has been decoded
|
|
27
|
+
// so a main thread "freeze" can be incurred when using the image for the first time.
|
|
28
|
+
// `Image.decode()` returns a promise that completes when image is decoded.
|
|
29
|
+
// https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/decode
|
|
30
|
+
// Note: When calling `img.decode()`, we do not need to wait for `img.onload()`
|
|
31
|
+
// Note: `HTMLImageElement.decode()` is not available in Edge and IE11
|
|
32
|
+
if (options.image && options.image.decode && image.decode) {
|
|
33
|
+
await image.decode();
|
|
34
|
+
return image;
|
|
31
35
|
}
|
|
32
|
-
|
|
36
|
+
// Create a promise that tracks onload/onerror callbacks
|
|
37
|
+
return await new Promise((resolve, reject) => {
|
|
38
|
+
try {
|
|
39
|
+
image.onload = () => resolve(image);
|
|
40
|
+
image.onerror = (err) => reject(new Error(`Could not load image ${url}: ${err}`));
|
|
41
|
+
}
|
|
42
|
+
catch (error) {
|
|
43
|
+
reject(error);
|
|
44
|
+
}
|
|
45
|
+
});
|
|
33
46
|
}
|
|
34
|
-
|
|
47
|
+
exports.loadToImage = loadToImage;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ImageLoaderOptions } from '../../image-loader';
|
|
2
|
+
import type { ImageDataType } from '../../types';
|
|
3
|
+
export default function parseToNodeImage(arrayBuffer: ArrayBuffer, options: ImageLoaderOptions): Promise<ImageDataType>;
|
|
4
|
+
//# sourceMappingURL=parse-to-node-image.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"parse-to-node-image.d.ts","sourceRoot":"","sources":["../../../src/lib/parsers/parse-to-node-image.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAkB/C,wBAA8B,gBAAgB,CAC5C,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,kBAAkB,GAC1B,OAAO,CAAC,aAAa,CAAC,CASxB"}
|