@loaders.gl/images 3.4.0-alpha.1 → 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/dist.min.js +1 -1
- package/dist/dist.min.js.map +3 -3
- package/dist/es5/image-loader.js +2 -3
- 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 +12 -6
- package/dist/es5/index.js.map +1 -1
- package/dist/es5/lib/category-api/binary-image-api.js +14 -17
- package/dist/es5/lib/category-api/binary-image-api.js.map +1 -1
- package/dist/es5/lib/category-api/image-format.js +160 -24
- 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 +50 -0
- package/dist/es5/lib/category-api/parse-isobmff-binary.js.map +1 -0
- 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 +2 -3
- 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 +2 -7
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/lib/category-api/binary-image-api.js +14 -18
- package/dist/esm/lib/category-api/binary-image-api.js.map +1 -1
- package/dist/esm/lib/category-api/image-format.js +51 -26
- 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 +39 -0
- package/dist/esm/lib/category-api/parse-isobmff-binary.js.map +1 -0
- 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/image-loader.d.ts.map +1 -1
- package/dist/image-loader.js +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -3
- package/dist/lib/category-api/binary-image-api.d.ts +2 -6
- package/dist/lib/category-api/binary-image-api.d.ts.map +1 -1
- package/dist/lib/category-api/binary-image-api.js +22 -2
- package/dist/lib/category-api/image-format.d.ts +4 -2
- package/dist/lib/category-api/image-format.d.ts.map +1 -1
- package/dist/lib/category-api/image-format.js +86 -39
- package/dist/lib/category-api/parse-isobmff-binary.d.ts +19 -0
- package/dist/lib/category-api/parse-isobmff-binary.d.ts.map +1 -0
- package/dist/lib/category-api/parse-isobmff-binary.js +94 -0
- package/package.json +6 -3
- package/src/image-loader.ts +2 -1
- package/src/index.ts +3 -2
- package/src/lib/category-api/binary-image-api.ts +25 -6
- package/src/lib/category-api/image-format.ts +92 -39
- package/src/lib/category-api/parse-isobmff-binary.ts +105 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image-loader.js","names":["VERSION","parseImage","getBinaryImageMetadata","EXTENSIONS","MIME_TYPES","DEFAULT_IMAGE_LOADER_OPTIONS","image","type","decode","ImageLoader","id","module","name","version","mimeTypes","extensions","parse","tests","arrayBuffer","Boolean","DataView","options","_typecheckImageLoader"],"sources":["../../src/image-loader.ts"],"sourcesContent":["import type {LoaderOptions, LoaderWithParser} from '@loaders.gl/loader-utils';\nimport {VERSION} from './lib/utils/version';\nimport parseImage from './lib/parsers/parse-image';\nimport {getBinaryImageMetadata} from './lib/category-api/binary-image-api';\n\nconst EXTENSIONS = ['png', 'jpg', 'jpeg', 'gif', 'webp', 'bmp', 'ico', 'svg'];\nconst MIME_TYPES = [\n 'image/png',\n 'image/jpeg',\n 'image/gif',\n 'image/webp',\n 'image/bmp',\n 'image/vnd.microsoft.icon',\n 'image/svg+xml'\n];\n\nexport type ImageLoaderOptions = LoaderOptions & {\n image?: {\n type?: 'auto' | 'data' | 'imagebitmap' | 'image';\n decode?: boolean;\n };\n imagebitmap?: ImageBitmapOptions;\n};\n\nconst DEFAULT_IMAGE_LOADER_OPTIONS: ImageLoaderOptions = {\n image: {\n type: 'auto',\n decode: true // if format is HTML\n }\n // imagebitmap: {} - passes (platform dependent) parameters to ImageBitmap constructor\n};\n\n/**\n * Loads a platform-specific image type\n * Note: This type can be used as input data to WebGL texture creation\n */\nexport const ImageLoader = {\n id: 'image',\n module: 'images',\n name: 'Images',\n version: VERSION,\n mimeTypes: MIME_TYPES,\n extensions: EXTENSIONS,\n parse: parseImage,\n // TODO: byteOffset, byteLength;\n tests: [(arrayBuffer) => Boolean(getBinaryImageMetadata(new DataView(arrayBuffer)))],\n options: DEFAULT_IMAGE_LOADER_OPTIONS\n};\n\nexport const _typecheckImageLoader: LoaderWithParser = ImageLoader;\n"],"mappings":"AACA,SAAQA,OAAO,QAAO,qBAAqB;AAC3C,OAAOC,UAAU,MAAM,2BAA2B;AAClD,SAAQC,sBAAsB,QAAO,qCAAqC;AAE1E,MAAMC,UAAU,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"image-loader.js","names":["VERSION","parseImage","getBinaryImageMetadata","EXTENSIONS","MIME_TYPES","DEFAULT_IMAGE_LOADER_OPTIONS","image","type","decode","ImageLoader","id","module","name","version","mimeTypes","extensions","parse","tests","arrayBuffer","Boolean","DataView","options","_typecheckImageLoader"],"sources":["../../src/image-loader.ts"],"sourcesContent":["import type {LoaderOptions, LoaderWithParser} from '@loaders.gl/loader-utils';\nimport {VERSION} from './lib/utils/version';\nimport parseImage from './lib/parsers/parse-image';\nimport {getBinaryImageMetadata} from './lib/category-api/binary-image-api';\n\nconst EXTENSIONS = ['png', 'jpg', 'jpeg', 'gif', 'webp', 'bmp', 'ico', 'svg', 'avif'];\nconst MIME_TYPES = [\n 'image/png',\n 'image/jpeg',\n 'image/gif',\n 'image/webp',\n 'image/avif',\n 'image/bmp',\n 'image/vnd.microsoft.icon',\n 'image/svg+xml'\n];\n\nexport type ImageLoaderOptions = LoaderOptions & {\n image?: {\n type?: 'auto' | 'data' | 'imagebitmap' | 'image';\n decode?: boolean;\n };\n imagebitmap?: ImageBitmapOptions;\n};\n\nconst DEFAULT_IMAGE_LOADER_OPTIONS: ImageLoaderOptions = {\n image: {\n type: 'auto',\n decode: true // if format is HTML\n }\n // imagebitmap: {} - passes (platform dependent) parameters to ImageBitmap constructor\n};\n\n/**\n * Loads a platform-specific image type\n * Note: This type can be used as input data to WebGL texture creation\n */\nexport const ImageLoader = {\n id: 'image',\n module: 'images',\n name: 'Images',\n version: VERSION,\n mimeTypes: MIME_TYPES,\n extensions: EXTENSIONS,\n parse: parseImage,\n // TODO: byteOffset, byteLength;\n tests: [(arrayBuffer) => Boolean(getBinaryImageMetadata(new DataView(arrayBuffer)))],\n options: DEFAULT_IMAGE_LOADER_OPTIONS\n};\n\nexport const _typecheckImageLoader: LoaderWithParser = ImageLoader;\n"],"mappings":"AACA,SAAQA,OAAO,QAAO,qBAAqB;AAC3C,OAAOC,UAAU,MAAM,2BAA2B;AAClD,SAAQC,sBAAsB,QAAO,qCAAqC;AAE1E,MAAMC,UAAU,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;AACrF,MAAMC,UAAU,GAAG,CACjB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,0BAA0B,EAC1B,eAAe,CAChB;AAUD,MAAMC,4BAAgD,GAAG;EACvDC,KAAK,EAAE;IACLC,IAAI,EAAE,MAAM;IACZC,MAAM,EAAE;EACV;AAEF,CAAC;AAMD,OAAO,MAAMC,WAAW,GAAG;EACzBC,EAAE,EAAE,OAAO;EACXC,MAAM,EAAE,QAAQ;EAChBC,IAAI,EAAE,QAAQ;EACdC,OAAO,EAAEb,OAAO;EAChBc,SAAS,EAAEV,UAAU;EACrBW,UAAU,EAAEZ,UAAU;EACtBa,KAAK,EAAEf,UAAU;EAEjBgB,KAAK,EAAE,CAAEC,WAAW,IAAKC,OAAO,CAACjB,sBAAsB,CAAC,IAAIkB,QAAQ,CAACF,WAAW,CAAC,CAAC,CAAC,CAAC;EACpFG,OAAO,EAAEhB;AACX,CAAC;AAED,OAAO,MAAMiB,qBAAuC,GAAGb,WAAW"}
|
package/dist/esm/image-writer.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image-writer.js","names":["VERSION","encodeImage","ImageWriter","name","id","module","version","extensions","options","image","mimeType","jpegQuality","encode"],"sources":["../../src/image-writer.ts"],"sourcesContent":["// import type {Writer} from '@loaders.gl/loader-utils';\nimport {VERSION} from './lib/utils/version';\nimport {encodeImage} from './lib/encoders/encode-image';\n\nexport const ImageWriter = {\n name: 'Images',\n id: 'image',\n module: 'images',\n version: VERSION,\n extensions: ['jpeg'],\n options: {\n image: {\n mimeType: 'image/png',\n jpegQuality: null\n }\n },\n encode: encodeImage\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"image-writer.js","names":["VERSION","encodeImage","ImageWriter","name","id","module","version","extensions","options","image","mimeType","jpegQuality","encode"],"sources":["../../src/image-writer.ts"],"sourcesContent":["// import type {Writer} from '@loaders.gl/loader-utils';\nimport {VERSION} from './lib/utils/version';\nimport {encodeImage} from './lib/encoders/encode-image';\n\nexport const ImageWriter = {\n name: 'Images',\n id: 'image',\n module: 'images',\n version: VERSION,\n extensions: ['jpeg'],\n options: {\n image: {\n mimeType: 'image/png',\n jpegQuality: null\n }\n },\n encode: encodeImage\n};\n"],"mappings":"AACA,SAAQA,OAAO,QAAO,qBAAqB;AAC3C,SAAQC,WAAW,QAAO,6BAA6B;AAEvD,OAAO,MAAMC,WAAW,GAAG;EACzBC,IAAI,EAAE,QAAQ;EACdC,EAAE,EAAE,OAAO;EACXC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAEN,OAAO;EAChBO,UAAU,EAAE,CAAC,MAAM,CAAC;EACpBC,OAAO,EAAE;IACPC,KAAK,EAAE;MACLC,QAAQ,EAAE,WAAW;MACrBC,WAAW,EAAE;IACf;EACF,CAAC;EACDC,MAAM,EAAEX;AACV,CAAC"}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,14 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
1
|
export { ImageLoader } from './image-loader';
|
|
4
2
|
export { ImageWriter } from './image-writer';
|
|
5
|
-
|
|
6
3
|
export { getBinaryImageMetadata } from './lib/category-api/binary-image-api';
|
|
7
|
-
|
|
8
4
|
export { isImageTypeSupported, getDefaultImageType } from './lib/category-api/image-type';
|
|
9
5
|
export { isImage, getImageType, getImageSize, getImageData } from './lib/category-api/parsed-image-api';
|
|
10
|
-
|
|
11
|
-
export {
|
|
12
|
-
|
|
6
|
+
export { getSupportedImageFormats } from './lib/category-api/image-format';
|
|
7
|
+
export { isImageFormatSupported } from './lib/category-api/image-format';
|
|
13
8
|
export { loadImage } from './lib/texture-api/load-image';
|
|
14
9
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["ImageLoader","ImageWriter","getBinaryImageMetadata","isImageTypeSupported","getDefaultImageType","isImage","getImageType","getImageSize","getImageData","
|
|
1
|
+
{"version":3,"file":"index.js","names":["ImageLoader","ImageWriter","getBinaryImageMetadata","isImageTypeSupported","getDefaultImageType","isImage","getImageType","getImageSize","getImageData","getSupportedImageFormats","isImageFormatSupported","loadImage"],"sources":["../../src/index.ts"],"sourcesContent":["// TYPES\nexport type {ImageDataType, ImageType, ImageTypeEnum} from './types';\nexport type {ImageLoaderOptions} from './image-loader';\n\n// LOADERS AND WRITERS\nexport {ImageLoader} from './image-loader';\nexport {ImageWriter} from './image-writer';\n\n// IMAGE CATEGORY API\n\n// Binary Image API\nexport {getBinaryImageMetadata} from './lib/category-api/binary-image-api';\n\n// Parsed Image API\nexport {isImageTypeSupported, getDefaultImageType} from './lib/category-api/image-type';\n\nexport {\n isImage,\n getImageType,\n getImageSize,\n getImageData\n} from './lib/category-api/parsed-image-api';\n\n// EXPERIMENTAL\nexport {getSupportedImageFormats} from './lib/category-api/image-format';\nexport {isImageFormatSupported} from './lib/category-api/image-format';\n\n// DEPRECATED - Remove in V4 (fix dependency in luma.gl)\nexport {loadImage} from './lib/texture-api/load-image';\n"],"mappings":"AAKA,SAAQA,WAAW,QAAO,gBAAgB;AAC1C,SAAQC,WAAW,QAAO,gBAAgB;AAK1C,SAAQC,sBAAsB,QAAO,qCAAqC;AAG1E,SAAQC,oBAAoB,EAAEC,mBAAmB,QAAO,+BAA+B;AAEvF,SACEC,OAAO,EACPC,YAAY,EACZC,YAAY,EACZC,YAAY,QACP,qCAAqC;AAG5C,SAAQC,wBAAwB,QAAO,iCAAiC;AACxE,SAAQC,sBAAsB,QAAO,iCAAiC;AAGtE,SAAQC,SAAS,QAAO,8BAA8B"}
|
|
@@ -1,55 +1,58 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { getISOBMFFMediaType } from './parse-isobmff-binary';
|
|
3
2
|
const BIG_ENDIAN = false;
|
|
4
3
|
const LITTLE_ENDIAN = true;
|
|
5
|
-
|
|
6
4
|
export function getBinaryImageMetadata(binaryData) {
|
|
7
5
|
const dataView = toDataView(binaryData);
|
|
8
|
-
return getPngMetadata(dataView) || getJpegMetadata(dataView) || getGifMetadata(dataView) || getBmpMetadata(dataView);
|
|
6
|
+
return getPngMetadata(dataView) || getJpegMetadata(dataView) || getGifMetadata(dataView) || getBmpMetadata(dataView) || getISOBMFFMetadata(dataView);
|
|
7
|
+
}
|
|
8
|
+
function getISOBMFFMetadata(binaryData) {
|
|
9
|
+
const buffer = new Uint8Array(binaryData instanceof DataView ? binaryData.buffer : binaryData);
|
|
10
|
+
const mediaType = getISOBMFFMediaType(buffer);
|
|
11
|
+
if (!mediaType) {
|
|
12
|
+
return null;
|
|
13
|
+
}
|
|
14
|
+
return {
|
|
15
|
+
mimeType: mediaType.mimeType,
|
|
16
|
+
width: 0,
|
|
17
|
+
height: 0
|
|
18
|
+
};
|
|
9
19
|
}
|
|
10
|
-
|
|
11
20
|
function getPngMetadata(binaryData) {
|
|
12
21
|
const dataView = toDataView(binaryData);
|
|
13
22
|
const isPng = dataView.byteLength >= 24 && dataView.getUint32(0, BIG_ENDIAN) === 0x89504e47;
|
|
14
23
|
if (!isPng) {
|
|
15
24
|
return null;
|
|
16
25
|
}
|
|
17
|
-
|
|
18
26
|
return {
|
|
19
27
|
mimeType: 'image/png',
|
|
20
28
|
width: dataView.getUint32(16, BIG_ENDIAN),
|
|
21
29
|
height: dataView.getUint32(20, BIG_ENDIAN)
|
|
22
30
|
};
|
|
23
31
|
}
|
|
24
|
-
|
|
25
32
|
function getGifMetadata(binaryData) {
|
|
26
33
|
const dataView = toDataView(binaryData);
|
|
27
34
|
const isGif = dataView.byteLength >= 10 && dataView.getUint32(0, BIG_ENDIAN) === 0x47494638;
|
|
28
35
|
if (!isGif) {
|
|
29
36
|
return null;
|
|
30
37
|
}
|
|
31
|
-
|
|
32
38
|
return {
|
|
33
39
|
mimeType: 'image/gif',
|
|
34
40
|
width: dataView.getUint16(6, LITTLE_ENDIAN),
|
|
35
41
|
height: dataView.getUint16(8, LITTLE_ENDIAN)
|
|
36
42
|
};
|
|
37
43
|
}
|
|
38
|
-
|
|
39
44
|
export function getBmpMetadata(binaryData) {
|
|
40
45
|
const dataView = toDataView(binaryData);
|
|
41
46
|
const isBmp = dataView.byteLength >= 14 && dataView.getUint16(0, BIG_ENDIAN) === 0x424d && dataView.getUint32(2, LITTLE_ENDIAN) === dataView.byteLength;
|
|
42
47
|
if (!isBmp) {
|
|
43
48
|
return null;
|
|
44
49
|
}
|
|
45
|
-
|
|
46
50
|
return {
|
|
47
51
|
mimeType: 'image/bmp',
|
|
48
52
|
width: dataView.getUint32(18, LITTLE_ENDIAN),
|
|
49
53
|
height: dataView.getUint32(22, LITTLE_ENDIAN)
|
|
50
54
|
};
|
|
51
55
|
}
|
|
52
|
-
|
|
53
56
|
function getJpegMetadata(binaryData) {
|
|
54
57
|
const dataView = toDataView(binaryData);
|
|
55
58
|
const isJpeg = dataView.byteLength >= 3 && dataView.getUint16(0, BIG_ENDIAN) === 0xffd8 && dataView.getUint8(2) === 0xff;
|
|
@@ -60,11 +63,9 @@ function getJpegMetadata(binaryData) {
|
|
|
60
63
|
tableMarkers,
|
|
61
64
|
sofMarkers
|
|
62
65
|
} = getJpegMarkers();
|
|
63
|
-
|
|
64
66
|
let i = 2;
|
|
65
67
|
while (i + 9 < dataView.byteLength) {
|
|
66
68
|
const marker = dataView.getUint16(i, BIG_ENDIAN);
|
|
67
|
-
|
|
68
69
|
if (sofMarkers.has(marker)) {
|
|
69
70
|
return {
|
|
70
71
|
mimeType: 'image/jpeg',
|
|
@@ -72,11 +73,9 @@ function getJpegMetadata(binaryData) {
|
|
|
72
73
|
width: dataView.getUint16(i + 7, BIG_ENDIAN)
|
|
73
74
|
};
|
|
74
75
|
}
|
|
75
|
-
|
|
76
76
|
if (!tableMarkers.has(marker)) {
|
|
77
77
|
return null;
|
|
78
78
|
}
|
|
79
|
-
|
|
80
79
|
i += 2;
|
|
81
80
|
i += dataView.getUint16(i, BIG_ENDIAN);
|
|
82
81
|
}
|
|
@@ -87,14 +86,12 @@ function getJpegMarkers() {
|
|
|
87
86
|
for (let i = 0xffe0; i < 0xfff0; ++i) {
|
|
88
87
|
tableMarkers.add(i);
|
|
89
88
|
}
|
|
90
|
-
|
|
91
89
|
const sofMarkers = new Set([0xffc0, 0xffc1, 0xffc2, 0xffc3, 0xffc5, 0xffc6, 0xffc7, 0xffc9, 0xffca, 0xffcb, 0xffcd, 0xffce, 0xffcf, 0xffde]);
|
|
92
90
|
return {
|
|
93
91
|
tableMarkers,
|
|
94
92
|
sofMarkers
|
|
95
93
|
};
|
|
96
94
|
}
|
|
97
|
-
|
|
98
95
|
function toDataView(data) {
|
|
99
96
|
if (data instanceof DataView) {
|
|
100
97
|
return data;
|
|
@@ -102,7 +99,6 @@ function toDataView(data) {
|
|
|
102
99
|
if (ArrayBuffer.isView(data)) {
|
|
103
100
|
return new DataView(data.buffer);
|
|
104
101
|
}
|
|
105
|
-
|
|
106
102
|
if (data instanceof ArrayBuffer) {
|
|
107
103
|
return new DataView(data);
|
|
108
104
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"binary-image-api.js","names":["BIG_ENDIAN","LITTLE_ENDIAN","getBinaryImageMetadata","binaryData","dataView","toDataView","getPngMetadata","getJpegMetadata","getGifMetadata","getBmpMetadata","isPng","byteLength","getUint32","mimeType","width","height","isGif","getUint16","isBmp","isJpeg","getUint8","tableMarkers","sofMarkers","getJpegMarkers","i","marker","has","Set","add","data","DataView","ArrayBuffer","isView","buffer","Error"],"sources":["../../../../src/lib/category-api/binary-image-api.ts"],"sourcesContent":["// Attributions\n// * Based on binary-gltf-utils under MIT license: Copyright (c) 2016-17 Karl Cheng\n\n// TODO: make these functions work for Node.js buffers?\n// Quarantine references to Buffer to prevent bundler from adding big polyfills\n// import {bufferToArrayBuffer} from '../node/buffer-to-array-buffer';\n// TODO - this should be handled in @loaders.gl/polyfills\n\n/** MIME type, width and height extracted from binary compressed image data */\nexport type BinaryImageMetadata = {\n mimeType: string;\n width: number;\n height: number;\n};\n\nconst BIG_ENDIAN = false;\nconst LITTLE_ENDIAN = true;\n\n/**\n * Extracts `{mimeType, width and height}` from a memory buffer containing a known image format\n * Currently supports `image/png`, `image/jpeg`, `image/bmp` and `image/gif`.\n * @param binaryData image file memory to parse\n * @returns metadata or null if memory is not a valid image file format layout.\n */\nexport function getBinaryImageMetadata(\n binaryData: DataView | ArrayBuffer\n): BinaryImageMetadata | null {\n const dataView = toDataView(binaryData);\n return (\n getPngMetadata(dataView) ||\n getJpegMetadata(dataView) ||\n getGifMetadata(dataView) ||\n getBmpMetadata(dataView)\n );\n}\n\n// PNG\n\nfunction getPngMetadata(binaryData) {\n const dataView = toDataView(binaryData);\n // Check file contains the first 4 bytes of the PNG signature.\n const isPng = dataView.byteLength >= 24 && dataView.getUint32(0, BIG_ENDIAN) === 0x89504e47;\n if (!isPng) {\n return null;\n }\n\n // Extract size from a binary PNG file\n return {\n mimeType: 'image/png',\n width: dataView.getUint32(16, BIG_ENDIAN),\n height: dataView.getUint32(20, BIG_ENDIAN)\n };\n}\n\n// GIF\n\n// Extract size from a binary GIF file\n// TODO: GIF is not this simple\nfunction getGifMetadata(binaryData) {\n const dataView = toDataView(binaryData);\n // Check first 4 bytes of the GIF signature (\"GIF8\").\n const isGif = dataView.byteLength >= 10 && dataView.getUint32(0, BIG_ENDIAN) === 0x47494638;\n if (!isGif) {\n return null;\n }\n\n // GIF is little endian.\n return {\n mimeType: 'image/gif',\n width: dataView.getUint16(6, LITTLE_ENDIAN),\n height: dataView.getUint16(8, LITTLE_ENDIAN)\n };\n}\n\n// BMP\n\n// TODO: BMP is not this simple\nexport function getBmpMetadata(binaryData) {\n const dataView = toDataView(binaryData);\n // Check magic number is valid (first 2 characters should be \"BM\").\n // The mandatory bitmap file header is 14 bytes long.\n const isBmp =\n dataView.byteLength >= 14 &&\n dataView.getUint16(0, BIG_ENDIAN) === 0x424d &&\n dataView.getUint32(2, LITTLE_ENDIAN) === dataView.byteLength;\n\n if (!isBmp) {\n return null;\n }\n\n // BMP is little endian.\n return {\n mimeType: 'image/bmp',\n width: dataView.getUint32(18, LITTLE_ENDIAN),\n height: dataView.getUint32(22, LITTLE_ENDIAN)\n };\n}\n\n// JPEG\n\n// Extract width and height from a binary JPEG file\nfunction getJpegMetadata(binaryData) {\n const dataView = toDataView(binaryData);\n // Check file contains the JPEG \"start of image\" (SOI) marker\n // followed by another marker.\n const isJpeg =\n dataView.byteLength >= 3 &&\n dataView.getUint16(0, BIG_ENDIAN) === 0xffd8 &&\n dataView.getUint8(2) === 0xff;\n\n if (!isJpeg) {\n return null;\n }\n\n const {tableMarkers, sofMarkers} = getJpegMarkers();\n\n // Exclude the two byte SOI marker.\n let i = 2;\n while (i + 9 < dataView.byteLength) {\n const marker = dataView.getUint16(i, BIG_ENDIAN);\n\n // The frame that contains the width and height of the JPEG image.\n if (sofMarkers.has(marker)) {\n return {\n mimeType: 'image/jpeg',\n height: dataView.getUint16(i + 5, BIG_ENDIAN), // Number of lines\n width: dataView.getUint16(i + 7, BIG_ENDIAN) // Number of pixels per line\n };\n }\n\n // Miscellaneous tables/data preceding the frame header.\n if (!tableMarkers.has(marker)) {\n return null;\n }\n\n // Length includes size of length parameter but not the two byte header.\n i += 2;\n i += dataView.getUint16(i, BIG_ENDIAN);\n }\n\n return null;\n}\n\nfunction getJpegMarkers() {\n // Tables/misc header markers.\n // DQT, DHT, DAC, DRI, COM, APP_n\n const tableMarkers = new Set([0xffdb, 0xffc4, 0xffcc, 0xffdd, 0xfffe]);\n for (let i = 0xffe0; i < 0xfff0; ++i) {\n tableMarkers.add(i);\n }\n\n // SOF markers and DHP marker.\n // These markers are after tables/misc data.\n const sofMarkers = new Set([\n 0xffc0, 0xffc1, 0xffc2, 0xffc3, 0xffc5, 0xffc6, 0xffc7, 0xffc9, 0xffca, 0xffcb, 0xffcd, 0xffce,\n 0xffcf, 0xffde\n ]);\n\n return {tableMarkers, sofMarkers};\n}\n\n// TODO - move into image module?\nfunction toDataView(data) {\n if (data instanceof DataView) {\n return data;\n }\n if (ArrayBuffer.isView(data)) {\n return new DataView(data.buffer);\n }\n\n // TODO: make these functions work for Node.js buffers?\n // if (bufferToArrayBuffer) {\n // data = bufferToArrayBuffer(data);\n // }\n\n // Careful - Node Buffers will look like ArrayBuffers (keep after isBuffer)\n if (data instanceof ArrayBuffer) {\n return new DataView(data);\n }\n throw new Error('toDataView');\n}\n"],"mappings":";;AAeA,MAAMA,UAAU,GAAG,KAAK;AACxB,MAAMC,aAAa,GAAG,IAAI;;AAQ1B,OAAO,SAASC,sBAAsB,CACpCC,UAAkC,EACN;EAC5B,MAAMC,QAAQ,GAAGC,UAAU,CAACF,UAAU,CAAC;EACvC,OACEG,cAAc,CAACF,QAAQ,CAAC,IACxBG,eAAe,CAACH,QAAQ,CAAC,IACzBI,cAAc,CAACJ,QAAQ,CAAC,IACxBK,cAAc,CAACL,QAAQ,CAAC;AAE5B;;AAIA,SAASE,cAAc,CAACH,UAAU,EAAE;EAClC,MAAMC,QAAQ,GAAGC,UAAU,CAACF,UAAU,CAAC;EAEvC,MAAMO,KAAK,GAAGN,QAAQ,CAACO,UAAU,IAAI,EAAE,IAAIP,QAAQ,CAACQ,SAAS,CAAC,CAAC,EAAEZ,UAAU,CAAC,KAAK,UAAU;EAC3F,IAAI,CAACU,KAAK,EAAE;IACV,OAAO,IAAI;EACb;;EAGA,OAAO;IACLG,QAAQ,EAAE,WAAW;IACrBC,KAAK,EAAEV,QAAQ,CAACQ,SAAS,CAAC,EAAE,EAAEZ,UAAU,CAAC;IACzCe,MAAM,EAAEX,QAAQ,CAACQ,SAAS,CAAC,EAAE,EAAEZ,UAAU;EAC3C,CAAC;AACH;;AAMA,SAASQ,cAAc,CAACL,UAAU,EAAE;EAClC,MAAMC,QAAQ,GAAGC,UAAU,CAACF,UAAU,CAAC;EAEvC,MAAMa,KAAK,GAAGZ,QAAQ,CAACO,UAAU,IAAI,EAAE,IAAIP,QAAQ,CAACQ,SAAS,CAAC,CAAC,EAAEZ,UAAU,CAAC,KAAK,UAAU;EAC3F,IAAI,CAACgB,KAAK,EAAE;IACV,OAAO,IAAI;EACb;;EAGA,OAAO;IACLH,QAAQ,EAAE,WAAW;IACrBC,KAAK,EAAEV,QAAQ,CAACa,SAAS,CAAC,CAAC,EAAEhB,aAAa,CAAC;IAC3Cc,MAAM,EAAEX,QAAQ,CAACa,SAAS,CAAC,CAAC,EAAEhB,aAAa;EAC7C,CAAC;AACH;;AAKA,OAAO,SAASQ,cAAc,CAACN,UAAU,EAAE;EACzC,MAAMC,QAAQ,GAAGC,UAAU,CAACF,UAAU,CAAC;EAGvC,MAAMe,KAAK,GACTd,QAAQ,CAACO,UAAU,IAAI,EAAE,IACzBP,QAAQ,CAACa,SAAS,CAAC,CAAC,EAAEjB,UAAU,CAAC,KAAK,MAAM,IAC5CI,QAAQ,CAACQ,SAAS,CAAC,CAAC,EAAEX,aAAa,CAAC,KAAKG,QAAQ,CAACO,UAAU;EAE9D,IAAI,CAACO,KAAK,EAAE;IACV,OAAO,IAAI;EACb;;EAGA,OAAO;IACLL,QAAQ,EAAE,WAAW;IACrBC,KAAK,EAAEV,QAAQ,CAACQ,SAAS,CAAC,EAAE,EAAEX,aAAa,CAAC;IAC5Cc,MAAM,EAAEX,QAAQ,CAACQ,SAAS,CAAC,EAAE,EAAEX,aAAa;EAC9C,CAAC;AACH;;AAKA,SAASM,eAAe,CAACJ,UAAU,EAAE;EACnC,MAAMC,QAAQ,GAAGC,UAAU,CAACF,UAAU,CAAC;EAGvC,MAAMgB,MAAM,GACVf,QAAQ,CAACO,UAAU,IAAI,CAAC,IACxBP,QAAQ,CAACa,SAAS,CAAC,CAAC,EAAEjB,UAAU,CAAC,KAAK,MAAM,IAC5CI,QAAQ,CAACgB,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI;EAE/B,IAAI,CAACD,MAAM,EAAE;IACX,OAAO,IAAI;EACb;EAEA,MAAM;IAACE,YAAY;IAAEC;EAAU,CAAC,GAAGC,cAAc,EAAE;;EAGnD,IAAIC,CAAC,GAAG,CAAC;EACT,OAAOA,CAAC,GAAG,CAAC,GAAGpB,QAAQ,CAACO,UAAU,EAAE;IAClC,MAAMc,MAAM,GAAGrB,QAAQ,CAACa,SAAS,CAACO,CAAC,EAAExB,UAAU,CAAC;;IAGhD,IAAIsB,UAAU,CAACI,GAAG,CAACD,MAAM,CAAC,EAAE;MAC1B,OAAO;QACLZ,QAAQ,EAAE,YAAY;QACtBE,MAAM,EAAEX,QAAQ,CAACa,SAAS,CAACO,CAAC,GAAG,CAAC,EAAExB,UAAU,CAAC;QAC7Cc,KAAK,EAAEV,QAAQ,CAACa,SAAS,CAACO,CAAC,GAAG,CAAC,EAAExB,UAAU;MAC7C,CAAC;IACH;;IAGA,IAAI,CAACqB,YAAY,CAACK,GAAG,CAACD,MAAM,CAAC,EAAE;MAC7B,OAAO,IAAI;IACb;;IAGAD,CAAC,IAAI,CAAC;IACNA,CAAC,IAAIpB,QAAQ,CAACa,SAAS,CAACO,CAAC,EAAExB,UAAU,CAAC;EACxC;EAEA,OAAO,IAAI;AACb;AAEA,SAASuB,cAAc,GAAG;EAGxB,MAAMF,YAAY,GAAG,IAAIM,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;EACtE,KAAK,IAAIH,CAAC,GAAG,MAAM,EAAEA,CAAC,GAAG,MAAM,EAAE,EAAEA,CAAC,EAAE;IACpCH,YAAY,CAACO,GAAG,CAACJ,CAAC,CAAC;EACrB;;EAIA,MAAMF,UAAU,GAAG,IAAIK,GAAG,CAAC,CACzB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAC9F,MAAM,EAAE,MAAM,CACf,CAAC;EAEF,OAAO;IAACN,YAAY;IAAEC;EAAU,CAAC;AACnC;;AAGA,SAASjB,UAAU,CAACwB,IAAI,EAAE;EACxB,IAAIA,IAAI,YAAYC,QAAQ,EAAE;IAC5B,OAAOD,IAAI;EACb;EACA,IAAIE,WAAW,CAACC,MAAM,CAACH,IAAI,CAAC,EAAE;IAC5B,OAAO,IAAIC,QAAQ,CAACD,IAAI,CAACI,MAAM,CAAC;EAClC;;EAQA,IAAIJ,IAAI,YAAYE,WAAW,EAAE;IAC/B,OAAO,IAAID,QAAQ,CAACD,IAAI,CAAC;EAC3B;EACA,MAAM,IAAIK,KAAK,CAAC,YAAY,CAAC;AAC/B"}
|
|
1
|
+
{"version":3,"file":"binary-image-api.js","names":["getISOBMFFMediaType","BIG_ENDIAN","LITTLE_ENDIAN","getBinaryImageMetadata","binaryData","dataView","toDataView","getPngMetadata","getJpegMetadata","getGifMetadata","getBmpMetadata","getISOBMFFMetadata","buffer","Uint8Array","DataView","mediaType","mimeType","width","height","isPng","byteLength","getUint32","isGif","getUint16","isBmp","isJpeg","getUint8","tableMarkers","sofMarkers","getJpegMarkers","i","marker","has","Set","add","data","ArrayBuffer","isView","Error"],"sources":["../../../../src/lib/category-api/binary-image-api.ts"],"sourcesContent":["// Attributions\n// * Based on binary-gltf-utils under MIT license: Copyright (c) 2016-17 Karl Cheng\n\n// TODO: make these functions work for Node.js buffers?\n// Quarantine references to Buffer to prevent bundler from adding big polyfills\n// import {bufferToArrayBuffer} from '../node/buffer-to-array-buffer';\n// TODO - this should be handled in @loaders.gl/polyfills\n\nimport {getISOBMFFMediaType} from './parse-isobmff-binary';\n\n/** MIME type, width and height extracted from binary compressed image data */\nexport type BinaryImageMetadata = {\n mimeType: string;\n width: number;\n height: number;\n};\n\nconst BIG_ENDIAN = false;\nconst LITTLE_ENDIAN = true;\n\n/**\n * Extracts `{mimeType, width and height}` from a memory buffer containing a known image format\n * Currently supports `image/png`, `image/jpeg`, `image/bmp` and `image/gif`.\n * @param binaryData: DataView | ArrayBuffer image file memory to parse\n * @returns metadata or null if memory is not a valid image file format layout.\n */\nexport function getBinaryImageMetadata(\n binaryData: DataView | ArrayBuffer\n): BinaryImageMetadata | null {\n const dataView = toDataView(binaryData);\n return (\n getPngMetadata(dataView) ||\n getJpegMetadata(dataView) ||\n getGifMetadata(dataView) ||\n getBmpMetadata(dataView) ||\n getISOBMFFMetadata(dataView)\n );\n}\n\n// ISOBMFF\n\nfunction getISOBMFFMetadata(binaryData: DataView | ArrayBuffer): BinaryImageMetadata | null {\n const buffer = new Uint8Array(binaryData instanceof DataView ? binaryData.buffer : binaryData);\n const mediaType = getISOBMFFMediaType(buffer);\n if (!mediaType) {\n return null;\n }\n return {\n mimeType: mediaType.mimeType,\n // TODO - decode width and height\n width: 0,\n height: 0\n };\n}\n\n// PNG\n\nfunction getPngMetadata(binaryData: DataView | ArrayBuffer): BinaryImageMetadata | null {\n const dataView = toDataView(binaryData);\n // Check file contains the first 4 bytes of the PNG signature.\n const isPng = dataView.byteLength >= 24 && dataView.getUint32(0, BIG_ENDIAN) === 0x89504e47;\n if (!isPng) {\n return null;\n }\n\n // Extract size from a binary PNG file\n return {\n mimeType: 'image/png',\n width: dataView.getUint32(16, BIG_ENDIAN),\n height: dataView.getUint32(20, BIG_ENDIAN)\n };\n}\n\n// GIF\n\n// Extract size from a binary GIF file\n// TODO: GIF is not this simple\nfunction getGifMetadata(binaryData: DataView | ArrayBuffer): BinaryImageMetadata | null {\n const dataView = toDataView(binaryData);\n // Check first 4 bytes of the GIF signature (\"GIF8\").\n const isGif = dataView.byteLength >= 10 && dataView.getUint32(0, BIG_ENDIAN) === 0x47494638;\n if (!isGif) {\n return null;\n }\n\n // GIF is little endian.\n return {\n mimeType: 'image/gif',\n width: dataView.getUint16(6, LITTLE_ENDIAN),\n height: dataView.getUint16(8, LITTLE_ENDIAN)\n };\n}\n\n// BMP\n\n// TODO: BMP is not this simple\nexport function getBmpMetadata(binaryData: DataView | ArrayBuffer): BinaryImageMetadata | null {\n const dataView = toDataView(binaryData);\n // Check magic number is valid (first 2 characters should be \"BM\").\n // The mandatory bitmap file header is 14 bytes long.\n const isBmp =\n dataView.byteLength >= 14 &&\n dataView.getUint16(0, BIG_ENDIAN) === 0x424d &&\n dataView.getUint32(2, LITTLE_ENDIAN) === dataView.byteLength;\n\n if (!isBmp) {\n return null;\n }\n\n // BMP is little endian.\n return {\n mimeType: 'image/bmp',\n width: dataView.getUint32(18, LITTLE_ENDIAN),\n height: dataView.getUint32(22, LITTLE_ENDIAN)\n };\n}\n\n// JPEG\n\n// Extract width and height from a binary JPEG file\nfunction getJpegMetadata(binaryData: DataView | ArrayBuffer): BinaryImageMetadata | null {\n const dataView = toDataView(binaryData);\n // Check file contains the JPEG \"start of image\" (SOI) marker\n // followed by another marker.\n const isJpeg =\n dataView.byteLength >= 3 &&\n dataView.getUint16(0, BIG_ENDIAN) === 0xffd8 &&\n dataView.getUint8(2) === 0xff;\n\n if (!isJpeg) {\n return null;\n }\n\n const {tableMarkers, sofMarkers} = getJpegMarkers();\n\n // Exclude the two byte SOI marker.\n let i = 2;\n while (i + 9 < dataView.byteLength) {\n const marker = dataView.getUint16(i, BIG_ENDIAN);\n\n // The frame that contains the width and height of the JPEG image.\n if (sofMarkers.has(marker)) {\n return {\n mimeType: 'image/jpeg',\n height: dataView.getUint16(i + 5, BIG_ENDIAN), // Number of lines\n width: dataView.getUint16(i + 7, BIG_ENDIAN) // Number of pixels per line\n };\n }\n\n // Miscellaneous tables/data preceding the frame header.\n if (!tableMarkers.has(marker)) {\n return null;\n }\n\n // Length includes size of length parameter but not the two byte header.\n i += 2;\n i += dataView.getUint16(i, BIG_ENDIAN);\n }\n\n return null;\n}\n\nfunction getJpegMarkers() {\n // Tables/misc header markers.\n // DQT, DHT, DAC, DRI, COM, APP_n\n const tableMarkers = new Set([0xffdb, 0xffc4, 0xffcc, 0xffdd, 0xfffe]);\n for (let i = 0xffe0; i < 0xfff0; ++i) {\n tableMarkers.add(i);\n }\n\n // SOF markers and DHP marker.\n // These markers are after tables/misc data.\n const sofMarkers = new Set([\n 0xffc0, 0xffc1, 0xffc2, 0xffc3, 0xffc5, 0xffc6, 0xffc7, 0xffc9, 0xffca, 0xffcb, 0xffcd, 0xffce,\n 0xffcf, 0xffde\n ]);\n\n return {tableMarkers, sofMarkers};\n}\n\n// TODO - move into image module?\nfunction toDataView(data) {\n if (data instanceof DataView) {\n return data;\n }\n if (ArrayBuffer.isView(data)) {\n return new DataView(data.buffer);\n }\n\n // TODO: make these functions work for Node.js buffers?\n // if (bufferToArrayBuffer) {\n // data = bufferToArrayBuffer(data);\n // }\n\n // Careful - Node Buffers will look like ArrayBuffers (keep after isBuffer)\n if (data instanceof ArrayBuffer) {\n return new DataView(data);\n }\n throw new Error('toDataView');\n}\n"],"mappings":"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"}
|
|
@@ -1,42 +1,67 @@
|
|
|
1
1
|
import { isBrowser } from '@loaders.gl/loader-utils';
|
|
2
|
-
|
|
3
|
-
const
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
export function _isImageFormatSupported(mimeType) {
|
|
8
|
-
if (mimeTypeSupported[mimeType] === undefined) {
|
|
9
|
-
mimeTypeSupported[mimeType] = checkFormatSupport(mimeType);
|
|
2
|
+
const MIME_TYPES = ['image/png', 'image/jpeg', 'image/gif', 'image/webp', 'image/avif', 'image/tiff', 'image/svg', 'image/svg+xml', 'image/bmp', 'image/vnd.microsoft.icon'];
|
|
3
|
+
const mimeTypeSupportedPromise = null;
|
|
4
|
+
export async function getSupportedImageFormats() {
|
|
5
|
+
if (mimeTypeSupportedPromise) {
|
|
6
|
+
return await mimeTypeSupportedPromise;
|
|
10
7
|
}
|
|
11
|
-
|
|
8
|
+
const supportedMimeTypes = new Set();
|
|
9
|
+
for (const mimeType of MIME_TYPES) {
|
|
10
|
+
const supported = isBrowser ? await checkBrowserImageFormatSupportAsync(mimeType) : checkNodeImageFormatSupport(mimeType);
|
|
11
|
+
if (supported) {
|
|
12
|
+
supportedMimeTypes.add(mimeType);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
return supportedMimeTypes;
|
|
16
|
+
}
|
|
17
|
+
const mimeTypeSupportedSync = {};
|
|
18
|
+
export function isImageFormatSupported(mimeType) {
|
|
19
|
+
if (mimeTypeSupportedSync[mimeType] === undefined) {
|
|
20
|
+
const supported = isBrowser ? checkBrowserImageFormatSupport(mimeType) : checkNodeImageFormatSupport(mimeType);
|
|
21
|
+
mimeTypeSupportedSync[mimeType] = supported;
|
|
22
|
+
}
|
|
23
|
+
return mimeTypeSupportedSync[mimeType];
|
|
24
|
+
}
|
|
25
|
+
function checkNodeImageFormatSupport(mimeType) {
|
|
26
|
+
const NODE_FORMAT_SUPPORT = ['image/png', 'image/jpeg', 'image/gif'];
|
|
27
|
+
const {
|
|
28
|
+
_parseImageNode,
|
|
29
|
+
_imageFormatsNode = NODE_FORMAT_SUPPORT
|
|
30
|
+
} = globalThis;
|
|
31
|
+
return Boolean(_parseImageNode) && _imageFormatsNode.includes(mimeType);
|
|
12
32
|
}
|
|
13
|
-
|
|
14
|
-
function checkFormatSupport(mimeType) {
|
|
33
|
+
function checkBrowserImageFormatSupport(mimeType) {
|
|
15
34
|
switch (mimeType) {
|
|
35
|
+
case 'image/avif':
|
|
16
36
|
case 'image/webp':
|
|
17
|
-
return
|
|
18
|
-
case 'image/svg':
|
|
19
|
-
return isBrowser;
|
|
37
|
+
return testBrowserImageFormatSupport(mimeType);
|
|
20
38
|
default:
|
|
21
|
-
if (!isBrowser) {
|
|
22
|
-
const {
|
|
23
|
-
_parseImageNode
|
|
24
|
-
} = globalThis;
|
|
25
|
-
return Boolean(_parseImageNode) && NODE_FORMAT_SUPPORT.includes(mimeType);
|
|
26
|
-
}
|
|
27
39
|
return true;
|
|
28
40
|
}
|
|
29
41
|
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
42
|
+
const TEST_IMAGE = {
|
|
43
|
+
'image/avif': 'data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAIAAAACAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A=',
|
|
44
|
+
'image/webp': 'data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA'
|
|
45
|
+
};
|
|
46
|
+
async function checkBrowserImageFormatSupportAsync(mimeType) {
|
|
47
|
+
const dataURL = TEST_IMAGE[mimeType];
|
|
48
|
+
return dataURL ? await testBrowserImageFormatSupportAsync(dataURL) : true;
|
|
49
|
+
}
|
|
50
|
+
function testBrowserImageFormatSupport(mimeType) {
|
|
35
51
|
try {
|
|
36
52
|
const element = document.createElement('canvas');
|
|
37
|
-
|
|
53
|
+
const dataURL = element.toDataURL(mimeType);
|
|
54
|
+
return dataURL.indexOf("data:".concat(mimeType)) === 0;
|
|
38
55
|
} catch {
|
|
39
56
|
return false;
|
|
40
57
|
}
|
|
41
58
|
}
|
|
59
|
+
async function testBrowserImageFormatSupportAsync(testImageDataURL) {
|
|
60
|
+
return new Promise(resolve => {
|
|
61
|
+
const image = new Image();
|
|
62
|
+
image.src = testImageDataURL;
|
|
63
|
+
image.onload = () => resolve(image.height > 0);
|
|
64
|
+
image.onerror = () => resolve(false);
|
|
65
|
+
});
|
|
66
|
+
}
|
|
42
67
|
//# sourceMappingURL=image-format.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image-format.js","names":["isBrowser","
|
|
1
|
+
{"version":3,"file":"image-format.js","names":["isBrowser","MIME_TYPES","mimeTypeSupportedPromise","getSupportedImageFormats","supportedMimeTypes","Set","mimeType","supported","checkBrowserImageFormatSupportAsync","checkNodeImageFormatSupport","add","mimeTypeSupportedSync","isImageFormatSupported","undefined","checkBrowserImageFormatSupport","NODE_FORMAT_SUPPORT","_parseImageNode","_imageFormatsNode","globalThis","Boolean","includes","testBrowserImageFormatSupport","TEST_IMAGE","dataURL","testBrowserImageFormatSupportAsync","element","document","createElement","toDataURL","indexOf","concat","testImageDataURL","Promise","resolve","image","Image","src","onload","height","onerror"],"sources":["../../../../src/lib/category-api/image-format.ts"],"sourcesContent":["// loaders.gl, MIT license\n\nimport {isBrowser} from '@loaders.gl/loader-utils';\n\nconst MIME_TYPES = [\n 'image/png',\n 'image/jpeg',\n 'image/gif',\n 'image/webp',\n 'image/avif',\n 'image/tiff',\n // TODO - what is the correct type for SVG\n 'image/svg',\n 'image/svg+xml',\n 'image/bmp',\n 'image/vnd.microsoft.icon'\n];\n\n/** Only one round of tests is performed */\nconst mimeTypeSupportedPromise: Promise<Set<string>> | null = null;\n\n/** Run-time browser detection of file formats requires async tests for most precise results */\nexport async function getSupportedImageFormats(): Promise<Set<string>> {\n if (mimeTypeSupportedPromise) {\n return await mimeTypeSupportedPromise;\n }\n\n const supportedMimeTypes = new Set<string>();\n for (const mimeType of MIME_TYPES) {\n const supported = isBrowser\n ? await checkBrowserImageFormatSupportAsync(mimeType)\n : checkNodeImageFormatSupport(mimeType);\n if (supported) {\n supportedMimeTypes.add(mimeType);\n }\n }\n\n return supportedMimeTypes;\n}\n\n/** Cache sync values for speed */\nconst mimeTypeSupportedSync: {[mimeType: string]: boolean} = {};\n\n/**\n * Check if image MIME type is supported. Result is cached to avoid repeated tests.\n */\nexport function isImageFormatSupported(mimeType: string): boolean {\n if (mimeTypeSupportedSync[mimeType] === undefined) {\n const supported = isBrowser\n ? checkBrowserImageFormatSupport(mimeType)\n : checkNodeImageFormatSupport(mimeType);\n mimeTypeSupportedSync[mimeType] = supported;\n }\n return mimeTypeSupportedSync[mimeType];\n}\n\n/**\n * Checks that polyfills are installed and that mimeType is supported by polyfills\n * @todo Ideally polyfills should declare what formats they support, instead of storing that data here.\n */\nfunction checkNodeImageFormatSupport(mimeType: string): boolean {\n /** @deprecated Remove these in 4.0 and rely on polyfills to inject them */\n const NODE_FORMAT_SUPPORT = ['image/png', 'image/jpeg', 'image/gif'];\n // @ts-ignore\n const {_parseImageNode, _imageFormatsNode = NODE_FORMAT_SUPPORT} = globalThis;\n return Boolean(_parseImageNode) && _imageFormatsNode.includes(mimeType);\n}\n\n/** Checks image format support synchronously.\n * @note Unreliable, fails on AVIF\n */\nfunction checkBrowserImageFormatSupport(mimeType: string): boolean {\n switch (mimeType) {\n case 'image/avif': // Will fail\n case 'image/webp':\n return testBrowserImageFormatSupport(mimeType);\n default:\n return true;\n }\n}\n\nconst TEST_IMAGE = {\n 'image/avif':\n 'data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAIAAAACAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A=',\n // Lossy test image. Support for lossy images doesn't guarantee support for all WebP images.\n 'image/webp': 'data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA'\n};\n\n/** Checks WebP and AVIF support asynchronously */\nasync function checkBrowserImageFormatSupportAsync(mimeType: string): Promise<boolean> {\n const dataURL = TEST_IMAGE[mimeType];\n return dataURL ? await testBrowserImageFormatSupportAsync(dataURL) : true;\n}\n\n/**\n * Checks browser synchronously\n * Checks if toDataURL supports the mimeType.\n * @note Imperfect testOn Chrome this is true for WebP but not for AVIF\n */\nfunction testBrowserImageFormatSupport(mimeType: string): boolean {\n try {\n const element = document.createElement('canvas');\n const dataURL = element.toDataURL(mimeType);\n return dataURL.indexOf(`data:${mimeType}`) === 0;\n } catch {\n // Probably Safari...\n return false;\n }\n}\n\n// Check WebPSupport asynchronously\nasync function testBrowserImageFormatSupportAsync(testImageDataURL: string): Promise<boolean> {\n return new Promise((resolve) => {\n const image = new Image();\n image.src = testImageDataURL;\n image.onload = () => resolve(image.height > 0);\n image.onerror = () => resolve(false);\n });\n}\n"],"mappings":"AAEA,SAAQA,SAAS,QAAO,0BAA0B;AAElD,MAAMC,UAAU,GAAG,CACjB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,YAAY,EAEZ,WAAW,EACX,eAAe,EACf,WAAW,EACX,0BAA0B,CAC3B;AAGD,MAAMC,wBAAqD,GAAG,IAAI;AAGlE,OAAO,eAAeC,wBAAwBA,CAAA,EAAyB;EACrE,IAAID,wBAAwB,EAAE;IAC5B,OAAO,MAAMA,wBAAwB;EACvC;EAEA,MAAME,kBAAkB,GAAG,IAAIC,GAAG,EAAU;EAC5C,KAAK,MAAMC,QAAQ,IAAIL,UAAU,EAAE;IACjC,MAAMM,SAAS,GAAGP,SAAS,GACvB,MAAMQ,mCAAmC,CAACF,QAAQ,CAAC,GACnDG,2BAA2B,CAACH,QAAQ,CAAC;IACzC,IAAIC,SAAS,EAAE;MACbH,kBAAkB,CAACM,GAAG,CAACJ,QAAQ,CAAC;IAClC;EACF;EAEA,OAAOF,kBAAkB;AAC3B;AAGA,MAAMO,qBAAoD,GAAG,CAAC,CAAC;AAK/D,OAAO,SAASC,sBAAsBA,CAACN,QAAgB,EAAW;EAChE,IAAIK,qBAAqB,CAACL,QAAQ,CAAC,KAAKO,SAAS,EAAE;IACjD,MAAMN,SAAS,GAAGP,SAAS,GACvBc,8BAA8B,CAACR,QAAQ,CAAC,GACxCG,2BAA2B,CAACH,QAAQ,CAAC;IACzCK,qBAAqB,CAACL,QAAQ,CAAC,GAAGC,SAAS;EAC7C;EACA,OAAOI,qBAAqB,CAACL,QAAQ,CAAC;AACxC;AAMA,SAASG,2BAA2BA,CAACH,QAAgB,EAAW;EAE9D,MAAMS,mBAAmB,GAAG,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;EAEpE,MAAM;IAACC,eAAe;IAAEC,iBAAiB,GAAGF;EAAmB,CAAC,GAAGG,UAAU;EAC7E,OAAOC,OAAO,CAACH,eAAe,CAAC,IAAIC,iBAAiB,CAACG,QAAQ,CAACd,QAAQ,CAAC;AACzE;AAKA,SAASQ,8BAA8BA,CAACR,QAAgB,EAAW;EACjE,QAAQA,QAAQ;IACd,KAAK,YAAY;IACjB,KAAK,YAAY;MACf,OAAOe,6BAA6B,CAACf,QAAQ,CAAC;IAChD;MACE,OAAO,IAAI;EAAC;AAElB;AAEA,MAAMgB,UAAU,GAAG;EACjB,YAAY,EACV,ybAAyb;EAE3b,YAAY,EAAE;AAChB,CAAC;AAGD,eAAed,mCAAmCA,CAACF,QAAgB,EAAoB;EACrF,MAAMiB,OAAO,GAAGD,UAAU,CAAChB,QAAQ,CAAC;EACpC,OAAOiB,OAAO,GAAG,MAAMC,kCAAkC,CAACD,OAAO,CAAC,GAAG,IAAI;AAC3E;AAOA,SAASF,6BAA6BA,CAACf,QAAgB,EAAW;EAChE,IAAI;IACF,MAAMmB,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;IAChD,MAAMJ,OAAO,GAAGE,OAAO,CAACG,SAAS,CAACtB,QAAQ,CAAC;IAC3C,OAAOiB,OAAO,CAACM,OAAO,SAAAC,MAAA,CAASxB,QAAQ,EAAG,KAAK,CAAC;EAClD,CAAC,CAAC,MAAM;IAEN,OAAO,KAAK;EACd;AACF;AAGA,eAAekB,kCAAkCA,CAACO,gBAAwB,EAAoB;EAC5F,OAAO,IAAIC,OAAO,CAAEC,OAAO,IAAK;IAC9B,MAAMC,KAAK,GAAG,IAAIC,KAAK,EAAE;IACzBD,KAAK,CAACE,GAAG,GAAGL,gBAAgB;IAC5BG,KAAK,CAACG,MAAM,GAAG,MAAMJ,OAAO,CAACC,KAAK,CAACI,MAAM,GAAG,CAAC,CAAC;IAC9CJ,KAAK,CAACK,OAAO,GAAG,MAAMN,OAAO,CAAC,KAAK,CAAC;EACtC,CAAC,CAAC;AACJ"}
|
|
@@ -6,7 +6,6 @@ const IMAGE_SUPPORTED = typeof Image !== 'undefined';
|
|
|
6
6
|
const IMAGE_BITMAP_SUPPORTED = typeof ImageBitmap !== 'undefined';
|
|
7
7
|
const NODE_IMAGE_SUPPORTED = Boolean(_parseImageNode);
|
|
8
8
|
const DATA_SUPPORTED = isBrowser ? true : NODE_IMAGE_SUPPORTED;
|
|
9
|
-
|
|
10
9
|
export function isImageTypeSupported(type) {
|
|
11
10
|
switch (type) {
|
|
12
11
|
case 'auto':
|
|
@@ -21,7 +20,6 @@ export function isImageTypeSupported(type) {
|
|
|
21
20
|
throw new Error("@loaders.gl/images: image ".concat(type, " not supported in this environment"));
|
|
22
21
|
}
|
|
23
22
|
}
|
|
24
|
-
|
|
25
23
|
export function getDefaultImageType() {
|
|
26
24
|
if (IMAGE_BITMAP_SUPPORTED) {
|
|
27
25
|
return 'imagebitmap';
|
|
@@ -32,7 +30,6 @@ export function getDefaultImageType() {
|
|
|
32
30
|
if (DATA_SUPPORTED) {
|
|
33
31
|
return 'data';
|
|
34
32
|
}
|
|
35
|
-
|
|
36
33
|
throw new Error('Install \'@loaders.gl/polyfills\' to parse images under Node.js');
|
|
37
34
|
}
|
|
38
35
|
//# sourceMappingURL=image-type.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image-type.js","names":["isBrowser","_parseImageNode","globalThis","IMAGE_SUPPORTED","Image","IMAGE_BITMAP_SUPPORTED","ImageBitmap","NODE_IMAGE_SUPPORTED","Boolean","DATA_SUPPORTED","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,SAAQA,SAAS,QAAO,0BAA0B;AAIlD,MAAM;EAACC;AAAe,CAAC,GAAGC,UAAU;AAEpC,MAAMC,eAAe,GAAG,OAAOC,KAAK,KAAK,WAAW;AACpD,MAAMC,sBAAsB,GAAG,OAAOC,WAAW,KAAK,WAAW;AACjE,MAAMC,oBAAoB,GAAGC,OAAO,CAACP,eAAe,CAAC;AACrD,MAAMQ,cAAc,GAAGT,SAAS,GAAG,IAAI,GAAGO,oBAAoB
|
|
1
|
+
{"version":3,"file":"image-type.js","names":["isBrowser","_parseImageNode","globalThis","IMAGE_SUPPORTED","Image","IMAGE_BITMAP_SUPPORTED","ImageBitmap","NODE_IMAGE_SUPPORTED","Boolean","DATA_SUPPORTED","isImageTypeSupported","type","Error","concat","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,SAAQA,SAAS,QAAO,0BAA0B;AAIlD,MAAM;EAACC;AAAe,CAAC,GAAGC,UAAU;AAEpC,MAAMC,eAAe,GAAG,OAAOC,KAAK,KAAK,WAAW;AACpD,MAAMC,sBAAsB,GAAG,OAAOC,WAAW,KAAK,WAAW;AACjE,MAAMC,oBAAoB,GAAGC,OAAO,CAACP,eAAe,CAAC;AACrD,MAAMQ,cAAc,GAAGT,SAAS,GAAG,IAAI,GAAGO,oBAAoB;AAM9D,OAAO,SAASG,oBAAoBA,CAACC,IAAY,EAAW;EAC1D,QAAQA,IAAI;IACV,KAAK,MAAM;MAET,OAAON,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,IAAIG,KAAK,8BAAAC,MAAA,CAA8BF,IAAI,wCAAqC;EAAC;AAE7F;AAMA,OAAO,SAASG,mBAAmBA,CAAA,EAAkB;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,IAAIG,KAAK,CAAC,iEAAiE,CAAC;AACpF"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
export function getISOBMFFMediaType(buffer) {
|
|
2
|
+
if (!checkString(buffer, 'ftyp', 4)) {
|
|
3
|
+
return null;
|
|
4
|
+
}
|
|
5
|
+
if ((buffer[8] & 0x60) === 0x00) {
|
|
6
|
+
return null;
|
|
7
|
+
}
|
|
8
|
+
return decodeMajorBrand(buffer);
|
|
9
|
+
}
|
|
10
|
+
export function decodeMajorBrand(buffer) {
|
|
11
|
+
const brandMajor = getUTF8String(buffer, 8, 12).replace('\0', ' ').trim();
|
|
12
|
+
switch (brandMajor) {
|
|
13
|
+
case 'avif':
|
|
14
|
+
case 'avis':
|
|
15
|
+
return {
|
|
16
|
+
extension: 'avif',
|
|
17
|
+
mimeType: 'image/avif'
|
|
18
|
+
};
|
|
19
|
+
default:
|
|
20
|
+
return null;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
function getUTF8String(array, start, end) {
|
|
24
|
+
return String.fromCharCode(...array.slice(start, end));
|
|
25
|
+
}
|
|
26
|
+
function stringToBytes(string) {
|
|
27
|
+
return [...string].map(character => character.charCodeAt(0));
|
|
28
|
+
}
|
|
29
|
+
function checkString(buffer, header) {
|
|
30
|
+
let offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
31
|
+
const headerBytes = stringToBytes(header);
|
|
32
|
+
for (let i = 0; i < headerBytes.length; ++i) {
|
|
33
|
+
if (headerBytes[i] !== buffer[i + offset]) {
|
|
34
|
+
return false;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
return true;
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=parse-isobmff-binary.js.map
|
|
@@ -0,0 +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","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":"AAaA,OAAO,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;AAMA,OAAO,SAASE,gBAAgBA,CAACF,MAAkB,EAAsB;EACvE,MAAMG,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,CAAC,GAAGJ,KAAK,CAACK,KAAK,CAACJ,KAAK,EAAEC,GAAG,CAAC,CAAC;AACxD;AAEA,SAASI,aAAaA,CAACC,MAAc,EAAY;EAC/C,OAAO,CAAC,GAAGA,MAAM,CAAC,CAACC,GAAG,CAAEC,SAAS,IAAKA,SAAS,CAACC,UAAU,CAAC,CAAC,CAAC,CAAC;AAChE;AAEA,SAASlB,WAAWA,CAACD,MAAyB,EAAEoB,MAAc,EAA+B;EAAA,IAA7BC,MAAc,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;EAChF,MAAMG,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,KAAK1B,MAAM,CAAC0B,CAAC,GAAGL,MAAM,CAAC,EAAE;MACzC,OAAO,KAAK;IACd;EACF;EAEA,OAAO,IAAI;AACb"}
|
|
@@ -9,7 +9,6 @@ export function deleteImage(image) {
|
|
|
9
9
|
default:
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
|
-
|
|
13
12
|
export function getImageType(image) {
|
|
14
13
|
const format = getImageTypeOrNull(image);
|
|
15
14
|
if (!format) {
|
|
@@ -39,7 +38,6 @@ export function getImageData(image) {
|
|
|
39
38
|
throw new Error('getImageData');
|
|
40
39
|
}
|
|
41
40
|
}
|
|
42
|
-
|
|
43
41
|
function getImageTypeOrNull(image) {
|
|
44
42
|
if (typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {
|
|
45
43
|
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":"AAEA,OAAO,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","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":"AAEA,OAAO,SAASA,OAAOA,CAACC,KAAgB,EAAW;EACjD,OAAOC,OAAO,CAACC,kBAAkB,CAACF,KAAK,CAAC,CAAC;AAC3C;AAEA,OAAO,SAASG,WAAWA,CAACH,KAAgB,EAAQ;EAClD,QAAQI,YAAY,CAACJ,KAAK,CAAC;IACzB,KAAK,aAAa;MACfA,KAAK,CAAiBK,KAAK,EAAE;MAC9B;IACF;EAAQ;AAGZ;AAEA,OAAO,SAASD,YAAYA,CAACJ,KAAgB,EAAiB;EAC5D,MAAMM,MAAM,GAAGJ,kBAAkB,CAACF,KAAK,CAAC;EACxC,IAAI,CAACM,MAAM,EAAE;IACX,MAAM,IAAIC,KAAK,CAAC,cAAc,CAAC;EACjC;EACA,OAAOD,MAAM;AACf;AAEA,OAAO,SAASE,YAAYA,CAACR,KAAgB,EAAmC;EAC9E,OAAOS,YAAY,CAACT,KAAK,CAAC;AAC5B;AAEA,OAAO,SAASS,YAAYA,CAACT,KAAgB,EAA6B;EACxE,QAAQI,YAAY,CAACJ,KAAK,CAAC;IACzB,KAAK,MAAM;MACT,OAAOA,KAAK;IAEd,KAAK,OAAO;IACZ,KAAK,aAAa;MAEhB,MAAMU,MAAM,GAAGC,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;MAE/C,MAAMC,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,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACoB,IAAI,IAAIpB,KAAK,CAACe,KAAK,IAAIf,KAAK,CAACgB,MAAM,EAAE;IACnF,OAAO,MAAM;EACf;EACA,OAAO,IAAI;AACb"}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
|
|
2
1
|
import { getImageSize } from '../category-api/parsed-image-api';
|
|
3
|
-
|
|
4
2
|
const {
|
|
5
3
|
_encodeImageNode
|
|
6
4
|
} = globalThis;
|
|
7
|
-
|
|
8
5
|
export async function encodeImage(image, options) {
|
|
9
6
|
options = options || {};
|
|
10
7
|
options.image = options.image || {};
|
|
@@ -12,9 +9,7 @@ export async function encodeImage(image, options) {
|
|
|
12
9
|
type: options.image.mimeType
|
|
13
10
|
}) : encodeImageInBrowser(image, options);
|
|
14
11
|
}
|
|
15
|
-
|
|
16
12
|
let qualityParamSupported = true;
|
|
17
|
-
|
|
18
13
|
async function encodeImageInBrowser(image, options) {
|
|
19
14
|
const {
|
|
20
15
|
mimeType,
|
|
@@ -24,12 +19,10 @@ async function encodeImageInBrowser(image, options) {
|
|
|
24
19
|
width,
|
|
25
20
|
height
|
|
26
21
|
} = getImageSize(image);
|
|
27
|
-
|
|
28
22
|
const canvas = document.createElement('canvas');
|
|
29
23
|
canvas.width = width;
|
|
30
24
|
canvas.height = height;
|
|
31
25
|
drawImageToCanvas(image, canvas);
|
|
32
|
-
|
|
33
26
|
const blob = await new Promise(resolve => {
|
|
34
27
|
if (jpegQuality && qualityParamSupported) {
|
|
35
28
|
try {
|
|
@@ -56,7 +49,6 @@ function drawImageToCanvas(image, canvas) {
|
|
|
56
49
|
return canvas;
|
|
57
50
|
}
|
|
58
51
|
}
|
|
59
|
-
|
|
60
52
|
const context = canvas.getContext('2d');
|
|
61
53
|
if (image.data) {
|
|
62
54
|
const clampedArray = new Uint8ClampedArray(image.data);
|
|
@@ -64,7 +56,6 @@ function drawImageToCanvas(image, canvas) {
|
|
|
64
56
|
context.putImageData(imageData, 0, 0);
|
|
65
57
|
return canvas;
|
|
66
58
|
}
|
|
67
|
-
|
|
68
59
|
context.drawImage(image, 0, 0);
|
|
69
60
|
return canvas;
|
|
70
61
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"encode-image.js","names":["getImageSize","_encodeImageNode","globalThis","encodeImage","image","options","type","mimeType","encodeImageInBrowser","qualityParamSupported","jpegQuality","width","height","canvas","document","createElement","drawImageToCanvas","blob","Promise","resolve","toBlob","error","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":"
|
|
1
|
+
{"version":3,"file":"encode-image.js","names":["getImageSize","_encodeImageNode","globalThis","encodeImage","image","options","type","mimeType","encodeImageInBrowser","qualityParamSupported","jpegQuality","width","height","canvas","document","createElement","drawImageToCanvas","blob","Promise","resolve","toBlob","error","Error","arrayBuffer","x","arguments","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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"}
|
|
@@ -4,16 +4,13 @@ import { getImageData } from '../category-api/parsed-image-api';
|
|
|
4
4
|
import parseToImage from './parse-to-image';
|
|
5
5
|
import parseToImageBitmap from './parse-to-image-bitmap';
|
|
6
6
|
import parseToNodeImage from './parse-to-node-image';
|
|
7
|
-
|
|
8
7
|
export default async function parseImage(arrayBuffer, options, context) {
|
|
9
8
|
options = options || {};
|
|
10
9
|
const imageOptions = options.image || {};
|
|
11
|
-
|
|
12
10
|
const imageType = imageOptions.type || 'auto';
|
|
13
11
|
const {
|
|
14
12
|
url
|
|
15
13
|
} = context || {};
|
|
16
|
-
|
|
17
14
|
const loadType = getLoadableImageType(imageType);
|
|
18
15
|
let image;
|
|
19
16
|
switch (loadType) {
|
|
@@ -29,13 +26,11 @@ export default async function parseImage(arrayBuffer, options, context) {
|
|
|
29
26
|
default:
|
|
30
27
|
assert(false);
|
|
31
28
|
}
|
|
32
|
-
|
|
33
29
|
if (imageType === 'data') {
|
|
34
30
|
image = getImageData(image);
|
|
35
31
|
}
|
|
36
32
|
return image;
|
|
37
33
|
}
|
|
38
|
-
|
|
39
34
|
function getLoadableImageType(type) {
|
|
40
35
|
switch (type) {
|
|
41
36
|
case 'auto':
|