@loaders.gl/images 3.4.0-alpha.1 → 3.4.0-alpha.2

package/dist/es5/lib/category-api/image-format.js

@@ -1,45 +1,195 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports._isImageFormatSupported = _isImageFormatSupported;
+exports.getSupportedImageFormats = getSupportedImageFormats;
+exports.isImageFormatSupported = isImageFormatSupported;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _loaderUtils = require("@loaders.gl/loader-utils");
-var NODE_FORMAT_SUPPORT = ['image/png', 'image/jpeg', 'image/gif'];
+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; } } }; }
+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); }
+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; }
+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'];
 
-var mimeTypeSupported = {};
+var mimeTypeSupportedPromise = null;
 
-function _isImageFormatSupported(mimeType) {
-  if (mimeTypeSupported[mimeType] === undefined) {
-    mimeTypeSupported[mimeType] = checkFormatSupport(mimeType);
+function getSupportedImageFormats() {
+  return _getSupportedImageFormats.apply(this, arguments);
+}
+function _getSupportedImageFormats() {
+  _getSupportedImageFormats = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee() {
+    var supportedMimeTypes, _iterator, _step, _mimeType, supported;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            if (!mimeTypeSupportedPromise) {
+              _context.next = 4;
+              break;
+            }
+            _context.next = 3;
+            return mimeTypeSupportedPromise;
+          case 3:
+            return _context.abrupt("return", _context.sent);
+          case 4:
+            supportedMimeTypes = new Set();
+            _iterator = _createForOfIteratorHelper(MIME_TYPES);
+            _context.prev = 6;
+            _iterator.s();
+          case 8:
+            if ((_step = _iterator.n()).done) {
+              _context.next = 21;
+              break;
+            }
+            _mimeType = _step.value;
+            if (!_loaderUtils.isBrowser) {
+              _context.next = 16;
+              break;
+            }
+            _context.next = 13;
+            return checkBrowserImageFormatSupportAsync(_mimeType);
+          case 13:
+            _context.t0 = _context.sent;
+            _context.next = 17;
+            break;
+          case 16:
+            _context.t0 = checkNodeImageFormatSupport(_mimeType);
+          case 17:
+            supported = _context.t0;
+            if (supported) {
+              supportedMimeTypes.add(_mimeType);
+            }
+          case 19:
+            _context.next = 8;
+            break;
+          case 21:
+            _context.next = 26;
+            break;
+          case 23:
+            _context.prev = 23;
+            _context.t1 = _context["catch"](6);
+            _iterator.e(_context.t1);
+          case 26:
+            _context.prev = 26;
+            _iterator.f();
+            return _context.finish(26);
+          case 29:
+            return _context.abrupt("return", supportedMimeTypes);
+          case 30:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[6, 23, 26, 29]]);
+  }));
+  return _getSupportedImageFormats.apply(this, arguments);
+}
+var mimeTypeSupportedSync = {};
+
+function isImageFormatSupported(mimeType) {
+  if (mimeTypeSupportedSync[mimeType] === undefined) {
+    var supported = _loaderUtils.isBrowser ? checkBrowserImageFormatSupport(mimeType) : checkNodeImageFormatSupport(mimeType);
+    mimeTypeSupportedSync[mimeType] = supported;
   }
-  return mimeTypeSupported[mimeType];
+  return mimeTypeSupportedSync[mimeType];
 }
 
-function checkFormatSupport(mimeType) {
+function checkNodeImageFormatSupport(mimeType) {
+  var NODE_FORMAT_SUPPORT = ['image/png', 'image/jpeg', 'image/gif'];
+  var _parseImageNode = globalThis._parseImageNode,
+    _globalThis$_imageFor = globalThis._imageFormatsNode,
+    _imageFormatsNode = _globalThis$_imageFor === void 0 ? NODE_FORMAT_SUPPORT : _globalThis$_imageFor;
+  return Boolean(_parseImageNode) && _imageFormatsNode.includes(mimeType);
+}
+
+function checkBrowserImageFormatSupport(mimeType) {
   switch (mimeType) {
+    case 'image/avif':
     case 'image/webp':
-      return checkWebPSupport();
-    case 'image/svg':
-      return _loaderUtils.isBrowser;
+      return testBrowserImageFormatSupport(mimeType);
     default:
-      if (!_loaderUtils.isBrowser) {
-        var _parseImageNode = globalThis._parseImageNode;
-        return Boolean(_parseImageNode) && NODE_FORMAT_SUPPORT.includes(mimeType);
-      }
       return true;
   }
 }
+var TEST_IMAGE = {
+  'image/avif': 'data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAIAAAACAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A=',
+  'image/webp': 'data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA'
+};
 
-function checkWebPSupport() {
-  if (!_loaderUtils.isBrowser) {
-    return false;
-  }
+function checkBrowserImageFormatSupportAsync(_x) {
+  return _checkBrowserImageFormatSupportAsync.apply(this, arguments);
+}
+function _checkBrowserImageFormatSupportAsync() {
+  _checkBrowserImageFormatSupportAsync = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee2(mimeType) {
+    var dataURL;
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            dataURL = TEST_IMAGE[mimeType];
+            if (!dataURL) {
+              _context2.next = 7;
+              break;
+            }
+            _context2.next = 4;
+            return testBrowserImageFormatSupportAsync(dataURL);
+          case 4:
+            _context2.t0 = _context2.sent;
+            _context2.next = 8;
+            break;
+          case 7:
+            _context2.t0 = true;
+          case 8:
+            return _context2.abrupt("return", _context2.t0);
+          case 9:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+  return _checkBrowserImageFormatSupportAsync.apply(this, arguments);
+}
+function testBrowserImageFormatSupport(mimeType) {
   try {
     var element = document.createElement('canvas');
-    return element.toDataURL('image/webp').indexOf('data:image/webp') === 0;
+    var dataURL = element.toDataURL(mimeType);
+    return dataURL.indexOf("data:".concat(mimeType)) === 0;
   } catch (_unused) {
     return false;
   }
 }
+
+function testBrowserImageFormatSupportAsync(_x2) {
+  return _testBrowserImageFormatSupportAsync.apply(this, arguments);
+}
+function _testBrowserImageFormatSupportAsync() {
+  _testBrowserImageFormatSupportAsync = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee3(testImageDataURL) {
+    return _regenerator.default.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            return _context3.abrupt("return", new Promise(function (resolve) {
+              var image = new Image();
+              image.src = testImageDataURL;
+              image.onload = function () {
+                return resolve(image.height > 0);
+              };
+              image.onerror = function () {
+                return resolve(false);
+              };
+            }));
+          case 1:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  }));
+  return _testBrowserImageFormatSupportAsync.apply(this, arguments);
+}
 //# sourceMappingURL=image-format.js.map

package/dist/es5/lib/category-api/image-format.js.map

@@ -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"}
+{"version":3,"file":"image-format.js","names":["MIME_TYPES","mimeTypeSupportedPromise","getSupportedImageFormats","supportedMimeTypes","Set","mimeType","isBrowser","checkBrowserImageFormatSupportAsync","checkNodeImageFormatSupport","supported","add","mimeTypeSupportedSync","isImageFormatSupported","undefined","checkBrowserImageFormatSupport","NODE_FORMAT_SUPPORT","_parseImageNode","globalThis","_imageFormatsNode","Boolean","includes","testBrowserImageFormatSupport","TEST_IMAGE","dataURL","testBrowserImageFormatSupportAsync","element","document","createElement","toDataURL","indexOf","testImageDataURL","Promise","resolve","image","Image","src","onload","height","onerror"],"sources":["../../../../src/lib/category-api/image-format.ts"],"sourcesContent":["// loaders.gl, MIT license\n\nimport {isBrowser} from '@loaders.gl/loader-utils';\n\nconst MIME_TYPES = [\n  'image/png',\n  'image/jpeg',\n  'image/gif',\n  'image/webp',\n  'image/avif',\n  'image/tiff',\n  // TODO - what is the correct type for SVG\n  'image/svg',\n  'image/svg+xml',\n  'image/bmp',\n  'image/vnd.microsoft.icon'\n];\n\n/** Only one round of tests is performed */\nconst mimeTypeSupportedPromise: Promise<Set<string>> | null = null;\n\n/** Run-time browser detection of file formats requires async tests for most precise results */\nexport async function getSupportedImageFormats(): Promise<Set<string>> {\n  if (mimeTypeSupportedPromise) {\n    return await mimeTypeSupportedPromise;\n  }\n\n  const supportedMimeTypes = new Set<string>();\n  for (const mimeType of MIME_TYPES) {\n    const supported = isBrowser\n      ? await checkBrowserImageFormatSupportAsync(mimeType)\n      : checkNodeImageFormatSupport(mimeType);\n    if (supported) {\n      supportedMimeTypes.add(mimeType);\n    }\n  }\n\n  return supportedMimeTypes;\n}\n\n/** Cache sync values for speed */\nconst mimeTypeSupportedSync: {[mimeType: string]: boolean} = {};\n\n/**\n * Check if image MIME type is supported. Result is cached to avoid repeated tests.\n */\nexport function isImageFormatSupported(mimeType: string): boolean {\n  if (mimeTypeSupportedSync[mimeType] === undefined) {\n    const supported = isBrowser\n      ? checkBrowserImageFormatSupport(mimeType)\n      : checkNodeImageFormatSupport(mimeType);\n    mimeTypeSupportedSync[mimeType] = supported;\n  }\n  return mimeTypeSupportedSync[mimeType];\n}\n\n/**\n * Checks that polyfills are installed and that mimeType is supported by polyfills\n * @todo Ideally polyfills should declare what formats they support, instead of storing that data here.\n */\nfunction checkNodeImageFormatSupport(mimeType: string): boolean {\n  /** @deprecated Remove these in 4.0 and rely on polyfills to inject them */\n  const NODE_FORMAT_SUPPORT = ['image/png', 'image/jpeg', 'image/gif'];\n  // @ts-ignore\n  const {_parseImageNode, _imageFormatsNode = NODE_FORMAT_SUPPORT} = globalThis;\n  return Boolean(_parseImageNode) && _imageFormatsNode.includes(mimeType);\n}\n\n/** Checks image format support synchronously.\n * @note Unreliable, fails on AVIF\n */\nfunction checkBrowserImageFormatSupport(mimeType: string): boolean {\n  switch (mimeType) {\n    case 'image/avif': // Will fail\n    case 'image/webp':\n      return testBrowserImageFormatSupport(mimeType);\n    default:\n      return true;\n  }\n}\n\nconst TEST_IMAGE = {\n  'image/avif':\n    'data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAIAAAACAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A=',\n  // Lossy test image. Support for lossy images doesn't guarantee support for all WebP images.\n  'image/webp': 'data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA'\n};\n\n/** Checks WebP and AVIF support asynchronously */\nasync function checkBrowserImageFormatSupportAsync(mimeType: string): Promise<boolean> {\n  const dataURL = TEST_IMAGE[mimeType];\n  return dataURL ? await testBrowserImageFormatSupportAsync(dataURL) : true;\n}\n\n/**\n * Checks browser synchronously\n * Checks if toDataURL supports the mimeType.\n * @note Imperfect testOn Chrome this is true for WebP but not for AVIF\n */\nfunction testBrowserImageFormatSupport(mimeType: string): boolean {\n  try {\n    const element = document.createElement('canvas');\n    const dataURL = element.toDataURL(mimeType);\n    return dataURL.indexOf(`data:${mimeType}`) === 0;\n  } catch {\n    // Probably Safari...\n    return false;\n  }\n}\n\n// Check WebPSupport asynchronously\nasync function testBrowserImageFormatSupportAsync(testImageDataURL: string): Promise<boolean> {\n  return new Promise((resolve) => {\n    const image = new Image();\n    image.src = testImageDataURL;\n    image.onload = () => resolve(image.height > 0);\n    image.onerror = () => resolve(false);\n  });\n}\n"],"mappings":"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"}

package/dist/es5/lib/category-api/parse-isobmff-binary.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.decodeMajorBrand = decodeMajorBrand;
+exports.getISOBMFFMediaType = getISOBMFFMediaType;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+function getISOBMFFMediaType(buffer) {
+  if (!checkString(buffer, 'ftyp', 4)) {
+    return null;
+  }
+
+  if ((buffer[8] & 0x60) === 0x00) {
+    return null;
+  }
+
+  return decodeMajorBrand(buffer);
+}
+
+function decodeMajorBrand(buffer) {
+  var brandMajor = getUTF8String(buffer, 8, 12).replace('\0', ' ').trim();
+  switch (brandMajor) {
+    case 'avif':
+    case 'avis':
+      return {
+        extension: 'avif',
+        mimeType: 'image/avif'
+      };
+    default:
+      return null;
+  }
+}
+
+function getUTF8String(array, start, end) {
+  return String.fromCharCode.apply(String, (0, _toConsumableArray2.default)(array.slice(start, end)));
+}
+function stringToBytes(string) {
+  return (0, _toConsumableArray2.default)(string).map(function (character) {
+    return character.charCodeAt(0);
+  });
+}
+function checkString(buffer, header) {
+  var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  var headerBytes = stringToBytes(header);
+  for (var i = 0; i < headerBytes.length; ++i) {
+    if (headerBytes[i] !== buffer[i + offset]) {
+      return false;
+    }
+  }
+  return true;
+}
+//# sourceMappingURL=parse-isobmff-binary.js.map

package/dist/es5/lib/category-api/parse-isobmff-binary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse-isobmff-binary.js","names":["getISOBMFFMediaType","buffer","checkString","decodeMajorBrand","brandMajor","getUTF8String","replace","trim","extension","mimeType","array","start","end","String","fromCharCode","slice","stringToBytes","string","map","character","charCodeAt","header","offset","headerBytes","i","length"],"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,mBAAmB,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,gBAAgB,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,aAAa,CAACK,KAAiB,EAAEC,KAAa,EAAEC,GAAW,EAAU;EAC5E,OAAOC,MAAM,CAACC,YAAY,OAAnBD,MAAM,mCAAiBH,KAAK,CAACK,KAAK,CAACJ,KAAK,EAAEC,GAAG,CAAC,EAAC;AACxD;AAEA,SAASI,aAAa,CAACC,MAAc,EAAY;EAC/C,OAAO,iCAAIA,MAAM,EAAEC,GAAG,CAAC,UAACC,SAAS;IAAA,OAAKA,SAAS,CAACC,UAAU,CAAC,CAAC,CAAC;EAAA,EAAC;AAChE;AAEA,SAASlB,WAAW,CAACD,MAAyB,EAAEoB,MAAc,EAA+B;EAAA,IAA7BC,MAAc,uEAAG,CAAC;EAChF,IAAMC,WAAW,GAAGP,aAAa,CAACK,MAAM,CAAC;EAEzC,KAAK,IAAIG,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,WAAW,CAACE,MAAM,EAAE,EAAED,CAAC,EAAE;IAC3C,IAAID,WAAW,CAACC,CAAC,CAAC,KAAKvB,MAAM,CAACuB,CAAC,GAAGF,MAAM,CAAC,EAAE;MACzC,OAAO,KAAK;IACd;EACF;EAEA,OAAO,IAAI;AACb"}

package/dist/es5/lib/utils/version.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VERSION = void 0;
-var VERSION = typeof "3.4.0-alpha.1" !== 'undefined' ? "3.4.0-alpha.1" : 'latest';
+var VERSION = typeof "3.4.0-alpha.2" !== 'undefined' ? "3.4.0-alpha.2" : 'latest';
 exports.VERSION = VERSION;
 //# sourceMappingURL=version.js.map

package/dist/esm/image-loader.js

@@ -1,8 +1,8 @@
 import { VERSION } from './lib/utils/version';
 import parseImage from './lib/parsers/parse-image';
 import { getBinaryImageMetadata } from './lib/category-api/binary-image-api';
-const EXTENSIONS = ['png', 'jpg', 'jpeg', 'gif', 'webp', 'bmp', 'ico', 'svg'];
-const MIME_TYPES = ['image/png', 'image/jpeg', 'image/gif', 'image/webp', 'image/bmp', 'image/vnd.microsoft.icon', 'image/svg+xml'];
+const EXTENSIONS = ['png', 'jpg', 'jpeg', 'gif', 'webp', 'bmp', 'ico', 'svg', 'avif'];
+const MIME_TYPES = ['image/png', 'image/jpeg', 'image/gif', 'image/webp', 'image/avif', 'image/bmp', 'image/vnd.microsoft.icon', 'image/svg+xml'];
 const DEFAULT_IMAGE_LOADER_OPTIONS = {
   image: {
     type: 'auto',

package/dist/esm/image-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-loader.js","names":["VERSION","parseImage","getBinaryImageMetadata","EXTENSIONS","MIME_TYPES","DEFAULT_IMAGE_LOADER_OPTIONS","image","type","decode","ImageLoader","id","module","name","version","mimeTypes","extensions","parse","tests","arrayBuffer","Boolean","DataView","options","_typecheckImageLoader"],"sources":["../../src/image-loader.ts"],"sourcesContent":["import type {LoaderOptions, LoaderWithParser} from '@loaders.gl/loader-utils';\nimport {VERSION} from './lib/utils/version';\nimport parseImage from './lib/parsers/parse-image';\nimport {getBinaryImageMetadata} from './lib/category-api/binary-image-api';\n\nconst EXTENSIONS = ['png', 'jpg', 'jpeg', 'gif', 'webp', 'bmp', 'ico', 'svg'];\nconst MIME_TYPES = [\n  'image/png',\n  'image/jpeg',\n  'image/gif',\n  'image/webp',\n  'image/bmp',\n  'image/vnd.microsoft.icon',\n  'image/svg+xml'\n];\n\nexport type ImageLoaderOptions = LoaderOptions & {\n  image?: {\n    type?: 'auto' | 'data' | 'imagebitmap' | 'image';\n    decode?: boolean;\n  };\n  imagebitmap?: ImageBitmapOptions;\n};\n\nconst DEFAULT_IMAGE_LOADER_OPTIONS: ImageLoaderOptions = {\n  image: {\n    type: 'auto',\n    decode: true // if format is HTML\n  }\n  // imagebitmap: {} - passes (platform dependent) parameters to ImageBitmap constructor\n};\n\n/**\n * Loads a platform-specific image type\n * Note: This type can be used as input data to WebGL texture creation\n */\nexport const ImageLoader = {\n  id: 'image',\n  module: 'images',\n  name: 'Images',\n  version: VERSION,\n  mimeTypes: MIME_TYPES,\n  extensions: EXTENSIONS,\n  parse: parseImage,\n  // TODO: byteOffset, byteLength;\n  tests: [(arrayBuffer) => Boolean(getBinaryImageMetadata(new DataView(arrayBuffer)))],\n  options: DEFAULT_IMAGE_LOADER_OPTIONS\n};\n\nexport const _typecheckImageLoader: LoaderWithParser = ImageLoader;\n"],"mappings":"AACA,SAAQA,OAAO,QAAO,qBAAqB;AAC3C,OAAOC,UAAU,MAAM,2BAA2B;AAClD,SAAQC,sBAAsB,QAAO,qCAAqC;AAE1E,MAAMC,UAAU,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;AAC7E,MAAMC,UAAU,GAAG,CACjB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,0BAA0B,EAC1B,eAAe,CAChB;AAUD,MAAMC,4BAAgD,GAAG;EACvDC,KAAK,EAAE;IACLC,IAAI,EAAE,MAAM;IACZC,MAAM,EAAE;EACV;AAEF,CAAC;;AAMD,OAAO,MAAMC,WAAW,GAAG;EACzBC,EAAE,EAAE,OAAO;EACXC,MAAM,EAAE,QAAQ;EAChBC,IAAI,EAAE,QAAQ;EACdC,OAAO,EAAEb,OAAO;EAChBc,SAAS,EAAEV,UAAU;EACrBW,UAAU,EAAEZ,UAAU;EACtBa,KAAK,EAAEf,UAAU;EAEjBgB,KAAK,EAAE,CAAEC,WAAW,IAAKC,OAAO,CAACjB,sBAAsB,CAAC,IAAIkB,QAAQ,CAACF,WAAW,CAAC,CAAC,CAAC,CAAC;EACpFG,OAAO,EAAEhB;AACX,CAAC;AAED,OAAO,MAAMiB,qBAAuC,GAAGb,WAAW"}
+{"version":3,"file":"image-loader.js","names":["VERSION","parseImage","getBinaryImageMetadata","EXTENSIONS","MIME_TYPES","DEFAULT_IMAGE_LOADER_OPTIONS","image","type","decode","ImageLoader","id","module","name","version","mimeTypes","extensions","parse","tests","arrayBuffer","Boolean","DataView","options","_typecheckImageLoader"],"sources":["../../src/image-loader.ts"],"sourcesContent":["import type {LoaderOptions, LoaderWithParser} from '@loaders.gl/loader-utils';\nimport {VERSION} from './lib/utils/version';\nimport parseImage from './lib/parsers/parse-image';\nimport {getBinaryImageMetadata} from './lib/category-api/binary-image-api';\n\nconst EXTENSIONS = ['png', 'jpg', 'jpeg', 'gif', 'webp', 'bmp', 'ico', 'svg', 'avif'];\nconst MIME_TYPES = [\n  'image/png',\n  'image/jpeg',\n  'image/gif',\n  'image/webp',\n  'image/avif',\n  'image/bmp',\n  'image/vnd.microsoft.icon',\n  'image/svg+xml'\n];\n\nexport type ImageLoaderOptions = LoaderOptions & {\n  image?: {\n    type?: 'auto' | 'data' | 'imagebitmap' | 'image';\n    decode?: boolean;\n  };\n  imagebitmap?: ImageBitmapOptions;\n};\n\nconst DEFAULT_IMAGE_LOADER_OPTIONS: ImageLoaderOptions = {\n  image: {\n    type: 'auto',\n    decode: true // if format is HTML\n  }\n  // imagebitmap: {} - passes (platform dependent) parameters to ImageBitmap constructor\n};\n\n/**\n * Loads a platform-specific image type\n * Note: This type can be used as input data to WebGL texture creation\n */\nexport const ImageLoader = {\n  id: 'image',\n  module: 'images',\n  name: 'Images',\n  version: VERSION,\n  mimeTypes: MIME_TYPES,\n  extensions: EXTENSIONS,\n  parse: parseImage,\n  // TODO: byteOffset, byteLength;\n  tests: [(arrayBuffer) => Boolean(getBinaryImageMetadata(new DataView(arrayBuffer)))],\n  options: DEFAULT_IMAGE_LOADER_OPTIONS\n};\n\nexport const _typecheckImageLoader: LoaderWithParser = ImageLoader;\n"],"mappings":"AACA,SAAQA,OAAO,QAAO,qBAAqB;AAC3C,OAAOC,UAAU,MAAM,2BAA2B;AAClD,SAAQC,sBAAsB,QAAO,qCAAqC;AAE1E,MAAMC,UAAU,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;AACrF,MAAMC,UAAU,GAAG,CACjB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,0BAA0B,EAC1B,eAAe,CAChB;AAUD,MAAMC,4BAAgD,GAAG;EACvDC,KAAK,EAAE;IACLC,IAAI,EAAE,MAAM;IACZC,MAAM,EAAE;EACV;AAEF,CAAC;;AAMD,OAAO,MAAMC,WAAW,GAAG;EACzBC,EAAE,EAAE,OAAO;EACXC,MAAM,EAAE,QAAQ;EAChBC,IAAI,EAAE,QAAQ;EACdC,OAAO,EAAEb,OAAO;EAChBc,SAAS,EAAEV,UAAU;EACrBW,UAAU,EAAEZ,UAAU;EACtBa,KAAK,EAAEf,UAAU;EAEjBgB,KAAK,EAAE,CAAEC,WAAW,IAAKC,OAAO,CAACjB,sBAAsB,CAAC,IAAIkB,QAAQ,CAACF,WAAW,CAAC,CAAC,CAAC,CAAC;EACpFG,OAAO,EAAEhB;AACX,CAAC;AAED,OAAO,MAAMiB,qBAAuC,GAAGb,WAAW"}

package/dist/esm/index.js

@@ -8,7 +8,8 @@ export { getBinaryImageMetadata } from './lib/category-api/binary-image-api';
 export { isImageTypeSupported, getDefaultImageType } from './lib/category-api/image-type';
 export { isImage, getImageType, getImageSize, getImageData } from './lib/category-api/parsed-image-api';
 
-export { _isImageFormatSupported } from './lib/category-api/image-format';
+export { getSupportedImageFormats } from './lib/category-api/image-format';
+export { isImageFormatSupported } from './lib/category-api/image-format';
 
 export { loadImage } from './lib/texture-api/load-image';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ImageLoader","ImageWriter","getBinaryImageMetadata","isImageTypeSupported","getDefaultImageType","isImage","getImageType","getImageSize","getImageData","_isImageFormatSupported","loadImage"],"sources":["../../src/index.ts"],"sourcesContent":["// TYPES\nexport type {ImageDataType, ImageType, ImageTypeEnum} from './types';\nexport type {ImageLoaderOptions} from './image-loader';\n\n// LOADERS AND WRITERS\nexport {ImageLoader} from './image-loader';\nexport {ImageWriter} from './image-writer';\n\n// IMAGE CATEGORY API\n\n// Binary Image API\nexport {getBinaryImageMetadata} from './lib/category-api/binary-image-api';\n\n// Parsed Image API\nexport {isImageTypeSupported, getDefaultImageType} from './lib/category-api/image-type';\n\nexport {\n  isImage,\n  getImageType,\n  getImageSize,\n  getImageData\n} from './lib/category-api/parsed-image-api';\n\n// EXPERIMENTAL\nexport {_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,SAAQA,WAAW,QAAO,gBAAgB;AAC1C,SAAQC,WAAW,QAAO,gBAAgB;;AAK1C,SAAQC,sBAAsB,QAAO,qCAAqC;;AAG1E,SAAQC,oBAAoB,EAAEC,mBAAmB,QAAO,+BAA+B;AAEvF,SACEC,OAAO,EACPC,YAAY,EACZC,YAAY,EACZC,YAAY,QACP,qCAAqC;;AAG5C,SAAQC,uBAAuB,QAAO,iCAAiC;;AAGvE,SAAQC,SAAS,QAAO,8BAA8B"}
+{"version":3,"file":"index.js","names":["ImageLoader","ImageWriter","getBinaryImageMetadata","isImageTypeSupported","getDefaultImageType","isImage","getImageType","getImageSize","getImageData","getSupportedImageFormats","isImageFormatSupported","loadImage"],"sources":["../../src/index.ts"],"sourcesContent":["// TYPES\nexport type {ImageDataType, ImageType, ImageTypeEnum} from './types';\nexport type {ImageLoaderOptions} from './image-loader';\n\n// LOADERS AND WRITERS\nexport {ImageLoader} from './image-loader';\nexport {ImageWriter} from './image-writer';\n\n// IMAGE CATEGORY API\n\n// Binary Image API\nexport {getBinaryImageMetadata} from './lib/category-api/binary-image-api';\n\n// Parsed Image API\nexport {isImageTypeSupported, getDefaultImageType} from './lib/category-api/image-type';\n\nexport {\n  isImage,\n  getImageType,\n  getImageSize,\n  getImageData\n} from './lib/category-api/parsed-image-api';\n\n// EXPERIMENTAL\nexport {getSupportedImageFormats} from './lib/category-api/image-format';\nexport {isImageFormatSupported} from './lib/category-api/image-format';\n\n// DEPRECATED - Remove in V4 (fix dependency in luma.gl)\nexport {loadImage} from './lib/texture-api/load-image';\n"],"mappings":";;AAKA,SAAQA,WAAW,QAAO,gBAAgB;AAC1C,SAAQC,WAAW,QAAO,gBAAgB;;AAK1C,SAAQC,sBAAsB,QAAO,qCAAqC;;AAG1E,SAAQC,oBAAoB,EAAEC,mBAAmB,QAAO,+BAA+B;AAEvF,SACEC,OAAO,EACPC,YAAY,EACZC,YAAY,EACZC,YAAY,QACP,qCAAqC;;AAG5C,SAAQC,wBAAwB,QAAO,iCAAiC;AACxE,SAAQC,sBAAsB,QAAO,iCAAiC;;AAGtE,SAAQC,SAAS,QAAO,8BAA8B"}

package/dist/esm/lib/category-api/binary-image-api.js

@@ -1,11 +1,26 @@
 
 
+import { getISOBMFFMediaType } from './parse-isobmff-binary';
+
 const BIG_ENDIAN = false;
 const LITTLE_ENDIAN = true;
 
 export function getBinaryImageMetadata(binaryData) {
   const dataView = toDataView(binaryData);
-  return getPngMetadata(dataView) || getJpegMetadata(dataView) || getGifMetadata(dataView) || getBmpMetadata(dataView);
+  return getPngMetadata(dataView) || getJpegMetadata(dataView) || getGifMetadata(dataView) || getBmpMetadata(dataView) || getISOBMFFMetadata(dataView);
+}
+
+function getISOBMFFMetadata(binaryData) {
+  const buffer = new Uint8Array(binaryData instanceof DataView ? binaryData.buffer : binaryData);
+  const mediaType = getISOBMFFMediaType(buffer);
+  if (!mediaType) {
+    return null;
+  }
+  return {
+    mimeType: mediaType.mimeType,
+    width: 0,
+    height: 0
+  };
 }
 
 function getPngMetadata(binaryData) {

package/dist/esm/lib/category-api/binary-image-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"binary-image-api.js","names":["BIG_ENDIAN","LITTLE_ENDIAN","getBinaryImageMetadata","binaryData","dataView","toDataView","getPngMetadata","getJpegMetadata","getGifMetadata","getBmpMetadata","isPng","byteLength","getUint32","mimeType","width","height","isGif","getUint16","isBmp","isJpeg","getUint8","tableMarkers","sofMarkers","getJpegMarkers","i","marker","has","Set","add","data","DataView","ArrayBuffer","isView","buffer","Error"],"sources":["../../../../src/lib/category-api/binary-image-api.ts"],"sourcesContent":["// Attributions\n// * Based on binary-gltf-utils under MIT license: Copyright (c) 2016-17 Karl Cheng\n\n// TODO: make these functions work for Node.js buffers?\n// Quarantine references to Buffer to prevent bundler from adding big polyfills\n// import {bufferToArrayBuffer} from '../node/buffer-to-array-buffer';\n// TODO - this should be handled in @loaders.gl/polyfills\n\n/** MIME type, width and height extracted from binary compressed image data */\nexport type BinaryImageMetadata = {\n  mimeType: string;\n  width: number;\n  height: number;\n};\n\nconst BIG_ENDIAN = false;\nconst LITTLE_ENDIAN = true;\n\n/**\n * Extracts `{mimeType, width and height}` from a memory buffer containing a known image format\n * Currently supports `image/png`, `image/jpeg`, `image/bmp` and `image/gif`.\n * @param binaryData image file memory to parse\n * @returns metadata or null if memory is not a valid image file format layout.\n */\nexport function getBinaryImageMetadata(\n  binaryData: DataView | ArrayBuffer\n): BinaryImageMetadata | null {\n  const dataView = toDataView(binaryData);\n  return (\n    getPngMetadata(dataView) ||\n    getJpegMetadata(dataView) ||\n    getGifMetadata(dataView) ||\n    getBmpMetadata(dataView)\n  );\n}\n\n// PNG\n\nfunction getPngMetadata(binaryData) {\n  const dataView = toDataView(binaryData);\n  // Check file contains the first 4 bytes of the PNG signature.\n  const isPng = dataView.byteLength >= 24 && dataView.getUint32(0, BIG_ENDIAN) === 0x89504e47;\n  if (!isPng) {\n    return null;\n  }\n\n  // Extract size from a binary PNG file\n  return {\n    mimeType: 'image/png',\n    width: dataView.getUint32(16, BIG_ENDIAN),\n    height: dataView.getUint32(20, BIG_ENDIAN)\n  };\n}\n\n// GIF\n\n// Extract size from a binary GIF file\n// TODO: GIF is not this simple\nfunction getGifMetadata(binaryData) {\n  const dataView = toDataView(binaryData);\n  // Check first 4 bytes of the GIF signature (\"GIF8\").\n  const isGif = dataView.byteLength >= 10 && dataView.getUint32(0, BIG_ENDIAN) === 0x47494638;\n  if (!isGif) {\n    return null;\n  }\n\n  // GIF is little endian.\n  return {\n    mimeType: 'image/gif',\n    width: dataView.getUint16(6, LITTLE_ENDIAN),\n    height: dataView.getUint16(8, LITTLE_ENDIAN)\n  };\n}\n\n// BMP\n\n// TODO: BMP is not this simple\nexport function getBmpMetadata(binaryData) {\n  const dataView = toDataView(binaryData);\n  // Check magic number is valid (first 2 characters should be \"BM\").\n  // The mandatory bitmap file header is 14 bytes long.\n  const isBmp =\n    dataView.byteLength >= 14 &&\n    dataView.getUint16(0, BIG_ENDIAN) === 0x424d &&\n    dataView.getUint32(2, LITTLE_ENDIAN) === dataView.byteLength;\n\n  if (!isBmp) {\n    return null;\n  }\n\n  // BMP is little endian.\n  return {\n    mimeType: 'image/bmp',\n    width: dataView.getUint32(18, LITTLE_ENDIAN),\n    height: dataView.getUint32(22, LITTLE_ENDIAN)\n  };\n}\n\n// JPEG\n\n// Extract width and height from a binary JPEG file\nfunction getJpegMetadata(binaryData) {\n  const dataView = toDataView(binaryData);\n  // Check file contains the JPEG \"start of image\" (SOI) marker\n  // followed by another marker.\n  const isJpeg =\n    dataView.byteLength >= 3 &&\n    dataView.getUint16(0, BIG_ENDIAN) === 0xffd8 &&\n    dataView.getUint8(2) === 0xff;\n\n  if (!isJpeg) {\n    return null;\n  }\n\n  const {tableMarkers, sofMarkers} = getJpegMarkers();\n\n  // Exclude the two byte SOI marker.\n  let i = 2;\n  while (i + 9 < dataView.byteLength) {\n    const marker = dataView.getUint16(i, BIG_ENDIAN);\n\n    // The frame that contains the width and height of the JPEG image.\n    if (sofMarkers.has(marker)) {\n      return {\n        mimeType: 'image/jpeg',\n        height: dataView.getUint16(i + 5, BIG_ENDIAN), // Number of lines\n        width: dataView.getUint16(i + 7, BIG_ENDIAN) // Number of pixels per line\n      };\n    }\n\n    // Miscellaneous tables/data preceding the frame header.\n    if (!tableMarkers.has(marker)) {\n      return null;\n    }\n\n    // Length includes size of length parameter but not the two byte header.\n    i += 2;\n    i += dataView.getUint16(i, BIG_ENDIAN);\n  }\n\n  return null;\n}\n\nfunction getJpegMarkers() {\n  // Tables/misc header markers.\n  // DQT, DHT, DAC, DRI, COM, APP_n\n  const tableMarkers = new Set([0xffdb, 0xffc4, 0xffcc, 0xffdd, 0xfffe]);\n  for (let i = 0xffe0; i < 0xfff0; ++i) {\n    tableMarkers.add(i);\n  }\n\n  // SOF markers and DHP marker.\n  // These markers are after tables/misc data.\n  const sofMarkers = new Set([\n    0xffc0, 0xffc1, 0xffc2, 0xffc3, 0xffc5, 0xffc6, 0xffc7, 0xffc9, 0xffca, 0xffcb, 0xffcd, 0xffce,\n    0xffcf, 0xffde\n  ]);\n\n  return {tableMarkers, sofMarkers};\n}\n\n// TODO - move into image module?\nfunction toDataView(data) {\n  if (data instanceof DataView) {\n    return data;\n  }\n  if (ArrayBuffer.isView(data)) {\n    return new DataView(data.buffer);\n  }\n\n  // TODO: make these functions work for Node.js buffers?\n  // if (bufferToArrayBuffer) {\n  //   data = bufferToArrayBuffer(data);\n  // }\n\n  // Careful - Node Buffers will look like ArrayBuffers (keep after isBuffer)\n  if (data instanceof ArrayBuffer) {\n    return new DataView(data);\n  }\n  throw new Error('toDataView');\n}\n"],"mappings":"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"}
+{"version":3,"file":"binary-image-api.js","names":["getISOBMFFMediaType","BIG_ENDIAN","LITTLE_ENDIAN","getBinaryImageMetadata","binaryData","dataView","toDataView","getPngMetadata","getJpegMetadata","getGifMetadata","getBmpMetadata","getISOBMFFMetadata","buffer","Uint8Array","DataView","mediaType","mimeType","width","height","isPng","byteLength","getUint32","isGif","getUint16","isBmp","isJpeg","getUint8","tableMarkers","sofMarkers","getJpegMarkers","i","marker","has","Set","add","data","ArrayBuffer","isView","Error"],"sources":["../../../../src/lib/category-api/binary-image-api.ts"],"sourcesContent":["// Attributions\n// * Based on binary-gltf-utils under MIT license: Copyright (c) 2016-17 Karl Cheng\n\n// TODO: make these functions work for Node.js buffers?\n// Quarantine references to Buffer to prevent bundler from adding big polyfills\n// import {bufferToArrayBuffer} from '../node/buffer-to-array-buffer';\n// TODO - this should be handled in @loaders.gl/polyfills\n\nimport {getISOBMFFMediaType} from './parse-isobmff-binary';\n\n/** MIME type, width and height extracted from binary compressed image data */\nexport type BinaryImageMetadata = {\n  mimeType: string;\n  width: number;\n  height: number;\n};\n\nconst BIG_ENDIAN = false;\nconst LITTLE_ENDIAN = true;\n\n/**\n * Extracts `{mimeType, width and height}` from a memory buffer containing a known image format\n * Currently supports `image/png`, `image/jpeg`, `image/bmp` and `image/gif`.\n * @param binaryData: DataView | ArrayBuffer image file memory to parse\n * @returns metadata or null if memory is not a valid image file format layout.\n */\nexport function getBinaryImageMetadata(\n  binaryData: DataView | ArrayBuffer\n): BinaryImageMetadata | null {\n  const dataView = toDataView(binaryData);\n  return (\n    getPngMetadata(dataView) ||\n    getJpegMetadata(dataView) ||\n    getGifMetadata(dataView) ||\n    getBmpMetadata(dataView) ||\n    getISOBMFFMetadata(dataView)\n  );\n}\n\n// ISOBMFF\n\nfunction getISOBMFFMetadata(binaryData: DataView | ArrayBuffer): BinaryImageMetadata | null {\n  const buffer = new Uint8Array(binaryData instanceof DataView ? binaryData.buffer : binaryData);\n  const mediaType = getISOBMFFMediaType(buffer);\n  if (!mediaType) {\n    return null;\n  }\n  return {\n    mimeType: mediaType.mimeType,\n    // TODO - decode width and height\n    width: 0,\n    height: 0\n  };\n}\n\n// PNG\n\nfunction getPngMetadata(binaryData: DataView | ArrayBuffer): BinaryImageMetadata | null {\n  const dataView = toDataView(binaryData);\n  // Check file contains the first 4 bytes of the PNG signature.\n  const isPng = dataView.byteLength >= 24 && dataView.getUint32(0, BIG_ENDIAN) === 0x89504e47;\n  if (!isPng) {\n    return null;\n  }\n\n  // Extract size from a binary PNG file\n  return {\n    mimeType: 'image/png',\n    width: dataView.getUint32(16, BIG_ENDIAN),\n    height: dataView.getUint32(20, BIG_ENDIAN)\n  };\n}\n\n// GIF\n\n// Extract size from a binary GIF file\n// TODO: GIF is not this simple\nfunction getGifMetadata(binaryData: DataView | ArrayBuffer): BinaryImageMetadata | null {\n  const dataView = toDataView(binaryData);\n  // Check first 4 bytes of the GIF signature (\"GIF8\").\n  const isGif = dataView.byteLength >= 10 && dataView.getUint32(0, BIG_ENDIAN) === 0x47494638;\n  if (!isGif) {\n    return null;\n  }\n\n  // GIF is little endian.\n  return {\n    mimeType: 'image/gif',\n    width: dataView.getUint16(6, LITTLE_ENDIAN),\n    height: dataView.getUint16(8, LITTLE_ENDIAN)\n  };\n}\n\n// BMP\n\n// TODO: BMP is not this simple\nexport function getBmpMetadata(binaryData: DataView | ArrayBuffer): BinaryImageMetadata | null {\n  const dataView = toDataView(binaryData);\n  // Check magic number is valid (first 2 characters should be \"BM\").\n  // The mandatory bitmap file header is 14 bytes long.\n  const isBmp =\n    dataView.byteLength >= 14 &&\n    dataView.getUint16(0, BIG_ENDIAN) === 0x424d &&\n    dataView.getUint32(2, LITTLE_ENDIAN) === dataView.byteLength;\n\n  if (!isBmp) {\n    return null;\n  }\n\n  // BMP is little endian.\n  return {\n    mimeType: 'image/bmp',\n    width: dataView.getUint32(18, LITTLE_ENDIAN),\n    height: dataView.getUint32(22, LITTLE_ENDIAN)\n  };\n}\n\n// JPEG\n\n// Extract width and height from a binary JPEG file\nfunction getJpegMetadata(binaryData: DataView | ArrayBuffer): BinaryImageMetadata | null {\n  const dataView = toDataView(binaryData);\n  // Check file contains the JPEG \"start of image\" (SOI) marker\n  // followed by another marker.\n  const isJpeg =\n    dataView.byteLength >= 3 &&\n    dataView.getUint16(0, BIG_ENDIAN) === 0xffd8 &&\n    dataView.getUint8(2) === 0xff;\n\n  if (!isJpeg) {\n    return null;\n  }\n\n  const {tableMarkers, sofMarkers} = getJpegMarkers();\n\n  // Exclude the two byte SOI marker.\n  let i = 2;\n  while (i + 9 < dataView.byteLength) {\n    const marker = dataView.getUint16(i, BIG_ENDIAN);\n\n    // The frame that contains the width and height of the JPEG image.\n    if (sofMarkers.has(marker)) {\n      return {\n        mimeType: 'image/jpeg',\n        height: dataView.getUint16(i + 5, BIG_ENDIAN), // Number of lines\n        width: dataView.getUint16(i + 7, BIG_ENDIAN) // Number of pixels per line\n      };\n    }\n\n    // Miscellaneous tables/data preceding the frame header.\n    if (!tableMarkers.has(marker)) {\n      return null;\n    }\n\n    // Length includes size of length parameter but not the two byte header.\n    i += 2;\n    i += dataView.getUint16(i, BIG_ENDIAN);\n  }\n\n  return null;\n}\n\nfunction getJpegMarkers() {\n  // Tables/misc header markers.\n  // DQT, DHT, DAC, DRI, COM, APP_n\n  const tableMarkers = new Set([0xffdb, 0xffc4, 0xffcc, 0xffdd, 0xfffe]);\n  for (let i = 0xffe0; i < 0xfff0; ++i) {\n    tableMarkers.add(i);\n  }\n\n  // SOF markers and DHP marker.\n  // These markers are after tables/misc data.\n  const sofMarkers = new Set([\n    0xffc0, 0xffc1, 0xffc2, 0xffc3, 0xffc5, 0xffc6, 0xffc7, 0xffc9, 0xffca, 0xffcb, 0xffcd, 0xffce,\n    0xffcf, 0xffde\n  ]);\n\n  return {tableMarkers, sofMarkers};\n}\n\n// TODO - move into image module?\nfunction toDataView(data) {\n  if (data instanceof DataView) {\n    return data;\n  }\n  if (ArrayBuffer.isView(data)) {\n    return new DataView(data.buffer);\n  }\n\n  // TODO: make these functions work for Node.js buffers?\n  // if (bufferToArrayBuffer) {\n  //   data = bufferToArrayBuffer(data);\n  // }\n\n  // Careful - Node Buffers will look like ArrayBuffers (keep after isBuffer)\n  if (data instanceof ArrayBuffer) {\n    return new DataView(data);\n  }\n  throw new Error('toDataView');\n}\n"],"mappings":"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"}

package/dist/esm/lib/category-api/image-format.js

@@ -1,42 +1,79 @@
+
+
 import { isBrowser } from '@loaders.gl/loader-utils';
+const MIME_TYPES = ['image/png', 'image/jpeg', 'image/gif', 'image/webp', 'image/avif', 'image/tiff',
+'image/svg', 'image/svg+xml', 'image/bmp', 'image/vnd.microsoft.icon'];
 
-const NODE_FORMAT_SUPPORT = ['image/png', 'image/jpeg', 'image/gif'];
+const mimeTypeSupportedPromise = null;
 
-const mimeTypeSupported = {};
+export async function getSupportedImageFormats() {
+  if (mimeTypeSupportedPromise) {
+    return await mimeTypeSupportedPromise;
+  }
+  const supportedMimeTypes = new Set();
+  for (const mimeType of MIME_TYPES) {
+    const supported = isBrowser ? await checkBrowserImageFormatSupportAsync(mimeType) : checkNodeImageFormatSupport(mimeType);
+    if (supported) {
+      supportedMimeTypes.add(mimeType);
+    }
+  }
+  return supportedMimeTypes;
+}
+
+const mimeTypeSupportedSync = {};
 
-export function _isImageFormatSupported(mimeType) {
-  if (mimeTypeSupported[mimeType] === undefined) {
-    mimeTypeSupported[mimeType] = checkFormatSupport(mimeType);
+export function isImageFormatSupported(mimeType) {
+  if (mimeTypeSupportedSync[mimeType] === undefined) {
+    const supported = isBrowser ? checkBrowserImageFormatSupport(mimeType) : checkNodeImageFormatSupport(mimeType);
+    mimeTypeSupportedSync[mimeType] = supported;
   }
-  return mimeTypeSupported[mimeType];
+  return mimeTypeSupportedSync[mimeType];
+}
+
+function checkNodeImageFormatSupport(mimeType) {
+  const NODE_FORMAT_SUPPORT = ['image/png', 'image/jpeg', 'image/gif'];
+  const {
+    _parseImageNode,
+    _imageFormatsNode = NODE_FORMAT_SUPPORT
+  } = globalThis;
+  return Boolean(_parseImageNode) && _imageFormatsNode.includes(mimeType);
 }
 
-function checkFormatSupport(mimeType) {
+function checkBrowserImageFormatSupport(mimeType) {
   switch (mimeType) {
+    case 'image/avif':
     case 'image/webp':
-      return checkWebPSupport();
-    case 'image/svg':
-      return isBrowser;
+      return testBrowserImageFormatSupport(mimeType);
     default:
-      if (!isBrowser) {
-        const {
-          _parseImageNode
-        } = globalThis;
-        return Boolean(_parseImageNode) && NODE_FORMAT_SUPPORT.includes(mimeType);
-      }
       return true;
   }
 }
+const TEST_IMAGE = {
+  'image/avif': 'data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAIAAAACAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A=',
+  'image/webp': 'data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA'
+};
 
-function checkWebPSupport() {
-  if (!isBrowser) {
-    return false;
-  }
+async function checkBrowserImageFormatSupportAsync(mimeType) {
+  const dataURL = TEST_IMAGE[mimeType];
+  return dataURL ? await testBrowserImageFormatSupportAsync(dataURL) : true;
+}
+
+function testBrowserImageFormatSupport(mimeType) {
   try {
     const element = document.createElement('canvas');
-    return element.toDataURL('image/webp').indexOf('data:image/webp') === 0;
+    const dataURL = element.toDataURL(mimeType);
+    return dataURL.indexOf("data:".concat(mimeType)) === 0;
   } catch {
     return false;
   }
 }
+
+async function testBrowserImageFormatSupportAsync(testImageDataURL) {
+  return new Promise(resolve => {
+    const image = new Image();
+    image.src = testImageDataURL;
+    image.onload = () => resolve(image.height > 0);
+    image.onerror = () => resolve(false);
+  });
+}
 //# sourceMappingURL=image-format.js.map

package/dist/esm/lib/category-api/image-format.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-format.js","names":["isBrowser","NODE_FORMAT_SUPPORT","mimeTypeSupported","_isImageFormatSupported","mimeType","undefined","checkFormatSupport","checkWebPSupport","_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,SAAQA,SAAS,QAAO,0BAA0B;;AAGlD,MAAMC,mBAAmB,GAAG,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;;AAGpE,MAAMC,iBAAgD,GAAG,CAAC,CAAC;;AAK3D,OAAO,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,OAAOP,SAAS;IAClB;MACE,IAAI,CAACA,SAAS,EAAE;QAEd,MAAM;UAACQ;QAAe,CAAC,GAAGC,UAAU;QACpC,OAAOC,OAAO,CAACF,eAAe,CAAC,IAAIP,mBAAmB,CAACU,QAAQ,CAACP,QAAQ,CAAC;MAC3E;MACA,OAAO,IAAI;EAAC;AAElB;;AAGA,SAASG,gBAAgB,GAAG;EAC1B,IAAI,CAACP,SAAS,EAAE;IACd,OAAO,KAAK;EACd;EACA,IAAI;IACF,MAAMY,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,MAAM;IAEN,OAAO,KAAK;EACd;AACF"}
+{"version":3,"file":"image-format.js","names":["isBrowser","MIME_TYPES","mimeTypeSupportedPromise","getSupportedImageFormats","supportedMimeTypes","Set","mimeType","supported","checkBrowserImageFormatSupportAsync","checkNodeImageFormatSupport","add","mimeTypeSupportedSync","isImageFormatSupported","undefined","checkBrowserImageFormatSupport","NODE_FORMAT_SUPPORT","_parseImageNode","_imageFormatsNode","globalThis","Boolean","includes","testBrowserImageFormatSupport","TEST_IMAGE","dataURL","testBrowserImageFormatSupportAsync","element","document","createElement","toDataURL","indexOf","testImageDataURL","Promise","resolve","image","Image","src","onload","height","onerror"],"sources":["../../../../src/lib/category-api/image-format.ts"],"sourcesContent":["// loaders.gl, MIT license\n\nimport {isBrowser} from '@loaders.gl/loader-utils';\n\nconst MIME_TYPES = [\n  'image/png',\n  'image/jpeg',\n  'image/gif',\n  'image/webp',\n  'image/avif',\n  'image/tiff',\n  // TODO - what is the correct type for SVG\n  'image/svg',\n  'image/svg+xml',\n  'image/bmp',\n  'image/vnd.microsoft.icon'\n];\n\n/** Only one round of tests is performed */\nconst mimeTypeSupportedPromise: Promise<Set<string>> | null = null;\n\n/** Run-time browser detection of file formats requires async tests for most precise results */\nexport async function getSupportedImageFormats(): Promise<Set<string>> {\n  if (mimeTypeSupportedPromise) {\n    return await mimeTypeSupportedPromise;\n  }\n\n  const supportedMimeTypes = new Set<string>();\n  for (const mimeType of MIME_TYPES) {\n    const supported = isBrowser\n      ? await checkBrowserImageFormatSupportAsync(mimeType)\n      : checkNodeImageFormatSupport(mimeType);\n    if (supported) {\n      supportedMimeTypes.add(mimeType);\n    }\n  }\n\n  return supportedMimeTypes;\n}\n\n/** Cache sync values for speed */\nconst mimeTypeSupportedSync: {[mimeType: string]: boolean} = {};\n\n/**\n * Check if image MIME type is supported. Result is cached to avoid repeated tests.\n */\nexport function isImageFormatSupported(mimeType: string): boolean {\n  if (mimeTypeSupportedSync[mimeType] === undefined) {\n    const supported = isBrowser\n      ? checkBrowserImageFormatSupport(mimeType)\n      : checkNodeImageFormatSupport(mimeType);\n    mimeTypeSupportedSync[mimeType] = supported;\n  }\n  return mimeTypeSupportedSync[mimeType];\n}\n\n/**\n * Checks that polyfills are installed and that mimeType is supported by polyfills\n * @todo Ideally polyfills should declare what formats they support, instead of storing that data here.\n */\nfunction checkNodeImageFormatSupport(mimeType: string): boolean {\n  /** @deprecated Remove these in 4.0 and rely on polyfills to inject them */\n  const NODE_FORMAT_SUPPORT = ['image/png', 'image/jpeg', 'image/gif'];\n  // @ts-ignore\n  const {_parseImageNode, _imageFormatsNode = NODE_FORMAT_SUPPORT} = globalThis;\n  return Boolean(_parseImageNode) && _imageFormatsNode.includes(mimeType);\n}\n\n/** Checks image format support synchronously.\n * @note Unreliable, fails on AVIF\n */\nfunction checkBrowserImageFormatSupport(mimeType: string): boolean {\n  switch (mimeType) {\n    case 'image/avif': // Will fail\n    case 'image/webp':\n      return testBrowserImageFormatSupport(mimeType);\n    default:\n      return true;\n  }\n}\n\nconst TEST_IMAGE = {\n  'image/avif':\n    'data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAIAAAACAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A=',\n  // Lossy test image. Support for lossy images doesn't guarantee support for all WebP images.\n  'image/webp': 'data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA'\n};\n\n/** Checks WebP and AVIF support asynchronously */\nasync function checkBrowserImageFormatSupportAsync(mimeType: string): Promise<boolean> {\n  const dataURL = TEST_IMAGE[mimeType];\n  return dataURL ? await testBrowserImageFormatSupportAsync(dataURL) : true;\n}\n\n/**\n * Checks browser synchronously\n * Checks if toDataURL supports the mimeType.\n * @note Imperfect testOn Chrome this is true for WebP but not for AVIF\n */\nfunction testBrowserImageFormatSupport(mimeType: string): boolean {\n  try {\n    const element = document.createElement('canvas');\n    const dataURL = element.toDataURL(mimeType);\n    return dataURL.indexOf(`data:${mimeType}`) === 0;\n  } catch {\n    // Probably Safari...\n    return false;\n  }\n}\n\n// Check WebPSupport asynchronously\nasync function testBrowserImageFormatSupportAsync(testImageDataURL: string): Promise<boolean> {\n  return new Promise((resolve) => {\n    const image = new Image();\n    image.src = testImageDataURL;\n    image.onload = () => resolve(image.height > 0);\n    image.onerror = () => resolve(false);\n  });\n}\n"],"mappings":"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"}