@loaders.gl/images 3.4.0-alpha.2 → 3.4.0-alpha.3
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/es5/image-loader.js +0 -1
- package/dist/es5/image-loader.js.map +1 -1
- package/dist/es5/image-writer.js +0 -1
- package/dist/es5/image-writer.js.map +1 -1
- package/dist/es5/index.js.map +1 -1
- package/dist/es5/lib/category-api/binary-image-api.js +0 -17
- package/dist/es5/lib/category-api/binary-image-api.js.map +1 -1
- package/dist/es5/lib/category-api/image-format.js +90 -104
- package/dist/es5/lib/category-api/image-format.js.map +1 -1
- package/dist/es5/lib/category-api/image-type.js +0 -3
- package/dist/es5/lib/category-api/image-type.js.map +1 -1
- package/dist/es5/lib/category-api/parse-isobmff-binary.js +0 -5
- package/dist/es5/lib/category-api/parse-isobmff-binary.js.map +1 -1
- package/dist/es5/lib/category-api/parsed-image-api.js +0 -2
- package/dist/es5/lib/category-api/parsed-image-api.js.map +1 -1
- package/dist/es5/lib/encoders/encode-image.js +43 -53
- package/dist/es5/lib/encoders/encode-image.js.map +1 -1
- package/dist/es5/lib/parsers/parse-image.js +38 -40
- package/dist/es5/lib/parsers/parse-image.js.map +1 -1
- package/dist/es5/lib/parsers/parse-to-image-bitmap.js +51 -56
- package/dist/es5/lib/parsers/parse-to-image-bitmap.js.map +1 -1
- package/dist/es5/lib/parsers/parse-to-image.js +49 -54
- package/dist/es5/lib/parsers/parse-to-image.js.map +1 -1
- package/dist/es5/lib/parsers/parse-to-node-image.js +12 -15
- package/dist/es5/lib/parsers/parse-to-node-image.js.map +1 -1
- package/dist/es5/lib/parsers/svg-utils.js +0 -1
- package/dist/es5/lib/parsers/svg-utils.js.map +1 -1
- package/dist/es5/lib/texture-api/async-deep-map.js +93 -85
- package/dist/es5/lib/texture-api/async-deep-map.js.map +1 -1
- package/dist/es5/lib/texture-api/deep-load.js +28 -32
- package/dist/es5/lib/texture-api/deep-load.js.map +1 -1
- package/dist/es5/lib/texture-api/generate-url.js +0 -1
- package/dist/es5/lib/texture-api/generate-url.js.map +1 -1
- package/dist/es5/lib/texture-api/load-image.js +65 -72
- 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/esm/bundle.js +0 -1
- package/dist/esm/bundle.js.map +1 -1
- package/dist/esm/image-loader.js +0 -1
- package/dist/esm/image-loader.js.map +1 -1
- package/dist/esm/image-writer.js +0 -1
- package/dist/esm/image-writer.js.map +1 -1
- package/dist/esm/index.js +0 -6
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/lib/category-api/binary-image-api.js +0 -19
- package/dist/esm/lib/category-api/binary-image-api.js.map +1 -1
- package/dist/esm/lib/category-api/image-format.js +1 -13
- package/dist/esm/lib/category-api/image-format.js.map +1 -1
- package/dist/esm/lib/category-api/image-type.js +0 -3
- package/dist/esm/lib/category-api/image-type.js.map +1 -1
- package/dist/esm/lib/category-api/parse-isobmff-binary.js +0 -6
- package/dist/esm/lib/category-api/parse-isobmff-binary.js.map +1 -1
- package/dist/esm/lib/category-api/parsed-image-api.js +0 -2
- package/dist/esm/lib/category-api/parsed-image-api.js.map +1 -1
- package/dist/esm/lib/encoders/encode-image.js +0 -9
- package/dist/esm/lib/encoders/encode-image.js.map +1 -1
- package/dist/esm/lib/parsers/parse-image.js +0 -5
- package/dist/esm/lib/parsers/parse-image.js.map +1 -1
- package/dist/esm/lib/parsers/parse-to-image-bitmap.js +0 -3
- package/dist/esm/lib/parsers/parse-to-image-bitmap.js.map +1 -1
- package/dist/esm/lib/parsers/parse-to-image.js +0 -4
- package/dist/esm/lib/parsers/parse-to-image.js.map +1 -1
- package/dist/esm/lib/parsers/parse-to-node-image.js +0 -3
- package/dist/esm/lib/parsers/parse-to-node-image.js.map +1 -1
- package/dist/esm/lib/parsers/svg-utils.js +0 -2
- package/dist/esm/lib/parsers/svg-utils.js.map +1 -1
- package/dist/esm/lib/texture-api/async-deep-map.js +0 -5
- 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 +0 -2
- package/dist/esm/lib/texture-api/generate-url.js.map +1 -1
- package/dist/esm/lib/texture-api/load-image.js +0 -4
- package/dist/esm/lib/texture-api/load-image.js.map +1 -1
- package/dist/esm/lib/utils/version.js +1 -2
- package/dist/esm/lib/utils/version.js.map +1 -1
- package/dist/lib/category-api/binary-image-api.js +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parse-isobmff-binary.js","names":["getISOBMFFMediaType","buffer","checkString","decodeMajorBrand","brandMajor","getUTF8String","replace","trim","extension","mimeType","array","start","end","String","fromCharCode","slice","stringToBytes","string","map","character","charCodeAt","header","offset","
|
|
1
|
+
{"version":3,"file":"parse-isobmff-binary.js","names":["getISOBMFFMediaType","buffer","checkString","decodeMajorBrand","brandMajor","getUTF8String","replace","trim","extension","mimeType","array","start","end","String","fromCharCode","apply","_toConsumableArray2","default","slice","stringToBytes","string","map","character","charCodeAt","header","offset","arguments","length","undefined","headerBytes","i"],"sources":["../../../../src/lib/category-api/parse-isobmff-binary.ts"],"sourcesContent":["// loaders.gl, MIT license\n// code adapted from https://github.com/sindresorhus/file-type under MIT license\n\n/**\n * Box is a container format that can contain a variety of media related files,\n * so we want to return information about which type of file is actually contained inside\n */\nexport type BoxFileType = {extension: string; mimeType: string};\n\n/**\n * Tests if a buffer is in ISO base media file format (ISOBMFF) @see https://en.wikipedia.org/wiki/ISO_base_media_file_format\n * (ISOBMFF is a media container standard based on the Apple QuickTime container format)\n */\nexport function getISOBMFFMediaType(buffer: Uint8Array): BoxFileType | null {\n // Almost all ISO base media files start with `ftyp` box. (It's not required to be first, but it's recommended to be.)\n if (!checkString(buffer, 'ftyp', 4)) {\n return null;\n }\n\n // Extra check: test for 8859-1 printable characters (for simplicity, it's a mask which also catches one non-printable character).\n if ((buffer[8] & 0x60) === 0x00) {\n return null;\n }\n\n // `ftyp` box must contain a brand major identifier, which must consist of ISO 8859-1 printable characters.\n return decodeMajorBrand(buffer);\n}\n\n/**\n * brands explained @see https://github.com/strukturag/libheif/issues/83\n * code adapted from @see https://github.com/sindresorhus/file-type/blob/main/core.js#L489-L492\n */\nexport function decodeMajorBrand(buffer: Uint8Array): BoxFileType | null {\n const brandMajor = getUTF8String(buffer, 8, 12).replace('\\0', ' ').trim();\n\n switch (brandMajor) {\n case 'avif':\n case 'avis':\n return {extension: 'avif', mimeType: 'image/avif'};\n default:\n return null;\n }\n // We don't need these now, but they are easy to add\n // case 'mif1':\n // return {extension: 'heic', mimeType: 'image/heif'};\n // case 'msf1':\n // return {extension: 'heic', mimeType: 'image/heif-sequence'};\n // case 'heic':\n // case 'heix':\n // return {extension: 'heic', mimeType: 'image/heic'};\n // case 'hevc':\n // case 'hevx':\n // return {extension: 'heic', mimeType: 'image/heic-sequence'};\n // case 'qt':\n // return {ext: 'mov', mime: 'video/quicktime'};\n // case 'M4V':\n // case 'M4VH':\n // case 'M4VP':\n // return {ext: 'm4v', mime: 'video/x-m4v'};\n // case 'M4P':\n // return {ext: 'm4p', mime: 'video/mp4'};\n // case 'M4B':\n // return {ext: 'm4b', mime: 'audio/mp4'};\n // case 'M4A':\n // return {ext: 'm4a', mime: 'audio/x-m4a'};\n // case 'F4V':\n // return {ext: 'f4v', mime: 'video/mp4'};\n // case 'F4P':\n // return {ext: 'f4p', mime: 'video/mp4'};\n // case 'F4A':\n // return {ext: 'f4a', mime: 'audio/mp4'};\n // case 'F4B':\n // return {ext: 'f4b', mime: 'audio/mp4'};\n // case 'crx':\n // return {ext: 'cr3', mime: 'image/x-canon-cr3'};\n // default:\n // if (brandMajor.startsWith('3g')) {\n // if (brandMajor.startsWith('3g2')) {\n // return {ext: '3g2', mime: 'video/3gpp2'};\n // }\n // return {ext: '3gp', mime: 'video/3gpp'};\n // }\n // return {ext: 'mp4', mime: 'video/mp4'};\n}\n\n/** Interpret a chunk of bytes as a UTF8 string */\nfunction getUTF8String(array: Uint8Array, start: number, end: number): string {\n return String.fromCharCode(...array.slice(start, end));\n}\n\nfunction stringToBytes(string: string): number[] {\n return [...string].map((character) => character.charCodeAt(0));\n}\n\nfunction checkString(buffer: ArrayLike<number>, header: string, offset: number = 0): boolean {\n const headerBytes = stringToBytes(header);\n\n for (let i = 0; i < headerBytes.length; ++i) {\n if (headerBytes[i] !== buffer[i + offset]) {\n return false;\n }\n }\n\n return true;\n}\n"],"mappings":";;;;;;;;;AAaO,SAASA,mBAAmBA,CAACC,MAAkB,EAAsB;EAE1E,IAAI,CAACC,WAAW,CAACD,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE;IACnC,OAAO,IAAI;EACb;EAGA,IAAI,CAACA,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,MAAM,IAAI,EAAE;IAC/B,OAAO,IAAI;EACb;EAGA,OAAOE,gBAAgB,CAACF,MAAM,CAAC;AACjC;AAMO,SAASE,gBAAgBA,CAACF,MAAkB,EAAsB;EACvE,IAAMG,UAAU,GAAGC,aAAa,CAACJ,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAACK,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAACC,IAAI,EAAE;EAEzE,QAAQH,UAAU;IAChB,KAAK,MAAM;IACX,KAAK,MAAM;MACT,OAAO;QAACI,SAAS,EAAE,MAAM;QAAEC,QAAQ,EAAE;MAAY,CAAC;IACpD;MACE,OAAO,IAAI;EAAC;AA2ClB;AAGA,SAASJ,aAAaA,CAACK,KAAiB,EAAEC,KAAa,EAAEC,GAAW,EAAU;EAC5E,OAAOC,MAAM,CAACC,YAAY,CAAAC,KAAA,CAAnBF,MAAM,MAAAG,mBAAA,CAAAC,OAAA,EAAiBP,KAAK,CAACQ,KAAK,CAACP,KAAK,EAAEC,GAAG,CAAC,EAAC;AACxD;AAEA,SAASO,aAAaA,CAACC,MAAc,EAAY;EAC/C,OAAO,IAAAJ,mBAAA,CAAAC,OAAA,EAAIG,MAAM,EAAEC,GAAG,CAAC,UAACC,SAAS;IAAA,OAAKA,SAAS,CAACC,UAAU,CAAC,CAAC,CAAC;EAAA,EAAC;AAChE;AAEA,SAASrB,WAAWA,CAACD,MAAyB,EAAEuB,MAAc,EAA+B;EAAA,IAA7BC,MAAc,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;EAChF,IAAMG,WAAW,GAAGV,aAAa,CAACK,MAAM,CAAC;EAEzC,KAAK,IAAIM,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,WAAW,CAACF,MAAM,EAAE,EAAEG,CAAC,EAAE;IAC3C,IAAID,WAAW,CAACC,CAAC,CAAC,KAAK7B,MAAM,CAAC6B,CAAC,GAAGL,MAAM,CAAC,EAAE;MACzC,OAAO,KAAK;IACd;EACF;EAEA,OAAO,IAAI;AACb"}
|
|
@@ -21,7 +21,6 @@ function deleteImage(image) {
|
|
|
21
21
|
default:
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
|
-
|
|
25
24
|
function getImageType(image) {
|
|
26
25
|
var format = getImageTypeOrNull(image);
|
|
27
26
|
if (!format) {
|
|
@@ -51,7 +50,6 @@ function getImageData(image) {
|
|
|
51
50
|
throw new Error('getImageData');
|
|
52
51
|
}
|
|
53
52
|
}
|
|
54
|
-
|
|
55
53
|
function getImageTypeOrNull(image) {
|
|
56
54
|
if (typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {
|
|
57
55
|
return 'imagebitmap';
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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","_typeof2","default","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,OAAOA,CAACC,KAAgB,EAAW;EACjD,OAAOC,OAAO,CAACC,kBAAkB,CAACF,KAAK,CAAC,CAAC;AAC3C;AAEO,SAASG,WAAWA,CAACH,KAAgB,EAAQ;EAClD,QAAQI,YAAY,CAACJ,KAAK,CAAC;IACzB,KAAK,aAAa;MACfA,KAAK,CAAiBK,KAAK,EAAE;MAC9B;IACF;EAAQ;AAGZ;AAEO,SAASD,YAAYA,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,YAAYA,CAACR,KAAgB,EAAmC;EAC9E,OAAOS,YAAY,CAACT,KAAK,CAAC;AAC5B;AAEO,SAASS,YAAYA,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,kBAAkBA,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,IAAAoB,QAAA,CAAAC,OAAA,EAAOrB,KAAK,MAAK,QAAQ,IAAIA,KAAK,CAACsB,IAAI,IAAItB,KAAK,CAACe,KAAK,IAAIf,KAAK,CAACgB,MAAM,EAAE;IACnF,OAAO,MAAM;EACf;EACA,OAAO,IAAI;AACb"}
|
|
@@ -8,34 +8,29 @@ exports.encodeImage = encodeImage;
|
|
|
8
8
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
9
9
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
10
10
|
var _parsedImageApi = require("../category-api/parsed-image-api");
|
|
11
|
-
|
|
12
11
|
var _encodeImageNode = globalThis._encodeImageNode;
|
|
13
|
-
|
|
14
12
|
function encodeImage(_x, _x2) {
|
|
15
13
|
return _encodeImage.apply(this, arguments);
|
|
16
14
|
}
|
|
17
15
|
function _encodeImage() {
|
|
18
16
|
_encodeImage = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee(image, options) {
|
|
19
17
|
return _regenerator.default.wrap(function _callee$(_context2) {
|
|
20
|
-
while (1) {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
return _context2.stop();
|
|
31
|
-
}
|
|
18
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
19
|
+
case 0:
|
|
20
|
+
options = options || {};
|
|
21
|
+
options.image = options.image || {};
|
|
22
|
+
return _context2.abrupt("return", _encodeImageNode ? _encodeImageNode(image, {
|
|
23
|
+
type: options.image.mimeType
|
|
24
|
+
}) : encodeImageInBrowser(image, options));
|
|
25
|
+
case 3:
|
|
26
|
+
case "end":
|
|
27
|
+
return _context2.stop();
|
|
32
28
|
}
|
|
33
29
|
}, _callee);
|
|
34
30
|
}));
|
|
35
31
|
return _encodeImage.apply(this, arguments);
|
|
36
32
|
}
|
|
37
33
|
var qualityParamSupported = true;
|
|
38
|
-
|
|
39
34
|
function encodeImageInBrowser(_x3, _x4) {
|
|
40
35
|
return _encodeImageInBrowser.apply(this, arguments);
|
|
41
36
|
}
|
|
@@ -43,44 +38,41 @@ function _encodeImageInBrowser() {
|
|
|
43
38
|
_encodeImageInBrowser = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee2(image, options) {
|
|
44
39
|
var _options$image, mimeType, jpegQuality, _getImageSize, width, height, canvas, blob;
|
|
45
40
|
return _regenerator.default.wrap(function _callee2$(_context3) {
|
|
46
|
-
while (1) {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
} catch (error) {
|
|
63
|
-
qualityParamSupported = false;
|
|
64
|
-
}
|
|
41
|
+
while (1) switch (_context3.prev = _context3.next) {
|
|
42
|
+
case 0:
|
|
43
|
+
_options$image = options.image, mimeType = _options$image.mimeType, jpegQuality = _options$image.jpegQuality;
|
|
44
|
+
_getImageSize = (0, _parsedImageApi.getImageSize)(image), width = _getImageSize.width, height = _getImageSize.height;
|
|
45
|
+
canvas = document.createElement('canvas');
|
|
46
|
+
canvas.width = width;
|
|
47
|
+
canvas.height = height;
|
|
48
|
+
drawImageToCanvas(image, canvas);
|
|
49
|
+
_context3.next = 8;
|
|
50
|
+
return new Promise(function (resolve) {
|
|
51
|
+
if (jpegQuality && qualityParamSupported) {
|
|
52
|
+
try {
|
|
53
|
+
canvas.toBlob(resolve, mimeType, jpegQuality);
|
|
54
|
+
return;
|
|
55
|
+
} catch (error) {
|
|
56
|
+
qualityParamSupported = false;
|
|
65
57
|
}
|
|
66
|
-
canvas.toBlob(resolve, mimeType);
|
|
67
|
-
});
|
|
68
|
-
case 8:
|
|
69
|
-
blob = _context3.sent;
|
|
70
|
-
if (blob) {
|
|
71
|
-
_context3.next = 11;
|
|
72
|
-
break;
|
|
73
58
|
}
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
59
|
+
canvas.toBlob(resolve, mimeType);
|
|
60
|
+
});
|
|
61
|
+
case 8:
|
|
62
|
+
blob = _context3.sent;
|
|
63
|
+
if (blob) {
|
|
64
|
+
_context3.next = 11;
|
|
65
|
+
break;
|
|
66
|
+
}
|
|
67
|
+
throw new Error('image encoding failed');
|
|
68
|
+
case 11:
|
|
69
|
+
_context3.next = 13;
|
|
70
|
+
return blob.arrayBuffer();
|
|
71
|
+
case 13:
|
|
72
|
+
return _context3.abrupt("return", _context3.sent);
|
|
73
|
+
case 14:
|
|
74
|
+
case "end":
|
|
75
|
+
return _context3.stop();
|
|
84
76
|
}
|
|
85
77
|
}, _callee2);
|
|
86
78
|
}));
|
|
@@ -96,7 +88,6 @@ function drawImageToCanvas(image, canvas) {
|
|
|
96
88
|
return canvas;
|
|
97
89
|
}
|
|
98
90
|
}
|
|
99
|
-
|
|
100
91
|
var context = canvas.getContext('2d');
|
|
101
92
|
if (image.data) {
|
|
102
93
|
var clampedArray = new Uint8ClampedArray(image.data);
|
|
@@ -104,7 +95,6 @@ function drawImageToCanvas(image, canvas) {
|
|
|
104
95
|
context.putImageData(imageData, 0, 0);
|
|
105
96
|
return canvas;
|
|
106
97
|
}
|
|
107
|
-
|
|
108
98
|
context.drawImage(image, 0, 0);
|
|
109
99
|
return canvas;
|
|
110
100
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"encode-image.js","names":["_encodeImageNode","globalThis","encodeImage","image","options","type","mimeType","encodeImageInBrowser","qualityParamSupported","jpegQuality","
|
|
1
|
+
{"version":3,"file":"encode-image.js","names":["_parsedImageApi","require","_encodeImageNode","globalThis","encodeImage","_x","_x2","_encodeImage","apply","arguments","_asyncToGenerator2","default","_regenerator","mark","_callee","image","options","wrap","_callee$","_context2","prev","next","abrupt","type","mimeType","encodeImageInBrowser","stop","qualityParamSupported","_x3","_x4","_encodeImageInBrowser","_callee2","_options$image","jpegQuality","_getImageSize","width","height","canvas","blob","_callee2$","_context3","getImageSize","document","createElement","drawImageToCanvas","Promise","resolve","toBlob","error","sent","Error","arrayBuffer","x","length","undefined","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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"}
|
|
@@ -20,46 +20,44 @@ function _parseImage() {
|
|
|
20
20
|
_parseImage = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee(arrayBuffer, options, context) {
|
|
21
21
|
var imageOptions, imageType, _ref, url, loadType, image;
|
|
22
22
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
23
|
-
while (1) {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
return _context.stop();
|
|
62
|
-
}
|
|
23
|
+
while (1) switch (_context.prev = _context.next) {
|
|
24
|
+
case 0:
|
|
25
|
+
options = options || {};
|
|
26
|
+
imageOptions = options.image || {};
|
|
27
|
+
imageType = imageOptions.type || 'auto';
|
|
28
|
+
_ref = context || {}, url = _ref.url;
|
|
29
|
+
loadType = getLoadableImageType(imageType);
|
|
30
|
+
_context.t0 = loadType;
|
|
31
|
+
_context.next = _context.t0 === 'imagebitmap' ? 8 : _context.t0 === 'image' ? 12 : _context.t0 === 'data' ? 16 : 20;
|
|
32
|
+
break;
|
|
33
|
+
case 8:
|
|
34
|
+
_context.next = 10;
|
|
35
|
+
return (0, _parseToImageBitmap.default)(arrayBuffer, options, url);
|
|
36
|
+
case 10:
|
|
37
|
+
image = _context.sent;
|
|
38
|
+
return _context.abrupt("break", 21);
|
|
39
|
+
case 12:
|
|
40
|
+
_context.next = 14;
|
|
41
|
+
return (0, _parseToImage.default)(arrayBuffer, options, url);
|
|
42
|
+
case 14:
|
|
43
|
+
image = _context.sent;
|
|
44
|
+
return _context.abrupt("break", 21);
|
|
45
|
+
case 16:
|
|
46
|
+
_context.next = 18;
|
|
47
|
+
return (0, _parseToNodeImage.default)(arrayBuffer, options);
|
|
48
|
+
case 18:
|
|
49
|
+
image = _context.sent;
|
|
50
|
+
return _context.abrupt("break", 21);
|
|
51
|
+
case 20:
|
|
52
|
+
(0, _loaderUtils.assert)(false);
|
|
53
|
+
case 21:
|
|
54
|
+
if (imageType === 'data') {
|
|
55
|
+
image = (0, _parsedImageApi.getImageData)(image);
|
|
56
|
+
}
|
|
57
|
+
return _context.abrupt("return", image);
|
|
58
|
+
case 23:
|
|
59
|
+
case "end":
|
|
60
|
+
return _context.stop();
|
|
63
61
|
}
|
|
64
62
|
}, _callee);
|
|
65
63
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parse-image.js","names":["parseImage","arrayBuffer","options","context","imageOptions","image","
|
|
1
|
+
{"version":3,"file":"parse-image.js","names":["_loaderUtils","require","_imageType","_parsedImageApi","_parseToImage","_interopRequireDefault","_parseToImageBitmap","_parseToNodeImage","parseImage","_x","_x2","_x3","_parseImage","apply","arguments","_asyncToGenerator2","default","_regenerator","mark","_callee","arrayBuffer","options","context","imageOptions","imageType","_ref","url","loadType","image","wrap","_callee$","_context","prev","next","type","getLoadableImageType","t0","parseToImageBitmap","sent","abrupt","parseToImage","parseToNodeImage","assert","getImageData","stop","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,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,iBAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAAqD,SAIvBO,UAAUA,CAAAC,EAAA,EAAAC,GAAA,EAAAC,GAAA;EAAA,OAAAC,WAAA,CAAAC,KAAA,OAAAC,SAAA;AAAA;AAAA,SAAAF,YAAA;EAAAA,WAAA,OAAAG,kBAAA,CAAAC,OAAA,EAAAC,YAAA,CAAAD,OAAA,CAAAE,IAAA,CAAzB,SAAAC,QACbC,WAAwB,EACxBC,OAA4B,EAC5BC,OAAuB;IAAA,IAAAC,YAAA,EAAAC,SAAA,EAAAC,IAAA,EAAAC,GAAA,EAAAC,QAAA,EAAAC,KAAA;IAAA,OAAAX,YAAA,CAAAD,OAAA,CAAAa,IAAA,UAAAC,SAAAC,QAAA;MAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;QAAA;UAEvBZ,OAAO,GAAGA,OAAO,IAAI,CAAC,CAAC;UACjBE,YAAY,GAAGF,OAAO,CAACO,KAAK,IAAI,CAAC,CAAC;UAGlCJ,SAAS,GAAGD,YAAY,CAACW,IAAI,IAAI,MAAM;UAAAT,IAAA,GAE/BH,OAAO,IAAI,CAAC,CAAC,EAApBI,GAAG,GAAAD,IAAA,CAAHC,GAAG;UAGJC,QAAQ,GAAGQ,oBAAoB,CAACX,SAAS,CAAC;UAAAO,QAAA,CAAAK,EAAA,GAGxCT,QAAQ;UAAAI,QAAA,CAAAE,IAAA,GAAAF,QAAA,CAAAK,EAAA,KACT,aAAa,OAAAL,QAAA,CAAAK,EAAA,KAGb,OAAO,QAAAL,QAAA,CAAAK,EAAA,KAGP,MAAM;UAAA;QAAA;UAAAL,QAAA,CAAAE,IAAA;UAAA,OALK,IAAAI,2BAAkB,EAACjB,WAAW,EAAEC,OAAO,EAAEK,GAAG,CAAC;QAAA;UAA3DE,KAAK,GAAAG,QAAA,CAAAO,IAAA;UAAA,OAAAP,QAAA,CAAAQ,MAAA;QAAA;UAAAR,QAAA,CAAAE,IAAA;UAAA,OAGS,IAAAO,qBAAY,EAACpB,WAAW,EAAEC,OAAO,EAAEK,GAAG,CAAC;QAAA;UAArDE,KAAK,GAAAG,QAAA,CAAAO,IAAA;UAAA,OAAAP,QAAA,CAAAQ,MAAA;QAAA;UAAAR,QAAA,CAAAE,IAAA;UAAA,OAIS,IAAAQ,yBAAgB,EAACrB,WAAW,EAAEC,OAAO,CAAC;QAAA;UAApDO,KAAK,GAAAG,QAAA,CAAAO,IAAA;UAAA,OAAAP,QAAA,CAAAQ,MAAA;QAAA;UAGL,IAAAG,mBAAM,EAAC,KAAK,CAAC;QAAC;UAIlB,IAAIlB,SAAS,KAAK,MAAM,EAAE;YACxBI,KAAK,GAAG,IAAAe,4BAAY,EAACf,KAAK,CAAC;UAC7B;UAAC,OAAAG,QAAA,CAAAQ,MAAA,WAEMX,KAAK;QAAA;QAAA;UAAA,OAAAG,QAAA,CAAAa,IAAA;MAAA;IAAA,GAAAzB,OAAA;EAAA,CACb;EAAA,OAAAP,WAAA,CAAAC,KAAA,OAAAC,SAAA;AAAA;AAGD,SAASqB,oBAAoBA,CAACD,IAAI,EAAE;EAClC,QAAQA,IAAI;IACV,KAAK,MAAM;IACX,KAAK,MAAM;MAGT,OAAO,IAAAW,8BAAmB,GAAE;IAC9B;MAEE,IAAAC,+BAAoB,EAACZ,IAAI,CAAC;MAC1B,OAAOA,IAAI;EAAC;AAElB"}
|
|
@@ -11,7 +11,6 @@ var _svgUtils = require("./svg-utils");
|
|
|
11
11
|
var _parseToImage = _interopRequireDefault(require("./parse-to-image"));
|
|
12
12
|
var EMPTY_OBJECT = {};
|
|
13
13
|
var imagebitmapOptionsSupported = true;
|
|
14
|
-
|
|
15
14
|
function parseToImageBitmap(_x, _x2, _x3) {
|
|
16
15
|
return _parseToImageBitmap.apply(this, arguments);
|
|
17
16
|
}
|
|
@@ -19,32 +18,30 @@ function _parseToImageBitmap() {
|
|
|
19
18
|
_parseToImageBitmap = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee(arrayBuffer, options, url) {
|
|
20
19
|
var blob, image, imagebitmapOptions;
|
|
21
20
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
22
|
-
while (1) {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
_context.next = 7;
|
|
27
|
-
break;
|
|
28
|
-
}
|
|
29
|
-
_context.next = 3;
|
|
30
|
-
return (0, _parseToImage.default)(arrayBuffer, options, url);
|
|
31
|
-
case 3:
|
|
32
|
-
image = _context.sent;
|
|
33
|
-
blob = image;
|
|
34
|
-
_context.next = 8;
|
|
21
|
+
while (1) switch (_context.prev = _context.next) {
|
|
22
|
+
case 0:
|
|
23
|
+
if (!(0, _svgUtils.isSVG)(url)) {
|
|
24
|
+
_context.next = 7;
|
|
35
25
|
break;
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
26
|
+
}
|
|
27
|
+
_context.next = 3;
|
|
28
|
+
return (0, _parseToImage.default)(arrayBuffer, options, url);
|
|
29
|
+
case 3:
|
|
30
|
+
image = _context.sent;
|
|
31
|
+
blob = image;
|
|
32
|
+
_context.next = 8;
|
|
33
|
+
break;
|
|
34
|
+
case 7:
|
|
35
|
+
blob = (0, _svgUtils.getBlob)(arrayBuffer, url);
|
|
36
|
+
case 8:
|
|
37
|
+
imagebitmapOptions = options && options.imagebitmap;
|
|
38
|
+
_context.next = 11;
|
|
39
|
+
return safeCreateImageBitmap(blob, imagebitmapOptions);
|
|
40
|
+
case 11:
|
|
41
|
+
return _context.abrupt("return", _context.sent);
|
|
42
|
+
case 12:
|
|
43
|
+
case "end":
|
|
44
|
+
return _context.stop();
|
|
48
45
|
}
|
|
49
46
|
}, _callee);
|
|
50
47
|
}));
|
|
@@ -58,36 +55,34 @@ function _safeCreateImageBitmap() {
|
|
|
58
55
|
var imagebitmapOptions,
|
|
59
56
|
_args2 = arguments;
|
|
60
57
|
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
61
|
-
while (1) {
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
return _context2.stop();
|
|
90
|
-
}
|
|
58
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
59
|
+
case 0:
|
|
60
|
+
imagebitmapOptions = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : null;
|
|
61
|
+
if (isEmptyObject(imagebitmapOptions) || !imagebitmapOptionsSupported) {
|
|
62
|
+
imagebitmapOptions = null;
|
|
63
|
+
}
|
|
64
|
+
if (!imagebitmapOptions) {
|
|
65
|
+
_context2.next = 13;
|
|
66
|
+
break;
|
|
67
|
+
}
|
|
68
|
+
_context2.prev = 3;
|
|
69
|
+
_context2.next = 6;
|
|
70
|
+
return createImageBitmap(blob, imagebitmapOptions);
|
|
71
|
+
case 6:
|
|
72
|
+
return _context2.abrupt("return", _context2.sent);
|
|
73
|
+
case 9:
|
|
74
|
+
_context2.prev = 9;
|
|
75
|
+
_context2.t0 = _context2["catch"](3);
|
|
76
|
+
console.warn(_context2.t0);
|
|
77
|
+
imagebitmapOptionsSupported = false;
|
|
78
|
+
case 13:
|
|
79
|
+
_context2.next = 15;
|
|
80
|
+
return createImageBitmap(blob);
|
|
81
|
+
case 15:
|
|
82
|
+
return _context2.abrupt("return", _context2.sent);
|
|
83
|
+
case 16:
|
|
84
|
+
case "end":
|
|
85
|
+
return _context2.stop();
|
|
91
86
|
}
|
|
92
87
|
}, _callee2, null, [[3, 9]]);
|
|
93
88
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parse-to-image-bitmap.js","names":["EMPTY_OBJECT","imagebitmapOptionsSupported","parseToImageBitmap","arrayBuffer","options","url","
|
|
1
|
+
{"version":3,"file":"parse-to-image-bitmap.js","names":["_svgUtils","require","_parseToImage","_interopRequireDefault","EMPTY_OBJECT","imagebitmapOptionsSupported","parseToImageBitmap","_x","_x2","_x3","_parseToImageBitmap","apply","arguments","_asyncToGenerator2","default","_regenerator","mark","_callee","arrayBuffer","options","url","blob","image","imagebitmapOptions","wrap","_callee$","_context","prev","next","isSVG","parseToImage","sent","getBlob","imagebitmap","safeCreateImageBitmap","abrupt","stop","_x4","_safeCreateImageBitmap","_callee2","_args2","_callee2$","_context2","length","undefined","isEmptyObject","createImageBitmap","t0","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":"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"}
|