@loaders.gl/images 3.3.0-alpha.1 → 3.3.0-alpha.11
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/dist.min.js.map +1 -1
- package/dist/es5/bundle.js +0 -1
- package/dist/es5/bundle.js.map +1 -1
- package/dist/es5/image-loader.js +1 -5
- package/dist/es5/image-loader.js.map +1 -1
- package/dist/es5/image-writer.js +0 -2
- package/dist/es5/image-writer.js.map +1 -1
- package/dist/es5/index.js +14 -21
- package/dist/es5/index.js.map +1 -1
- package/dist/es5/lib/category-api/binary-image-api.js +3 -13
- package/dist/es5/lib/category-api/binary-image-api.js.map +1 -1
- package/dist/es5/lib/category-api/image-format.js +1 -7
- package/dist/es5/lib/category-api/image-format.js.map +1 -1
- package/dist/es5/lib/category-api/image-type.js +1 -9
- package/dist/es5/lib/category-api/image-type.js.map +1 -1
- package/dist/es5/lib/category-api/parsed-image-api.js +3 -19
- package/dist/es5/lib/category-api/parsed-image-api.js.map +1 -1
- package/dist/es5/lib/encoders/encode-image.js +1 -21
- package/dist/es5/lib/encoders/encode-image.js.map +1 -1
- package/dist/es5/lib/parsers/parse-image.js +0 -24
- package/dist/es5/lib/parsers/parse-image.js.map +1 -1
- package/dist/es5/lib/parsers/parse-to-image-bitmap.js +1 -26
- package/dist/es5/lib/parsers/parse-to-image-bitmap.js.map +1 -1
- package/dist/es5/lib/parsers/parse-to-image.js +0 -19
- package/dist/es5/lib/parsers/parse-to-image.js.map +1 -1
- package/dist/es5/lib/parsers/parse-to-node-image.js +1 -10
- package/dist/es5/lib/parsers/parse-to-node-image.js.map +1 -1
- package/dist/es5/lib/parsers/svg-utils.js +3 -9
- package/dist/es5/lib/parsers/svg-utils.js.map +1 -1
- package/dist/es5/lib/texture-api/async-deep-map.js +3 -32
- package/dist/es5/lib/texture-api/async-deep-map.js.map +1 -1
- package/dist/es5/lib/texture-api/deep-load.js +0 -14
- package/dist/es5/lib/texture-api/deep-load.js.map +1 -1
- package/dist/es5/lib/texture-api/generate-url.js +3 -12
- package/dist/es5/lib/texture-api/generate-url.js.map +1 -1
- package/dist/es5/lib/texture-api/load-image.js +9 -43
- package/dist/es5/lib/texture-api/load-image.js.map +1 -1
- package/dist/es5/lib/utils/version.js +1 -1
- package/dist/es5/lib/utils/version.js.map +1 -1
- package/dist/es5/types.js.map +1 -1
- package/dist/esm/bundle.js +1 -1
- package/dist/esm/bundle.js.map +1 -1
- package/dist/esm/image-loader.js +1 -0
- package/dist/esm/image-loader.js.map +1 -1
- package/dist/esm/image-writer.js +1 -0
- package/dist/esm/image-writer.js.map +1 -1
- package/dist/esm/index.js +6 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/lib/category-api/binary-image-api.js +4 -11
- package/dist/esm/lib/category-api/binary-image-api.js.map +1 -1
- package/dist/esm/lib/category-api/image-format.js +3 -5
- package/dist/esm/lib/category-api/image-format.js.map +1 -1
- package/dist/esm/lib/category-api/image-type.js +2 -6
- package/dist/esm/lib/category-api/image-type.js.map +1 -1
- package/dist/esm/lib/category-api/parsed-image-api.js +1 -10
- package/dist/esm/lib/category-api/parsed-image-api.js.map +1 -1
- package/dist/esm/lib/encoders/encode-image.js +9 -7
- package/dist/esm/lib/encoders/encode-image.js.map +1 -1
- package/dist/esm/lib/parsers/parse-image.js +3 -6
- package/dist/esm/lib/parsers/parse-image.js.map +1 -1
- package/dist/esm/lib/parsers/parse-to-image-bitmap.js +3 -6
- package/dist/esm/lib/parsers/parse-to-image-bitmap.js.map +1 -1
- package/dist/esm/lib/parsers/parse-to-image.js +2 -2
- package/dist/esm/lib/parsers/parse-to-image.js.map +1 -1
- package/dist/esm/lib/parsers/parse-to-node-image.js +3 -0
- package/dist/esm/lib/parsers/parse-to-node-image.js.map +1 -1
- package/dist/esm/lib/parsers/svg-utils.js +2 -4
- package/dist/esm/lib/parsers/svg-utils.js.map +1 -1
- package/dist/esm/lib/texture-api/async-deep-map.js +6 -6
- package/dist/esm/lib/texture-api/async-deep-map.js.map +1 -1
- package/dist/esm/lib/texture-api/deep-load.js.map +1 -1
- package/dist/esm/lib/texture-api/generate-url.js +4 -5
- package/dist/esm/lib/texture-api/generate-url.js.map +1 -1
- package/dist/esm/lib/texture-api/load-image.js +14 -11
- package/dist/esm/lib/texture-api/load-image.js.map +1 -1
- package/dist/esm/lib/utils/version.js +2 -1
- package/dist/esm/lib/utils/version.js.map +1 -1
- package/dist/esm/types.js.map +1 -1
- package/dist/image-loader.d.ts +1 -1
- package/dist/image-loader.d.ts.map +1 -1
- package/dist/lib/category-api/binary-image-api.d.ts +1 -1
- package/dist/lib/category-api/binary-image-api.d.ts.map +1 -1
- package/dist/types.d.ts +3 -3
- package/dist/types.d.ts.map +1 -1
- package/package.json +6 -3
|
@@ -3,11 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.isImageTypeSupported = isImageTypeSupported;
|
|
7
6
|
exports.getDefaultImageType = getDefaultImageType;
|
|
8
|
-
|
|
7
|
+
exports.isImageTypeSupported = isImageTypeSupported;
|
|
9
8
|
var _loaderUtils = require("@loaders.gl/loader-utils");
|
|
10
|
-
|
|
11
9
|
var _parseImageNode = globalThis._parseImageNode;
|
|
12
10
|
var IMAGE_SUPPORTED = typeof Image !== 'undefined';
|
|
13
11
|
var IMAGE_BITMAP_SUPPORTED = typeof ImageBitmap !== 'undefined';
|
|
@@ -18,16 +16,12 @@ function isImageTypeSupported(type) {
|
|
|
18
16
|
switch (type) {
|
|
19
17
|
case 'auto':
|
|
20
18
|
return IMAGE_BITMAP_SUPPORTED || IMAGE_SUPPORTED || DATA_SUPPORTED;
|
|
21
|
-
|
|
22
19
|
case 'imagebitmap':
|
|
23
20
|
return IMAGE_BITMAP_SUPPORTED;
|
|
24
|
-
|
|
25
21
|
case 'image':
|
|
26
22
|
return IMAGE_SUPPORTED;
|
|
27
|
-
|
|
28
23
|
case 'data':
|
|
29
24
|
return DATA_SUPPORTED;
|
|
30
|
-
|
|
31
25
|
default:
|
|
32
26
|
throw new Error("@loaders.gl/images: image ".concat(type, " not supported in this environment"));
|
|
33
27
|
}
|
|
@@ -37,11 +31,9 @@ function getDefaultImageType() {
|
|
|
37
31
|
if (IMAGE_BITMAP_SUPPORTED) {
|
|
38
32
|
return 'imagebitmap';
|
|
39
33
|
}
|
|
40
|
-
|
|
41
34
|
if (IMAGE_SUPPORTED) {
|
|
42
35
|
return 'image';
|
|
43
36
|
}
|
|
44
|
-
|
|
45
37
|
if (DATA_SUPPORTED) {
|
|
46
38
|
return 'data';
|
|
47
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"image-type.js","names":["_parseImageNode","globalThis","IMAGE_SUPPORTED","Image","IMAGE_BITMAP_SUPPORTED","ImageBitmap","NODE_IMAGE_SUPPORTED","Boolean","DATA_SUPPORTED","isBrowser","isImageTypeSupported","type","Error","getDefaultImageType"],"sources":["../../../../src/lib/category-api/image-type.ts"],"sourcesContent":["import {isBrowser} from '@loaders.gl/loader-utils';\nimport type {ImageTypeEnum} from '../../types';\n\n// @ts-ignore TS2339: Property does not exist on type\nconst {_parseImageNode} = globalThis;\n\nconst IMAGE_SUPPORTED = typeof Image !== 'undefined'; // NOTE: \"false\" positives if jsdom is installed\nconst IMAGE_BITMAP_SUPPORTED = typeof ImageBitmap !== 'undefined';\nconst NODE_IMAGE_SUPPORTED = Boolean(_parseImageNode);\nconst DATA_SUPPORTED = isBrowser ? true : NODE_IMAGE_SUPPORTED;\n\n/**\n * Checks if a loaders.gl image type is supported\n * @param type image type string\n */\nexport function isImageTypeSupported(type: string): boolean {\n switch (type) {\n case 'auto':\n // Should only ever be false in Node.js, if polyfills have not been installed...\n return IMAGE_BITMAP_SUPPORTED || IMAGE_SUPPORTED || DATA_SUPPORTED;\n\n case 'imagebitmap':\n return IMAGE_BITMAP_SUPPORTED;\n case 'image':\n return IMAGE_SUPPORTED;\n case 'data':\n return DATA_SUPPORTED;\n\n default:\n throw new Error(`@loaders.gl/images: image ${type} not supported in this environment`);\n }\n}\n\n/**\n * Returns the \"most performant\" supported image type on this platform\n * @returns image type string\n */\nexport function getDefaultImageType(): ImageTypeEnum {\n if (IMAGE_BITMAP_SUPPORTED) {\n return 'imagebitmap';\n }\n if (IMAGE_SUPPORTED) {\n return 'image';\n }\n if (DATA_SUPPORTED) {\n return 'data';\n }\n\n // This should only happen in Node.js\n throw new Error('Install \\'@loaders.gl/polyfills\\' to parse images under Node.js');\n}\n"],"mappings":";;;;;;;AAAA;AAIA,IAAOA,eAAe,GAAIC,UAAU,CAA7BD,eAAe;AAEtB,IAAME,eAAe,GAAG,OAAOC,KAAK,KAAK,WAAW;AACpD,IAAMC,sBAAsB,GAAG,OAAOC,WAAW,KAAK,WAAW;AACjE,IAAMC,oBAAoB,GAAGC,OAAO,CAACP,eAAe,CAAC;AACrD,IAAMQ,cAAc,GAAGC,sBAAS,GAAG,IAAI,GAAGH,oBAAoB;;AAMvD,SAASI,oBAAoB,CAACC,IAAY,EAAW;EAC1D,QAAQA,IAAI;IACV,KAAK,MAAM;MAET,OAAOP,sBAAsB,IAAIF,eAAe,IAAIM,cAAc;IAEpE,KAAK,aAAa;MAChB,OAAOJ,sBAAsB;IAC/B,KAAK,OAAO;MACV,OAAOF,eAAe;IACxB,KAAK,MAAM;MACT,OAAOM,cAAc;IAEvB;MACE,MAAM,IAAII,KAAK,qCAA8BD,IAAI,wCAAqC;EAAC;AAE7F;;AAMO,SAASE,mBAAmB,GAAkB;EACnD,IAAIT,sBAAsB,EAAE;IAC1B,OAAO,aAAa;EACtB;EACA,IAAIF,eAAe,EAAE;IACnB,OAAO,OAAO;EAChB;EACA,IAAIM,cAAc,EAAE;IAClB,OAAO,MAAM;EACf;;EAGA,MAAM,IAAII,KAAK,CAAC,iEAAiE,CAAC;AACpF"}
|
|
@@ -1,65 +1,52 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports.isImage = isImage;
|
|
9
7
|
exports.deleteImage = deleteImage;
|
|
10
|
-
exports.getImageType = getImageType;
|
|
11
|
-
exports.getImageSize = getImageSize;
|
|
12
8
|
exports.getImageData = getImageData;
|
|
13
|
-
|
|
9
|
+
exports.getImageSize = getImageSize;
|
|
10
|
+
exports.getImageType = getImageType;
|
|
11
|
+
exports.isImage = isImage;
|
|
14
12
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
15
|
-
|
|
16
13
|
function isImage(image) {
|
|
17
14
|
return Boolean(getImageTypeOrNull(image));
|
|
18
15
|
}
|
|
19
|
-
|
|
20
16
|
function deleteImage(image) {
|
|
21
17
|
switch (getImageType(image)) {
|
|
22
18
|
case 'imagebitmap':
|
|
23
19
|
image.close();
|
|
24
20
|
break;
|
|
25
|
-
|
|
26
21
|
default:
|
|
27
22
|
}
|
|
28
23
|
}
|
|
29
24
|
|
|
30
25
|
function getImageType(image) {
|
|
31
26
|
var format = getImageTypeOrNull(image);
|
|
32
|
-
|
|
33
27
|
if (!format) {
|
|
34
28
|
throw new Error('Not an image');
|
|
35
29
|
}
|
|
36
|
-
|
|
37
30
|
return format;
|
|
38
31
|
}
|
|
39
|
-
|
|
40
32
|
function getImageSize(image) {
|
|
41
33
|
return getImageData(image);
|
|
42
34
|
}
|
|
43
|
-
|
|
44
35
|
function getImageData(image) {
|
|
45
36
|
switch (getImageType(image)) {
|
|
46
37
|
case 'data':
|
|
47
38
|
return image;
|
|
48
|
-
|
|
49
39
|
case 'image':
|
|
50
40
|
case 'imagebitmap':
|
|
51
41
|
var canvas = document.createElement('canvas');
|
|
52
42
|
var context = canvas.getContext('2d');
|
|
53
|
-
|
|
54
43
|
if (!context) {
|
|
55
44
|
throw new Error('getImageData');
|
|
56
45
|
}
|
|
57
|
-
|
|
58
46
|
canvas.width = image.width;
|
|
59
47
|
canvas.height = image.height;
|
|
60
48
|
context.drawImage(image, 0, 0);
|
|
61
49
|
return context.getImageData(0, 0, image.width, image.height);
|
|
62
|
-
|
|
63
50
|
default:
|
|
64
51
|
throw new Error('getImageData');
|
|
65
52
|
}
|
|
@@ -69,15 +56,12 @@ function getImageTypeOrNull(image) {
|
|
|
69
56
|
if (typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {
|
|
70
57
|
return 'imagebitmap';
|
|
71
58
|
}
|
|
72
|
-
|
|
73
59
|
if (typeof Image !== 'undefined' && image instanceof Image) {
|
|
74
60
|
return 'image';
|
|
75
61
|
}
|
|
76
|
-
|
|
77
62
|
if (image && (0, _typeof2.default)(image) === 'object' && image.data && image.width && image.height) {
|
|
78
63
|
return 'data';
|
|
79
64
|
}
|
|
80
|
-
|
|
81
65
|
return null;
|
|
82
66
|
}
|
|
83
67
|
//# sourceMappingURL=parsed-image-api.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"parsed-image-api.js","names":["isImage","image","Boolean","getImageTypeOrNull","deleteImage","getImageType","close","format","Error","getImageSize","getImageData","canvas","document","createElement","context","getContext","width","height","drawImage","ImageBitmap","Image","data"],"sources":["../../../../src/lib/category-api/parsed-image-api.ts"],"sourcesContent":["import type {ImageType, ImageTypeEnum, ImageDataType} from '../../types';\n\nexport function isImage(image: ImageType): boolean {\n return Boolean(getImageTypeOrNull(image));\n}\n\nexport function deleteImage(image: ImageType): void {\n switch (getImageType(image)) {\n case 'imagebitmap':\n (image as ImageBitmap).close();\n break;\n default:\n // Nothing to do for images and image data objects\n }\n}\n\nexport function getImageType(image: ImageType): ImageTypeEnum {\n const format = getImageTypeOrNull(image);\n if (!format) {\n throw new Error('Not an image');\n }\n return format;\n}\n\nexport function getImageSize(image: ImageType): {width: number; height: number} {\n return getImageData(image);\n}\n\nexport function getImageData(image: ImageType): ImageDataType | ImageData {\n switch (getImageType(image)) {\n case 'data':\n return image as unknown as ImageData;\n\n case 'image':\n case 'imagebitmap':\n // Extract the image data from the image via a canvas\n const canvas = document.createElement('canvas');\n // TODO - reuse the canvas?\n const context = canvas.getContext('2d');\n if (!context) {\n throw new Error('getImageData');\n }\n // @ts-ignore\n canvas.width = image.width;\n // @ts-ignore\n canvas.height = image.height;\n // @ts-ignore\n context.drawImage(image, 0, 0);\n // @ts-ignore\n return context.getImageData(0, 0, image.width, image.height);\n\n default:\n throw new Error('getImageData');\n }\n}\n\n// PRIVATE\n\n// eslint-disable-next-line complexity\nfunction getImageTypeOrNull(image) {\n if (typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {\n return 'imagebitmap';\n }\n if (typeof Image !== 'undefined' && image instanceof Image) {\n return 'image';\n }\n if (image && typeof image === 'object' && image.data && image.width && image.height) {\n return 'data';\n }\n return null;\n}\n"],"mappings":";;;;;;;;;;;;AAEO,SAASA,OAAO,CAACC,KAAgB,EAAW;EACjD,OAAOC,OAAO,CAACC,kBAAkB,CAACF,KAAK,CAAC,CAAC;AAC3C;AAEO,SAASG,WAAW,CAACH,KAAgB,EAAQ;EAClD,QAAQI,YAAY,CAACJ,KAAK,CAAC;IACzB,KAAK,aAAa;MACfA,KAAK,CAAiBK,KAAK,EAAE;MAC9B;IACF;EAAQ;AAGZ;;AAEO,SAASD,YAAY,CAACJ,KAAgB,EAAiB;EAC5D,IAAMM,MAAM,GAAGJ,kBAAkB,CAACF,KAAK,CAAC;EACxC,IAAI,CAACM,MAAM,EAAE;IACX,MAAM,IAAIC,KAAK,CAAC,cAAc,CAAC;EACjC;EACA,OAAOD,MAAM;AACf;AAEO,SAASE,YAAY,CAACR,KAAgB,EAAmC;EAC9E,OAAOS,YAAY,CAACT,KAAK,CAAC;AAC5B;AAEO,SAASS,YAAY,CAACT,KAAgB,EAA6B;EACxE,QAAQI,YAAY,CAACJ,KAAK,CAAC;IACzB,KAAK,MAAM;MACT,OAAOA,KAAK;IAEd,KAAK,OAAO;IACZ,KAAK,aAAa;MAEhB,IAAMU,MAAM,GAAGC,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;MAE/C,IAAMC,OAAO,GAAGH,MAAM,CAACI,UAAU,CAAC,IAAI,CAAC;MACvC,IAAI,CAACD,OAAO,EAAE;QACZ,MAAM,IAAIN,KAAK,CAAC,cAAc,CAAC;MACjC;MAEAG,MAAM,CAACK,KAAK,GAAGf,KAAK,CAACe,KAAK;MAE1BL,MAAM,CAACM,MAAM,GAAGhB,KAAK,CAACgB,MAAM;MAE5BH,OAAO,CAACI,SAAS,CAACjB,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;MAE9B,OAAOa,OAAO,CAACJ,YAAY,CAAC,CAAC,EAAE,CAAC,EAAET,KAAK,CAACe,KAAK,EAAEf,KAAK,CAACgB,MAAM,CAAC;IAE9D;MACE,MAAM,IAAIT,KAAK,CAAC,cAAc,CAAC;EAAC;AAEtC;;AAKA,SAASL,kBAAkB,CAACF,KAAK,EAAE;EACjC,IAAI,OAAOkB,WAAW,KAAK,WAAW,IAAIlB,KAAK,YAAYkB,WAAW,EAAE;IACtE,OAAO,aAAa;EACtB;EACA,IAAI,OAAOC,KAAK,KAAK,WAAW,IAAInB,KAAK,YAAYmB,KAAK,EAAE;IAC1D,OAAO,OAAO;EAChB;EACA,IAAInB,KAAK,IAAI,sBAAOA,KAAK,MAAK,QAAQ,IAAIA,KAAK,CAACoB,IAAI,IAAIpB,KAAK,CAACe,KAAK,IAAIf,KAAK,CAACgB,MAAM,EAAE;IACnF,OAAO,MAAM;EACf;EACA,OAAO,IAAI;AACb"}
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.encodeImage = encodeImage;
|
|
9
|
-
|
|
10
8
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
|
-
|
|
12
9
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
13
|
-
|
|
14
10
|
var _parsedImageApi = require("../category-api/parsed-image-api");
|
|
15
11
|
|
|
16
12
|
var _encodeImageNode = globalThis._encodeImageNode;
|
|
@@ -18,7 +14,6 @@ var _encodeImageNode = globalThis._encodeImageNode;
|
|
|
18
14
|
function encodeImage(_x, _x2) {
|
|
19
15
|
return _encodeImage.apply(this, arguments);
|
|
20
16
|
}
|
|
21
|
-
|
|
22
17
|
function _encodeImage() {
|
|
23
18
|
_encodeImage = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee(image, options) {
|
|
24
19
|
return _regenerator.default.wrap(function _callee$(_context2) {
|
|
@@ -30,7 +25,6 @@ function _encodeImage() {
|
|
|
30
25
|
return _context2.abrupt("return", _encodeImageNode ? _encodeImageNode(image, {
|
|
31
26
|
type: options.image.mimeType
|
|
32
27
|
}) : encodeImageInBrowser(image, options));
|
|
33
|
-
|
|
34
28
|
case 3:
|
|
35
29
|
case "end":
|
|
36
30
|
return _context2.stop();
|
|
@@ -40,17 +34,14 @@ function _encodeImage() {
|
|
|
40
34
|
}));
|
|
41
35
|
return _encodeImage.apply(this, arguments);
|
|
42
36
|
}
|
|
43
|
-
|
|
44
37
|
var qualityParamSupported = true;
|
|
45
38
|
|
|
46
39
|
function encodeImageInBrowser(_x3, _x4) {
|
|
47
40
|
return _encodeImageInBrowser.apply(this, arguments);
|
|
48
41
|
}
|
|
49
|
-
|
|
50
42
|
function _encodeImageInBrowser() {
|
|
51
43
|
_encodeImageInBrowser = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee2(image, options) {
|
|
52
44
|
var _options$image, mimeType, jpegQuality, _getImageSize, width, height, canvas, blob;
|
|
53
|
-
|
|
54
45
|
return _regenerator.default.wrap(function _callee2$(_context3) {
|
|
55
46
|
while (1) {
|
|
56
47
|
switch (_context3.prev = _context3.next) {
|
|
@@ -61,6 +52,7 @@ function _encodeImageInBrowser() {
|
|
|
61
52
|
canvas.width = width;
|
|
62
53
|
canvas.height = height;
|
|
63
54
|
drawImageToCanvas(image, canvas);
|
|
55
|
+
|
|
64
56
|
_context3.next = 8;
|
|
65
57
|
return new Promise(function (resolve) {
|
|
66
58
|
if (jpegQuality && qualityParamSupported) {
|
|
@@ -71,27 +63,20 @@ function _encodeImageInBrowser() {
|
|
|
71
63
|
qualityParamSupported = false;
|
|
72
64
|
}
|
|
73
65
|
}
|
|
74
|
-
|
|
75
66
|
canvas.toBlob(resolve, mimeType);
|
|
76
67
|
});
|
|
77
|
-
|
|
78
68
|
case 8:
|
|
79
69
|
blob = _context3.sent;
|
|
80
|
-
|
|
81
70
|
if (blob) {
|
|
82
71
|
_context3.next = 11;
|
|
83
72
|
break;
|
|
84
73
|
}
|
|
85
|
-
|
|
86
74
|
throw new Error('image encoding failed');
|
|
87
|
-
|
|
88
75
|
case 11:
|
|
89
76
|
_context3.next = 13;
|
|
90
77
|
return blob.arrayBuffer();
|
|
91
|
-
|
|
92
78
|
case 13:
|
|
93
79
|
return _context3.abrupt("return", _context3.sent);
|
|
94
|
-
|
|
95
80
|
case 14:
|
|
96
81
|
case "end":
|
|
97
82
|
return _context3.stop();
|
|
@@ -101,23 +86,18 @@ function _encodeImageInBrowser() {
|
|
|
101
86
|
}));
|
|
102
87
|
return _encodeImageInBrowser.apply(this, arguments);
|
|
103
88
|
}
|
|
104
|
-
|
|
105
89
|
function drawImageToCanvas(image, canvas) {
|
|
106
90
|
var x = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
107
91
|
var y = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
|
|
108
|
-
|
|
109
92
|
if (x === 0 && y === 0 && typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {
|
|
110
93
|
var _context = canvas.getContext('bitmaprenderer');
|
|
111
|
-
|
|
112
94
|
if (_context) {
|
|
113
95
|
_context.transferFromImageBitmap(image);
|
|
114
|
-
|
|
115
96
|
return canvas;
|
|
116
97
|
}
|
|
117
98
|
}
|
|
118
99
|
|
|
119
100
|
var context = canvas.getContext('2d');
|
|
120
|
-
|
|
121
101
|
if (image.data) {
|
|
122
102
|
var clampedArray = new Uint8ClampedArray(image.data);
|
|
123
103
|
var imageData = new ImageData(clampedArray, image.width, image.height);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"encode-image.js","names":["_encodeImageNode","globalThis","encodeImage","image","options","type","mimeType","encodeImageInBrowser","qualityParamSupported","jpegQuality","getImageSize","width","height","canvas","document","createElement","drawImageToCanvas","Promise","resolve","toBlob","error","blob","Error","arrayBuffer","x","y","ImageBitmap","context","getContext","transferFromImageBitmap","data","clampedArray","Uint8ClampedArray","imageData","ImageData","putImageData","drawImage"],"sources":["../../../../src/lib/encoders/encode-image.ts"],"sourcesContent":["// Image loading/saving for browser and Node.js\nimport {getImageSize} from '../category-api/parsed-image-api';\n\n// @ts-ignore TS2339: Property does not exist on type\nconst {_encodeImageNode} = globalThis;\n\n/**\n * Returns data bytes representing a compressed image in PNG or JPG format,\n * This data can be saved using file system (f) methods or used in a request.\n * @param image - ImageBitmap Image or Canvas\n * @param options\n * param opt.type='png' - png, jpg or image/png, image/jpg are valid\n * param mimeType= - Whether to include a data URI header\n */\nexport async function encodeImage(\n image: any,\n options?: {[key: string]: any}\n): Promise<ArrayBuffer> {\n options = options || {};\n options.image = options.image || ({} as {[key: string]: any});\n\n return _encodeImageNode\n ? _encodeImageNode(image, {type: options.image.mimeType})\n : encodeImageInBrowser(image, options);\n}\n\n// In case we get exceptions from canvas.toBlob(resolve, type, quality)\nlet qualityParamSupported = true;\n\n/**\n *\n * @param image\n * @param options\n * @note Based on canvas.toBlob\n * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob\n */\nasync function encodeImageInBrowser(image, options) {\n const {mimeType, jpegQuality} = options.image;\n\n const {width, height} = getImageSize(image);\n\n // create a canvas and resize it to the size of our image\n const canvas = document.createElement('canvas');\n canvas.width = width;\n canvas.height = height;\n\n drawImageToCanvas(image, canvas);\n\n // The actual encoding is done asynchronously with `canvas.toBlob()`\n const blob = await new Promise<Blob | null>((resolve) => {\n // get it back as a Blob\n if (jpegQuality && qualityParamSupported) {\n try {\n canvas.toBlob(resolve, mimeType, jpegQuality);\n return;\n } catch (error) {\n qualityParamSupported = false;\n }\n }\n canvas.toBlob(resolve, mimeType);\n });\n\n if (!blob) {\n throw new Error('image encoding failed');\n }\n\n return await blob.arrayBuffer();\n}\n\nfunction drawImageToCanvas(image, canvas, x = 0, y = 0) {\n // Try optimized path for ImageBitmaps via bitmaprenderer context\n if (x === 0 && y === 0 && typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {\n const context = canvas.getContext('bitmaprenderer');\n if (context) {\n // transfer the ImageBitmap to it\n context.transferFromImageBitmap(image);\n return canvas;\n }\n }\n\n // Available on most platforms, except IE11 and Andriod WebViews...\n const context = canvas.getContext('2d');\n if (image.data) {\n // ImageData constructor expects clamped array even though getImageData does not return a clamped array...\n const clampedArray = new Uint8ClampedArray(image.data);\n const imageData = new ImageData(clampedArray, image.width, image.height);\n context.putImageData(imageData, 0, 0);\n return canvas;\n }\n\n // Fall back to generic image/image bitmap rendering path\n context.drawImage(image, 0, 0);\n return canvas;\n}\n"],"mappings":"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"}
|
|
@@ -1,36 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = parseImage;
|
|
9
|
-
|
|
10
8
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
|
-
|
|
12
9
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
13
|
-
|
|
14
10
|
var _loaderUtils = require("@loaders.gl/loader-utils");
|
|
15
|
-
|
|
16
11
|
var _imageType = require("../category-api/image-type");
|
|
17
|
-
|
|
18
12
|
var _parsedImageApi = require("../category-api/parsed-image-api");
|
|
19
|
-
|
|
20
13
|
var _parseToImage = _interopRequireDefault(require("./parse-to-image"));
|
|
21
|
-
|
|
22
14
|
var _parseToImageBitmap = _interopRequireDefault(require("./parse-to-image-bitmap"));
|
|
23
|
-
|
|
24
15
|
var _parseToNodeImage = _interopRequireDefault(require("./parse-to-node-image"));
|
|
25
|
-
|
|
26
16
|
function parseImage(_x, _x2, _x3) {
|
|
27
17
|
return _parseImage.apply(this, arguments);
|
|
28
18
|
}
|
|
29
|
-
|
|
30
19
|
function _parseImage() {
|
|
31
20
|
_parseImage = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee(arrayBuffer, options, context) {
|
|
32
21
|
var imageOptions, imageType, _ref, url, loadType, image;
|
|
33
|
-
|
|
34
22
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
35
23
|
while (1) {
|
|
36
24
|
switch (_context.prev = _context.next) {
|
|
@@ -43,41 +31,31 @@ function _parseImage() {
|
|
|
43
31
|
_context.t0 = loadType;
|
|
44
32
|
_context.next = _context.t0 === 'imagebitmap' ? 8 : _context.t0 === 'image' ? 12 : _context.t0 === 'data' ? 16 : 20;
|
|
45
33
|
break;
|
|
46
|
-
|
|
47
34
|
case 8:
|
|
48
35
|
_context.next = 10;
|
|
49
36
|
return (0, _parseToImageBitmap.default)(arrayBuffer, options, url);
|
|
50
|
-
|
|
51
37
|
case 10:
|
|
52
38
|
image = _context.sent;
|
|
53
39
|
return _context.abrupt("break", 21);
|
|
54
|
-
|
|
55
40
|
case 12:
|
|
56
41
|
_context.next = 14;
|
|
57
42
|
return (0, _parseToImage.default)(arrayBuffer, options, url);
|
|
58
|
-
|
|
59
43
|
case 14:
|
|
60
44
|
image = _context.sent;
|
|
61
45
|
return _context.abrupt("break", 21);
|
|
62
|
-
|
|
63
46
|
case 16:
|
|
64
47
|
_context.next = 18;
|
|
65
48
|
return (0, _parseToNodeImage.default)(arrayBuffer, options);
|
|
66
|
-
|
|
67
49
|
case 18:
|
|
68
50
|
image = _context.sent;
|
|
69
51
|
return _context.abrupt("break", 21);
|
|
70
|
-
|
|
71
52
|
case 20:
|
|
72
53
|
(0, _loaderUtils.assert)(false);
|
|
73
|
-
|
|
74
54
|
case 21:
|
|
75
55
|
if (imageType === 'data') {
|
|
76
56
|
image = (0, _parsedImageApi.getImageData)(image);
|
|
77
57
|
}
|
|
78
|
-
|
|
79
58
|
return _context.abrupt("return", image);
|
|
80
|
-
|
|
81
59
|
case 23:
|
|
82
60
|
case "end":
|
|
83
61
|
return _context.stop();
|
|
@@ -87,13 +65,11 @@ function _parseImage() {
|
|
|
87
65
|
}));
|
|
88
66
|
return _parseImage.apply(this, arguments);
|
|
89
67
|
}
|
|
90
|
-
|
|
91
68
|
function getLoadableImageType(type) {
|
|
92
69
|
switch (type) {
|
|
93
70
|
case 'auto':
|
|
94
71
|
case 'data':
|
|
95
72
|
return (0, _imageType.getDefaultImageType)();
|
|
96
|
-
|
|
97
73
|
default:
|
|
98
74
|
(0, _imageType.isImageTypeSupported)(type);
|
|
99
75
|
return type;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"parse-image.js","names":["parseImage","arrayBuffer","options","context","imageOptions","image","imageType","type","url","loadType","getLoadableImageType","parseToImageBitmap","parseToImage","parseToNodeImage","assert","getImageData","getDefaultImageType","isImageTypeSupported"],"sources":["../../../../src/lib/parsers/parse-image.ts"],"sourcesContent":["import type {LoaderContext} from '@loaders.gl/loader-utils';\nimport {assert} from '@loaders.gl/loader-utils';\nimport type {ImageType} from '../../types';\nimport type {ImageLoaderOptions} from '../../image-loader';\nimport {isImageTypeSupported, getDefaultImageType} from '../category-api/image-type';\nimport {getImageData} from '../category-api/parsed-image-api';\nimport parseToImage from './parse-to-image';\nimport parseToImageBitmap from './parse-to-image-bitmap';\nimport parseToNodeImage from './parse-to-node-image';\n\n// Parse to platform defined image type (data on node, ImageBitmap or HTMLImage on browser)\n// eslint-disable-next-line complexity\nexport default async function parseImage(\n arrayBuffer: ArrayBuffer,\n options?: ImageLoaderOptions,\n context?: LoaderContext\n): Promise<ImageType> {\n options = options || {};\n const imageOptions = options.image || {};\n\n // The user can request a specific output format via `options.image.type`\n const imageType = imageOptions.type || 'auto';\n\n const {url} = context || {};\n\n // Note: For options.image.type === `data`, we may still need to load as `image` or `imagebitmap`\n const loadType = getLoadableImageType(imageType);\n\n let image;\n switch (loadType) {\n case 'imagebitmap':\n image = await parseToImageBitmap(arrayBuffer, options, url);\n break;\n case 'image':\n image = await parseToImage(arrayBuffer, options, url);\n break;\n case 'data':\n // Node.js loads imagedata directly\n image = await parseToNodeImage(arrayBuffer, options);\n break;\n default:\n assert(false);\n }\n\n // Browser: if options.image.type === 'data', we can now extract data from the loaded image\n if (imageType === 'data') {\n image = getImageData(image);\n }\n\n return image;\n}\n\n// Get a loadable image type from image type\nfunction getLoadableImageType(type) {\n switch (type) {\n case 'auto':\n case 'data':\n // Browser: For image data we need still need to load using an image format\n // Node: the default image type is `data`.\n return getDefaultImageType();\n default:\n // Throw an error if not supported\n isImageTypeSupported(type);\n return type;\n }\n}\n"],"mappings":";;;;;;;;;AACA;AAGA;AACA;AACA;AACA;AACA;AAAqD,SAIvBA,UAAU;EAAA;AAAA;AAAA;EAAA,wEAAzB,iBACbC,WAAwB,EACxBC,OAA4B,EAC5BC,OAAuB;IAAA;IAAA;MAAA;QAAA;UAAA;YAEvBD,OAAO,GAAGA,OAAO,IAAI,CAAC,CAAC;YACjBE,YAAY,GAAGF,OAAO,CAACG,KAAK,IAAI,CAAC,CAAC;YAGlCC,SAAS,GAAGF,YAAY,CAACG,IAAI,IAAI,MAAM;YAAA,OAE/BJ,OAAO,IAAI,CAAC,CAAC,EAApBK,GAAG,QAAHA,GAAG;YAGJC,QAAQ,GAAGC,oBAAoB,CAACJ,SAAS,CAAC;YAAA,cAGxCG,QAAQ;YAAA,gCACT,aAAa,uBAGb,OAAO,wBAGP,MAAM;YAAA;UAAA;YAAA;YAAA,OALK,IAAAE,2BAAkB,EAACV,WAAW,EAAEC,OAAO,EAAEM,GAAG,CAAC;UAAA;YAA3DH,KAAK;YAAA;UAAA;YAAA;YAAA,OAGS,IAAAO,qBAAY,EAACX,WAAW,EAAEC,OAAO,EAAEM,GAAG,CAAC;UAAA;YAArDH,KAAK;YAAA;UAAA;YAAA;YAAA,OAIS,IAAAQ,yBAAgB,EAACZ,WAAW,EAAEC,OAAO,CAAC;UAAA;YAApDG,KAAK;YAAA;UAAA;YAGL,IAAAS,mBAAM,EAAC,KAAK,CAAC;UAAC;YAIlB,IAAIR,SAAS,KAAK,MAAM,EAAE;cACxBD,KAAK,GAAG,IAAAU,4BAAY,EAACV,KAAK,CAAC;YAC7B;YAAC,iCAEMA,KAAK;UAAA;UAAA;YAAA;QAAA;MAAA;IAAA;EAAA,CACb;EAAA;AAAA;AAGD,SAASK,oBAAoB,CAACH,IAAI,EAAE;EAClC,QAAQA,IAAI;IACV,KAAK,MAAM;IACX,KAAK,MAAM;MAGT,OAAO,IAAAS,8BAAmB,GAAE;IAC9B;MAEE,IAAAC,+BAAoB,EAACV,IAAI,CAAC;MAC1B,OAAOA,IAAI;EAAC;AAElB"}
|
|
@@ -1,27 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = parseToImageBitmap;
|
|
9
|
-
|
|
10
8
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
|
-
|
|
12
9
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
13
|
-
|
|
14
10
|
var _svgUtils = require("./svg-utils");
|
|
15
|
-
|
|
16
11
|
var _parseToImage = _interopRequireDefault(require("./parse-to-image"));
|
|
17
|
-
|
|
18
12
|
var EMPTY_OBJECT = {};
|
|
19
13
|
var imagebitmapOptionsSupported = true;
|
|
20
14
|
|
|
21
15
|
function parseToImageBitmap(_x, _x2, _x3) {
|
|
22
16
|
return _parseToImageBitmap.apply(this, arguments);
|
|
23
17
|
}
|
|
24
|
-
|
|
25
18
|
function _parseToImageBitmap() {
|
|
26
19
|
_parseToImageBitmap = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee(arrayBuffer, options, url) {
|
|
27
20
|
var blob, image, imagebitmapOptions;
|
|
@@ -33,27 +26,21 @@ function _parseToImageBitmap() {
|
|
|
33
26
|
_context.next = 7;
|
|
34
27
|
break;
|
|
35
28
|
}
|
|
36
|
-
|
|
37
29
|
_context.next = 3;
|
|
38
30
|
return (0, _parseToImage.default)(arrayBuffer, options, url);
|
|
39
|
-
|
|
40
31
|
case 3:
|
|
41
32
|
image = _context.sent;
|
|
42
33
|
blob = image;
|
|
43
34
|
_context.next = 8;
|
|
44
35
|
break;
|
|
45
|
-
|
|
46
36
|
case 7:
|
|
47
37
|
blob = (0, _svgUtils.getBlob)(arrayBuffer, url);
|
|
48
|
-
|
|
49
38
|
case 8:
|
|
50
39
|
imagebitmapOptions = options && options.imagebitmap;
|
|
51
40
|
_context.next = 11;
|
|
52
41
|
return safeCreateImageBitmap(blob, imagebitmapOptions);
|
|
53
|
-
|
|
54
42
|
case 11:
|
|
55
43
|
return _context.abrupt("return", _context.sent);
|
|
56
|
-
|
|
57
44
|
case 12:
|
|
58
45
|
case "end":
|
|
59
46
|
return _context.stop();
|
|
@@ -63,50 +50,40 @@ function _parseToImageBitmap() {
|
|
|
63
50
|
}));
|
|
64
51
|
return _parseToImageBitmap.apply(this, arguments);
|
|
65
52
|
}
|
|
66
|
-
|
|
67
53
|
function safeCreateImageBitmap(_x4) {
|
|
68
54
|
return _safeCreateImageBitmap.apply(this, arguments);
|
|
69
55
|
}
|
|
70
|
-
|
|
71
56
|
function _safeCreateImageBitmap() {
|
|
72
57
|
_safeCreateImageBitmap = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee2(blob) {
|
|
73
58
|
var imagebitmapOptions,
|
|
74
|
-
|
|
59
|
+
_args2 = arguments;
|
|
75
60
|
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
76
61
|
while (1) {
|
|
77
62
|
switch (_context2.prev = _context2.next) {
|
|
78
63
|
case 0:
|
|
79
64
|
imagebitmapOptions = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : null;
|
|
80
|
-
|
|
81
65
|
if (isEmptyObject(imagebitmapOptions) || !imagebitmapOptionsSupported) {
|
|
82
66
|
imagebitmapOptions = null;
|
|
83
67
|
}
|
|
84
|
-
|
|
85
68
|
if (!imagebitmapOptions) {
|
|
86
69
|
_context2.next = 13;
|
|
87
70
|
break;
|
|
88
71
|
}
|
|
89
|
-
|
|
90
72
|
_context2.prev = 3;
|
|
91
73
|
_context2.next = 6;
|
|
92
74
|
return createImageBitmap(blob, imagebitmapOptions);
|
|
93
|
-
|
|
94
75
|
case 6:
|
|
95
76
|
return _context2.abrupt("return", _context2.sent);
|
|
96
|
-
|
|
97
77
|
case 9:
|
|
98
78
|
_context2.prev = 9;
|
|
99
79
|
_context2.t0 = _context2["catch"](3);
|
|
100
80
|
console.warn(_context2.t0);
|
|
101
81
|
imagebitmapOptionsSupported = false;
|
|
102
|
-
|
|
103
82
|
case 13:
|
|
104
83
|
_context2.next = 15;
|
|
105
84
|
return createImageBitmap(blob);
|
|
106
|
-
|
|
107
85
|
case 15:
|
|
108
86
|
return _context2.abrupt("return", _context2.sent);
|
|
109
|
-
|
|
110
87
|
case 16:
|
|
111
88
|
case "end":
|
|
112
89
|
return _context2.stop();
|
|
@@ -116,12 +93,10 @@ function _safeCreateImageBitmap() {
|
|
|
116
93
|
}));
|
|
117
94
|
return _safeCreateImageBitmap.apply(this, arguments);
|
|
118
95
|
}
|
|
119
|
-
|
|
120
96
|
function isEmptyObject(object) {
|
|
121
97
|
for (var key in object || EMPTY_OBJECT) {
|
|
122
98
|
return false;
|
|
123
99
|
}
|
|
124
|
-
|
|
125
100
|
return true;
|
|
126
101
|
}
|
|
127
102
|
//# sourceMappingURL=parse-to-image-bitmap.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"parse-to-image-bitmap.js","names":["EMPTY_OBJECT","imagebitmapOptionsSupported","parseToImageBitmap","arrayBuffer","options","url","isSVG","parseToImage","image","blob","getBlob","imagebitmapOptions","imagebitmap","safeCreateImageBitmap","isEmptyObject","createImageBitmap","console","warn","object","key"],"sources":["../../../../src/lib/parsers/parse-to-image-bitmap.ts"],"sourcesContent":["import type {ImageLoaderOptions} from '../../image-loader';\nimport {isSVG, getBlob} from './svg-utils';\nimport parseToImage from './parse-to-image';\n\nconst EMPTY_OBJECT = {};\n\nlet imagebitmapOptionsSupported = true;\n\n/**\n * Asynchronously parses an array buffer into an ImageBitmap - this contains the decoded data\n * ImageBitmaps are supported on worker threads, but not supported on Edge, IE11 and Safari\n * https://developer.mozilla.org/en-US/docs/Web/API/ImageBitmap#Browser_compatibility\n *\n * TODO - createImageBitmap supports source rect (5 param overload), pass through?\n */\nexport default async function parseToImageBitmap(\n arrayBuffer: ArrayBuffer,\n options: ImageLoaderOptions,\n url?: string\n): Promise<ImageBitmap> {\n let blob;\n\n // Cannot parse SVG directly to ImageBitmap, parse to Image first\n if (isSVG(url)) {\n // Note: this only works on main thread\n const image = await parseToImage(arrayBuffer, options, url);\n blob = image;\n } else {\n // Create blob from the array buffer\n blob = getBlob(arrayBuffer, url);\n }\n\n const imagebitmapOptions = options && options.imagebitmap;\n\n return await safeCreateImageBitmap(blob, imagebitmapOptions);\n}\n\n/**\n * Safely creates an imageBitmap with options\n * *\n * Firefox crashes if imagebitmapOptions is supplied\n * Avoid supplying if not provided or supported, remember if not supported\n */\nasync function safeCreateImageBitmap(\n blob: Blob,\n imagebitmapOptions: ImageBitmapOptions | null = null\n): Promise<ImageBitmap> {\n if (isEmptyObject(imagebitmapOptions) || !imagebitmapOptionsSupported) {\n imagebitmapOptions = null;\n }\n\n if (imagebitmapOptions) {\n try {\n // @ts-ignore Options\n return await createImageBitmap(blob, imagebitmapOptions);\n } catch (error) {\n console.warn(error); // eslint-disable-line\n imagebitmapOptionsSupported = false;\n }\n }\n\n return await createImageBitmap(blob);\n}\n\nfunction isEmptyObject(object) {\n // @ts-ignore\n for (const key in object || EMPTY_OBJECT) {\n return false;\n }\n return true;\n}\n"],"mappings":";;;;;;;;;AACA;AACA;AAEA,IAAMA,YAAY,GAAG,CAAC,CAAC;AAEvB,IAAIC,2BAA2B,GAAG,IAAI;;AAAC,SASTC,kBAAkB;EAAA;AAAA;AAAA;EAAA,gFAAjC,iBACbC,WAAwB,EACxBC,OAA2B,EAC3BC,GAAY;IAAA;IAAA;MAAA;QAAA;UAAA;YAAA,KAKR,IAAAC,eAAK,EAACD,GAAG,CAAC;cAAA;cAAA;YAAA;YAAA;YAAA,OAEQ,IAAAE,qBAAY,EAACJ,WAAW,EAAEC,OAAO,EAAEC,GAAG,CAAC;UAAA;YAArDG,KAAK;YACXC,IAAI,GAAGD,KAAK;YAAC;YAAA;UAAA;YAGbC,IAAI,GAAG,IAAAC,iBAAO,EAACP,WAAW,EAAEE,GAAG,CAAC;UAAC;YAG7BM,kBAAkB,GAAGP,OAAO,IAAIA,OAAO,CAACQ,WAAW;YAAA;YAAA,OAE5CC,qBAAqB,CAACJ,IAAI,EAAEE,kBAAkB,CAAC;UAAA;YAAA;UAAA;UAAA;YAAA;QAAA;MAAA;IAAA;EAAA,CAC7D;EAAA;AAAA;AAAA,SAQcE,qBAAqB;EAAA;AAAA;AAAA;EAAA,mFAApC,kBACEJ,IAAU;IAAA;MAAA;IAAA;MAAA;QAAA;UAAA;YACVE,kBAA6C,8DAAG,IAAI;YAEpD,IAAIG,aAAa,CAACH,kBAAkB,CAAC,IAAI,CAACV,2BAA2B,EAAE;cACrEU,kBAAkB,GAAG,IAAI;YAC3B;YAAC,KAEGA,kBAAkB;cAAA;cAAA;YAAA;YAAA;YAAA;YAAA,OAGLI,iBAAiB,CAACN,IAAI,EAAEE,kBAAkB,CAAC;UAAA;YAAA;UAAA;YAAA;YAAA;YAExDK,OAAO,CAACC,IAAI,cAAO;YACnBhB,2BAA2B,GAAG,KAAK;UAAC;YAAA;YAAA,OAI3Bc,iBAAiB,CAACN,IAAI,CAAC;UAAA;YAAA;UAAA;UAAA;YAAA;QAAA;MAAA;IAAA;EAAA,CACrC;EAAA;AAAA;AAED,SAASK,aAAa,CAACI,MAAM,EAAE;EAE7B,KAAK,IAAMC,GAAG,IAAID,MAAM,IAAIlB,YAAY,EAAE;IACxC,OAAO,KAAK;EACd;EACA,OAAO,IAAI;AACb"}
|
|
@@ -1,23 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = parseToImage;
|
|
9
8
|
exports.loadToImage = loadToImage;
|
|
10
|
-
|
|
11
9
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
12
|
-
|
|
13
10
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
14
|
-
|
|
15
11
|
var _svgUtils = require("./svg-utils");
|
|
16
|
-
|
|
17
12
|
function parseToImage(_x, _x2, _x3) {
|
|
18
13
|
return _parseToImage.apply(this, arguments);
|
|
19
14
|
}
|
|
20
|
-
|
|
21
15
|
function _parseToImage() {
|
|
22
16
|
_parseToImage = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee(arrayBuffer, options, url) {
|
|
23
17
|
var blobOrDataUrl, URL, objectUrl;
|
|
@@ -31,19 +25,14 @@ function _parseToImage() {
|
|
|
31
25
|
_context.prev = 3;
|
|
32
26
|
_context.next = 6;
|
|
33
27
|
return loadToImage(objectUrl || blobOrDataUrl, options);
|
|
34
|
-
|
|
35
28
|
case 6:
|
|
36
29
|
return _context.abrupt("return", _context.sent);
|
|
37
|
-
|
|
38
30
|
case 7:
|
|
39
31
|
_context.prev = 7;
|
|
40
|
-
|
|
41
32
|
if (objectUrl) {
|
|
42
33
|
URL.revokeObjectURL(objectUrl);
|
|
43
34
|
}
|
|
44
|
-
|
|
45
35
|
return _context.finish(7);
|
|
46
|
-
|
|
47
36
|
case 10:
|
|
48
37
|
case "end":
|
|
49
38
|
return _context.stop();
|
|
@@ -53,11 +42,9 @@ function _parseToImage() {
|
|
|
53
42
|
}));
|
|
54
43
|
return _parseToImage.apply(this, arguments);
|
|
55
44
|
}
|
|
56
|
-
|
|
57
45
|
function loadToImage(_x4, _x5) {
|
|
58
46
|
return _loadToImage.apply(this, arguments);
|
|
59
47
|
}
|
|
60
|
-
|
|
61
48
|
function _loadToImage() {
|
|
62
49
|
_loadToImage = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee2(url, options) {
|
|
63
50
|
var image;
|
|
@@ -72,13 +59,10 @@ function _loadToImage() {
|
|
|
72
59
|
_context2.next = 6;
|
|
73
60
|
break;
|
|
74
61
|
}
|
|
75
|
-
|
|
76
62
|
_context2.next = 5;
|
|
77
63
|
return image.decode();
|
|
78
|
-
|
|
79
64
|
case 5:
|
|
80
65
|
return _context2.abrupt("return", image);
|
|
81
|
-
|
|
82
66
|
case 6:
|
|
83
67
|
_context2.next = 8;
|
|
84
68
|
return new Promise(function (resolve, reject) {
|
|
@@ -86,7 +70,6 @@ function _loadToImage() {
|
|
|
86
70
|
image.onload = function () {
|
|
87
71
|
return resolve(image);
|
|
88
72
|
};
|
|
89
|
-
|
|
90
73
|
image.onerror = function (err) {
|
|
91
74
|
return reject(new Error("Could not load image ".concat(url, ": ").concat(err)));
|
|
92
75
|
};
|
|
@@ -94,10 +77,8 @@ function _loadToImage() {
|
|
|
94
77
|
reject(error);
|
|
95
78
|
}
|
|
96
79
|
});
|
|
97
|
-
|
|
98
80
|
case 8:
|
|
99
81
|
return _context2.abrupt("return", _context2.sent);
|
|
100
|
-
|
|
101
82
|
case 9:
|
|
102
83
|
case "end":
|
|
103
84
|
return _context2.stop();
|