@loaders.gl/images 3.1.3 → 4.0.0-alpha.5

package/dist/lib/category-api/image-type.js

@@ -1,48 +1,42 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDefaultImageType = exports.isImageTypeSupported = void 0;
-const loader_utils_1 = require("@loaders.gl/loader-utils");
-// @ts-ignore TS2339: Property does not exist on type
-const { _parseImageNode } = globalThis;
-const IMAGE_SUPPORTED = typeof Image !== 'undefined'; // NOTE: "false" positives if jsdom is installed
+import { isBrowser } from '@loaders.gl/loader-utils';
+const {
+  _parseImageNode
+} = globalThis;
+const IMAGE_SUPPORTED = typeof Image !== 'undefined';
 const IMAGE_BITMAP_SUPPORTED = typeof ImageBitmap !== 'undefined';
 const NODE_IMAGE_SUPPORTED = Boolean(_parseImageNode);
-const DATA_SUPPORTED = loader_utils_1.isBrowser ? true : NODE_IMAGE_SUPPORTED;
-/**
- * Checks if a loaders.gl image type is supported
- * @param type image type string
- */
-function isImageTypeSupported(type) {
-    switch (type) {
-        case 'auto':
-            // Should only ever be false in Node.js, if polyfills have not been installed...
-            return IMAGE_BITMAP_SUPPORTED || IMAGE_SUPPORTED || DATA_SUPPORTED;
-        case 'imagebitmap':
-            return IMAGE_BITMAP_SUPPORTED;
-        case 'image':
-            return IMAGE_SUPPORTED;
-        case 'data':
-            return DATA_SUPPORTED;
-        default:
-            throw new Error(`@loaders.gl/images: image ${type} not supported in this environment`);
-    }
+const DATA_SUPPORTED = isBrowser ? true : NODE_IMAGE_SUPPORTED;
+export function isImageTypeSupported(type) {
+  switch (type) {
+    case 'auto':
+      return IMAGE_BITMAP_SUPPORTED || IMAGE_SUPPORTED || DATA_SUPPORTED;
+
+    case 'imagebitmap':
+      return IMAGE_BITMAP_SUPPORTED;
+
+    case 'image':
+      return IMAGE_SUPPORTED;
+
+    case 'data':
+      return DATA_SUPPORTED;
+
+    default:
+      throw new Error("@loaders.gl/images: image ".concat(type, " not supported in this environment"));
+  }
 }
-exports.isImageTypeSupported = isImageTypeSupported;
-/**
- * Returns the "most performant" supported image type on this platform
- * @returns image type string
- */
-function getDefaultImageType() {
-    if (IMAGE_BITMAP_SUPPORTED) {
-        return 'imagebitmap';
-    }
-    if (IMAGE_SUPPORTED) {
-        return 'image';
-    }
-    if (DATA_SUPPORTED) {
-        return 'data';
-    }
-    // This should only happen in Node.js
-    throw new Error('Install \'@loaders.gl/polyfills\' to parse images under Node.js');
+export function getDefaultImageType() {
+  if (IMAGE_BITMAP_SUPPORTED) {
+    return 'imagebitmap';
+  }
+
+  if (IMAGE_SUPPORTED) {
+    return 'image';
+  }
+
+  if (DATA_SUPPORTED) {
+    return 'data';
+  }
+
+  throw new Error('Install \'@loaders.gl/polyfills\' to parse images under Node.js');
 }
-exports.getDefaultImageType = getDefaultImageType;
+//# sourceMappingURL=image-type.js.map

package/dist/lib/category-api/image-type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/category-api/image-type.ts"],"names":["isBrowser","_parseImageNode","globalThis","IMAGE_SUPPORTED","Image","IMAGE_BITMAP_SUPPORTED","ImageBitmap","NODE_IMAGE_SUPPORTED","Boolean","DATA_SUPPORTED","isImageTypeSupported","type","Error","getDefaultImageType"],"mappings":"AAAA,SAAQA,SAAR,QAAwB,0BAAxB;AAIA,MAAM;AAACC,EAAAA;AAAD,IAAoBC,UAA1B;AAEA,MAAMC,eAAe,GAAG,OAAOC,KAAP,KAAiB,WAAzC;AACA,MAAMC,sBAAsB,GAAG,OAAOC,WAAP,KAAuB,WAAtD;AACA,MAAMC,oBAAoB,GAAGC,OAAO,CAACP,eAAD,CAApC;AACA,MAAMQ,cAAc,GAAGT,SAAS,GAAG,IAAH,GAAUO,oBAA1C;AAMA,OAAO,SAASG,oBAAT,CAA8BC,IAA9B,EAAqD;AAC1D,UAAQA,IAAR;AACE,SAAK,MAAL;AAEE,aAAON,sBAAsB,IAAIF,eAA1B,IAA6CM,cAApD;;AAEF,SAAK,aAAL;AACE,aAAOJ,sBAAP;;AACF,SAAK,OAAL;AACE,aAAOF,eAAP;;AACF,SAAK,MAAL;AACE,aAAOM,cAAP;;AAEF;AACE,YAAM,IAAIG,KAAJ,qCAAuCD,IAAvC,wCAAN;AAbJ;AAeD;AAMD,OAAO,SAASE,mBAAT,GAA8C;AACnD,MAAIR,sBAAJ,EAA4B;AAC1B,WAAO,aAAP;AACD;;AACD,MAAIF,eAAJ,EAAqB;AACnB,WAAO,OAAP;AACD;;AACD,MAAIM,cAAJ,EAAoB;AAClB,WAAO,MAAP;AACD;;AAGD,QAAM,IAAIG,KAAJ,CAAU,iEAAV,CAAN;AACD","sourcesContent":["import {isBrowser} from '@loaders.gl/loader-utils';\nimport type {ImageTypeEnum} from '../../types';\n\n// @ts-ignore TS2339: Property does not exist on type\nconst {_parseImageNode} = globalThis;\n\nconst IMAGE_SUPPORTED = typeof Image !== 'undefined'; // NOTE: \"false\" positives if jsdom is installed\nconst IMAGE_BITMAP_SUPPORTED = typeof ImageBitmap !== 'undefined';\nconst NODE_IMAGE_SUPPORTED = Boolean(_parseImageNode);\nconst DATA_SUPPORTED = isBrowser ? true : NODE_IMAGE_SUPPORTED;\n\n/**\n * Checks if a loaders.gl image type is supported\n * @param type image type string\n */\nexport function isImageTypeSupported(type: string): boolean {\n  switch (type) {\n    case 'auto':\n      // Should only ever be false in Node.js, if polyfills have not been installed...\n      return IMAGE_BITMAP_SUPPORTED || IMAGE_SUPPORTED || DATA_SUPPORTED;\n\n    case 'imagebitmap':\n      return IMAGE_BITMAP_SUPPORTED;\n    case 'image':\n      return IMAGE_SUPPORTED;\n    case 'data':\n      return DATA_SUPPORTED;\n\n    default:\n      throw new Error(`@loaders.gl/images: image ${type} not supported in this environment`);\n  }\n}\n\n/**\n * Returns the \"most performant\" supported image type on this platform\n * @returns image type string\n */\nexport function getDefaultImageType(): ImageTypeEnum {\n  if (IMAGE_BITMAP_SUPPORTED) {\n    return 'imagebitmap';\n  }\n  if (IMAGE_SUPPORTED) {\n    return 'image';\n  }\n  if (DATA_SUPPORTED) {\n    return 'data';\n  }\n\n  // This should only happen in Node.js\n  throw new Error('Install \\'@loaders.gl/polyfills\\' to parse images under Node.js');\n}\n"],"file":"image-type.js"}

package/dist/lib/category-api/parsed-image-api.js

@@ -1,69 +1,64 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getImageData = exports.getImageSize = exports.getImageType = exports.deleteImage = exports.isImage = void 0;
-function isImage(image) {
-    return Boolean(getImageTypeOrNull(image));
+export function isImage(image) {
+  return Boolean(getImageTypeOrNull(image));
 }
-exports.isImage = isImage;
-function deleteImage(image) {
-    switch (getImageType(image)) {
-        case 'imagebitmap':
-            image.close();
-            break;
-        default:
-        // Nothing to do for images and image data objects
-    }
+export function deleteImage(image) {
+  switch (getImageType(image)) {
+    case 'imagebitmap':
+      image.close();
+      break;
+
+    default:
+  }
 }
-exports.deleteImage = deleteImage;
-function getImageType(image) {
-    const format = getImageTypeOrNull(image);
-    if (!format) {
-        throw new Error('Not an image');
-    }
-    return format;
+export function getImageType(image) {
+  const format = getImageTypeOrNull(image);
+
+  if (!format) {
+    throw new Error('Not an image');
+  }
+
+  return format;
 }
-exports.getImageType = getImageType;
-function getImageSize(image) {
-    return getImageData(image);
+export function getImageSize(image) {
+  return getImageData(image);
 }
-exports.getImageSize = getImageSize;
-function getImageData(image) {
-    switch (getImageType(image)) {
-        case 'data':
-            return image;
-        case 'image':
-        case 'imagebitmap':
-            // Extract the image data from the image via a canvas
-            const canvas = document.createElement('canvas');
-            // TODO - reuse the canvas?
-            const context = canvas.getContext('2d');
-            if (!context) {
-                throw new Error('getImageData');
-            }
-            // @ts-ignore
-            canvas.width = image.width;
-            // @ts-ignore
-            canvas.height = image.height;
-            // @ts-ignore
-            context.drawImage(image, 0, 0);
-            // @ts-ignore
-            return context.getImageData(0, 0, image.width, image.height);
-        default:
-            throw new Error('getImageData');
-    }
+export function getImageData(image) {
+  switch (getImageType(image)) {
+    case 'data':
+      return image;
+
+    case 'image':
+    case 'imagebitmap':
+      const canvas = document.createElement('canvas');
+      const context = canvas.getContext('2d');
+
+      if (!context) {
+        throw new Error('getImageData');
+      }
+
+      canvas.width = image.width;
+      canvas.height = image.height;
+      context.drawImage(image, 0, 0);
+      return context.getImageData(0, 0, image.width, image.height);
+
+    default:
+      throw new Error('getImageData');
+  }
 }
-exports.getImageData = getImageData;
-// PRIVATE
-// eslint-disable-next-line complexity
+
 function getImageTypeOrNull(image) {
-    if (typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {
-        return 'imagebitmap';
-    }
-    if (typeof Image !== 'undefined' && image instanceof Image) {
-        return 'image';
-    }
-    if (image && typeof image === 'object' && image.data && image.width && image.height) {
-        return 'data';
-    }
-    return null;
+  if (typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {
+    return 'imagebitmap';
+  }
+
+  if (typeof Image !== 'undefined' && image instanceof Image) {
+    return 'image';
+  }
+
+  if (image && typeof image === 'object' && image.data && image.width && image.height) {
+    return 'data';
+  }
+
+  return null;
 }
+//# sourceMappingURL=parsed-image-api.js.map

package/dist/lib/category-api/parsed-image-api.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/category-api/parsed-image-api.ts"],"names":["isImage","image","Boolean","getImageTypeOrNull","deleteImage","getImageType","close","format","Error","getImageSize","getImageData","canvas","document","createElement","context","getContext","width","height","drawImage","ImageBitmap","Image","data"],"mappings":"AAEA,OAAO,SAASA,OAAT,CAAiBC,KAAjB,EAA4C;AACjD,SAAOC,OAAO,CAACC,kBAAkB,CAACF,KAAD,CAAnB,CAAd;AACD;AAED,OAAO,SAASG,WAAT,CAAqBH,KAArB,EAA6C;AAClD,UAAQI,YAAY,CAACJ,KAAD,CAApB;AACE,SAAK,aAAL;AACGA,MAAAA,KAAD,CAAuBK,KAAvB;AACA;;AACF;AAJF;AAOD;AAED,OAAO,SAASD,YAAT,CAAsBJ,KAAtB,EAAuD;AAC5D,QAAMM,MAAM,GAAGJ,kBAAkB,CAACF,KAAD,CAAjC;;AACA,MAAI,CAACM,MAAL,EAAa;AACX,UAAM,IAAIC,KAAJ,CAAU,cAAV,CAAN;AACD;;AACD,SAAOD,MAAP;AACD;AAED,OAAO,SAASE,YAAT,CAAsBR,KAAtB,EAAyE;AAC9E,SAAOS,YAAY,CAACT,KAAD,CAAnB;AACD;AAED,OAAO,SAASS,YAAT,CAAsBT,KAAtB,EAAmE;AACxE,UAAQI,YAAY,CAACJ,KAAD,CAApB;AACE,SAAK,MAAL;AACE,aAAOA,KAAP;;AAEF,SAAK,OAAL;AACA,SAAK,aAAL;AAEE,YAAMU,MAAM,GAAGC,QAAQ,CAACC,aAAT,CAAuB,QAAvB,CAAf;AAEA,YAAMC,OAAO,GAAGH,MAAM,CAACI,UAAP,CAAkB,IAAlB,CAAhB;;AACA,UAAI,CAACD,OAAL,EAAc;AACZ,cAAM,IAAIN,KAAJ,CAAU,cAAV,CAAN;AACD;;AAEDG,MAAAA,MAAM,CAACK,KAAP,GAAef,KAAK,CAACe,KAArB;AAEAL,MAAAA,MAAM,CAACM,MAAP,GAAgBhB,KAAK,CAACgB,MAAtB;AAEAH,MAAAA,OAAO,CAACI,SAAR,CAAkBjB,KAAlB,EAAyB,CAAzB,EAA4B,CAA5B;AAEA,aAAOa,OAAO,CAACJ,YAAR,CAAqB,CAArB,EAAwB,CAAxB,EAA2BT,KAAK,CAACe,KAAjC,EAAwCf,KAAK,CAACgB,MAA9C,CAAP;;AAEF;AACE,YAAM,IAAIT,KAAJ,CAAU,cAAV,CAAN;AAvBJ;AAyBD;;AAKD,SAASL,kBAAT,CAA4BF,KAA5B,EAAmC;AACjC,MAAI,OAAOkB,WAAP,KAAuB,WAAvB,IAAsClB,KAAK,YAAYkB,WAA3D,EAAwE;AACtE,WAAO,aAAP;AACD;;AACD,MAAI,OAAOC,KAAP,KAAiB,WAAjB,IAAgCnB,KAAK,YAAYmB,KAArD,EAA4D;AAC1D,WAAO,OAAP;AACD;;AACD,MAAInB,KAAK,IAAI,OAAOA,KAAP,KAAiB,QAA1B,IAAsCA,KAAK,CAACoB,IAA5C,IAAoDpB,KAAK,CAACe,KAA1D,IAAmEf,KAAK,CAACgB,MAA7E,EAAqF;AACnF,WAAO,MAAP;AACD;;AACD,SAAO,IAAP;AACD","sourcesContent":["import type {ImageType, ImageTypeEnum, ImageDataType} from '../../types';\n\nexport function isImage(image: ImageType): boolean {\n  return Boolean(getImageTypeOrNull(image));\n}\n\nexport function deleteImage(image: ImageType): void {\n  switch (getImageType(image)) {\n    case 'imagebitmap':\n      (image as ImageBitmap).close();\n      break;\n    default:\n    // Nothing to do for images and image data objects\n  }\n}\n\nexport function getImageType(image: ImageType): ImageTypeEnum {\n  const format = getImageTypeOrNull(image);\n  if (!format) {\n    throw new Error('Not an image');\n  }\n  return format;\n}\n\nexport function getImageSize(image: ImageType): {width: number; height: number} {\n  return getImageData(image);\n}\n\nexport function getImageData(image: ImageType): ImageDataType | ImageData {\n  switch (getImageType(image)) {\n    case 'data':\n      return image as unknown as ImageData;\n\n    case 'image':\n    case 'imagebitmap':\n      // Extract the image data from the image via a canvas\n      const canvas = document.createElement('canvas');\n      // TODO - reuse the canvas?\n      const context = canvas.getContext('2d');\n      if (!context) {\n        throw new Error('getImageData');\n      }\n      // @ts-ignore\n      canvas.width = image.width;\n      // @ts-ignore\n      canvas.height = image.height;\n      // @ts-ignore\n      context.drawImage(image, 0, 0);\n      // @ts-ignore\n      return context.getImageData(0, 0, image.width, image.height);\n\n    default:\n      throw new Error('getImageData');\n  }\n}\n\n// PRIVATE\n\n// eslint-disable-next-line complexity\nfunction getImageTypeOrNull(image) {\n  if (typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {\n    return 'imagebitmap';\n  }\n  if (typeof Image !== 'undefined' && image instanceof Image) {\n    return 'image';\n  }\n  if (image && typeof image === 'object' && image.data && image.width && image.height) {\n    return 'data';\n  }\n  return null;\n}\n"],"file":"parsed-image-api.js"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/encoders/encode-image.ts"],"names":["getImageSize","_encodeImageNode","globalThis","encodeImage","image","options","type","mimeType","encodeImageInBrowser","qualityParamSupported","jpegQuality","width","height","canvas","document","createElement","drawImageToCanvas","blob","Promise","resolve","toBlob","error","Error","arrayBuffer","x","y","ImageBitmap","context","getContext","transferFromImageBitmap","data","clampedArray","Uint8ClampedArray","imageData","ImageData","putImageData","drawImage"],"mappings":"AACA,SAAQA,YAAR,QAA2B,kCAA3B;AAGA,MAAM;AAACC,EAAAA;AAAD,IAAqBC,UAA3B;AAUA,OAAO,eAAeC,WAAf,CACLC,KADK,EAELC,OAFK,EAGiB;AACtBA,EAAAA,OAAO,GAAGA,OAAO,IAAI,EAArB;AACAA,EAAAA,OAAO,CAACD,KAAR,GAAgBC,OAAO,CAACD,KAAR,IAAkB,EAAlC;AAEA,SAAOH,gBAAgB,GACnBA,gBAAgB,CAACG,KAAD,EAAQ;AAACE,IAAAA,IAAI,EAAED,OAAO,CAACD,KAAR,CAAcG;AAArB,GAAR,CADG,GAEnBC,oBAAoB,CAACJ,KAAD,EAAQC,OAAR,CAFxB;AAGD;AAGD,IAAII,qBAAqB,GAAG,IAA5B;;AASA,eAAeD,oBAAf,CAAoCJ,KAApC,EAA2CC,OAA3C,EAAoD;AAClD,QAAM;AAACE,IAAAA,QAAD;AAAWG,IAAAA;AAAX,MAA0BL,OAAO,CAACD,KAAxC;AAEA,QAAM;AAACO,IAAAA,KAAD;AAAQC,IAAAA;AAAR,MAAkBZ,YAAY,CAACI,KAAD,CAApC;AAGA,QAAMS,MAAM,GAAGC,QAAQ,CAACC,aAAT,CAAuB,QAAvB,CAAf;AACAF,EAAAA,MAAM,CAACF,KAAP,GAAeA,KAAf;AACAE,EAAAA,MAAM,CAACD,MAAP,GAAgBA,MAAhB;AAEAI,EAAAA,iBAAiB,CAACZ,KAAD,EAAQS,MAAR,CAAjB;AAGA,QAAMI,IAAI,GAAG,MAAM,IAAIC,OAAJ,CAA0BC,OAAD,IAAa;AAEvD,QAAIT,WAAW,IAAID,qBAAnB,EAA0C;AACxC,UAAI;AACFI,QAAAA,MAAM,CAACO,MAAP,CAAcD,OAAd,EAAuBZ,QAAvB,EAAiCG,WAAjC;AACA;AACD,OAHD,CAGE,OAAOW,KAAP,EAAc;AACdZ,QAAAA,qBAAqB,GAAG,KAAxB;AACD;AACF;;AACDI,IAAAA,MAAM,CAACO,MAAP,CAAcD,OAAd,EAAuBZ,QAAvB;AACD,GAXkB,CAAnB;;AAaA,MAAI,CAACU,IAAL,EAAW;AACT,UAAM,IAAIK,KAAJ,CAAU,uBAAV,CAAN;AACD;;AAED,SAAO,MAAML,IAAI,CAACM,WAAL,EAAb;AACD;;AAED,SAASP,iBAAT,CAA2BZ,KAA3B,EAAkCS,MAAlC,EAA0CW,CAAC,GAAG,CAA9C,EAAiDC,CAAC,GAAG,CAArD,EAAwD;AAEtD,MAAID,CAAC,KAAK,CAAN,IAAWC,CAAC,KAAK,CAAjB,IAAsB,OAAOC,WAAP,KAAuB,WAA7C,IAA4DtB,KAAK,YAAYsB,WAAjF,EAA8F;AAC5F,UAAMC,OAAO,GAAGd,MAAM,CAACe,UAAP,CAAkB,gBAAlB,CAAhB;;AACA,QAAID,OAAJ,EAAa;AAEXA,MAAAA,OAAO,CAACE,uBAAR,CAAgCzB,KAAhC;AACA,aAAOS,MAAP;AACD;AACF;;AAGD,QAAMc,OAAO,GAAGd,MAAM,CAACe,UAAP,CAAkB,IAAlB,CAAhB;;AACA,MAAIxB,KAAK,CAAC0B,IAAV,EAAgB;AAEd,UAAMC,YAAY,GAAG,IAAIC,iBAAJ,CAAsB5B,KAAK,CAAC0B,IAA5B,CAArB;AACA,UAAMG,SAAS,GAAG,IAAIC,SAAJ,CAAcH,YAAd,EAA4B3B,KAAK,CAACO,KAAlC,EAAyCP,KAAK,CAACQ,MAA/C,CAAlB;AACAe,IAAAA,OAAO,CAACQ,YAAR,CAAqBF,SAArB,EAAgC,CAAhC,EAAmC,CAAnC;AACA,WAAOpB,MAAP;AACD;;AAGDc,EAAAA,OAAO,CAACS,SAAR,CAAkBhC,KAAlB,EAAyB,CAAzB,EAA4B,CAA5B;AACA,SAAOS,MAAP;AACD","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"],"file":"encode-image.js"}

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

@@ -1,57 +1,52 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const loader_utils_1 = require("@loaders.gl/loader-utils");
-const image_type_1 = require("../category-api/image-type");
-const parsed_image_api_1 = require("../category-api/parsed-image-api");
-const parse_to_image_1 = __importDefault(require("./parse-to-image"));
-const parse_to_image_bitmap_1 = __importDefault(require("./parse-to-image-bitmap"));
-const parse_to_node_image_1 = __importDefault(require("./parse-to-node-image"));
-// Parse to platform defined image type (data on node, ImageBitmap or HTMLImage on browser)
-// eslint-disable-next-line complexity
-async function parseImage(arrayBuffer, options, context) {
-    options = options || {};
-    const imageOptions = options.image || {};
-    // The user can request a specific output format via `options.image.type`
-    const imageType = imageOptions.type || 'auto';
-    const { url } = context || {};
-    // Note: For options.image.type === `data`, we may still need to load as `image` or `imagebitmap`
-    const loadType = getLoadableImageType(imageType);
-    let image;
-    switch (loadType) {
-        case 'imagebitmap':
-            image = await (0, parse_to_image_bitmap_1.default)(arrayBuffer, options, url);
-            break;
-        case 'image':
-            image = await (0, parse_to_image_1.default)(arrayBuffer, options, url);
-            break;
-        case 'data':
-            // Node.js loads imagedata directly
-            image = await (0, parse_to_node_image_1.default)(arrayBuffer, options);
-            break;
-        default:
-            (0, loader_utils_1.assert)(false);
-    }
-    // Browser: if options.image.type === 'data', we can now extract data from the loaded image
-    if (imageType === 'data') {
-        image = (0, parsed_image_api_1.getImageData)(image);
-    }
-    return image;
+import { assert } from '@loaders.gl/loader-utils';
+import { isImageTypeSupported, getDefaultImageType } from '../category-api/image-type';
+import { getImageData } from '../category-api/parsed-image-api';
+import parseToImage from './parse-to-image';
+import parseToImageBitmap from './parse-to-image-bitmap';
+import parseToNodeImage from './parse-to-node-image';
+export default 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 parseToImageBitmap(arrayBuffer, options, url);
+      break;
+
+    case 'image':
+      image = await parseToImage(arrayBuffer, options, url);
+      break;
+
+    case 'data':
+      image = await parseToNodeImage(arrayBuffer, options);
+      break;
+
+    default:
+      assert(false);
+  }
+
+  if (imageType === 'data') {
+    image = getImageData(image);
+  }
+
+  return image;
 }
-exports.default = parseImage;
-// Get a loadable image type from image type
+
 function getLoadableImageType(type) {
-    switch (type) {
-        case 'auto':
-        case 'data':
-            // Browser: For image data we need still need to load using an image format
-            // Node: the default image type is `data`.
-            return (0, image_type_1.getDefaultImageType)();
-        default:
-            // Throw an error if not supported
-            (0, image_type_1.isImageTypeSupported)(type);
-            return type;
-    }
+  switch (type) {
+    case 'auto':
+    case 'data':
+      return getDefaultImageType();
+
+    default:
+      isImageTypeSupported(type);
+      return type;
+  }
 }
+//# sourceMappingURL=parse-image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/parsers/parse-image.ts"],"names":["assert","isImageTypeSupported","getDefaultImageType","getImageData","parseToImage","parseToImageBitmap","parseToNodeImage","parseImage","arrayBuffer","options","context","imageOptions","image","imageType","type","url","loadType","getLoadableImageType"],"mappings":"AACA,SAAQA,MAAR,QAAqB,0BAArB;AAGA,SAAQC,oBAAR,EAA8BC,mBAA9B,QAAwD,4BAAxD;AACA,SAAQC,YAAR,QAA2B,kCAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,kBAAP,MAA+B,yBAA/B;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AAIA,eAAe,eAAeC,UAAf,CACbC,WADa,EAEbC,OAFa,EAGbC,OAHa,EAIO;AACpBD,EAAAA,OAAO,GAAGA,OAAO,IAAI,EAArB;AACA,QAAME,YAAY,GAAGF,OAAO,CAACG,KAAR,IAAiB,EAAtC;AAGA,QAAMC,SAAS,GAAGF,YAAY,CAACG,IAAb,IAAqB,MAAvC;AAEA,QAAM;AAACC,IAAAA;AAAD,MAAQL,OAAO,IAAI,EAAzB;AAGA,QAAMM,QAAQ,GAAGC,oBAAoB,CAACJ,SAAD,CAArC;AAEA,MAAID,KAAJ;;AACA,UAAQI,QAAR;AACE,SAAK,aAAL;AACEJ,MAAAA,KAAK,GAAG,MAAMP,kBAAkB,CAACG,WAAD,EAAcC,OAAd,EAAuBM,GAAvB,CAAhC;AACA;;AACF,SAAK,OAAL;AACEH,MAAAA,KAAK,GAAG,MAAMR,YAAY,CAACI,WAAD,EAAcC,OAAd,EAAuBM,GAAvB,CAA1B;AACA;;AACF,SAAK,MAAL;AAEEH,MAAAA,KAAK,GAAG,MAAMN,gBAAgB,CAACE,WAAD,EAAcC,OAAd,CAA9B;AACA;;AACF;AACET,MAAAA,MAAM,CAAC,KAAD,CAAN;AAZJ;;AAgBA,MAAIa,SAAS,KAAK,MAAlB,EAA0B;AACxBD,IAAAA,KAAK,GAAGT,YAAY,CAACS,KAAD,CAApB;AACD;;AAED,SAAOA,KAAP;AACD;;AAGD,SAASK,oBAAT,CAA8BH,IAA9B,EAAoC;AAClC,UAAQA,IAAR;AACE,SAAK,MAAL;AACA,SAAK,MAAL;AAGE,aAAOZ,mBAAmB,EAA1B;;AACF;AAEED,MAAAA,oBAAoB,CAACa,IAAD,CAApB;AACA,aAAOA,IAAP;AATJ;AAWD","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"],"file":"parse-image.js"}

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

@@ -1,61 +1,43 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const svg_utils_1 = require("./svg-utils");
-const parse_to_image_1 = __importDefault(require("./parse-to-image"));
+import { isSVG, getBlob } from './svg-utils';
+import parseToImage from './parse-to-image';
 const EMPTY_OBJECT = {};
 let imagebitmapOptionsSupported = true;
-/**
- * Asynchronously parses an array buffer into an ImageBitmap - this contains the decoded data
- * ImageBitmaps are supported on worker threads, but not supported on Edge, IE11 and Safari
- * https://developer.mozilla.org/en-US/docs/Web/API/ImageBitmap#Browser_compatibility
- *
- * TODO - createImageBitmap supports source rect (5 param overload), pass through?
- */
-async function parseToImageBitmap(arrayBuffer, options, url) {
-    let blob;
-    // Cannot parse SVG directly to ImageBitmap, parse to Image first
-    if ((0, svg_utils_1.isSVG)(url)) {
-        // Note: this only works on main thread
-        const image = await (0, parse_to_image_1.default)(arrayBuffer, options, url);
-        blob = image;
-    }
-    else {
-        // Create blob from the array buffer
-        blob = (0, svg_utils_1.getBlob)(arrayBuffer, url);
-    }
-    const imagebitmapOptions = options && options.imagebitmap;
-    return await safeCreateImageBitmap(blob, imagebitmapOptions);
+export default async function parseToImageBitmap(arrayBuffer, options, url) {
+  let blob;
+
+  if (isSVG(url)) {
+    const image = await parseToImage(arrayBuffer, options, url);
+    blob = image;
+  } else {
+    blob = getBlob(arrayBuffer, url);
+  }
+
+  const imagebitmapOptions = options && options.imagebitmap;
+  return await safeCreateImageBitmap(blob, imagebitmapOptions);
 }
-exports.default = parseToImageBitmap;
-/**
- * Safely creates an imageBitmap with options
- * *
- * Firefox crashes if imagebitmapOptions is supplied
- * Avoid supplying if not provided or supported, remember if not supported
- */
+
 async function safeCreateImageBitmap(blob, imagebitmapOptions = null) {
-    if (isEmptyObject(imagebitmapOptions) || !imagebitmapOptionsSupported) {
-        imagebitmapOptions = null;
+  if (isEmptyObject(imagebitmapOptions) || !imagebitmapOptionsSupported) {
+    imagebitmapOptions = null;
+  }
+
+  if (imagebitmapOptions) {
+    try {
+      return await createImageBitmap(blob, imagebitmapOptions);
+    } catch (error) {
+      console.warn(error);
+      imagebitmapOptionsSupported = false;
     }
-    if (imagebitmapOptions) {
-        try {
-            // @ts-ignore Options
-            return await createImageBitmap(blob, imagebitmapOptions);
-        }
-        catch (error) {
-            console.warn(error); // eslint-disable-line
-            imagebitmapOptionsSupported = false;
-        }
-    }
-    return await createImageBitmap(blob);
+  }
+
+  return await createImageBitmap(blob);
 }
+
 function isEmptyObject(object) {
-    // @ts-ignore
-    for (const key in object || EMPTY_OBJECT) {
-        return false;
-    }
-    return true;
+  for (const key in object || EMPTY_OBJECT) {
+    return false;
+  }
+
+  return true;
 }
+//# sourceMappingURL=parse-to-image-bitmap.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/parsers/parse-to-image-bitmap.ts"],"names":["isSVG","getBlob","parseToImage","EMPTY_OBJECT","imagebitmapOptionsSupported","parseToImageBitmap","arrayBuffer","options","url","blob","image","imagebitmapOptions","imagebitmap","safeCreateImageBitmap","isEmptyObject","createImageBitmap","error","console","warn","object","key"],"mappings":"AACA,SAAQA,KAAR,EAAeC,OAAf,QAA6B,aAA7B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AAEA,MAAMC,YAAY,GAAG,EAArB;AAEA,IAAIC,2BAA2B,GAAG,IAAlC;AASA,eAAe,eAAeC,kBAAf,CACbC,WADa,EAEbC,OAFa,EAGbC,GAHa,EAIS;AACtB,MAAIC,IAAJ;;AAGA,MAAIT,KAAK,CAACQ,GAAD,CAAT,EAAgB;AAEd,UAAME,KAAK,GAAG,MAAMR,YAAY,CAACI,WAAD,EAAcC,OAAd,EAAuBC,GAAvB,CAAhC;AACAC,IAAAA,IAAI,GAAGC,KAAP;AACD,GAJD,MAIO;AAELD,IAAAA,IAAI,GAAGR,OAAO,CAACK,WAAD,EAAcE,GAAd,CAAd;AACD;;AAED,QAAMG,kBAAkB,GAAGJ,OAAO,IAAIA,OAAO,CAACK,WAA9C;AAEA,SAAO,MAAMC,qBAAqB,CAACJ,IAAD,EAAOE,kBAAP,CAAlC;AACD;;AAQD,eAAeE,qBAAf,CACEJ,IADF,EAEEE,kBAA6C,GAAG,IAFlD,EAGwB;AACtB,MAAIG,aAAa,CAACH,kBAAD,CAAb,IAAqC,CAACP,2BAA1C,EAAuE;AACrEO,IAAAA,kBAAkB,GAAG,IAArB;AACD;;AAED,MAAIA,kBAAJ,EAAwB;AACtB,QAAI;AAEF,aAAO,MAAMI,iBAAiB,CAACN,IAAD,EAAOE,kBAAP,CAA9B;AACD,KAHD,CAGE,OAAOK,KAAP,EAAc;AACdC,MAAAA,OAAO,CAACC,IAAR,CAAaF,KAAb;AACAZ,MAAAA,2BAA2B,GAAG,KAA9B;AACD;AACF;;AAED,SAAO,MAAMW,iBAAiB,CAACN,IAAD,CAA9B;AACD;;AAED,SAASK,aAAT,CAAuBK,MAAvB,EAA+B;AAE7B,OAAK,MAAMC,GAAX,IAAkBD,MAAM,IAAIhB,YAA5B,EAA0C;AACxC,WAAO,KAAP;AACD;;AACD,SAAO,IAAP;AACD","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"],"file":"parse-to-image-bitmap.js"}