@loaders.gl/images 3.4.13 → 3.4.15

package/dist/es5/lib/encoders/encode-image.js

@@ -1,97 +1,64 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.encodeImage = encodeImage;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _parsedImageApi = require("../category-api/parsed-image-api");
-var _encodeImageNode = globalThis._encodeImageNode;
-function encodeImage(_x, _x2) {
-  return _encodeImage.apply(this, arguments);
+const {
+  _encodeImageNode
+} = globalThis;
+async function encodeImage(image, options) {
+  options = options || {};
+  options.image = options.image || {};
+  return _encodeImageNode ? _encodeImageNode(image, {
+    type: options.image.mimeType
+  }) : encodeImageInBrowser(image, options);
 }
-function _encodeImage() {
-  _encodeImage = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee(image, options) {
-    return _regenerator.default.wrap(function _callee$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          options = options || {};
-          options.image = options.image || {};
-          return _context2.abrupt("return", _encodeImageNode ? _encodeImageNode(image, {
-            type: options.image.mimeType
-          }) : encodeImageInBrowser(image, options));
-        case 3:
-        case "end":
-          return _context2.stop();
+let qualityParamSupported = true;
+async function encodeImageInBrowser(image, options) {
+  const {
+    mimeType,
+    jpegQuality
+  } = options.image;
+  const {
+    width,
+    height
+  } = (0, _parsedImageApi.getImageSize)(image);
+  const canvas = document.createElement('canvas');
+  canvas.width = width;
+  canvas.height = height;
+  drawImageToCanvas(image, canvas);
+  const blob = await new Promise(resolve => {
+    if (jpegQuality && qualityParamSupported) {
+      try {
+        canvas.toBlob(resolve, mimeType, jpegQuality);
+        return;
+      } catch (error) {
+        qualityParamSupported = false;
       }
-    }, _callee);
-  }));
-  return _encodeImage.apply(this, arguments);
-}
-var qualityParamSupported = true;
-function encodeImageInBrowser(_x3, _x4) {
-  return _encodeImageInBrowser.apply(this, arguments);
-}
-function _encodeImageInBrowser() {
-  _encodeImageInBrowser = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee2(image, options) {
-    var _options$image, mimeType, jpegQuality, _getImageSize, width, height, canvas, blob;
-    return _regenerator.default.wrap(function _callee2$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          _options$image = options.image, mimeType = _options$image.mimeType, jpegQuality = _options$image.jpegQuality;
-          _getImageSize = (0, _parsedImageApi.getImageSize)(image), width = _getImageSize.width, height = _getImageSize.height;
-          canvas = document.createElement('canvas');
-          canvas.width = width;
-          canvas.height = height;
-          drawImageToCanvas(image, canvas);
-          _context3.next = 8;
-          return new Promise(function (resolve) {
-            if (jpegQuality && qualityParamSupported) {
-              try {
-                canvas.toBlob(resolve, mimeType, jpegQuality);
-                return;
-              } catch (error) {
-                qualityParamSupported = false;
-              }
-            }
-            canvas.toBlob(resolve, mimeType);
-          });
-        case 8:
-          blob = _context3.sent;
-          if (blob) {
-            _context3.next = 11;
-            break;
-          }
-          throw new Error('image encoding failed');
-        case 11:
-          _context3.next = 13;
-          return blob.arrayBuffer();
-        case 13:
-          return _context3.abrupt("return", _context3.sent);
-        case 14:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee2);
-  }));
-  return _encodeImageInBrowser.apply(this, arguments);
+    }
+    canvas.toBlob(resolve, mimeType);
+  });
+  if (!blob) {
+    throw new Error('image encoding failed');
+  }
+  return await blob.arrayBuffer();
 }
 function drawImageToCanvas(image, canvas) {
-  var x = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  var y = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+  let x = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  let y = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
   if (x === 0 && y === 0 && typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {
-    var _context = canvas.getContext('bitmaprenderer');
-    if (_context) {
-      _context.transferFromImageBitmap(image);
+    const context = canvas.getContext('bitmaprenderer');
+    if (context) {
+      context.transferFromImageBitmap(image);
       return canvas;
     }
   }
-  var context = canvas.getContext('2d');
+  const context = canvas.getContext('2d');
   if (image.data) {
-    var clampedArray = new Uint8ClampedArray(image.data);
-    var imageData = new ImageData(clampedArray, image.width, image.height);
+    const clampedArray = new Uint8ClampedArray(image.data);
+    const imageData = new ImageData(clampedArray, image.width, image.height);
     context.putImageData(imageData, 0, 0);
     return canvas;
   }

package/dist/es5/lib/encoders/encode-image.js.map

@@ -1 +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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"}
+{"version":3,"file":"encode-image.js","names":["_parsedImageApi","require","_encodeImageNode","globalThis","encodeImage","image","options","type","mimeType","encodeImageInBrowser","qualityParamSupported","jpegQuality","width","height","getImageSize","canvas","document","createElement","drawImageToCanvas","blob","Promise","resolve","toBlob","error","Error","arrayBuffer","x","arguments","length","undefined","y","ImageBitmap","context","getContext","transferFromImageBitmap","data","clampedArray","Uint8ClampedArray","imageData","ImageData","putImageData","drawImage"],"sources":["../../../../src/lib/encoders/encode-image.ts"],"sourcesContent":["// Image loading/saving for browser and Node.js\nimport {getImageSize} from '../category-api/parsed-image-api';\n\n// @ts-ignore TS2339: Property does not exist on type\nconst {_encodeImageNode} = globalThis;\n\n/**\n * Returns data bytes representing a compressed image in PNG or JPG format,\n * This data can be saved using file system (f) methods or used in a request.\n * @param image - ImageBitmap Image or Canvas\n * @param options\n * param opt.type='png' - png, jpg or image/png, image/jpg are valid\n * param mimeType= - Whether to include a data URI header\n */\nexport async function encodeImage(\n  image: any,\n  options?: {[key: string]: any}\n): Promise<ArrayBuffer> {\n  options = options || {};\n  options.image = options.image || ({} as {[key: string]: any});\n\n  return _encodeImageNode\n    ? _encodeImageNode(image, {type: options.image.mimeType})\n    : encodeImageInBrowser(image, options);\n}\n\n// In case we get exceptions from canvas.toBlob(resolve, type, quality)\nlet qualityParamSupported = true;\n\n/**\n *\n * @param image\n * @param options\n * @note Based on canvas.toBlob\n * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob\n */\nasync function encodeImageInBrowser(image, options) {\n  const {mimeType, jpegQuality} = options.image;\n\n  const {width, height} = getImageSize(image);\n\n  // create a canvas and resize it to the size of our image\n  const canvas = document.createElement('canvas');\n  canvas.width = width;\n  canvas.height = height;\n\n  drawImageToCanvas(image, canvas);\n\n  // The actual encoding is done asynchronously with `canvas.toBlob()`\n  const blob = await new Promise<Blob | null>((resolve) => {\n    // get it back as a Blob\n    if (jpegQuality && qualityParamSupported) {\n      try {\n        canvas.toBlob(resolve, mimeType, jpegQuality);\n        return;\n      } catch (error) {\n        qualityParamSupported = false;\n      }\n    }\n    canvas.toBlob(resolve, mimeType);\n  });\n\n  if (!blob) {\n    throw new Error('image encoding failed');\n  }\n\n  return await blob.arrayBuffer();\n}\n\nfunction drawImageToCanvas(image, canvas, x = 0, y = 0) {\n  // Try optimized path for ImageBitmaps via bitmaprenderer context\n  if (x === 0 && y === 0 && typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {\n    const context = canvas.getContext('bitmaprenderer');\n    if (context) {\n      // transfer the ImageBitmap to it\n      context.transferFromImageBitmap(image);\n      return canvas;\n    }\n  }\n\n  // Available on most platforms, except IE11 and Andriod WebViews...\n  const context = canvas.getContext('2d');\n  if (image.data) {\n    // ImageData constructor expects clamped array even though getImageData does not return a clamped array...\n    const clampedArray = new Uint8ClampedArray(image.data);\n    const imageData = new ImageData(clampedArray, image.width, image.height);\n    context.putImageData(imageData, 0, 0);\n    return canvas;\n  }\n\n  // Fall back to generic image/image bitmap rendering path\n  context.drawImage(image, 0, 0);\n  return canvas;\n}\n"],"mappings":"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"}

package/dist/es5/lib/parsers/parse-image.js

@@ -1,67 +1,41 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = parseImage;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+exports.parseImage = parseImage;
 var _loaderUtils = require("@loaders.gl/loader-utils");
 var _imageType = require("../category-api/image-type");
 var _parsedImageApi = require("../category-api/parsed-image-api");
-var _parseToImage = _interopRequireDefault(require("./parse-to-image"));
-var _parseToImageBitmap = _interopRequireDefault(require("./parse-to-image-bitmap"));
-var _parseToNodeImage = _interopRequireDefault(require("./parse-to-node-image"));
-function parseImage(_x, _x2, _x3) {
-  return _parseImage.apply(this, arguments);
-}
-function _parseImage() {
-  _parseImage = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee(arrayBuffer, options, context) {
-    var imageOptions, imageType, _ref, url, loadType, image;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          options = options || {};
-          imageOptions = options.image || {};
-          imageType = imageOptions.type || 'auto';
-          _ref = context || {}, url = _ref.url;
-          loadType = getLoadableImageType(imageType);
-          _context.t0 = loadType;
-          _context.next = _context.t0 === 'imagebitmap' ? 8 : _context.t0 === 'image' ? 12 : _context.t0 === 'data' ? 16 : 20;
-          break;
-        case 8:
-          _context.next = 10;
-          return (0, _parseToImageBitmap.default)(arrayBuffer, options, url);
-        case 10:
-          image = _context.sent;
-          return _context.abrupt("break", 21);
-        case 12:
-          _context.next = 14;
-          return (0, _parseToImage.default)(arrayBuffer, options, url);
-        case 14:
-          image = _context.sent;
-          return _context.abrupt("break", 21);
-        case 16:
-          _context.next = 18;
-          return (0, _parseToNodeImage.default)(arrayBuffer, options);
-        case 18:
-          image = _context.sent;
-          return _context.abrupt("break", 21);
-        case 20:
-          (0, _loaderUtils.assert)(false);
-        case 21:
-          if (imageType === 'data') {
-            image = (0, _parsedImageApi.getImageData)(image);
-          }
-          return _context.abrupt("return", image);
-        case 23:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _parseImage.apply(this, arguments);
+var _parseToImage = require("./parse-to-image");
+var _parseToImageBitmap = require("./parse-to-image-bitmap");
+var _parseToNodeImage = require("./parse-to-node-image");
+async function parseImage(arrayBuffer, options, context) {
+  options = options || {};
+  const imageOptions = options.image || {};
+  const imageType = imageOptions.type || 'auto';
+  const {
+    url
+  } = context || {};
+  const loadType = getLoadableImageType(imageType);
+  let image;
+  switch (loadType) {
+    case 'imagebitmap':
+      image = await (0, _parseToImageBitmap.parseToImageBitmap)(arrayBuffer, options, url);
+      break;
+    case 'image':
+      image = await (0, _parseToImage.parseToImage)(arrayBuffer, options, url);
+      break;
+    case 'data':
+      image = await (0, _parseToNodeImage.parseToNodeImage)(arrayBuffer, options);
+      break;
+    default:
+      (0, _loaderUtils.assert)(false);
+  }
+  if (imageType === 'data') {
+    image = (0, _parsedImageApi.getImageData)(image);
+  }
+  return image;
 }
 function getLoadableImageType(type) {
   switch (type) {

package/dist/es5/lib/parsers/parse-image.js.map

@@ -1 +1 @@
-{"version":3,"file":"parse-image.js","names":["_loaderUtils","require","_imageType","_parsedImageApi","_parseToImage","_interopRequireDefault","_parseToImageBitmap","_parseToNodeImage","parseImage","_x","_x2","_x3","_parseImage","apply","arguments","_asyncToGenerator2","default","_regenerator","mark","_callee","arrayBuffer","options","context","imageOptions","imageType","_ref","url","loadType","image","wrap","_callee$","_context","prev","next","type","getLoadableImageType","t0","parseToImageBitmap","sent","abrupt","parseToImage","parseToNodeImage","assert","getImageData","stop","getDefaultImageType","isImageTypeSupported"],"sources":["../../../../src/lib/parsers/parse-image.ts"],"sourcesContent":["import type {LoaderContext} from '@loaders.gl/loader-utils';\nimport {assert} from '@loaders.gl/loader-utils';\nimport type {ImageType} from '../../types';\nimport type {ImageLoaderOptions} from '../../image-loader';\nimport {isImageTypeSupported, getDefaultImageType} from '../category-api/image-type';\nimport {getImageData} from '../category-api/parsed-image-api';\nimport parseToImage from './parse-to-image';\nimport parseToImageBitmap from './parse-to-image-bitmap';\nimport parseToNodeImage from './parse-to-node-image';\n\n// Parse to platform defined image type (data on node, ImageBitmap or HTMLImage on browser)\n// eslint-disable-next-line complexity\nexport default async function parseImage(\n  arrayBuffer: ArrayBuffer,\n  options?: ImageLoaderOptions,\n  context?: LoaderContext\n): Promise<ImageType> {\n  options = options || {};\n  const imageOptions = options.image || {};\n\n  // The user can request a specific output format via `options.image.type`\n  const imageType = imageOptions.type || 'auto';\n\n  const {url} = context || {};\n\n  // Note: For options.image.type === `data`, we may still need to load as `image` or `imagebitmap`\n  const loadType = getLoadableImageType(imageType);\n\n  let image;\n  switch (loadType) {\n    case 'imagebitmap':\n      image = await parseToImageBitmap(arrayBuffer, options, url);\n      break;\n    case 'image':\n      image = await parseToImage(arrayBuffer, options, url);\n      break;\n    case 'data':\n      // Node.js loads imagedata directly\n      image = await parseToNodeImage(arrayBuffer, options);\n      break;\n    default:\n      assert(false);\n  }\n\n  // Browser: if options.image.type === 'data', we can now extract data from the loaded image\n  if (imageType === 'data') {\n    image = getImageData(image);\n  }\n\n  return image;\n}\n\n// Get a loadable image type from image type\nfunction getLoadableImageType(type) {\n  switch (type) {\n    case 'auto':\n    case 'data':\n      // Browser: For image data we need still need to load using an image format\n      // Node: the default image type is `data`.\n      return getDefaultImageType();\n    default:\n      // Throw an error if not supported\n      isImageTypeSupported(type);\n      return type;\n  }\n}\n"],"mappings":";;;;;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,iBAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAAqD,SAIvBO,UAAUA,CAAAC,EAAA,EAAAC,GAAA,EAAAC,GAAA;EAAA,OAAAC,WAAA,CAAAC,KAAA,OAAAC,SAAA;AAAA;AAAA,SAAAF,YAAA;EAAAA,WAAA,OAAAG,kBAAA,CAAAC,OAAA,EAAAC,YAAA,CAAAD,OAAA,CAAAE,IAAA,CAAzB,SAAAC,QACbC,WAAwB,EACxBC,OAA4B,EAC5BC,OAAuB;IAAA,IAAAC,YAAA,EAAAC,SAAA,EAAAC,IAAA,EAAAC,GAAA,EAAAC,QAAA,EAAAC,KAAA;IAAA,OAAAX,YAAA,CAAAD,OAAA,CAAAa,IAAA,UAAAC,SAAAC,QAAA;MAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;QAAA;UAEvBZ,OAAO,GAAGA,OAAO,IAAI,CAAC,CAAC;UACjBE,YAAY,GAAGF,OAAO,CAACO,KAAK,IAAI,CAAC,CAAC;UAGlCJ,SAAS,GAAGD,YAAY,CAACW,IAAI,IAAI,MAAM;UAAAT,IAAA,GAE/BH,OAAO,IAAI,CAAC,CAAC,EAApBI,GAAG,GAAAD,IAAA,CAAHC,GAAG;UAGJC,QAAQ,GAAGQ,oBAAoB,CAACX,SAAS,CAAC;UAAAO,QAAA,CAAAK,EAAA,GAGxCT,QAAQ;UAAAI,QAAA,CAAAE,IAAA,GAAAF,QAAA,CAAAK,EAAA,KACT,aAAa,OAAAL,QAAA,CAAAK,EAAA,KAGb,OAAO,QAAAL,QAAA,CAAAK,EAAA,KAGP,MAAM;UAAA;QAAA;UAAAL,QAAA,CAAAE,IAAA;UAAA,OALK,IAAAI,2BAAkB,EAACjB,WAAW,EAAEC,OAAO,EAAEK,GAAG,CAAC;QAAA;UAA3DE,KAAK,GAAAG,QAAA,CAAAO,IAAA;UAAA,OAAAP,QAAA,CAAAQ,MAAA;QAAA;UAAAR,QAAA,CAAAE,IAAA;UAAA,OAGS,IAAAO,qBAAY,EAACpB,WAAW,EAAEC,OAAO,EAAEK,GAAG,CAAC;QAAA;UAArDE,KAAK,GAAAG,QAAA,CAAAO,IAAA;UAAA,OAAAP,QAAA,CAAAQ,MAAA;QAAA;UAAAR,QAAA,CAAAE,IAAA;UAAA,OAIS,IAAAQ,yBAAgB,EAACrB,WAAW,EAAEC,OAAO,CAAC;QAAA;UAApDO,KAAK,GAAAG,QAAA,CAAAO,IAAA;UAAA,OAAAP,QAAA,CAAAQ,MAAA;QAAA;UAGL,IAAAG,mBAAM,EAAC,KAAK,CAAC;QAAC;UAIlB,IAAIlB,SAAS,KAAK,MAAM,EAAE;YACxBI,KAAK,GAAG,IAAAe,4BAAY,EAACf,KAAK,CAAC;UAC7B;UAAC,OAAAG,QAAA,CAAAQ,MAAA,WAEMX,KAAK;QAAA;QAAA;UAAA,OAAAG,QAAA,CAAAa,IAAA;MAAA;IAAA,GAAAzB,OAAA;EAAA,CACb;EAAA,OAAAP,WAAA,CAAAC,KAAA,OAAAC,SAAA;AAAA;AAGD,SAASqB,oBAAoBA,CAACD,IAAI,EAAE;EAClC,QAAQA,IAAI;IACV,KAAK,MAAM;IACX,KAAK,MAAM;MAGT,OAAO,IAAAW,8BAAmB,EAAC,CAAC;IAC9B;MAEE,IAAAC,+BAAoB,EAACZ,IAAI,CAAC;MAC1B,OAAOA,IAAI;EACf;AACF"}
+{"version":3,"file":"parse-image.js","names":["_loaderUtils","require","_imageType","_parsedImageApi","_parseToImage","_parseToImageBitmap","_parseToNodeImage","parseImage","arrayBuffer","options","context","imageOptions","image","imageType","type","url","loadType","getLoadableImageType","parseToImageBitmap","parseToImage","parseToNodeImage","assert","getImageData","getDefaultImageType","isImageTypeSupported"],"sources":["../../../../src/lib/parsers/parse-image.ts"],"sourcesContent":["import type {LoaderContext} from '@loaders.gl/loader-utils';\nimport {assert} from '@loaders.gl/loader-utils';\nimport type {ImageType} from '../../types';\nimport type {ImageLoaderOptions} from '../../image-loader';\nimport {isImageTypeSupported, getDefaultImageType} from '../category-api/image-type';\nimport {getImageData} from '../category-api/parsed-image-api';\nimport {parseToImage} from './parse-to-image';\nimport {parseToImageBitmap} from './parse-to-image-bitmap';\nimport {parseToNodeImage} from './parse-to-node-image';\n\n// Parse to platform defined image type (data on node, ImageBitmap or HTMLImage on browser)\n// eslint-disable-next-line complexity\nexport async function parseImage(\n  arrayBuffer: ArrayBuffer,\n  options?: ImageLoaderOptions,\n  context?: LoaderContext\n): Promise<ImageType> {\n  options = options || {};\n  const imageOptions = options.image || {};\n\n  // The user can request a specific output format via `options.image.type`\n  const imageType = imageOptions.type || 'auto';\n\n  const {url} = context || {};\n\n  // Note: For options.image.type === `data`, we may still need to load as `image` or `imagebitmap`\n  const loadType = getLoadableImageType(imageType);\n\n  let image;\n  switch (loadType) {\n    case 'imagebitmap':\n      image = await parseToImageBitmap(arrayBuffer, options, url);\n      break;\n    case 'image':\n      image = await parseToImage(arrayBuffer, options, url);\n      break;\n    case 'data':\n      // Node.js loads imagedata directly\n      image = await parseToNodeImage(arrayBuffer, options);\n      break;\n    default:\n      assert(false);\n  }\n\n  // Browser: if options.image.type === 'data', we can now extract data from the loaded image\n  if (imageType === 'data') {\n    image = getImageData(image);\n  }\n\n  return image;\n}\n\n// Get a loadable image type from image type\nfunction getLoadableImageType(type) {\n  switch (type) {\n    case 'auto':\n    case 'data':\n      // Browser: For image data we need still need to load using an image format\n      // Node: the default image type is `data`.\n      return getDefaultImageType();\n    default:\n      // Throw an error if not supported\n      isImageTypeSupported(type);\n      return type;\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AAIO,eAAeM,UAAUA,CAC9BC,WAAwB,EACxBC,OAA4B,EAC5BC,OAAuB,EACH;EACpBD,OAAO,GAAGA,OAAO,IAAI,CAAC,CAAC;EACvB,MAAME,YAAY,GAAGF,OAAO,CAACG,KAAK,IAAI,CAAC,CAAC;EAGxC,MAAMC,SAAS,GAAGF,YAAY,CAACG,IAAI,IAAI,MAAM;EAE7C,MAAM;IAACC;EAAG,CAAC,GAAGL,OAAO,IAAI,CAAC,CAAC;EAG3B,MAAMM,QAAQ,GAAGC,oBAAoB,CAACJ,SAAS,CAAC;EAEhD,IAAID,KAAK;EACT,QAAQI,QAAQ;IACd,KAAK,aAAa;MAChBJ,KAAK,GAAG,MAAM,IAAAM,sCAAkB,EAACV,WAAW,EAAEC,OAAO,EAAEM,GAAG,CAAC;MAC3D;IACF,KAAK,OAAO;MACVH,KAAK,GAAG,MAAM,IAAAO,0BAAY,EAACX,WAAW,EAAEC,OAAO,EAAEM,GAAG,CAAC;MACrD;IACF,KAAK,MAAM;MAETH,KAAK,GAAG,MAAM,IAAAQ,kCAAgB,EAACZ,WAAW,EAAEC,OAAO,CAAC;MACpD;IACF;MACE,IAAAY,mBAAM,EAAC,KAAK,CAAC;EACjB;EAGA,IAAIR,SAAS,KAAK,MAAM,EAAE;IACxBD,KAAK,GAAG,IAAAU,4BAAY,EAACV,KAAK,CAAC;EAC7B;EAEA,OAAOA,KAAK;AACd;AAGA,SAASK,oBAAoBA,CAACH,IAAI,EAAE;EAClC,QAAQA,IAAI;IACV,KAAK,MAAM;IACX,KAAK,MAAM;MAGT,OAAO,IAAAS,8BAAmB,EAAC,CAAC;IAC9B;MAEE,IAAAC,+BAAoB,EAACV,IAAI,CAAC;MAC1B,OAAOA,IAAI;EACf;AACF"}

package/dist/es5/lib/parsers/parse-to-image-bitmap.js

@@ -1,95 +1,41 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = parseToImageBitmap;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+exports.parseToImageBitmap = parseToImageBitmap;
 var _svgUtils = require("./svg-utils");
-var _parseToImage = _interopRequireDefault(require("./parse-to-image"));
-var EMPTY_OBJECT = {};
-var imagebitmapOptionsSupported = true;
-function parseToImageBitmap(_x, _x2, _x3) {
-  return _parseToImageBitmap.apply(this, arguments);
-}
-function _parseToImageBitmap() {
-  _parseToImageBitmap = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee(arrayBuffer, options, url) {
-    var blob, image, imagebitmapOptions;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          if (!(0, _svgUtils.isSVG)(url)) {
-            _context.next = 7;
-            break;
-          }
-          _context.next = 3;
-          return (0, _parseToImage.default)(arrayBuffer, options, url);
-        case 3:
-          image = _context.sent;
-          blob = image;
-          _context.next = 8;
-          break;
-        case 7:
-          blob = (0, _svgUtils.getBlob)(arrayBuffer, url);
-        case 8:
-          imagebitmapOptions = options && options.imagebitmap;
-          _context.next = 11;
-          return safeCreateImageBitmap(blob, imagebitmapOptions);
-        case 11:
-          return _context.abrupt("return", _context.sent);
-        case 12:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _parseToImageBitmap.apply(this, arguments);
-}
-function safeCreateImageBitmap(_x4) {
-  return _safeCreateImageBitmap.apply(this, arguments);
+var _parseToImage = require("./parse-to-image");
+const EMPTY_OBJECT = {};
+let imagebitmapOptionsSupported = true;
+async function parseToImageBitmap(arrayBuffer, options, url) {
+  let blob;
+  if ((0, _svgUtils.isSVG)(url)) {
+    const image = await (0, _parseToImage.parseToImage)(arrayBuffer, options, url);
+    blob = image;
+  } else {
+    blob = (0, _svgUtils.getBlob)(arrayBuffer, url);
+  }
+  const imagebitmapOptions = options && options.imagebitmap;
+  return await safeCreateImageBitmap(blob, imagebitmapOptions);
 }
-function _safeCreateImageBitmap() {
-  _safeCreateImageBitmap = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee2(blob) {
-    var imagebitmapOptions,
-      _args2 = arguments;
-    return _regenerator.default.wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          imagebitmapOptions = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : null;
-          if (isEmptyObject(imagebitmapOptions) || !imagebitmapOptionsSupported) {
-            imagebitmapOptions = null;
-          }
-          if (!imagebitmapOptions) {
-            _context2.next = 13;
-            break;
-          }
-          _context2.prev = 3;
-          _context2.next = 6;
-          return createImageBitmap(blob, imagebitmapOptions);
-        case 6:
-          return _context2.abrupt("return", _context2.sent);
-        case 9:
-          _context2.prev = 9;
-          _context2.t0 = _context2["catch"](3);
-          console.warn(_context2.t0);
-          imagebitmapOptionsSupported = false;
-        case 13:
-          _context2.next = 15;
-          return createImageBitmap(blob);
-        case 15:
-          return _context2.abrupt("return", _context2.sent);
-        case 16:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2, null, [[3, 9]]);
-  }));
-  return _safeCreateImageBitmap.apply(this, arguments);
+async function safeCreateImageBitmap(blob) {
+  let imagebitmapOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  if (isEmptyObject(imagebitmapOptions) || !imagebitmapOptionsSupported) {
+    imagebitmapOptions = null;
+  }
+  if (imagebitmapOptions) {
+    try {
+      return await createImageBitmap(blob, imagebitmapOptions);
+    } catch (error) {
+      console.warn(error);
+      imagebitmapOptionsSupported = false;
+    }
+  }
+  return await createImageBitmap(blob);
 }
 function isEmptyObject(object) {
-  for (var key in object || EMPTY_OBJECT) {
+  for (const key in object || EMPTY_OBJECT) {
     return false;
   }
   return true;

package/dist/es5/lib/parsers/parse-to-image-bitmap.js.map

@@ -1 +1 @@
-{"version":3,"file":"parse-to-image-bitmap.js","names":["_svgUtils","require","_parseToImage","_interopRequireDefault","EMPTY_OBJECT","imagebitmapOptionsSupported","parseToImageBitmap","_x","_x2","_x3","_parseToImageBitmap","apply","arguments","_asyncToGenerator2","default","_regenerator","mark","_callee","arrayBuffer","options","url","blob","image","imagebitmapOptions","wrap","_callee$","_context","prev","next","isSVG","parseToImage","sent","getBlob","imagebitmap","safeCreateImageBitmap","abrupt","stop","_x4","_safeCreateImageBitmap","_callee2","_args2","_callee2$","_context2","length","undefined","isEmptyObject","createImageBitmap","t0","console","warn","object","key"],"sources":["../../../../src/lib/parsers/parse-to-image-bitmap.ts"],"sourcesContent":["import type {ImageLoaderOptions} from '../../image-loader';\nimport {isSVG, getBlob} from './svg-utils';\nimport parseToImage from './parse-to-image';\n\nconst EMPTY_OBJECT = {};\n\nlet imagebitmapOptionsSupported = true;\n\n/**\n * Asynchronously parses an array buffer into an ImageBitmap - this contains the decoded data\n * ImageBitmaps are supported on worker threads, but not supported on Edge, IE11 and Safari\n * https://developer.mozilla.org/en-US/docs/Web/API/ImageBitmap#Browser_compatibility\n *\n * TODO - createImageBitmap supports source rect (5 param overload), pass through?\n */\nexport default async function parseToImageBitmap(\n  arrayBuffer: ArrayBuffer,\n  options: ImageLoaderOptions,\n  url?: string\n): Promise<ImageBitmap> {\n  let blob;\n\n  // Cannot parse SVG directly to ImageBitmap, parse to Image first\n  if (isSVG(url)) {\n    // Note: this only works on main thread\n    const image = await parseToImage(arrayBuffer, options, url);\n    blob = image;\n  } else {\n    // Create blob from the array buffer\n    blob = getBlob(arrayBuffer, url);\n  }\n\n  const imagebitmapOptions = options && options.imagebitmap;\n\n  return await safeCreateImageBitmap(blob, imagebitmapOptions);\n}\n\n/**\n * Safely creates an imageBitmap with options\n * *\n * Firefox crashes if imagebitmapOptions is supplied\n * Avoid supplying if not provided or supported, remember if not supported\n */\nasync function safeCreateImageBitmap(\n  blob: Blob,\n  imagebitmapOptions: ImageBitmapOptions | null = null\n): Promise<ImageBitmap> {\n  if (isEmptyObject(imagebitmapOptions) || !imagebitmapOptionsSupported) {\n    imagebitmapOptions = null;\n  }\n\n  if (imagebitmapOptions) {\n    try {\n      // @ts-ignore Options\n      return await createImageBitmap(blob, imagebitmapOptions);\n    } catch (error) {\n      console.warn(error); // eslint-disable-line\n      imagebitmapOptionsSupported = false;\n    }\n  }\n\n  return await createImageBitmap(blob);\n}\n\nfunction isEmptyObject(object) {\n  // @ts-ignore\n  for (const key in object || EMPTY_OBJECT) {\n    return false;\n  }\n  return true;\n}\n"],"mappings":"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"}
+{"version":3,"file":"parse-to-image-bitmap.js","names":["_svgUtils","require","_parseToImage","EMPTY_OBJECT","imagebitmapOptionsSupported","parseToImageBitmap","arrayBuffer","options","url","blob","isSVG","image","parseToImage","getBlob","imagebitmapOptions","imagebitmap","safeCreateImageBitmap","arguments","length","undefined","isEmptyObject","createImageBitmap","error","console","warn","object","key"],"sources":["../../../../src/lib/parsers/parse-to-image-bitmap.ts"],"sourcesContent":["import type {ImageLoaderOptions} from '../../image-loader';\nimport {isSVG, getBlob} from './svg-utils';\nimport {parseToImage} from './parse-to-image';\n\nconst EMPTY_OBJECT = {};\n\nlet imagebitmapOptionsSupported = true;\n\n/**\n * Asynchronously parses an array buffer into an ImageBitmap - this contains the decoded data\n * ImageBitmaps are supported on worker threads, but not supported on Edge, IE11 and Safari\n * https://developer.mozilla.org/en-US/docs/Web/API/ImageBitmap#Browser_compatibility\n *\n * TODO - createImageBitmap supports source rect (5 param overload), pass through?\n */\nexport async function parseToImageBitmap(\n  arrayBuffer: ArrayBuffer,\n  options: ImageLoaderOptions,\n  url?: string\n): Promise<ImageBitmap> {\n  let blob;\n\n  // Cannot parse SVG directly to ImageBitmap, parse to Image first\n  if (isSVG(url)) {\n    // Note: this only works on main thread\n    const image = await parseToImage(arrayBuffer, options, url);\n    blob = image;\n  } else {\n    // Create blob from the array buffer\n    blob = getBlob(arrayBuffer, url);\n  }\n\n  const imagebitmapOptions = options && options.imagebitmap;\n\n  return await safeCreateImageBitmap(blob, imagebitmapOptions);\n}\n\n/**\n * Safely creates an imageBitmap with options\n * *\n * Firefox crashes if imagebitmapOptions is supplied\n * Avoid supplying if not provided or supported, remember if not supported\n */\nasync function safeCreateImageBitmap(\n  blob: Blob,\n  imagebitmapOptions: ImageBitmapOptions | null = null\n): Promise<ImageBitmap> {\n  if (isEmptyObject(imagebitmapOptions) || !imagebitmapOptionsSupported) {\n    imagebitmapOptions = null;\n  }\n\n  if (imagebitmapOptions) {\n    try {\n      // @ts-ignore Options\n      return await createImageBitmap(blob, imagebitmapOptions);\n    } catch (error) {\n      console.warn(error); // eslint-disable-line\n      imagebitmapOptionsSupported = false;\n    }\n  }\n\n  return await createImageBitmap(blob);\n}\n\nfunction isEmptyObject(object) {\n  // @ts-ignore\n  for (const key in object || EMPTY_OBJECT) {\n    return false;\n  }\n  return true;\n}\n"],"mappings":";;;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,MAAME,YAAY,GAAG,CAAC,CAAC;AAEvB,IAAIC,2BAA2B,GAAG,IAAI;AAS/B,eAAeC,kBAAkBA,CACtCC,WAAwB,EACxBC,OAA2B,EAC3BC,GAAY,EACU;EACtB,IAAIC,IAAI;EAGR,IAAI,IAAAC,eAAK,EAACF,GAAG,CAAC,EAAE;IAEd,MAAMG,KAAK,GAAG,MAAM,IAAAC,0BAAY,EAACN,WAAW,EAAEC,OAAO,EAAEC,GAAG,CAAC;IAC3DC,IAAI,GAAGE,KAAK;EACd,CAAC,MAAM;IAELF,IAAI,GAAG,IAAAI,iBAAO,EAACP,WAAW,EAAEE,GAAG,CAAC;EAClC;EAEA,MAAMM,kBAAkB,GAAGP,OAAO,IAAIA,OAAO,CAACQ,WAAW;EAEzD,OAAO,MAAMC,qBAAqB,CAACP,IAAI,EAAEK,kBAAkB,CAAC;AAC9D;AAQA,eAAeE,qBAAqBA,CAClCP,IAAU,EAEY;EAAA,IADtBK,kBAA6C,GAAAG,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAEpD,IAAIG,aAAa,CAACN,kBAAkB,CAAC,IAAI,CAACV,2BAA2B,EAAE;IACrEU,kBAAkB,GAAG,IAAI;EAC3B;EAEA,IAAIA,kBAAkB,EAAE;IACtB,IAAI;MAEF,OAAO,MAAMO,iBAAiB,CAACZ,IAAI,EAAEK,kBAAkB,CAAC;IAC1D,CAAC,CAAC,OAAOQ,KAAK,EAAE;MACdC,OAAO,CAACC,IAAI,CAACF,KAAK,CAAC;MACnBlB,2BAA2B,GAAG,KAAK;IACrC;EACF;EAEA,OAAO,MAAMiB,iBAAiB,CAACZ,IAAI,CAAC;AACtC;AAEA,SAASW,aAAaA,CAACK,MAAM,EAAE;EAE7B,KAAK,MAAMC,GAAG,IAAID,MAAM,IAAItB,YAAY,EAAE;IACxC,OAAO,KAAK;EACd;EACA,OAAO,IAAI;AACb"}

package/dist/es5/lib/parsers/parse-to-image.js

@@ -1,86 +1,37 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = parseToImage;
 exports.loadToImage = loadToImage;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+exports.parseToImage = parseToImage;
 var _svgUtils = require("./svg-utils");
-function parseToImage(_x, _x2, _x3) {
-  return _parseToImage.apply(this, arguments);
+async function parseToImage(arrayBuffer, options, url) {
+  const blobOrDataUrl = (0, _svgUtils.getBlobOrSVGDataUrl)(arrayBuffer, url);
+  const URL = self.URL || self.webkitURL;
+  const objectUrl = typeof blobOrDataUrl !== 'string' && URL.createObjectURL(blobOrDataUrl);
+  try {
+    return await loadToImage(objectUrl || blobOrDataUrl, options);
+  } finally {
+    if (objectUrl) {
+      URL.revokeObjectURL(objectUrl);
+    }
+  }
 }
-function _parseToImage() {
-  _parseToImage = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee(arrayBuffer, options, url) {
-    var blobOrDataUrl, URL, objectUrl;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          blobOrDataUrl = (0, _svgUtils.getBlobOrSVGDataUrl)(arrayBuffer, url);
-          URL = self.URL || self.webkitURL;
-          objectUrl = typeof blobOrDataUrl !== 'string' && URL.createObjectURL(blobOrDataUrl);
-          _context.prev = 3;
-          _context.next = 6;
-          return loadToImage(objectUrl || blobOrDataUrl, options);
-        case 6:
-          return _context.abrupt("return", _context.sent);
-        case 7:
-          _context.prev = 7;
-          if (objectUrl) {
-            URL.revokeObjectURL(objectUrl);
-          }
-          return _context.finish(7);
-        case 10:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, null, [[3,, 7, 10]]);
-  }));
-  return _parseToImage.apply(this, arguments);
-}
-function loadToImage(_x4, _x5) {
-  return _loadToImage.apply(this, arguments);
-}
-function _loadToImage() {
-  _loadToImage = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee2(url, options) {
-    var image;
-    return _regenerator.default.wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          image = new Image();
-          image.src = url;
-          if (!(options.image && options.image.decode && image.decode)) {
-            _context2.next = 6;
-            break;
-          }
-          _context2.next = 5;
-          return image.decode();
-        case 5:
-          return _context2.abrupt("return", image);
-        case 6:
-          _context2.next = 8;
-          return new Promise(function (resolve, reject) {
-            try {
-              image.onload = function () {
-                return resolve(image);
-              };
-              image.onerror = function (err) {
-                return reject(new Error("Could not load image ".concat(url, ": ").concat(err)));
-              };
-            } catch (error) {
-              reject(error);
-            }
-          });
-        case 8:
-          return _context2.abrupt("return", _context2.sent);
-        case 9:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  }));
-  return _loadToImage.apply(this, arguments);
+async function loadToImage(url, options) {
+  const image = new Image();
+  image.src = url;
+  if (options.image && options.image.decode && image.decode) {
+    await image.decode();
+    return image;
+  }
+  return await new Promise((resolve, reject) => {
+    try {
+      image.onload = () => resolve(image);
+      image.onerror = err => reject(new Error("Could not load image ".concat(url, ": ").concat(err)));
+    } catch (error) {
+      reject(error);
+    }
+  });
 }
 //# sourceMappingURL=parse-to-image.js.map

package/dist/es5/lib/parsers/parse-to-image.js.map

@@ -1 +1 @@
-{"version":3,"file":"parse-to-image.js","names":["_svgUtils","require","parseToImage","_x","_x2","_x3","_parseToImage","apply","arguments","_asyncToGenerator2","default","_regenerator","mark","_callee","arrayBuffer","options","url","blobOrDataUrl","URL","objectUrl","wrap","_callee$","_context","prev","next","getBlobOrSVGDataUrl","self","webkitURL","createObjectURL","loadToImage","abrupt","sent","revokeObjectURL","finish","stop","_x4","_x5","_loadToImage","_callee2","image","_callee2$","_context2","Image","src","decode","Promise","resolve","reject","onload","onerror","err","Error","concat","error"],"sources":["../../../../src/lib/parsers/parse-to-image.ts"],"sourcesContent":["import type {ImageLoaderOptions} from '../../image-loader';\nimport {getBlobOrSVGDataUrl} from './svg-utils';\n\n// Parses html image from array buffer\nexport default async function parseToImage(\n  arrayBuffer: ArrayBuffer,\n  options: ImageLoaderOptions,\n  url?: string\n): Promise<HTMLImageElement> {\n  // Note: image parsing requires conversion to Blob (for createObjectURL).\n  // Potentially inefficient for not using `response.blob()` (and for File / Blob inputs)...\n  // But presumably not worth adding 'blob' flag to loader objects?\n\n  const blobOrDataUrl = getBlobOrSVGDataUrl(arrayBuffer, url);\n  const URL = self.URL || self.webkitURL;\n  const objectUrl = typeof blobOrDataUrl !== 'string' && URL.createObjectURL(blobOrDataUrl);\n  try {\n    return await loadToImage(objectUrl || blobOrDataUrl, options);\n  } finally {\n    if (objectUrl) {\n      URL.revokeObjectURL(objectUrl);\n    }\n  }\n}\n\nexport async function loadToImage(url, options): Promise<HTMLImageElement> {\n  const image = new Image();\n  image.src = url;\n\n  // The `image.onload()` callback does not guarantee that the image has been decoded\n  // so a main thread \"freeze\" can be incurred when using the image for the first time.\n  // `Image.decode()` returns a promise that completes when image is decoded.\n\n  // https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/decode\n  // Note: When calling `img.decode()`, we do not need to wait for `img.onload()`\n  // Note: `HTMLImageElement.decode()` is not available in Edge and IE11\n  if (options.image && options.image.decode && image.decode) {\n    await image.decode();\n    return image;\n  }\n\n  // Create a promise that tracks onload/onerror callbacks\n  return await new Promise((resolve, reject) => {\n    try {\n      image.onload = () => resolve(image);\n      image.onerror = (err) => reject(new Error(`Could not load image ${url}: ${err}`));\n    } catch (error) {\n      reject(error);\n    }\n  });\n}\n"],"mappings":"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"}
+{"version":3,"file":"parse-to-image.js","names":["_svgUtils","require","parseToImage","arrayBuffer","options","url","blobOrDataUrl","getBlobOrSVGDataUrl","URL","self","webkitURL","objectUrl","createObjectURL","loadToImage","revokeObjectURL","image","Image","src","decode","Promise","resolve","reject","onload","onerror","err","Error","concat","error"],"sources":["../../../../src/lib/parsers/parse-to-image.ts"],"sourcesContent":["import type {ImageLoaderOptions} from '../../image-loader';\nimport {getBlobOrSVGDataUrl} from './svg-utils';\n\n// Parses html image from array buffer\nexport async function parseToImage(\n  arrayBuffer: ArrayBuffer,\n  options: ImageLoaderOptions,\n  url?: string\n): Promise<HTMLImageElement> {\n  // Note: image parsing requires conversion to Blob (for createObjectURL).\n  // Potentially inefficient for not using `response.blob()` (and for File / Blob inputs)...\n  // But presumably not worth adding 'blob' flag to loader objects?\n\n  const blobOrDataUrl = getBlobOrSVGDataUrl(arrayBuffer, url);\n  const URL = self.URL || self.webkitURL;\n  const objectUrl = typeof blobOrDataUrl !== 'string' && URL.createObjectURL(blobOrDataUrl);\n  try {\n    return await loadToImage(objectUrl || blobOrDataUrl, options);\n  } finally {\n    if (objectUrl) {\n      URL.revokeObjectURL(objectUrl);\n    }\n  }\n}\n\nexport async function loadToImage(url, options): Promise<HTMLImageElement> {\n  const image = new Image();\n  image.src = url;\n\n  // The `image.onload()` callback does not guarantee that the image has been decoded\n  // so a main thread \"freeze\" can be incurred when using the image for the first time.\n  // `Image.decode()` returns a promise that completes when image is decoded.\n\n  // https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/decode\n  // Note: When calling `img.decode()`, we do not need to wait for `img.onload()`\n  // Note: `HTMLImageElement.decode()` is not available in Edge and IE11\n  if (options.image && options.image.decode && image.decode) {\n    await image.decode();\n    return image;\n  }\n\n  // Create a promise that tracks onload/onerror callbacks\n  return await new Promise((resolve, reject) => {\n    try {\n      image.onload = () => resolve(image);\n      image.onerror = (err) => reject(new Error(`Could not load image ${url}: ${err}`));\n    } catch (error) {\n      reject(error);\n    }\n  });\n}\n"],"mappings":";;;;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AAGO,eAAeC,YAAYA,CAChCC,WAAwB,EACxBC,OAA2B,EAC3BC,GAAY,EACe;EAK3B,MAAMC,aAAa,GAAG,IAAAC,6BAAmB,EAACJ,WAAW,EAAEE,GAAG,CAAC;EAC3D,MAAMG,GAAG,GAAGC,IAAI,CAACD,GAAG,IAAIC,IAAI,CAACC,SAAS;EACtC,MAAMC,SAAS,GAAG,OAAOL,aAAa,KAAK,QAAQ,IAAIE,GAAG,CAACI,eAAe,CAACN,aAAa,CAAC;EACzF,IAAI;IACF,OAAO,MAAMO,WAAW,CAACF,SAAS,IAAIL,aAAa,EAAEF,OAAO,CAAC;EAC/D,CAAC,SAAS;IACR,IAAIO,SAAS,EAAE;MACbH,GAAG,CAACM,eAAe,CAACH,SAAS,CAAC;IAChC;EACF;AACF;AAEO,eAAeE,WAAWA,CAACR,GAAG,EAAED,OAAO,EAA6B;EACzE,MAAMW,KAAK,GAAG,IAAIC,KAAK,CAAC,CAAC;EACzBD,KAAK,CAACE,GAAG,GAAGZ,GAAG;EASf,IAAID,OAAO,CAACW,KAAK,IAAIX,OAAO,CAACW,KAAK,CAACG,MAAM,IAAIH,KAAK,CAACG,MAAM,EAAE;IACzD,MAAMH,KAAK,CAACG,MAAM,CAAC,CAAC;IACpB,OAAOH,KAAK;EACd;EAGA,OAAO,MAAM,IAAII,OAAO,CAAC,CAACC,OAAO,EAAEC,MAAM,KAAK;IAC5C,IAAI;MACFN,KAAK,CAACO,MAAM,GAAG,MAAMF,OAAO,CAACL,KAAK,CAAC;MACnCA,KAAK,CAACQ,OAAO,GAAIC,GAAG,IAAKH,MAAM,CAAC,IAAII,KAAK,yBAAAC,MAAA,CAAyBrB,GAAG,QAAAqB,MAAA,CAAKF,GAAG,CAAE,CAAC,CAAC;IACnF,CAAC,CAAC,OAAOG,KAAK,EAAE;MACdN,MAAM,CAACM,KAAK,CAAC;IACf;EACF,CAAC,CAAC;AACJ"}