@loaders.gl/images 3.3.0-alpha.1 → 3.3.0-alpha.10
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/bundle.js +0 -1
- package/dist/es5/bundle.js.map +1 -1
- package/dist/es5/image-loader.js +1 -5
- package/dist/es5/image-loader.js.map +1 -1
- package/dist/es5/image-writer.js +0 -2
- package/dist/es5/image-writer.js.map +1 -1
- package/dist/es5/index.js +14 -21
- package/dist/es5/index.js.map +1 -1
- package/dist/es5/lib/category-api/binary-image-api.js +3 -13
- package/dist/es5/lib/category-api/binary-image-api.js.map +1 -1
- package/dist/es5/lib/category-api/image-format.js +1 -7
- package/dist/es5/lib/category-api/image-format.js.map +1 -1
- package/dist/es5/lib/category-api/image-type.js +1 -9
- package/dist/es5/lib/category-api/image-type.js.map +1 -1
- package/dist/es5/lib/category-api/parsed-image-api.js +3 -19
- package/dist/es5/lib/category-api/parsed-image-api.js.map +1 -1
- package/dist/es5/lib/encoders/encode-image.js +1 -21
- package/dist/es5/lib/encoders/encode-image.js.map +1 -1
- package/dist/es5/lib/parsers/parse-image.js +0 -24
- package/dist/es5/lib/parsers/parse-image.js.map +1 -1
- package/dist/es5/lib/parsers/parse-to-image-bitmap.js +1 -26
- package/dist/es5/lib/parsers/parse-to-image-bitmap.js.map +1 -1
- package/dist/es5/lib/parsers/parse-to-image.js +0 -19
- package/dist/es5/lib/parsers/parse-to-image.js.map +1 -1
- package/dist/es5/lib/parsers/parse-to-node-image.js +1 -10
- package/dist/es5/lib/parsers/parse-to-node-image.js.map +1 -1
- package/dist/es5/lib/parsers/svg-utils.js +3 -9
- package/dist/es5/lib/parsers/svg-utils.js.map +1 -1
- package/dist/es5/lib/texture-api/async-deep-map.js +3 -32
- package/dist/es5/lib/texture-api/async-deep-map.js.map +1 -1
- package/dist/es5/lib/texture-api/deep-load.js +0 -14
- package/dist/es5/lib/texture-api/deep-load.js.map +1 -1
- package/dist/es5/lib/texture-api/generate-url.js +3 -12
- package/dist/es5/lib/texture-api/generate-url.js.map +1 -1
- package/dist/es5/lib/texture-api/load-image.js +9 -43
- package/dist/es5/lib/texture-api/load-image.js.map +1 -1
- package/dist/es5/lib/utils/version.js +1 -1
- package/dist/es5/lib/utils/version.js.map +1 -1
- package/dist/es5/types.js.map +1 -1
- package/dist/esm/bundle.js +1 -1
- package/dist/esm/bundle.js.map +1 -1
- package/dist/esm/image-loader.js +1 -0
- package/dist/esm/image-loader.js.map +1 -1
- package/dist/esm/image-writer.js +1 -0
- package/dist/esm/image-writer.js.map +1 -1
- package/dist/esm/index.js +6 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/lib/category-api/binary-image-api.js +4 -11
- package/dist/esm/lib/category-api/binary-image-api.js.map +1 -1
- package/dist/esm/lib/category-api/image-format.js +3 -5
- package/dist/esm/lib/category-api/image-format.js.map +1 -1
- package/dist/esm/lib/category-api/image-type.js +2 -6
- package/dist/esm/lib/category-api/image-type.js.map +1 -1
- package/dist/esm/lib/category-api/parsed-image-api.js +1 -10
- package/dist/esm/lib/category-api/parsed-image-api.js.map +1 -1
- package/dist/esm/lib/encoders/encode-image.js +9 -7
- package/dist/esm/lib/encoders/encode-image.js.map +1 -1
- package/dist/esm/lib/parsers/parse-image.js +3 -6
- package/dist/esm/lib/parsers/parse-image.js.map +1 -1
- package/dist/esm/lib/parsers/parse-to-image-bitmap.js +3 -6
- package/dist/esm/lib/parsers/parse-to-image-bitmap.js.map +1 -1
- package/dist/esm/lib/parsers/parse-to-image.js +2 -2
- package/dist/esm/lib/parsers/parse-to-image.js.map +1 -1
- package/dist/esm/lib/parsers/parse-to-node-image.js +3 -0
- package/dist/esm/lib/parsers/parse-to-node-image.js.map +1 -1
- package/dist/esm/lib/parsers/svg-utils.js +2 -4
- package/dist/esm/lib/parsers/svg-utils.js.map +1 -1
- package/dist/esm/lib/texture-api/async-deep-map.js +6 -6
- package/dist/esm/lib/texture-api/async-deep-map.js.map +1 -1
- package/dist/esm/lib/texture-api/deep-load.js.map +1 -1
- package/dist/esm/lib/texture-api/generate-url.js +4 -5
- package/dist/esm/lib/texture-api/generate-url.js.map +1 -1
- package/dist/esm/lib/texture-api/load-image.js +14 -11
- package/dist/esm/lib/texture-api/load-image.js.map +1 -1
- package/dist/esm/lib/utils/version.js +2 -1
- package/dist/esm/lib/utils/version.js.map +1 -1
- package/dist/esm/types.js.map +1 -1
- package/dist/image-loader.d.ts +1 -1
- package/dist/image-loader.d.ts.map +1 -1
- package/dist/lib/category-api/binary-image-api.d.ts +1 -1
- package/dist/lib/category-api/binary-image-api.d.ts.map +1 -1
- package/dist/types.d.ts +3 -3
- package/dist/types.d.ts.map +1 -1
- package/package.json +3 -3
package/dist/es5/bundle.js
CHANGED
package/dist/es5/bundle.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"bundle.js","names":["moduleExports","require","globalThis","loaders","module","exports","Object","assign"],"sources":["../../src/bundle.ts"],"sourcesContent":["// @ts-nocheck\nconst moduleExports = require('./index');\nglobalThis.loaders = globalThis.loaders || {};\nmodule.exports = Object.assign(globalThis.loaders, moduleExports);\n"],"mappings":";;AACA,IAAMA,aAAa,GAAGC,OAAO,CAAC,SAAS,CAAC;AACxCC,UAAU,CAACC,OAAO,GAAGD,UAAU,CAACC,OAAO,IAAI,CAAC,CAAC;AAC7CC,MAAM,CAACC,OAAO,GAAGC,MAAM,CAACC,MAAM,CAACL,UAAU,CAACC,OAAO,EAAEH,aAAa,CAAC"}
|
package/dist/es5/image-loader.js
CHANGED
|
@@ -1,18 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports._typecheckImageLoader = exports.ImageLoader = void 0;
|
|
9
|
-
|
|
10
8
|
var _version = require("./lib/utils/version");
|
|
11
|
-
|
|
12
9
|
var _parseImage = _interopRequireDefault(require("./lib/parsers/parse-image"));
|
|
13
|
-
|
|
14
10
|
var _binaryImageApi = require("./lib/category-api/binary-image-api");
|
|
15
|
-
|
|
16
11
|
var EXTENSIONS = ['png', 'jpg', 'jpeg', 'gif', 'webp', 'bmp', 'ico', 'svg'];
|
|
17
12
|
var MIME_TYPES = ['image/png', 'image/jpeg', 'image/gif', 'image/webp', 'image/bmp', 'image/vnd.microsoft.icon', 'image/svg+xml'];
|
|
18
13
|
var DEFAULT_IMAGE_LOADER_OPTIONS = {
|
|
@@ -21,6 +16,7 @@ var DEFAULT_IMAGE_LOADER_OPTIONS = {
|
|
|
21
16
|
decode: true
|
|
22
17
|
}
|
|
23
18
|
};
|
|
19
|
+
|
|
24
20
|
var ImageLoader = {
|
|
25
21
|
id: 'image',
|
|
26
22
|
module: 'images',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"image-loader.js","names":["EXTENSIONS","MIME_TYPES","DEFAULT_IMAGE_LOADER_OPTIONS","image","type","decode","ImageLoader","id","module","name","version","VERSION","mimeTypes","extensions","parse","parseImage","tests","arrayBuffer","Boolean","getBinaryImageMetadata","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;AACA;AACA;AAEA,IAAMA,UAAU,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;AAC7E,IAAMC,UAAU,GAAG,CACjB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,0BAA0B,EAC1B,eAAe,CAChB;AAUD,IAAMC,4BAAgD,GAAG;EACvDC,KAAK,EAAE;IACLC,IAAI,EAAE,MAAM;IACZC,MAAM,EAAE;EACV;AAEF,CAAC;;AAMM,IAAMC,WAAW,GAAG;EACzBC,EAAE,EAAE,OAAO;EACXC,MAAM,EAAE,QAAQ;EAChBC,IAAI,EAAE,QAAQ;EACdC,OAAO,EAAEC,gBAAO;EAChBC,SAAS,EAAEX,UAAU;EACrBY,UAAU,EAAEb,UAAU;EACtBc,KAAK,EAAEC,mBAAU;EAEjBC,KAAK,EAAE,CAAC,UAACC,WAAW;IAAA,OAAKC,OAAO,CAAC,IAAAC,sCAAsB,EAAC,IAAIC,QAAQ,CAACH,WAAW,CAAC,CAAC,CAAC;EAAA,EAAC;EACpFI,OAAO,EAAEnB;AACX,CAAC;AAAC;AAEK,IAAMoB,qBAAuC,GAAGhB,WAAW;AAAC"}
|
package/dist/es5/image-writer.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"image-writer.js","names":["ImageWriter","name","id","module","version","VERSION","extensions","options","image","mimeType","jpegQuality","encode","encodeImage"],"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;AACA;;AAEO,IAAMA,WAAW,GAAG;EACzBC,IAAI,EAAE,QAAQ;EACdC,EAAE,EAAE,OAAO;EACXC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAEC,gBAAO;EAChBC,UAAU,EAAE,CAAC,MAAM,CAAC;EACpBC,OAAO,EAAE;IACPC,KAAK,EAAE;MACLC,QAAQ,EAAE,WAAW;MACrBC,WAAW,EAAE;IACf;EACF,CAAC;EACDC,MAAM,EAAEC;AACV,CAAC;AAAC"}
|
package/dist/es5/index.js
CHANGED
|
@@ -15,16 +15,16 @@ Object.defineProperty(exports, "ImageWriter", {
|
|
|
15
15
|
return _imageWriter.ImageWriter;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
-
Object.defineProperty(exports, "
|
|
18
|
+
Object.defineProperty(exports, "_isImageFormatSupported", {
|
|
19
19
|
enumerable: true,
|
|
20
20
|
get: function get() {
|
|
21
|
-
return
|
|
21
|
+
return _imageFormat._isImageFormatSupported;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
-
Object.defineProperty(exports, "
|
|
24
|
+
Object.defineProperty(exports, "getBinaryImageMetadata", {
|
|
25
25
|
enumerable: true,
|
|
26
26
|
get: function get() {
|
|
27
|
-
return
|
|
27
|
+
return _binaryImageApi.getBinaryImageMetadata;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
30
|
Object.defineProperty(exports, "getDefaultImageType", {
|
|
@@ -33,34 +33,34 @@ Object.defineProperty(exports, "getDefaultImageType", {
|
|
|
33
33
|
return _imageType.getDefaultImageType;
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
|
-
Object.defineProperty(exports, "
|
|
36
|
+
Object.defineProperty(exports, "getImageData", {
|
|
37
37
|
enumerable: true,
|
|
38
38
|
get: function get() {
|
|
39
|
-
return _parsedImageApi.
|
|
39
|
+
return _parsedImageApi.getImageData;
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
|
-
Object.defineProperty(exports, "
|
|
42
|
+
Object.defineProperty(exports, "getImageSize", {
|
|
43
43
|
enumerable: true,
|
|
44
44
|
get: function get() {
|
|
45
|
-
return _parsedImageApi.
|
|
45
|
+
return _parsedImageApi.getImageSize;
|
|
46
46
|
}
|
|
47
47
|
});
|
|
48
|
-
Object.defineProperty(exports, "
|
|
48
|
+
Object.defineProperty(exports, "getImageType", {
|
|
49
49
|
enumerable: true,
|
|
50
50
|
get: function get() {
|
|
51
|
-
return _parsedImageApi.
|
|
51
|
+
return _parsedImageApi.getImageType;
|
|
52
52
|
}
|
|
53
53
|
});
|
|
54
|
-
Object.defineProperty(exports, "
|
|
54
|
+
Object.defineProperty(exports, "isImage", {
|
|
55
55
|
enumerable: true,
|
|
56
56
|
get: function get() {
|
|
57
|
-
return _parsedImageApi.
|
|
57
|
+
return _parsedImageApi.isImage;
|
|
58
58
|
}
|
|
59
59
|
});
|
|
60
|
-
Object.defineProperty(exports, "
|
|
60
|
+
Object.defineProperty(exports, "isImageTypeSupported", {
|
|
61
61
|
enumerable: true,
|
|
62
62
|
get: function get() {
|
|
63
|
-
return
|
|
63
|
+
return _imageType.isImageTypeSupported;
|
|
64
64
|
}
|
|
65
65
|
});
|
|
66
66
|
Object.defineProperty(exports, "loadImage", {
|
|
@@ -69,18 +69,11 @@ Object.defineProperty(exports, "loadImage", {
|
|
|
69
69
|
return _loadImage.loadImage;
|
|
70
70
|
}
|
|
71
71
|
});
|
|
72
|
-
|
|
73
72
|
var _imageLoader = require("./image-loader");
|
|
74
|
-
|
|
75
73
|
var _imageWriter = require("./image-writer");
|
|
76
|
-
|
|
77
74
|
var _binaryImageApi = require("./lib/category-api/binary-image-api");
|
|
78
|
-
|
|
79
75
|
var _imageType = require("./lib/category-api/image-type");
|
|
80
|
-
|
|
81
76
|
var _parsedImageApi = require("./lib/category-api/parsed-image-api");
|
|
82
|
-
|
|
83
77
|
var _imageFormat = require("./lib/category-api/image-format");
|
|
84
|
-
|
|
85
78
|
var _loadImage = require("./lib/texture-api/load-image");
|
|
86
79
|
//# sourceMappingURL=index.js.map
|
package/dist/es5/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"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 {_isImageFormatSupported} from './lib/category-api/image-format';\n\n// DEPRECATED - Remove in V3 (fix dependency in luma.gl)\nexport {loadImage} from './lib/texture-api/load-image';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA;AACA;AAKA;AAGA;AAEA;AAQA;AAGA"}
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.getBinaryImageMetadata = getBinaryImageMetadata;
|
|
7
7
|
exports.getBmpMetadata = getBmpMetadata;
|
|
8
|
+
|
|
8
9
|
var BIG_ENDIAN = false;
|
|
9
10
|
var LITTLE_ENDIAN = true;
|
|
10
11
|
|
|
@@ -16,7 +17,6 @@ function getBinaryImageMetadata(binaryData) {
|
|
|
16
17
|
function getPngMetadata(binaryData) {
|
|
17
18
|
var dataView = toDataView(binaryData);
|
|
18
19
|
var isPng = dataView.byteLength >= 24 && dataView.getUint32(0, BIG_ENDIAN) === 0x89504e47;
|
|
19
|
-
|
|
20
20
|
if (!isPng) {
|
|
21
21
|
return null;
|
|
22
22
|
}
|
|
@@ -31,7 +31,6 @@ function getPngMetadata(binaryData) {
|
|
|
31
31
|
function getGifMetadata(binaryData) {
|
|
32
32
|
var dataView = toDataView(binaryData);
|
|
33
33
|
var isGif = dataView.byteLength >= 10 && dataView.getUint32(0, BIG_ENDIAN) === 0x47494638;
|
|
34
|
-
|
|
35
34
|
if (!isGif) {
|
|
36
35
|
return null;
|
|
37
36
|
}
|
|
@@ -46,7 +45,6 @@ function getGifMetadata(binaryData) {
|
|
|
46
45
|
function getBmpMetadata(binaryData) {
|
|
47
46
|
var dataView = toDataView(binaryData);
|
|
48
47
|
var isBmp = dataView.byteLength >= 14 && dataView.getUint16(0, BIG_ENDIAN) === 0x424d && dataView.getUint32(2, LITTLE_ENDIAN) === dataView.byteLength;
|
|
49
|
-
|
|
50
48
|
if (!isBmp) {
|
|
51
49
|
return null;
|
|
52
50
|
}
|
|
@@ -61,17 +59,14 @@ function getBmpMetadata(binaryData) {
|
|
|
61
59
|
function getJpegMetadata(binaryData) {
|
|
62
60
|
var dataView = toDataView(binaryData);
|
|
63
61
|
var isJpeg = dataView.byteLength >= 3 && dataView.getUint16(0, BIG_ENDIAN) === 0xffd8 && dataView.getUint8(2) === 0xff;
|
|
64
|
-
|
|
65
62
|
if (!isJpeg) {
|
|
66
63
|
return null;
|
|
67
64
|
}
|
|
68
|
-
|
|
69
65
|
var _getJpegMarkers = getJpegMarkers(),
|
|
70
|
-
|
|
71
|
-
|
|
66
|
+
tableMarkers = _getJpegMarkers.tableMarkers,
|
|
67
|
+
sofMarkers = _getJpegMarkers.sofMarkers;
|
|
72
68
|
|
|
73
69
|
var i = 2;
|
|
74
|
-
|
|
75
70
|
while (i + 9 < dataView.byteLength) {
|
|
76
71
|
var marker = dataView.getUint16(i, BIG_ENDIAN);
|
|
77
72
|
|
|
@@ -90,13 +85,10 @@ function getJpegMetadata(binaryData) {
|
|
|
90
85
|
i += 2;
|
|
91
86
|
i += dataView.getUint16(i, BIG_ENDIAN);
|
|
92
87
|
}
|
|
93
|
-
|
|
94
88
|
return null;
|
|
95
89
|
}
|
|
96
|
-
|
|
97
90
|
function getJpegMarkers() {
|
|
98
91
|
var tableMarkers = new Set([0xffdb, 0xffc4, 0xffcc, 0xffdd, 0xfffe]);
|
|
99
|
-
|
|
100
92
|
for (var i = 0xffe0; i < 0xfff0; ++i) {
|
|
101
93
|
tableMarkers.add(i);
|
|
102
94
|
}
|
|
@@ -112,7 +104,6 @@ function toDataView(data) {
|
|
|
112
104
|
if (data instanceof DataView) {
|
|
113
105
|
return data;
|
|
114
106
|
}
|
|
115
|
-
|
|
116
107
|
if (ArrayBuffer.isView(data)) {
|
|
117
108
|
return new DataView(data.buffer);
|
|
118
109
|
}
|
|
@@ -120,7 +111,6 @@ function toDataView(data) {
|
|
|
120
111
|
if (data instanceof ArrayBuffer) {
|
|
121
112
|
return new DataView(data);
|
|
122
113
|
}
|
|
123
|
-
|
|
124
114
|
throw new Error('toDataView');
|
|
125
115
|
}
|
|
126
116
|
//# sourceMappingURL=binary-image-api.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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","getJpegMarkers","tableMarkers","sofMarkers","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":"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"}
|
|
@@ -4,17 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports._isImageFormatSupported = _isImageFormatSupported;
|
|
7
|
-
|
|
8
7
|
var _loaderUtils = require("@loaders.gl/loader-utils");
|
|
9
|
-
|
|
10
8
|
var NODE_FORMAT_SUPPORT = ['image/png', 'image/jpeg', 'image/gif'];
|
|
9
|
+
|
|
11
10
|
var mimeTypeSupported = {};
|
|
12
11
|
|
|
13
12
|
function _isImageFormatSupported(mimeType) {
|
|
14
13
|
if (mimeTypeSupported[mimeType] === undefined) {
|
|
15
14
|
mimeTypeSupported[mimeType] = checkFormatSupport(mimeType);
|
|
16
15
|
}
|
|
17
|
-
|
|
18
16
|
return mimeTypeSupported[mimeType];
|
|
19
17
|
}
|
|
20
18
|
|
|
@@ -22,16 +20,13 @@ function checkFormatSupport(mimeType) {
|
|
|
22
20
|
switch (mimeType) {
|
|
23
21
|
case 'image/webp':
|
|
24
22
|
return checkWebPSupport();
|
|
25
|
-
|
|
26
23
|
case 'image/svg':
|
|
27
24
|
return _loaderUtils.isBrowser;
|
|
28
|
-
|
|
29
25
|
default:
|
|
30
26
|
if (!_loaderUtils.isBrowser) {
|
|
31
27
|
var _parseImageNode = globalThis._parseImageNode;
|
|
32
28
|
return Boolean(_parseImageNode) && NODE_FORMAT_SUPPORT.includes(mimeType);
|
|
33
29
|
}
|
|
34
|
-
|
|
35
30
|
return true;
|
|
36
31
|
}
|
|
37
32
|
}
|
|
@@ -40,7 +35,6 @@ function checkWebPSupport() {
|
|
|
40
35
|
if (!_loaderUtils.isBrowser) {
|
|
41
36
|
return false;
|
|
42
37
|
}
|
|
43
|
-
|
|
44
38
|
try {
|
|
45
39
|
var element = document.createElement('canvas');
|
|
46
40
|
return element.toDataURL('image/webp').indexOf('data:image/webp') === 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"image-format.js","names":["NODE_FORMAT_SUPPORT","mimeTypeSupported","_isImageFormatSupported","mimeType","undefined","checkFormatSupport","checkWebPSupport","isBrowser","_parseImageNode","globalThis","Boolean","includes","element","document","createElement","toDataURL","indexOf"],"sources":["../../../../src/lib/category-api/image-format.ts"],"sourcesContent":["import {isBrowser} from '@loaders.gl/loader-utils';\n\n// The following formats are supported by loaders.gl polyfills\nconst NODE_FORMAT_SUPPORT = ['image/png', 'image/jpeg', 'image/gif'];\n\n/** Cache values for speed */\nconst mimeTypeSupported: {[mimeType: string]: boolean} = {};\n\n/**\n * Check if image MIME type is supported. Result is cached.\n */\nexport function _isImageFormatSupported(mimeType: string): boolean {\n if (mimeTypeSupported[mimeType] === undefined) {\n mimeTypeSupported[mimeType] = checkFormatSupport(mimeType);\n }\n return mimeTypeSupported[mimeType];\n}\n\n/**\n * Check if image MIME type is supported.\n */\nfunction checkFormatSupport(mimeType: string): boolean {\n switch (mimeType) {\n case 'image/webp':\n return checkWebPSupport();\n case 'image/svg':\n return isBrowser;\n default:\n if (!isBrowser) {\n // @ts-ignore\n const {_parseImageNode} = globalThis;\n return Boolean(_parseImageNode) && NODE_FORMAT_SUPPORT.includes(mimeType);\n }\n return true;\n }\n}\n\n/** Check WebPSupport synchronously */\nfunction checkWebPSupport() {\n if (!isBrowser) {\n return false;\n }\n try {\n const element = document.createElement('canvas');\n return element.toDataURL('image/webp').indexOf('data:image/webp') === 0;\n } catch {\n // Probably Safari...\n return false;\n }\n}\n\n// Note: better test but asynchronous\n\n// Lossy test image. Support for lossy images doesn't guarantee support for all WebP images.\n// https://stackoverflow.com/questions/5573096/detecting-webp-support\n// const WEBP_TEST_IMAGE = 'data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA';\n\n// Check WebPSupport asynchronously\n// async function isWebPSupported() {\n// return new Promise( resolve => {\n// const image = new Image();\n// image.src = WEBP_TEST_IMAGE;\n// image.onload = image.onerror = function () {\n// resolve( image.height === 1 );\n// }\n// }\n"],"mappings":";;;;;;AAAA;AAGA,IAAMA,mBAAmB,GAAG,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;;AAGpE,IAAMC,iBAAgD,GAAG,CAAC,CAAC;;AAKpD,SAASC,uBAAuB,CAACC,QAAgB,EAAW;EACjE,IAAIF,iBAAiB,CAACE,QAAQ,CAAC,KAAKC,SAAS,EAAE;IAC7CH,iBAAiB,CAACE,QAAQ,CAAC,GAAGE,kBAAkB,CAACF,QAAQ,CAAC;EAC5D;EACA,OAAOF,iBAAiB,CAACE,QAAQ,CAAC;AACpC;;AAKA,SAASE,kBAAkB,CAACF,QAAgB,EAAW;EACrD,QAAQA,QAAQ;IACd,KAAK,YAAY;MACf,OAAOG,gBAAgB,EAAE;IAC3B,KAAK,WAAW;MACd,OAAOC,sBAAS;IAClB;MACE,IAAI,CAACA,sBAAS,EAAE;QAEd,IAAOC,eAAe,GAAIC,UAAU,CAA7BD,eAAe;QACtB,OAAOE,OAAO,CAACF,eAAe,CAAC,IAAIR,mBAAmB,CAACW,QAAQ,CAACR,QAAQ,CAAC;MAC3E;MACA,OAAO,IAAI;EAAC;AAElB;;AAGA,SAASG,gBAAgB,GAAG;EAC1B,IAAI,CAACC,sBAAS,EAAE;IACd,OAAO,KAAK;EACd;EACA,IAAI;IACF,IAAMK,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;IAChD,OAAOF,OAAO,CAACG,SAAS,CAAC,YAAY,CAAC,CAACC,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC;EACzE,CAAC,CAAC,gBAAM;IAEN,OAAO,KAAK;EACd;AACF"}
|
|
@@ -3,11 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.isImageTypeSupported = isImageTypeSupported;
|
|
7
6
|
exports.getDefaultImageType = getDefaultImageType;
|
|
8
|
-
|
|
7
|
+
exports.isImageTypeSupported = isImageTypeSupported;
|
|
9
8
|
var _loaderUtils = require("@loaders.gl/loader-utils");
|
|
10
|
-
|
|
11
9
|
var _parseImageNode = globalThis._parseImageNode;
|
|
12
10
|
var IMAGE_SUPPORTED = typeof Image !== 'undefined';
|
|
13
11
|
var IMAGE_BITMAP_SUPPORTED = typeof ImageBitmap !== 'undefined';
|
|
@@ -18,16 +16,12 @@ function isImageTypeSupported(type) {
|
|
|
18
16
|
switch (type) {
|
|
19
17
|
case 'auto':
|
|
20
18
|
return IMAGE_BITMAP_SUPPORTED || IMAGE_SUPPORTED || DATA_SUPPORTED;
|
|
21
|
-
|
|
22
19
|
case 'imagebitmap':
|
|
23
20
|
return IMAGE_BITMAP_SUPPORTED;
|
|
24
|
-
|
|
25
21
|
case 'image':
|
|
26
22
|
return IMAGE_SUPPORTED;
|
|
27
|
-
|
|
28
23
|
case 'data':
|
|
29
24
|
return DATA_SUPPORTED;
|
|
30
|
-
|
|
31
25
|
default:
|
|
32
26
|
throw new Error("@loaders.gl/images: image ".concat(type, " not supported in this environment"));
|
|
33
27
|
}
|
|
@@ -37,11 +31,9 @@ function getDefaultImageType() {
|
|
|
37
31
|
if (IMAGE_BITMAP_SUPPORTED) {
|
|
38
32
|
return 'imagebitmap';
|
|
39
33
|
}
|
|
40
|
-
|
|
41
34
|
if (IMAGE_SUPPORTED) {
|
|
42
35
|
return 'image';
|
|
43
36
|
}
|
|
44
|
-
|
|
45
37
|
if (DATA_SUPPORTED) {
|
|
46
38
|
return 'data';
|
|
47
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"image-type.js","names":["_parseImageNode","globalThis","IMAGE_SUPPORTED","Image","IMAGE_BITMAP_SUPPORTED","ImageBitmap","NODE_IMAGE_SUPPORTED","Boolean","DATA_SUPPORTED","isBrowser","isImageTypeSupported","type","Error","getDefaultImageType"],"sources":["../../../../src/lib/category-api/image-type.ts"],"sourcesContent":["import {isBrowser} from '@loaders.gl/loader-utils';\nimport type {ImageTypeEnum} from '../../types';\n\n// @ts-ignore TS2339: Property does not exist on type\nconst {_parseImageNode} = globalThis;\n\nconst IMAGE_SUPPORTED = typeof Image !== 'undefined'; // NOTE: \"false\" positives if jsdom is installed\nconst IMAGE_BITMAP_SUPPORTED = typeof ImageBitmap !== 'undefined';\nconst NODE_IMAGE_SUPPORTED = Boolean(_parseImageNode);\nconst DATA_SUPPORTED = isBrowser ? true : NODE_IMAGE_SUPPORTED;\n\n/**\n * Checks if a loaders.gl image type is supported\n * @param type image type string\n */\nexport function isImageTypeSupported(type: string): boolean {\n switch (type) {\n case 'auto':\n // Should only ever be false in Node.js, if polyfills have not been installed...\n return IMAGE_BITMAP_SUPPORTED || IMAGE_SUPPORTED || DATA_SUPPORTED;\n\n case 'imagebitmap':\n return IMAGE_BITMAP_SUPPORTED;\n case 'image':\n return IMAGE_SUPPORTED;\n case 'data':\n return DATA_SUPPORTED;\n\n default:\n throw new Error(`@loaders.gl/images: image ${type} not supported in this environment`);\n }\n}\n\n/**\n * Returns the \"most performant\" supported image type on this platform\n * @returns image type string\n */\nexport function getDefaultImageType(): ImageTypeEnum {\n if (IMAGE_BITMAP_SUPPORTED) {\n return 'imagebitmap';\n }\n if (IMAGE_SUPPORTED) {\n return 'image';\n }\n if (DATA_SUPPORTED) {\n return 'data';\n }\n\n // This should only happen in Node.js\n throw new Error('Install \\'@loaders.gl/polyfills\\' to parse images under Node.js');\n}\n"],"mappings":";;;;;;;AAAA;AAIA,IAAOA,eAAe,GAAIC,UAAU,CAA7BD,eAAe;AAEtB,IAAME,eAAe,GAAG,OAAOC,KAAK,KAAK,WAAW;AACpD,IAAMC,sBAAsB,GAAG,OAAOC,WAAW,KAAK,WAAW;AACjE,IAAMC,oBAAoB,GAAGC,OAAO,CAACP,eAAe,CAAC;AACrD,IAAMQ,cAAc,GAAGC,sBAAS,GAAG,IAAI,GAAGH,oBAAoB;;AAMvD,SAASI,oBAAoB,CAACC,IAAY,EAAW;EAC1D,QAAQA,IAAI;IACV,KAAK,MAAM;MAET,OAAOP,sBAAsB,IAAIF,eAAe,IAAIM,cAAc;IAEpE,KAAK,aAAa;MAChB,OAAOJ,sBAAsB;IAC/B,KAAK,OAAO;MACV,OAAOF,eAAe;IACxB,KAAK,MAAM;MACT,OAAOM,cAAc;IAEvB;MACE,MAAM,IAAII,KAAK,qCAA8BD,IAAI,wCAAqC;EAAC;AAE7F;;AAMO,SAASE,mBAAmB,GAAkB;EACnD,IAAIT,sBAAsB,EAAE;IAC1B,OAAO,aAAa;EACtB;EACA,IAAIF,eAAe,EAAE;IACnB,OAAO,OAAO;EAChB;EACA,IAAIM,cAAc,EAAE;IAClB,OAAO,MAAM;EACf;;EAGA,MAAM,IAAII,KAAK,CAAC,iEAAiE,CAAC;AACpF"}
|
|
@@ -1,65 +1,52 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports.isImage = isImage;
|
|
9
7
|
exports.deleteImage = deleteImage;
|
|
10
|
-
exports.getImageType = getImageType;
|
|
11
|
-
exports.getImageSize = getImageSize;
|
|
12
8
|
exports.getImageData = getImageData;
|
|
13
|
-
|
|
9
|
+
exports.getImageSize = getImageSize;
|
|
10
|
+
exports.getImageType = getImageType;
|
|
11
|
+
exports.isImage = isImage;
|
|
14
12
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
15
|
-
|
|
16
13
|
function isImage(image) {
|
|
17
14
|
return Boolean(getImageTypeOrNull(image));
|
|
18
15
|
}
|
|
19
|
-
|
|
20
16
|
function deleteImage(image) {
|
|
21
17
|
switch (getImageType(image)) {
|
|
22
18
|
case 'imagebitmap':
|
|
23
19
|
image.close();
|
|
24
20
|
break;
|
|
25
|
-
|
|
26
21
|
default:
|
|
27
22
|
}
|
|
28
23
|
}
|
|
29
24
|
|
|
30
25
|
function getImageType(image) {
|
|
31
26
|
var format = getImageTypeOrNull(image);
|
|
32
|
-
|
|
33
27
|
if (!format) {
|
|
34
28
|
throw new Error('Not an image');
|
|
35
29
|
}
|
|
36
|
-
|
|
37
30
|
return format;
|
|
38
31
|
}
|
|
39
|
-
|
|
40
32
|
function getImageSize(image) {
|
|
41
33
|
return getImageData(image);
|
|
42
34
|
}
|
|
43
|
-
|
|
44
35
|
function getImageData(image) {
|
|
45
36
|
switch (getImageType(image)) {
|
|
46
37
|
case 'data':
|
|
47
38
|
return image;
|
|
48
|
-
|
|
49
39
|
case 'image':
|
|
50
40
|
case 'imagebitmap':
|
|
51
41
|
var canvas = document.createElement('canvas');
|
|
52
42
|
var context = canvas.getContext('2d');
|
|
53
|
-
|
|
54
43
|
if (!context) {
|
|
55
44
|
throw new Error('getImageData');
|
|
56
45
|
}
|
|
57
|
-
|
|
58
46
|
canvas.width = image.width;
|
|
59
47
|
canvas.height = image.height;
|
|
60
48
|
context.drawImage(image, 0, 0);
|
|
61
49
|
return context.getImageData(0, 0, image.width, image.height);
|
|
62
|
-
|
|
63
50
|
default:
|
|
64
51
|
throw new Error('getImageData');
|
|
65
52
|
}
|
|
@@ -69,15 +56,12 @@ function getImageTypeOrNull(image) {
|
|
|
69
56
|
if (typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {
|
|
70
57
|
return 'imagebitmap';
|
|
71
58
|
}
|
|
72
|
-
|
|
73
59
|
if (typeof Image !== 'undefined' && image instanceof Image) {
|
|
74
60
|
return 'image';
|
|
75
61
|
}
|
|
76
|
-
|
|
77
62
|
if (image && (0, _typeof2.default)(image) === 'object' && image.data && image.width && image.height) {
|
|
78
63
|
return 'data';
|
|
79
64
|
}
|
|
80
|
-
|
|
81
65
|
return null;
|
|
82
66
|
}
|
|
83
67
|
//# sourceMappingURL=parsed-image-api.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"parsed-image-api.js","names":["isImage","image","Boolean","getImageTypeOrNull","deleteImage","getImageType","close","format","Error","getImageSize","getImageData","canvas","document","createElement","context","getContext","width","height","drawImage","ImageBitmap","Image","data"],"sources":["../../../../src/lib/category-api/parsed-image-api.ts"],"sourcesContent":["import type {ImageType, ImageTypeEnum, ImageDataType} from '../../types';\n\nexport function isImage(image: ImageType): boolean {\n return Boolean(getImageTypeOrNull(image));\n}\n\nexport function deleteImage(image: ImageType): void {\n switch (getImageType(image)) {\n case 'imagebitmap':\n (image as ImageBitmap).close();\n break;\n default:\n // Nothing to do for images and image data objects\n }\n}\n\nexport function getImageType(image: ImageType): ImageTypeEnum {\n const format = getImageTypeOrNull(image);\n if (!format) {\n throw new Error('Not an image');\n }\n return format;\n}\n\nexport function getImageSize(image: ImageType): {width: number; height: number} {\n return getImageData(image);\n}\n\nexport function getImageData(image: ImageType): ImageDataType | ImageData {\n switch (getImageType(image)) {\n case 'data':\n return image as unknown as ImageData;\n\n case 'image':\n case 'imagebitmap':\n // Extract the image data from the image via a canvas\n const canvas = document.createElement('canvas');\n // TODO - reuse the canvas?\n const context = canvas.getContext('2d');\n if (!context) {\n throw new Error('getImageData');\n }\n // @ts-ignore\n canvas.width = image.width;\n // @ts-ignore\n canvas.height = image.height;\n // @ts-ignore\n context.drawImage(image, 0, 0);\n // @ts-ignore\n return context.getImageData(0, 0, image.width, image.height);\n\n default:\n throw new Error('getImageData');\n }\n}\n\n// PRIVATE\n\n// eslint-disable-next-line complexity\nfunction getImageTypeOrNull(image) {\n if (typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {\n return 'imagebitmap';\n }\n if (typeof Image !== 'undefined' && image instanceof Image) {\n return 'image';\n }\n if (image && typeof image === 'object' && image.data && image.width && image.height) {\n return 'data';\n }\n return null;\n}\n"],"mappings":";;;;;;;;;;;;AAEO,SAASA,OAAO,CAACC,KAAgB,EAAW;EACjD,OAAOC,OAAO,CAACC,kBAAkB,CAACF,KAAK,CAAC,CAAC;AAC3C;AAEO,SAASG,WAAW,CAACH,KAAgB,EAAQ;EAClD,QAAQI,YAAY,CAACJ,KAAK,CAAC;IACzB,KAAK,aAAa;MACfA,KAAK,CAAiBK,KAAK,EAAE;MAC9B;IACF;EAAQ;AAGZ;;AAEO,SAASD,YAAY,CAACJ,KAAgB,EAAiB;EAC5D,IAAMM,MAAM,GAAGJ,kBAAkB,CAACF,KAAK,CAAC;EACxC,IAAI,CAACM,MAAM,EAAE;IACX,MAAM,IAAIC,KAAK,CAAC,cAAc,CAAC;EACjC;EACA,OAAOD,MAAM;AACf;AAEO,SAASE,YAAY,CAACR,KAAgB,EAAmC;EAC9E,OAAOS,YAAY,CAACT,KAAK,CAAC;AAC5B;AAEO,SAASS,YAAY,CAACT,KAAgB,EAA6B;EACxE,QAAQI,YAAY,CAACJ,KAAK,CAAC;IACzB,KAAK,MAAM;MACT,OAAOA,KAAK;IAEd,KAAK,OAAO;IACZ,KAAK,aAAa;MAEhB,IAAMU,MAAM,GAAGC,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;MAE/C,IAAMC,OAAO,GAAGH,MAAM,CAACI,UAAU,CAAC,IAAI,CAAC;MACvC,IAAI,CAACD,OAAO,EAAE;QACZ,MAAM,IAAIN,KAAK,CAAC,cAAc,CAAC;MACjC;MAEAG,MAAM,CAACK,KAAK,GAAGf,KAAK,CAACe,KAAK;MAE1BL,MAAM,CAACM,MAAM,GAAGhB,KAAK,CAACgB,MAAM;MAE5BH,OAAO,CAACI,SAAS,CAACjB,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;MAE9B,OAAOa,OAAO,CAACJ,YAAY,CAAC,CAAC,EAAE,CAAC,EAAET,KAAK,CAACe,KAAK,EAAEf,KAAK,CAACgB,MAAM,CAAC;IAE9D;MACE,MAAM,IAAIT,KAAK,CAAC,cAAc,CAAC;EAAC;AAEtC;;AAKA,SAASL,kBAAkB,CAACF,KAAK,EAAE;EACjC,IAAI,OAAOkB,WAAW,KAAK,WAAW,IAAIlB,KAAK,YAAYkB,WAAW,EAAE;IACtE,OAAO,aAAa;EACtB;EACA,IAAI,OAAOC,KAAK,KAAK,WAAW,IAAInB,KAAK,YAAYmB,KAAK,EAAE;IAC1D,OAAO,OAAO;EAChB;EACA,IAAInB,KAAK,IAAI,sBAAOA,KAAK,MAAK,QAAQ,IAAIA,KAAK,CAACoB,IAAI,IAAIpB,KAAK,CAACe,KAAK,IAAIf,KAAK,CAACgB,MAAM,EAAE;IACnF,OAAO,MAAM;EACf;EACA,OAAO,IAAI;AACb"}
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.encodeImage = encodeImage;
|
|
9
|
-
|
|
10
8
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
|
-
|
|
12
9
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
13
|
-
|
|
14
10
|
var _parsedImageApi = require("../category-api/parsed-image-api");
|
|
15
11
|
|
|
16
12
|
var _encodeImageNode = globalThis._encodeImageNode;
|
|
@@ -18,7 +14,6 @@ var _encodeImageNode = globalThis._encodeImageNode;
|
|
|
18
14
|
function encodeImage(_x, _x2) {
|
|
19
15
|
return _encodeImage.apply(this, arguments);
|
|
20
16
|
}
|
|
21
|
-
|
|
22
17
|
function _encodeImage() {
|
|
23
18
|
_encodeImage = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee(image, options) {
|
|
24
19
|
return _regenerator.default.wrap(function _callee$(_context2) {
|
|
@@ -30,7 +25,6 @@ function _encodeImage() {
|
|
|
30
25
|
return _context2.abrupt("return", _encodeImageNode ? _encodeImageNode(image, {
|
|
31
26
|
type: options.image.mimeType
|
|
32
27
|
}) : encodeImageInBrowser(image, options));
|
|
33
|
-
|
|
34
28
|
case 3:
|
|
35
29
|
case "end":
|
|
36
30
|
return _context2.stop();
|
|
@@ -40,17 +34,14 @@ function _encodeImage() {
|
|
|
40
34
|
}));
|
|
41
35
|
return _encodeImage.apply(this, arguments);
|
|
42
36
|
}
|
|
43
|
-
|
|
44
37
|
var qualityParamSupported = true;
|
|
45
38
|
|
|
46
39
|
function encodeImageInBrowser(_x3, _x4) {
|
|
47
40
|
return _encodeImageInBrowser.apply(this, arguments);
|
|
48
41
|
}
|
|
49
|
-
|
|
50
42
|
function _encodeImageInBrowser() {
|
|
51
43
|
_encodeImageInBrowser = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee2(image, options) {
|
|
52
44
|
var _options$image, mimeType, jpegQuality, _getImageSize, width, height, canvas, blob;
|
|
53
|
-
|
|
54
45
|
return _regenerator.default.wrap(function _callee2$(_context3) {
|
|
55
46
|
while (1) {
|
|
56
47
|
switch (_context3.prev = _context3.next) {
|
|
@@ -61,6 +52,7 @@ function _encodeImageInBrowser() {
|
|
|
61
52
|
canvas.width = width;
|
|
62
53
|
canvas.height = height;
|
|
63
54
|
drawImageToCanvas(image, canvas);
|
|
55
|
+
|
|
64
56
|
_context3.next = 8;
|
|
65
57
|
return new Promise(function (resolve) {
|
|
66
58
|
if (jpegQuality && qualityParamSupported) {
|
|
@@ -71,27 +63,20 @@ function _encodeImageInBrowser() {
|
|
|
71
63
|
qualityParamSupported = false;
|
|
72
64
|
}
|
|
73
65
|
}
|
|
74
|
-
|
|
75
66
|
canvas.toBlob(resolve, mimeType);
|
|
76
67
|
});
|
|
77
|
-
|
|
78
68
|
case 8:
|
|
79
69
|
blob = _context3.sent;
|
|
80
|
-
|
|
81
70
|
if (blob) {
|
|
82
71
|
_context3.next = 11;
|
|
83
72
|
break;
|
|
84
73
|
}
|
|
85
|
-
|
|
86
74
|
throw new Error('image encoding failed');
|
|
87
|
-
|
|
88
75
|
case 11:
|
|
89
76
|
_context3.next = 13;
|
|
90
77
|
return blob.arrayBuffer();
|
|
91
|
-
|
|
92
78
|
case 13:
|
|
93
79
|
return _context3.abrupt("return", _context3.sent);
|
|
94
|
-
|
|
95
80
|
case 14:
|
|
96
81
|
case "end":
|
|
97
82
|
return _context3.stop();
|
|
@@ -101,23 +86,18 @@ function _encodeImageInBrowser() {
|
|
|
101
86
|
}));
|
|
102
87
|
return _encodeImageInBrowser.apply(this, arguments);
|
|
103
88
|
}
|
|
104
|
-
|
|
105
89
|
function drawImageToCanvas(image, canvas) {
|
|
106
90
|
var x = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
107
91
|
var y = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
|
|
108
|
-
|
|
109
92
|
if (x === 0 && y === 0 && typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {
|
|
110
93
|
var _context = canvas.getContext('bitmaprenderer');
|
|
111
|
-
|
|
112
94
|
if (_context) {
|
|
113
95
|
_context.transferFromImageBitmap(image);
|
|
114
|
-
|
|
115
96
|
return canvas;
|
|
116
97
|
}
|
|
117
98
|
}
|
|
118
99
|
|
|
119
100
|
var context = canvas.getContext('2d');
|
|
120
|
-
|
|
121
101
|
if (image.data) {
|
|
122
102
|
var clampedArray = new Uint8ClampedArray(image.data);
|
|
123
103
|
var imageData = new ImageData(clampedArray, image.width, image.height);
|