@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,45 +1,181 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
|
-
exports.
|
|
7
|
+
exports.getSupportedImageFormats = getSupportedImageFormats;
|
|
8
|
+
exports.isImageFormatSupported = isImageFormatSupported;
|
|
9
|
+
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
10
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
7
11
|
var _loaderUtils = require("@loaders.gl/loader-utils");
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
|
13
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
14
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
15
|
+
var 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'];
|
|
16
|
+
var mimeTypeSupportedPromise = null;
|
|
17
|
+
function getSupportedImageFormats() {
|
|
18
|
+
return _getSupportedImageFormats.apply(this, arguments);
|
|
19
|
+
}
|
|
20
|
+
function _getSupportedImageFormats() {
|
|
21
|
+
_getSupportedImageFormats = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee() {
|
|
22
|
+
var supportedMimeTypes, _iterator, _step, _mimeType, supported;
|
|
23
|
+
return _regenerator.default.wrap(function _callee$(_context) {
|
|
24
|
+
while (1) switch (_context.prev = _context.next) {
|
|
25
|
+
case 0:
|
|
26
|
+
if (!mimeTypeSupportedPromise) {
|
|
27
|
+
_context.next = 4;
|
|
28
|
+
break;
|
|
29
|
+
}
|
|
30
|
+
_context.next = 3;
|
|
31
|
+
return mimeTypeSupportedPromise;
|
|
32
|
+
case 3:
|
|
33
|
+
return _context.abrupt("return", _context.sent);
|
|
34
|
+
case 4:
|
|
35
|
+
supportedMimeTypes = new Set();
|
|
36
|
+
_iterator = _createForOfIteratorHelper(MIME_TYPES);
|
|
37
|
+
_context.prev = 6;
|
|
38
|
+
_iterator.s();
|
|
39
|
+
case 8:
|
|
40
|
+
if ((_step = _iterator.n()).done) {
|
|
41
|
+
_context.next = 21;
|
|
42
|
+
break;
|
|
43
|
+
}
|
|
44
|
+
_mimeType = _step.value;
|
|
45
|
+
if (!_loaderUtils.isBrowser) {
|
|
46
|
+
_context.next = 16;
|
|
47
|
+
break;
|
|
48
|
+
}
|
|
49
|
+
_context.next = 13;
|
|
50
|
+
return checkBrowserImageFormatSupportAsync(_mimeType);
|
|
51
|
+
case 13:
|
|
52
|
+
_context.t0 = _context.sent;
|
|
53
|
+
_context.next = 17;
|
|
54
|
+
break;
|
|
55
|
+
case 16:
|
|
56
|
+
_context.t0 = checkNodeImageFormatSupport(_mimeType);
|
|
57
|
+
case 17:
|
|
58
|
+
supported = _context.t0;
|
|
59
|
+
if (supported) {
|
|
60
|
+
supportedMimeTypes.add(_mimeType);
|
|
61
|
+
}
|
|
62
|
+
case 19:
|
|
63
|
+
_context.next = 8;
|
|
64
|
+
break;
|
|
65
|
+
case 21:
|
|
66
|
+
_context.next = 26;
|
|
67
|
+
break;
|
|
68
|
+
case 23:
|
|
69
|
+
_context.prev = 23;
|
|
70
|
+
_context.t1 = _context["catch"](6);
|
|
71
|
+
_iterator.e(_context.t1);
|
|
72
|
+
case 26:
|
|
73
|
+
_context.prev = 26;
|
|
74
|
+
_iterator.f();
|
|
75
|
+
return _context.finish(26);
|
|
76
|
+
case 29:
|
|
77
|
+
return _context.abrupt("return", supportedMimeTypes);
|
|
78
|
+
case 30:
|
|
79
|
+
case "end":
|
|
80
|
+
return _context.stop();
|
|
81
|
+
}
|
|
82
|
+
}, _callee, null, [[6, 23, 26, 29]]);
|
|
83
|
+
}));
|
|
84
|
+
return _getSupportedImageFormats.apply(this, arguments);
|
|
85
|
+
}
|
|
86
|
+
var mimeTypeSupportedSync = {};
|
|
87
|
+
function isImageFormatSupported(mimeType) {
|
|
88
|
+
if (mimeTypeSupportedSync[mimeType] === undefined) {
|
|
89
|
+
var supported = _loaderUtils.isBrowser ? checkBrowserImageFormatSupport(mimeType) : checkNodeImageFormatSupport(mimeType);
|
|
90
|
+
mimeTypeSupportedSync[mimeType] = supported;
|
|
15
91
|
}
|
|
16
|
-
return
|
|
92
|
+
return mimeTypeSupportedSync[mimeType];
|
|
17
93
|
}
|
|
18
|
-
|
|
19
|
-
|
|
94
|
+
function checkNodeImageFormatSupport(mimeType) {
|
|
95
|
+
var NODE_FORMAT_SUPPORT = ['image/png', 'image/jpeg', 'image/gif'];
|
|
96
|
+
var _parseImageNode = globalThis._parseImageNode,
|
|
97
|
+
_globalThis$_imageFor = globalThis._imageFormatsNode,
|
|
98
|
+
_imageFormatsNode = _globalThis$_imageFor === void 0 ? NODE_FORMAT_SUPPORT : _globalThis$_imageFor;
|
|
99
|
+
return Boolean(_parseImageNode) && _imageFormatsNode.includes(mimeType);
|
|
100
|
+
}
|
|
101
|
+
function checkBrowserImageFormatSupport(mimeType) {
|
|
20
102
|
switch (mimeType) {
|
|
103
|
+
case 'image/avif':
|
|
21
104
|
case 'image/webp':
|
|
22
|
-
return
|
|
23
|
-
case 'image/svg':
|
|
24
|
-
return _loaderUtils.isBrowser;
|
|
105
|
+
return testBrowserImageFormatSupport(mimeType);
|
|
25
106
|
default:
|
|
26
|
-
if (!_loaderUtils.isBrowser) {
|
|
27
|
-
var _parseImageNode = globalThis._parseImageNode;
|
|
28
|
-
return Boolean(_parseImageNode) && NODE_FORMAT_SUPPORT.includes(mimeType);
|
|
29
|
-
}
|
|
30
107
|
return true;
|
|
31
108
|
}
|
|
32
109
|
}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
110
|
+
var TEST_IMAGE = {
|
|
111
|
+
'image/avif': 'data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAIAAAACAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A=',
|
|
112
|
+
'image/webp': 'data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA'
|
|
113
|
+
};
|
|
114
|
+
function checkBrowserImageFormatSupportAsync(_x) {
|
|
115
|
+
return _checkBrowserImageFormatSupportAsync.apply(this, arguments);
|
|
116
|
+
}
|
|
117
|
+
function _checkBrowserImageFormatSupportAsync() {
|
|
118
|
+
_checkBrowserImageFormatSupportAsync = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee2(mimeType) {
|
|
119
|
+
var dataURL;
|
|
120
|
+
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
121
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
122
|
+
case 0:
|
|
123
|
+
dataURL = TEST_IMAGE[mimeType];
|
|
124
|
+
if (!dataURL) {
|
|
125
|
+
_context2.next = 7;
|
|
126
|
+
break;
|
|
127
|
+
}
|
|
128
|
+
_context2.next = 4;
|
|
129
|
+
return testBrowserImageFormatSupportAsync(dataURL);
|
|
130
|
+
case 4:
|
|
131
|
+
_context2.t0 = _context2.sent;
|
|
132
|
+
_context2.next = 8;
|
|
133
|
+
break;
|
|
134
|
+
case 7:
|
|
135
|
+
_context2.t0 = true;
|
|
136
|
+
case 8:
|
|
137
|
+
return _context2.abrupt("return", _context2.t0);
|
|
138
|
+
case 9:
|
|
139
|
+
case "end":
|
|
140
|
+
return _context2.stop();
|
|
141
|
+
}
|
|
142
|
+
}, _callee2);
|
|
143
|
+
}));
|
|
144
|
+
return _checkBrowserImageFormatSupportAsync.apply(this, arguments);
|
|
145
|
+
}
|
|
146
|
+
function testBrowserImageFormatSupport(mimeType) {
|
|
38
147
|
try {
|
|
39
148
|
var element = document.createElement('canvas');
|
|
40
|
-
|
|
149
|
+
var dataURL = element.toDataURL(mimeType);
|
|
150
|
+
return dataURL.indexOf("data:".concat(mimeType)) === 0;
|
|
41
151
|
} catch (_unused) {
|
|
42
152
|
return false;
|
|
43
153
|
}
|
|
44
154
|
}
|
|
155
|
+
function testBrowserImageFormatSupportAsync(_x2) {
|
|
156
|
+
return _testBrowserImageFormatSupportAsync.apply(this, arguments);
|
|
157
|
+
}
|
|
158
|
+
function _testBrowserImageFormatSupportAsync() {
|
|
159
|
+
_testBrowserImageFormatSupportAsync = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee3(testImageDataURL) {
|
|
160
|
+
return _regenerator.default.wrap(function _callee3$(_context3) {
|
|
161
|
+
while (1) switch (_context3.prev = _context3.next) {
|
|
162
|
+
case 0:
|
|
163
|
+
return _context3.abrupt("return", new Promise(function (resolve) {
|
|
164
|
+
var image = new Image();
|
|
165
|
+
image.src = testImageDataURL;
|
|
166
|
+
image.onload = function () {
|
|
167
|
+
return resolve(image.height > 0);
|
|
168
|
+
};
|
|
169
|
+
image.onerror = function () {
|
|
170
|
+
return resolve(false);
|
|
171
|
+
};
|
|
172
|
+
}));
|
|
173
|
+
case 1:
|
|
174
|
+
case "end":
|
|
175
|
+
return _context3.stop();
|
|
176
|
+
}
|
|
177
|
+
}, _callee3);
|
|
178
|
+
}));
|
|
179
|
+
return _testBrowserImageFormatSupportAsync.apply(this, arguments);
|
|
180
|
+
}
|
|
45
181
|
//# sourceMappingURL=image-format.js.map
|
|
@@ -1 +1 @@
|
|
|
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"}
|
|
1
|
+
{"version":3,"file":"image-format.js","names":["_loaderUtils","require","_createForOfIteratorHelper","o","allowArrayLike","it","Symbol","iterator","Array","isArray","_unsupportedIterableToArray","length","i","F","s","n","done","value","e","_e","f","TypeError","normalCompletion","didErr","err","call","step","next","_e2","return","minLen","_arrayLikeToArray","Object","prototype","toString","slice","constructor","name","from","test","arr","len","arr2","MIME_TYPES","mimeTypeSupportedPromise","getSupportedImageFormats","_getSupportedImageFormats","apply","arguments","_asyncToGenerator2","default","_regenerator","mark","_callee","supportedMimeTypes","_iterator","_step","_mimeType","supported","wrap","_callee$","_context","prev","abrupt","sent","Set","mimeType","isBrowser","checkBrowserImageFormatSupportAsync","t0","checkNodeImageFormatSupport","add","t1","finish","stop","mimeTypeSupportedSync","isImageFormatSupported","undefined","checkBrowserImageFormatSupport","NODE_FORMAT_SUPPORT","_parseImageNode","globalThis","_globalThis$_imageFor","_imageFormatsNode","Boolean","includes","testBrowserImageFormatSupport","TEST_IMAGE","_x","_checkBrowserImageFormatSupportAsync","_callee2","dataURL","_callee2$","_context2","testBrowserImageFormatSupportAsync","element","document","createElement","toDataURL","indexOf","concat","_unused","_x2","_testBrowserImageFormatSupportAsync","_callee3","testImageDataURL","_callee3$","_context3","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":"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"}
|
|
@@ -11,7 +11,6 @@ var IMAGE_SUPPORTED = typeof Image !== 'undefined';
|
|
|
11
11
|
var IMAGE_BITMAP_SUPPORTED = typeof ImageBitmap !== 'undefined';
|
|
12
12
|
var NODE_IMAGE_SUPPORTED = Boolean(_parseImageNode);
|
|
13
13
|
var DATA_SUPPORTED = _loaderUtils.isBrowser ? true : NODE_IMAGE_SUPPORTED;
|
|
14
|
-
|
|
15
14
|
function isImageTypeSupported(type) {
|
|
16
15
|
switch (type) {
|
|
17
16
|
case 'auto':
|
|
@@ -26,7 +25,6 @@ function isImageTypeSupported(type) {
|
|
|
26
25
|
throw new Error("@loaders.gl/images: image ".concat(type, " not supported in this environment"));
|
|
27
26
|
}
|
|
28
27
|
}
|
|
29
|
-
|
|
30
28
|
function getDefaultImageType() {
|
|
31
29
|
if (IMAGE_BITMAP_SUPPORTED) {
|
|
32
30
|
return 'imagebitmap';
|
|
@@ -37,7 +35,6 @@ function getDefaultImageType() {
|
|
|
37
35
|
if (DATA_SUPPORTED) {
|
|
38
36
|
return 'data';
|
|
39
37
|
}
|
|
40
|
-
|
|
41
38
|
throw new Error('Install \'@loaders.gl/polyfills\' to parse images under Node.js');
|
|
42
39
|
}
|
|
43
40
|
//# sourceMappingURL=image-type.js.map
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
1
|
+
{"version":3,"file":"image-type.js","names":["_loaderUtils","require","_parseImageNode","globalThis","IMAGE_SUPPORTED","Image","IMAGE_BITMAP_SUPPORTED","ImageBitmap","NODE_IMAGE_SUPPORTED","Boolean","DATA_SUPPORTED","isBrowser","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,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAOC,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,oBAAoBA,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,8BAAAC,MAAA,CAA8BF,IAAI,wCAAqC;EAAC;AAE7F;AAMO,SAASG,mBAAmBA,CAAA,EAAkB;EACnD,IAAIV,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"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.decodeMajorBrand = decodeMajorBrand;
|
|
8
|
+
exports.getISOBMFFMediaType = getISOBMFFMediaType;
|
|
9
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
10
|
+
function getISOBMFFMediaType(buffer) {
|
|
11
|
+
if (!checkString(buffer, 'ftyp', 4)) {
|
|
12
|
+
return null;
|
|
13
|
+
}
|
|
14
|
+
if ((buffer[8] & 0x60) === 0x00) {
|
|
15
|
+
return null;
|
|
16
|
+
}
|
|
17
|
+
return decodeMajorBrand(buffer);
|
|
18
|
+
}
|
|
19
|
+
function decodeMajorBrand(buffer) {
|
|
20
|
+
var brandMajor = getUTF8String(buffer, 8, 12).replace('\0', ' ').trim();
|
|
21
|
+
switch (brandMajor) {
|
|
22
|
+
case 'avif':
|
|
23
|
+
case 'avis':
|
|
24
|
+
return {
|
|
25
|
+
extension: 'avif',
|
|
26
|
+
mimeType: 'image/avif'
|
|
27
|
+
};
|
|
28
|
+
default:
|
|
29
|
+
return null;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
function getUTF8String(array, start, end) {
|
|
33
|
+
return String.fromCharCode.apply(String, (0, _toConsumableArray2.default)(array.slice(start, end)));
|
|
34
|
+
}
|
|
35
|
+
function stringToBytes(string) {
|
|
36
|
+
return (0, _toConsumableArray2.default)(string).map(function (character) {
|
|
37
|
+
return character.charCodeAt(0);
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
function checkString(buffer, header) {
|
|
41
|
+
var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
42
|
+
var headerBytes = stringToBytes(header);
|
|
43
|
+
for (var i = 0; i < headerBytes.length; ++i) {
|
|
44
|
+
if (headerBytes[i] !== buffer[i + offset]) {
|
|
45
|
+
return false;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
return true;
|
|
49
|
+
}
|
|
50
|
+
//# 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","apply","_toConsumableArray2","default","slice","stringToBytes","string","map","character","charCodeAt","header","offset","arguments","length","undefined","headerBytes","i"],"sources":["../../../../src/lib/category-api/parse-isobmff-binary.ts"],"sourcesContent":["// loaders.gl, MIT license\n// code adapted from https://github.com/sindresorhus/file-type under MIT license\n\n/**\n * Box is a container format that can contain a variety of media related files,\n * so we want to return information about which type of file is actually contained inside\n */\nexport type BoxFileType = {extension: string; mimeType: string};\n\n/**\n * Tests if a buffer is in ISO base media file format (ISOBMFF) @see https://en.wikipedia.org/wiki/ISO_base_media_file_format\n * (ISOBMFF is a media container standard based on the Apple QuickTime container format)\n */\nexport function getISOBMFFMediaType(buffer: Uint8Array): BoxFileType | null {\n // Almost all ISO base media files start with `ftyp` box. (It's not required to be first, but it's recommended to be.)\n if (!checkString(buffer, 'ftyp', 4)) {\n return null;\n }\n\n // Extra check: test for 8859-1 printable characters (for simplicity, it's a mask which also catches one non-printable character).\n if ((buffer[8] & 0x60) === 0x00) {\n return null;\n }\n\n // `ftyp` box must contain a brand major identifier, which must consist of ISO 8859-1 printable characters.\n return decodeMajorBrand(buffer);\n}\n\n/**\n * brands explained @see https://github.com/strukturag/libheif/issues/83\n * code adapted from @see https://github.com/sindresorhus/file-type/blob/main/core.js#L489-L492\n */\nexport function decodeMajorBrand(buffer: Uint8Array): BoxFileType | null {\n const brandMajor = getUTF8String(buffer, 8, 12).replace('\\0', ' ').trim();\n\n switch (brandMajor) {\n case 'avif':\n case 'avis':\n return {extension: 'avif', mimeType: 'image/avif'};\n default:\n return null;\n }\n // We don't need these now, but they are easy to add\n // case 'mif1':\n // return {extension: 'heic', mimeType: 'image/heif'};\n // case 'msf1':\n // return {extension: 'heic', mimeType: 'image/heif-sequence'};\n // case 'heic':\n // case 'heix':\n // return {extension: 'heic', mimeType: 'image/heic'};\n // case 'hevc':\n // case 'hevx':\n // return {extension: 'heic', mimeType: 'image/heic-sequence'};\n // case 'qt':\n // return {ext: 'mov', mime: 'video/quicktime'};\n // case 'M4V':\n // case 'M4VH':\n // case 'M4VP':\n // return {ext: 'm4v', mime: 'video/x-m4v'};\n // case 'M4P':\n // return {ext: 'm4p', mime: 'video/mp4'};\n // case 'M4B':\n // return {ext: 'm4b', mime: 'audio/mp4'};\n // case 'M4A':\n // return {ext: 'm4a', mime: 'audio/x-m4a'};\n // case 'F4V':\n // return {ext: 'f4v', mime: 'video/mp4'};\n // case 'F4P':\n // return {ext: 'f4p', mime: 'video/mp4'};\n // case 'F4A':\n // return {ext: 'f4a', mime: 'audio/mp4'};\n // case 'F4B':\n // return {ext: 'f4b', mime: 'audio/mp4'};\n // case 'crx':\n // return {ext: 'cr3', mime: 'image/x-canon-cr3'};\n // default:\n // if (brandMajor.startsWith('3g')) {\n // if (brandMajor.startsWith('3g2')) {\n // return {ext: '3g2', mime: 'video/3gpp2'};\n // }\n // return {ext: '3gp', mime: 'video/3gpp'};\n // }\n // return {ext: 'mp4', mime: 'video/mp4'};\n}\n\n/** Interpret a chunk of bytes as a UTF8 string */\nfunction getUTF8String(array: Uint8Array, start: number, end: number): string {\n return String.fromCharCode(...array.slice(start, end));\n}\n\nfunction stringToBytes(string: string): number[] {\n return [...string].map((character) => character.charCodeAt(0));\n}\n\nfunction checkString(buffer: ArrayLike<number>, header: string, offset: number = 0): boolean {\n const headerBytes = stringToBytes(header);\n\n for (let i = 0; i < headerBytes.length; ++i) {\n if (headerBytes[i] !== buffer[i + offset]) {\n return false;\n }\n }\n\n return true;\n}\n"],"mappings":";;;;;;;;;AAaO,SAASA,mBAAmBA,CAACC,MAAkB,EAAsB;EAE1E,IAAI,CAACC,WAAW,CAACD,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE;IACnC,OAAO,IAAI;EACb;EAGA,IAAI,CAACA,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,MAAM,IAAI,EAAE;IAC/B,OAAO,IAAI;EACb;EAGA,OAAOE,gBAAgB,CAACF,MAAM,CAAC;AACjC;AAMO,SAASE,gBAAgBA,CAACF,MAAkB,EAAsB;EACvE,IAAMG,UAAU,GAAGC,aAAa,CAACJ,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAACK,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAACC,IAAI,EAAE;EAEzE,QAAQH,UAAU;IAChB,KAAK,MAAM;IACX,KAAK,MAAM;MACT,OAAO;QAACI,SAAS,EAAE,MAAM;QAAEC,QAAQ,EAAE;MAAY,CAAC;IACpD;MACE,OAAO,IAAI;EAAC;AA2ClB;AAGA,SAASJ,aAAaA,CAACK,KAAiB,EAAEC,KAAa,EAAEC,GAAW,EAAU;EAC5E,OAAOC,MAAM,CAACC,YAAY,CAAAC,KAAA,CAAnBF,MAAM,MAAAG,mBAAA,CAAAC,OAAA,EAAiBP,KAAK,CAACQ,KAAK,CAACP,KAAK,EAAEC,GAAG,CAAC,EAAC;AACxD;AAEA,SAASO,aAAaA,CAACC,MAAc,EAAY;EAC/C,OAAO,IAAAJ,mBAAA,CAAAC,OAAA,EAAIG,MAAM,EAAEC,GAAG,CAAC,UAACC,SAAS;IAAA,OAAKA,SAAS,CAACC,UAAU,CAAC,CAAC,CAAC;EAAA,EAAC;AAChE;AAEA,SAASrB,WAAWA,CAACD,MAAyB,EAAEuB,MAAc,EAA+B;EAAA,IAA7BC,MAAc,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;EAChF,IAAMG,WAAW,GAAGV,aAAa,CAACK,MAAM,CAAC;EAEzC,KAAK,IAAIM,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,WAAW,CAACF,MAAM,EAAE,EAAEG,CAAC,EAAE;IAC3C,IAAID,WAAW,CAACC,CAAC,CAAC,KAAK7B,MAAM,CAAC6B,CAAC,GAAGL,MAAM,CAAC,EAAE;MACzC,OAAO,KAAK;IACd;EACF;EAEA,OAAO,IAAI;AACb"}
|
|
@@ -21,7 +21,6 @@ function deleteImage(image) {
|
|
|
21
21
|
default:
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
|
-
|
|
25
24
|
function getImageType(image) {
|
|
26
25
|
var format = getImageTypeOrNull(image);
|
|
27
26
|
if (!format) {
|
|
@@ -51,7 +50,6 @@ function getImageData(image) {
|
|
|
51
50
|
throw new Error('getImageData');
|
|
52
51
|
}
|
|
53
52
|
}
|
|
54
|
-
|
|
55
53
|
function getImageTypeOrNull(image) {
|
|
56
54
|
if (typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {
|
|
57
55
|
return 'imagebitmap';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parsed-image-api.js","names":["isImage","image","Boolean","getImageTypeOrNull","deleteImage","getImageType","close","format","Error","getImageSize","getImageData","canvas","document","createElement","context","getContext","width","height","drawImage","ImageBitmap","Image","data"],"sources":["../../../../src/lib/category-api/parsed-image-api.ts"],"sourcesContent":["import type {ImageType, ImageTypeEnum, ImageDataType} from '../../types';\n\nexport function isImage(image: ImageType): boolean {\n return Boolean(getImageTypeOrNull(image));\n}\n\nexport function deleteImage(image: ImageType): void {\n switch (getImageType(image)) {\n case 'imagebitmap':\n (image as ImageBitmap).close();\n break;\n default:\n // Nothing to do for images and image data objects\n }\n}\n\nexport function getImageType(image: ImageType): ImageTypeEnum {\n const format = getImageTypeOrNull(image);\n if (!format) {\n throw new Error('Not an image');\n }\n return format;\n}\n\nexport function getImageSize(image: ImageType): {width: number; height: number} {\n return getImageData(image);\n}\n\nexport function getImageData(image: ImageType): ImageDataType | ImageData {\n switch (getImageType(image)) {\n case 'data':\n return image as unknown as ImageData;\n\n case 'image':\n case 'imagebitmap':\n // Extract the image data from the image via a canvas\n const canvas = document.createElement('canvas');\n // TODO - reuse the canvas?\n const context = canvas.getContext('2d');\n if (!context) {\n throw new Error('getImageData');\n }\n // @ts-ignore\n canvas.width = image.width;\n // @ts-ignore\n canvas.height = image.height;\n // @ts-ignore\n context.drawImage(image, 0, 0);\n // @ts-ignore\n return context.getImageData(0, 0, image.width, image.height);\n\n default:\n throw new Error('getImageData');\n }\n}\n\n// PRIVATE\n\n// eslint-disable-next-line complexity\nfunction getImageTypeOrNull(image) {\n if (typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {\n return 'imagebitmap';\n }\n if (typeof Image !== 'undefined' && image instanceof Image) {\n return 'image';\n }\n if (image && typeof image === 'object' && image.data && image.width && image.height) {\n return 'data';\n }\n return null;\n}\n"],"mappings":";;;;;;;;;;;;AAEO,SAASA,
|
|
1
|
+
{"version":3,"file":"parsed-image-api.js","names":["isImage","image","Boolean","getImageTypeOrNull","deleteImage","getImageType","close","format","Error","getImageSize","getImageData","canvas","document","createElement","context","getContext","width","height","drawImage","ImageBitmap","Image","_typeof2","default","data"],"sources":["../../../../src/lib/category-api/parsed-image-api.ts"],"sourcesContent":["import type {ImageType, ImageTypeEnum, ImageDataType} from '../../types';\n\nexport function isImage(image: ImageType): boolean {\n return Boolean(getImageTypeOrNull(image));\n}\n\nexport function deleteImage(image: ImageType): void {\n switch (getImageType(image)) {\n case 'imagebitmap':\n (image as ImageBitmap).close();\n break;\n default:\n // Nothing to do for images and image data objects\n }\n}\n\nexport function getImageType(image: ImageType): ImageTypeEnum {\n const format = getImageTypeOrNull(image);\n if (!format) {\n throw new Error('Not an image');\n }\n return format;\n}\n\nexport function getImageSize(image: ImageType): {width: number; height: number} {\n return getImageData(image);\n}\n\nexport function getImageData(image: ImageType): ImageDataType | ImageData {\n switch (getImageType(image)) {\n case 'data':\n return image as unknown as ImageData;\n\n case 'image':\n case 'imagebitmap':\n // Extract the image data from the image via a canvas\n const canvas = document.createElement('canvas');\n // TODO - reuse the canvas?\n const context = canvas.getContext('2d');\n if (!context) {\n throw new Error('getImageData');\n }\n // @ts-ignore\n canvas.width = image.width;\n // @ts-ignore\n canvas.height = image.height;\n // @ts-ignore\n context.drawImage(image, 0, 0);\n // @ts-ignore\n return context.getImageData(0, 0, image.width, image.height);\n\n default:\n throw new Error('getImageData');\n }\n}\n\n// PRIVATE\n\n// eslint-disable-next-line complexity\nfunction getImageTypeOrNull(image) {\n if (typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {\n return 'imagebitmap';\n }\n if (typeof Image !== 'undefined' && image instanceof Image) {\n return 'image';\n }\n if (image && typeof image === 'object' && image.data && image.width && image.height) {\n return 'data';\n }\n return null;\n}\n"],"mappings":";;;;;;;;;;;;AAEO,SAASA,OAAOA,CAACC,KAAgB,EAAW;EACjD,OAAOC,OAAO,CAACC,kBAAkB,CAACF,KAAK,CAAC,CAAC;AAC3C;AAEO,SAASG,WAAWA,CAACH,KAAgB,EAAQ;EAClD,QAAQI,YAAY,CAACJ,KAAK,CAAC;IACzB,KAAK,aAAa;MACfA,KAAK,CAAiBK,KAAK,EAAE;MAC9B;IACF;EAAQ;AAGZ;AAEO,SAASD,YAAYA,CAACJ,KAAgB,EAAiB;EAC5D,IAAMM,MAAM,GAAGJ,kBAAkB,CAACF,KAAK,CAAC;EACxC,IAAI,CAACM,MAAM,EAAE;IACX,MAAM,IAAIC,KAAK,CAAC,cAAc,CAAC;EACjC;EACA,OAAOD,MAAM;AACf;AAEO,SAASE,YAAYA,CAACR,KAAgB,EAAmC;EAC9E,OAAOS,YAAY,CAACT,KAAK,CAAC;AAC5B;AAEO,SAASS,YAAYA,CAACT,KAAgB,EAA6B;EACxE,QAAQI,YAAY,CAACJ,KAAK,CAAC;IACzB,KAAK,MAAM;MACT,OAAOA,KAAK;IAEd,KAAK,OAAO;IACZ,KAAK,aAAa;MAEhB,IAAMU,MAAM,GAAGC,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;MAE/C,IAAMC,OAAO,GAAGH,MAAM,CAACI,UAAU,CAAC,IAAI,CAAC;MACvC,IAAI,CAACD,OAAO,EAAE;QACZ,MAAM,IAAIN,KAAK,CAAC,cAAc,CAAC;MACjC;MAEAG,MAAM,CAACK,KAAK,GAAGf,KAAK,CAACe,KAAK;MAE1BL,MAAM,CAACM,MAAM,GAAGhB,KAAK,CAACgB,MAAM;MAE5BH,OAAO,CAACI,SAAS,CAACjB,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;MAE9B,OAAOa,OAAO,CAACJ,YAAY,CAAC,CAAC,EAAE,CAAC,EAAET,KAAK,CAACe,KAAK,EAAEf,KAAK,CAACgB,MAAM,CAAC;IAE9D;MACE,MAAM,IAAIT,KAAK,CAAC,cAAc,CAAC;EAAC;AAEtC;AAKA,SAASL,kBAAkBA,CAACF,KAAK,EAAE;EACjC,IAAI,OAAOkB,WAAW,KAAK,WAAW,IAAIlB,KAAK,YAAYkB,WAAW,EAAE;IACtE,OAAO,aAAa;EACtB;EACA,IAAI,OAAOC,KAAK,KAAK,WAAW,IAAInB,KAAK,YAAYmB,KAAK,EAAE;IAC1D,OAAO,OAAO;EAChB;EACA,IAAInB,KAAK,IAAI,IAAAoB,QAAA,CAAAC,OAAA,EAAOrB,KAAK,MAAK,QAAQ,IAAIA,KAAK,CAACsB,IAAI,IAAItB,KAAK,CAACe,KAAK,IAAIf,KAAK,CAACgB,MAAM,EAAE;IACnF,OAAO,MAAM;EACf;EACA,OAAO,IAAI;AACb"}
|
|
@@ -8,34 +8,29 @@ exports.encodeImage = encodeImage;
|
|
|
8
8
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
9
9
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
10
10
|
var _parsedImageApi = require("../category-api/parsed-image-api");
|
|
11
|
-
|
|
12
11
|
var _encodeImageNode = globalThis._encodeImageNode;
|
|
13
|
-
|
|
14
12
|
function encodeImage(_x, _x2) {
|
|
15
13
|
return _encodeImage.apply(this, arguments);
|
|
16
14
|
}
|
|
17
15
|
function _encodeImage() {
|
|
18
16
|
_encodeImage = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee(image, options) {
|
|
19
17
|
return _regenerator.default.wrap(function _callee$(_context2) {
|
|
20
|
-
while (1) {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
return _context2.stop();
|
|
31
|
-
}
|
|
18
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
19
|
+
case 0:
|
|
20
|
+
options = options || {};
|
|
21
|
+
options.image = options.image || {};
|
|
22
|
+
return _context2.abrupt("return", _encodeImageNode ? _encodeImageNode(image, {
|
|
23
|
+
type: options.image.mimeType
|
|
24
|
+
}) : encodeImageInBrowser(image, options));
|
|
25
|
+
case 3:
|
|
26
|
+
case "end":
|
|
27
|
+
return _context2.stop();
|
|
32
28
|
}
|
|
33
29
|
}, _callee);
|
|
34
30
|
}));
|
|
35
31
|
return _encodeImage.apply(this, arguments);
|
|
36
32
|
}
|
|
37
33
|
var qualityParamSupported = true;
|
|
38
|
-
|
|
39
34
|
function encodeImageInBrowser(_x3, _x4) {
|
|
40
35
|
return _encodeImageInBrowser.apply(this, arguments);
|
|
41
36
|
}
|
|
@@ -43,44 +38,41 @@ function _encodeImageInBrowser() {
|
|
|
43
38
|
_encodeImageInBrowser = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee2(image, options) {
|
|
44
39
|
var _options$image, mimeType, jpegQuality, _getImageSize, width, height, canvas, blob;
|
|
45
40
|
return _regenerator.default.wrap(function _callee2$(_context3) {
|
|
46
|
-
while (1) {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
} catch (error) {
|
|
63
|
-
qualityParamSupported = false;
|
|
64
|
-
}
|
|
41
|
+
while (1) switch (_context3.prev = _context3.next) {
|
|
42
|
+
case 0:
|
|
43
|
+
_options$image = options.image, mimeType = _options$image.mimeType, jpegQuality = _options$image.jpegQuality;
|
|
44
|
+
_getImageSize = (0, _parsedImageApi.getImageSize)(image), width = _getImageSize.width, height = _getImageSize.height;
|
|
45
|
+
canvas = document.createElement('canvas');
|
|
46
|
+
canvas.width = width;
|
|
47
|
+
canvas.height = height;
|
|
48
|
+
drawImageToCanvas(image, canvas);
|
|
49
|
+
_context3.next = 8;
|
|
50
|
+
return new Promise(function (resolve) {
|
|
51
|
+
if (jpegQuality && qualityParamSupported) {
|
|
52
|
+
try {
|
|
53
|
+
canvas.toBlob(resolve, mimeType, jpegQuality);
|
|
54
|
+
return;
|
|
55
|
+
} catch (error) {
|
|
56
|
+
qualityParamSupported = false;
|
|
65
57
|
}
|
|
66
|
-
canvas.toBlob(resolve, mimeType);
|
|
67
|
-
});
|
|
68
|
-
case 8:
|
|
69
|
-
blob = _context3.sent;
|
|
70
|
-
if (blob) {
|
|
71
|
-
_context3.next = 11;
|
|
72
|
-
break;
|
|
73
58
|
}
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
59
|
+
canvas.toBlob(resolve, mimeType);
|
|
60
|
+
});
|
|
61
|
+
case 8:
|
|
62
|
+
blob = _context3.sent;
|
|
63
|
+
if (blob) {
|
|
64
|
+
_context3.next = 11;
|
|
65
|
+
break;
|
|
66
|
+
}
|
|
67
|
+
throw new Error('image encoding failed');
|
|
68
|
+
case 11:
|
|
69
|
+
_context3.next = 13;
|
|
70
|
+
return blob.arrayBuffer();
|
|
71
|
+
case 13:
|
|
72
|
+
return _context3.abrupt("return", _context3.sent);
|
|
73
|
+
case 14:
|
|
74
|
+
case "end":
|
|
75
|
+
return _context3.stop();
|
|
84
76
|
}
|
|
85
77
|
}, _callee2);
|
|
86
78
|
}));
|
|
@@ -96,7 +88,6 @@ function drawImageToCanvas(image, canvas) {
|
|
|
96
88
|
return canvas;
|
|
97
89
|
}
|
|
98
90
|
}
|
|
99
|
-
|
|
100
91
|
var context = canvas.getContext('2d');
|
|
101
92
|
if (image.data) {
|
|
102
93
|
var clampedArray = new Uint8ClampedArray(image.data);
|
|
@@ -104,7 +95,6 @@ function drawImageToCanvas(image, canvas) {
|
|
|
104
95
|
context.putImageData(imageData, 0, 0);
|
|
105
96
|
return canvas;
|
|
106
97
|
}
|
|
107
|
-
|
|
108
98
|
context.drawImage(image, 0, 0);
|
|
109
99
|
return canvas;
|
|
110
100
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"encode-image.js","names":["_encodeImageNode","globalThis","encodeImage","image","options","type","mimeType","encodeImageInBrowser","qualityParamSupported","jpegQuality","
|
|
1
|
+
{"version":3,"file":"encode-image.js","names":["_parsedImageApi","require","_encodeImageNode","globalThis","encodeImage","_x","_x2","_encodeImage","apply","arguments","_asyncToGenerator2","default","_regenerator","mark","_callee","image","options","wrap","_callee$","_context2","prev","next","abrupt","type","mimeType","encodeImageInBrowser","stop","qualityParamSupported","_x3","_x4","_encodeImageInBrowser","_callee2","_options$image","jpegQuality","_getImageSize","width","height","canvas","blob","_callee2$","_context3","getImageSize","document","createElement","drawImageToCanvas","Promise","resolve","toBlob","error","sent","Error","arrayBuffer","x","length","undefined","y","ImageBitmap","context","getContext","transferFromImageBitmap","data","clampedArray","Uint8ClampedArray","imageData","ImageData","putImageData","drawImage"],"sources":["../../../../src/lib/encoders/encode-image.ts"],"sourcesContent":["// Image loading/saving for browser and Node.js\nimport {getImageSize} from '../category-api/parsed-image-api';\n\n// @ts-ignore TS2339: Property does not exist on type\nconst {_encodeImageNode} = globalThis;\n\n/**\n * Returns data bytes representing a compressed image in PNG or JPG format,\n * This data can be saved using file system (f) methods or used in a request.\n * @param image - ImageBitmap Image or Canvas\n * @param options\n * param opt.type='png' - png, jpg or image/png, image/jpg are valid\n * param mimeType= - Whether to include a data URI header\n */\nexport async function encodeImage(\n image: any,\n options?: {[key: string]: any}\n): Promise<ArrayBuffer> {\n options = options || {};\n options.image = options.image || ({} as {[key: string]: any});\n\n return _encodeImageNode\n ? _encodeImageNode(image, {type: options.image.mimeType})\n : encodeImageInBrowser(image, options);\n}\n\n// In case we get exceptions from canvas.toBlob(resolve, type, quality)\nlet qualityParamSupported = true;\n\n/**\n *\n * @param image\n * @param options\n * @note Based on canvas.toBlob\n * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob\n */\nasync function encodeImageInBrowser(image, options) {\n const {mimeType, jpegQuality} = options.image;\n\n const {width, height} = getImageSize(image);\n\n // create a canvas and resize it to the size of our image\n const canvas = document.createElement('canvas');\n canvas.width = width;\n canvas.height = height;\n\n drawImageToCanvas(image, canvas);\n\n // The actual encoding is done asynchronously with `canvas.toBlob()`\n const blob = await new Promise<Blob | null>((resolve) => {\n // get it back as a Blob\n if (jpegQuality && qualityParamSupported) {\n try {\n canvas.toBlob(resolve, mimeType, jpegQuality);\n return;\n } catch (error) {\n qualityParamSupported = false;\n }\n }\n canvas.toBlob(resolve, mimeType);\n });\n\n if (!blob) {\n throw new Error('image encoding failed');\n }\n\n return await blob.arrayBuffer();\n}\n\nfunction drawImageToCanvas(image, canvas, x = 0, y = 0) {\n // Try optimized path for ImageBitmaps via bitmaprenderer context\n if (x === 0 && y === 0 && typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {\n const context = canvas.getContext('bitmaprenderer');\n if (context) {\n // transfer the ImageBitmap to it\n context.transferFromImageBitmap(image);\n return canvas;\n }\n }\n\n // Available on most platforms, except IE11 and Andriod WebViews...\n const context = canvas.getContext('2d');\n if (image.data) {\n // ImageData constructor expects clamped array even though getImageData does not return a clamped array...\n const clampedArray = new Uint8ClampedArray(image.data);\n const imageData = new ImageData(clampedArray, image.width, image.height);\n context.putImageData(imageData, 0, 0);\n return canvas;\n }\n\n // Fall back to generic image/image bitmap rendering path\n context.drawImage(image, 0, 0);\n return canvas;\n}\n"],"mappings":"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"}
|