@loaders.gl/images 4.0.0-beta.3 → 4.0.0-beta.5

package/dist/dist.dev.js

@@ -62,10 +62,7 @@ var __exports__ = (() => {
   var window_ = globals.window || globals.self || globals.global || {};
   var global_ = globals.global || globals.self || globals.window || {};
   var document_ = globals.document || {};
-  var isBrowser = (
-    // @ts-ignore process does not exist on browser
-    Boolean(typeof process !== "object" || String(process) !== "[object process]" || process.browser)
-  );
+  var isBrowser = Boolean(typeof process !== "object" || String(process) !== "[object process]" || process.browser);
   var matches = typeof process !== "undefined" && process.version && /v([0-9]*)/.exec(process.version);
   var nodeVersion = matches && parseFloat(matches[1]) || 0;
 
@@ -86,12 +83,10 @@ var __exports__ = (() => {
   }
 
   // src/lib/category-api/image-type.ts
-  var {
-    _parseImageNode
-  } = globalThis;
+  var parseImageNode = globalThis.loaders?.parseImageNode;
   var IMAGE_SUPPORTED = typeof Image !== "undefined";
   var IMAGE_BITMAP_SUPPORTED = typeof ImageBitmap !== "undefined";
-  var NODE_IMAGE_SUPPORTED = Boolean(_parseImageNode);
+  var NODE_IMAGE_SUPPORTED = Boolean(parseImageNode);
   var DATA_SUPPORTED = isBrowser ? true : NODE_IMAGE_SUPPORTED;
   function isImageTypeSupported(type) {
     switch (type) {
@@ -314,7 +309,6 @@ var __exports__ = (() => {
     }
     return {
       mimeType: mediaType.mimeType,
-      // TODO - decode width and height
       width: 0,
       height: 0
     };
@@ -372,9 +366,7 @@ var __exports__ = (() => {
         return {
           mimeType: "image/jpeg",
           height: dataView.getUint16(i + 5, BIG_ENDIAN),
-          // Number of lines
           width: dataView.getUint16(i + 7, BIG_ENDIAN)
-          // Number of pixels per line
         };
       }
       if (!tableMarkers.has(marker)) {
@@ -414,9 +406,9 @@ var __exports__ = (() => {
     const {
       mimeType
     } = getBinaryImageMetadata(arrayBuffer) || {};
-    const _parseImageNode2 = globalThis._parseImageNode;
-    assert(_parseImageNode2);
-    return await _parseImageNode2(arrayBuffer, mimeType);
+    const parseImageNode2 = globalThis.loaders?.parseImageNode;
+    assert(parseImageNode2);
+    return await parseImageNode2(arrayBuffer, mimeType);
   }
 
   // src/lib/parsers/parse-image.ts
@@ -465,9 +457,7 @@ var __exports__ = (() => {
     image: {
       type: "auto",
       decode: true
-      // if format is HTML
     }
-    // imagebitmap: {} - passes (platform dependent) parameters to ImageBitmap constructor
   };
   var ImageLoader = {
     id: "image",
@@ -477,19 +467,16 @@ var __exports__ = (() => {
     mimeTypes: MIME_TYPES,
     extensions: EXTENSIONS,
     parse: parseImage,
-    // TODO: byteOffset, byteLength;
     tests: [(arrayBuffer) => Boolean(getBinaryImageMetadata(new DataView(arrayBuffer)))],
     options: DEFAULT_IMAGE_LOADER_OPTIONS
   };
 
   // src/lib/encoders/encode-image.ts
-  var {
-    _encodeImageNode
-  } = globalThis;
+  var encodeImageNode = globalThis.loaders?.encodeImageNode;
   async function encodeImage(image, options) {
     options = options || {};
     options.image = options.image || {};
-    return _encodeImageNode ? _encodeImageNode(image, {
+    return encodeImageNode ? encodeImageNode(image, {
       type: options.image.mimeType
     }) : encodeImageInBrowser(image, options);
   }
@@ -559,19 +546,7 @@ var __exports__ = (() => {
   };
 
   // src/lib/category-api/image-format.ts
-  var MIME_TYPES2 = [
-    "image/png",
-    "image/jpeg",
-    "image/gif",
-    "image/webp",
-    "image/avif",
-    "image/tiff",
-    // TODO - what is the correct type for SVG
-    "image/svg",
-    "image/svg+xml",
-    "image/bmp",
-    "image/vnd.microsoft.icon"
-  ];
+  var MIME_TYPES2 = ["image/png", "image/jpeg", "image/gif", "image/webp", "image/avif", "image/tiff", "image/svg", "image/svg+xml", "image/bmp", "image/vnd.microsoft.icon"];
   var mimeTypeSupportedPromise = null;
   async function getSupportedImageFormats() {
     if (mimeTypeSupportedPromise) {
@@ -596,11 +571,9 @@ var __exports__ = (() => {
   }
   function checkNodeImageFormatSupport(mimeType) {
     const NODE_FORMAT_SUPPORT = ["image/png", "image/jpeg", "image/gif"];
-    const {
-      _parseImageNode: _parseImageNode2,
-      _imageFormatsNode = NODE_FORMAT_SUPPORT
-    } = globalThis;
-    return Boolean(_parseImageNode2) && _imageFormatsNode.includes(mimeType);
+    const parseImageNode2 = globalThis.loaders?.parseImageNode;
+    const imageFormatsNode = globalThis.loaders?.imageFormatsNode || NODE_FORMAT_SUPPORT;
+    return Boolean(parseImageNode2) && imageFormatsNode.includes(mimeType);
   }
   function checkBrowserImageFormatSupport(mimeType) {
     switch (mimeType) {
@@ -613,7 +586,6 @@ var __exports__ = (() => {
   }
   var TEST_IMAGE = {
     "image/avif": "data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAIAAAACAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A=",
-    // Lossy test image. Support for lossy images doesn't guarantee support for all WebP images.
     "image/webp": "data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA"
   };
   async function checkBrowserImageFormatSupportAsync(mimeType) {

package/dist/index.cjs

@@ -43,10 +43,11 @@ var import_loader_utils3 = require("@loaders.gl/loader-utils");
 
 // src/lib/category-api/image-type.ts
 var import_loader_utils = require("@loaders.gl/loader-utils");
-var { _parseImageNode } = globalThis;
+var _a;
+var parseImageNode = (_a = globalThis.loaders) == null ? void 0 : _a.parseImageNode;
 var IMAGE_SUPPORTED = typeof Image !== "undefined";
 var IMAGE_BITMAP_SUPPORTED = typeof ImageBitmap !== "undefined";
-var NODE_IMAGE_SUPPORTED = Boolean(_parseImageNode);
+var NODE_IMAGE_SUPPORTED = Boolean(parseImageNode);
 var DATA_SUPPORTED = import_loader_utils.isBrowser ? true : NODE_IMAGE_SUPPORTED;
 function isImageTypeSupported(type) {
   switch (type) {
@@ -375,10 +376,11 @@ function toDataView(data) {
 
 // src/lib/parsers/parse-to-node-image.ts
 async function parseToNodeImage(arrayBuffer, options) {
+  var _a3;
   const { mimeType } = getBinaryImageMetadata(arrayBuffer) || {};
-  const _parseImageNode2 = globalThis._parseImageNode;
-  (0, import_loader_utils2.assert)(_parseImageNode2);
-  return await _parseImageNode2(arrayBuffer, mimeType);
+  const parseImageNode2 = (_a3 = globalThis.loaders) == null ? void 0 : _a3.parseImageNode;
+  (0, import_loader_utils2.assert)(parseImageNode2);
+  return await parseImageNode2(arrayBuffer, mimeType);
 }
 
 // src/lib/parsers/parse-image.ts
@@ -452,11 +454,12 @@ var ImageLoader = {
 };
 
 // src/lib/encoders/encode-image.ts
-var { _encodeImageNode } = globalThis;
+var _a2;
+var encodeImageNode = (_a2 = globalThis.loaders) == null ? void 0 : _a2.encodeImageNode;
 async function encodeImage(image, options) {
   options = options || {};
   options.image = options.image || {};
-  return _encodeImageNode ? _encodeImageNode(image, { type: options.image.mimeType }) : encodeImageInBrowser(image, options);
+  return encodeImageNode ? encodeImageNode(image, { type: options.image.mimeType }) : encodeImageInBrowser(image, options);
 }
 var qualityParamSupported = true;
 async function encodeImageInBrowser(image, options) {
@@ -555,9 +558,11 @@ function isImageFormatSupported(mimeType) {
   return mimeTypeSupportedSync[mimeType];
 }
 function checkNodeImageFormatSupport(mimeType) {
+  var _a3, _b;
   const NODE_FORMAT_SUPPORT = ["image/png", "image/jpeg", "image/gif"];
-  const { _parseImageNode: _parseImageNode2, _imageFormatsNode = NODE_FORMAT_SUPPORT } = globalThis;
-  return Boolean(_parseImageNode2) && _imageFormatsNode.includes(mimeType);
+  const parseImageNode2 = (_a3 = globalThis.loaders) == null ? void 0 : _a3.parseImageNode;
+  const imageFormatsNode = ((_b = globalThis.loaders) == null ? void 0 : _b.imageFormatsNode) || NODE_FORMAT_SUPPORT;
+  return Boolean(parseImageNode2) && imageFormatsNode.includes(mimeType);
 }
 function checkBrowserImageFormatSupport(mimeType) {
   switch (mimeType) {

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

@@ -23,12 +23,11 @@ export function isImageFormatSupported(mimeType) {
   return mimeTypeSupportedSync[mimeType];
 }
 function checkNodeImageFormatSupport(mimeType) {
+  var _globalThis$loaders, _globalThis$loaders2;
   const NODE_FORMAT_SUPPORT = ['image/png', 'image/jpeg', 'image/gif'];
-  const {
-    _parseImageNode,
-    _imageFormatsNode = NODE_FORMAT_SUPPORT
-  } = globalThis;
-  return Boolean(_parseImageNode) && _imageFormatsNode.includes(mimeType);
+  const parseImageNode = (_globalThis$loaders = globalThis.loaders) === null || _globalThis$loaders === void 0 ? void 0 : _globalThis$loaders.parseImageNode;
+  const imageFormatsNode = ((_globalThis$loaders2 = globalThis.loaders) === null || _globalThis$loaders2 === void 0 ? void 0 : _globalThis$loaders2.imageFormatsNode) || NODE_FORMAT_SUPPORT;
+  return Boolean(parseImageNode) && imageFormatsNode.includes(mimeType);
 }
 function checkBrowserImageFormatSupport(mimeType) {
   switch (mimeType) {

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"image-format.js","names":["isBrowser","MIME_TYPES","mimeTypeSupportedPromise","getSupportedImageFormats","supportedMimeTypes","Set","mimeType","supported","checkBrowserImageFormatSupportAsync","checkNodeImageFormatSupport","add","mimeTypeSupportedSync","isImageFormatSupported","undefined","checkBrowserImageFormatSupport","_globalThis$loaders","_globalThis$loaders2","NODE_FORMAT_SUPPORT","parseImageNode","globalThis","loaders","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  const parseImageNode = globalThis.loaders?.parseImageNode;\n  const imageFormatsNode = globalThis.loaders?.imageFormatsNode || NODE_FORMAT_SUPPORT;\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/lib/category-api/image-type.js

@@ -1,10 +1,9 @@
+var _globalThis$loaders;
 import { isBrowser } from '@loaders.gl/loader-utils';
-const {
-  _parseImageNode
-} = globalThis;
+const parseImageNode = (_globalThis$loaders = globalThis.loaders) === null || _globalThis$loaders === void 0 ? void 0 : _globalThis$loaders.parseImageNode;
 const IMAGE_SUPPORTED = typeof Image !== 'undefined';
 const IMAGE_BITMAP_SUPPORTED = typeof ImageBitmap !== 'undefined';
-const NODE_IMAGE_SUPPORTED = Boolean(_parseImageNode);
+const NODE_IMAGE_SUPPORTED = Boolean(parseImageNode);
 const DATA_SUPPORTED = isBrowser ? true : NODE_IMAGE_SUPPORTED;
 export function isImageTypeSupported(type) {
   switch (type) {

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

@@ -1 +1 @@
-{"version":3,"file":"image-type.js","names":["isBrowser","_parseImageNode","globalThis","IMAGE_SUPPORTED","Image","IMAGE_BITMAP_SUPPORTED","ImageBitmap","NODE_IMAGE_SUPPORTED","Boolean","DATA_SUPPORTED","isImageTypeSupported","type","Error","getDefaultImageType"],"sources":["../../../src/lib/category-api/image-type.ts"],"sourcesContent":["import {isBrowser} from '@loaders.gl/loader-utils';\nimport type {ImageTypeEnum} from '../../types';\n\n// @ts-ignore TS2339: Property does not exist on type\nconst {_parseImageNode} = globalThis;\n\nconst IMAGE_SUPPORTED = typeof Image !== 'undefined'; // NOTE: \"false\" positives if jsdom is installed\nconst IMAGE_BITMAP_SUPPORTED = typeof ImageBitmap !== 'undefined';\nconst NODE_IMAGE_SUPPORTED = Boolean(_parseImageNode);\nconst DATA_SUPPORTED = isBrowser ? true : NODE_IMAGE_SUPPORTED;\n\n/**\n * Checks if a loaders.gl image type is supported\n * @param type image type string\n */\nexport function isImageTypeSupported(type: string): boolean {\n  switch (type) {\n    case 'auto':\n      // Should only ever be false in Node.js, if polyfills have not been installed...\n      return IMAGE_BITMAP_SUPPORTED || IMAGE_SUPPORTED || DATA_SUPPORTED;\n\n    case 'imagebitmap':\n      return IMAGE_BITMAP_SUPPORTED;\n    case 'image':\n      return IMAGE_SUPPORTED;\n    case 'data':\n      return DATA_SUPPORTED;\n\n    default:\n      throw new Error(`@loaders.gl/images: image ${type} not supported in this environment`);\n  }\n}\n\n/**\n * Returns the \"most performant\" supported image type on this platform\n * @returns image type string\n */\nexport function getDefaultImageType(): ImageTypeEnum {\n  if (IMAGE_BITMAP_SUPPORTED) {\n    return 'imagebitmap';\n  }\n  if (IMAGE_SUPPORTED) {\n    return 'image';\n  }\n  if (DATA_SUPPORTED) {\n    return 'data';\n  }\n\n  // This should only happen in Node.js\n  throw new Error('Install \\'@loaders.gl/polyfills\\' to parse images under Node.js');\n}\n"],"mappings":"AAAA,SAAQA,SAAS,QAAO,0BAA0B;AAIlD,MAAM;EAACC;AAAe,CAAC,GAAGC,UAAU;AAEpC,MAAMC,eAAe,GAAG,OAAOC,KAAK,KAAK,WAAW;AACpD,MAAMC,sBAAsB,GAAG,OAAOC,WAAW,KAAK,WAAW;AACjE,MAAMC,oBAAoB,GAAGC,OAAO,CAACP,eAAe,CAAC;AACrD,MAAMQ,cAAc,GAAGT,SAAS,GAAG,IAAI,GAAGO,oBAAoB;AAM9D,OAAO,SAASG,oBAAoBA,CAACC,IAAY,EAAW;EAC1D,QAAQA,IAAI;IACV,KAAK,MAAM;MAET,OAAON,sBAAsB,IAAIF,eAAe,IAAIM,cAAc;IAEpE,KAAK,aAAa;MAChB,OAAOJ,sBAAsB;IAC/B,KAAK,OAAO;MACV,OAAOF,eAAe;IACxB,KAAK,MAAM;MACT,OAAOM,cAAc;IAEvB;MACE,MAAM,IAAIG,KAAK,CAAE,6BAA4BD,IAAK,oCAAmC,CAAC;EAC1F;AACF;AAMA,OAAO,SAASE,mBAAmBA,CAAA,EAAkB;EACnD,IAAIR,sBAAsB,EAAE;IAC1B,OAAO,aAAa;EACtB;EACA,IAAIF,eAAe,EAAE;IACnB,OAAO,OAAO;EAChB;EACA,IAAIM,cAAc,EAAE;IAClB,OAAO,MAAM;EACf;EAGA,MAAM,IAAIG,KAAK,CAAC,iEAAiE,CAAC;AACpF"}
+{"version":3,"file":"image-type.js","names":["isBrowser","parseImageNode","_globalThis$loaders","globalThis","loaders","IMAGE_SUPPORTED","Image","IMAGE_BITMAP_SUPPORTED","ImageBitmap","NODE_IMAGE_SUPPORTED","Boolean","DATA_SUPPORTED","isImageTypeSupported","type","Error","getDefaultImageType"],"sources":["../../../src/lib/category-api/image-type.ts"],"sourcesContent":["import {isBrowser} from '@loaders.gl/loader-utils';\nimport type {ImageTypeEnum} from '../../types';\n\n// @ts-ignore TS2339: Property does not exist on type\nconst parseImageNode = globalThis.loaders?.parseImageNode;\n\nconst IMAGE_SUPPORTED = typeof Image !== 'undefined'; // NOTE: \"false\" positives if jsdom is installed\nconst IMAGE_BITMAP_SUPPORTED = typeof ImageBitmap !== 'undefined';\nconst NODE_IMAGE_SUPPORTED = Boolean(parseImageNode);\nconst DATA_SUPPORTED = isBrowser ? true : NODE_IMAGE_SUPPORTED;\n\n/**\n * Checks if a loaders.gl image type is supported\n * @param type image type string\n */\nexport function isImageTypeSupported(type: string): boolean {\n  switch (type) {\n    case 'auto':\n      // Should only ever be false in Node.js, if polyfills have not been installed...\n      return IMAGE_BITMAP_SUPPORTED || IMAGE_SUPPORTED || DATA_SUPPORTED;\n\n    case 'imagebitmap':\n      return IMAGE_BITMAP_SUPPORTED;\n    case 'image':\n      return IMAGE_SUPPORTED;\n    case 'data':\n      return DATA_SUPPORTED;\n\n    default:\n      throw new Error(`@loaders.gl/images: image ${type} not supported in this environment`);\n  }\n}\n\n/**\n * Returns the \"most performant\" supported image type on this platform\n * @returns image type string\n */\nexport function getDefaultImageType(): ImageTypeEnum {\n  if (IMAGE_BITMAP_SUPPORTED) {\n    return 'imagebitmap';\n  }\n  if (IMAGE_SUPPORTED) {\n    return 'image';\n  }\n  if (DATA_SUPPORTED) {\n    return 'data';\n  }\n\n  // This should only happen in Node.js\n  throw new Error('Install \\'@loaders.gl/polyfills\\' to parse images under Node.js');\n}\n"],"mappings":";AAAA,SAAQA,SAAS,QAAO,0BAA0B;AAIlD,MAAMC,cAAc,IAAAC,mBAAA,GAAGC,UAAU,CAACC,OAAO,cAAAF,mBAAA,uBAAlBA,mBAAA,CAAoBD,cAAc;AAEzD,MAAMI,eAAe,GAAG,OAAOC,KAAK,KAAK,WAAW;AACpD,MAAMC,sBAAsB,GAAG,OAAOC,WAAW,KAAK,WAAW;AACjE,MAAMC,oBAAoB,GAAGC,OAAO,CAACT,cAAc,CAAC;AACpD,MAAMU,cAAc,GAAGX,SAAS,GAAG,IAAI,GAAGS,oBAAoB;AAM9D,OAAO,SAASG,oBAAoBA,CAACC,IAAY,EAAW;EAC1D,QAAQA,IAAI;IACV,KAAK,MAAM;MAET,OAAON,sBAAsB,IAAIF,eAAe,IAAIM,cAAc;IAEpE,KAAK,aAAa;MAChB,OAAOJ,sBAAsB;IAC/B,KAAK,OAAO;MACV,OAAOF,eAAe;IACxB,KAAK,MAAM;MACT,OAAOM,cAAc;IAEvB;MACE,MAAM,IAAIG,KAAK,CAAE,6BAA4BD,IAAK,oCAAmC,CAAC;EAC1F;AACF;AAMA,OAAO,SAASE,mBAAmBA,CAAA,EAAkB;EACnD,IAAIR,sBAAsB,EAAE;IAC1B,OAAO,aAAa;EACtB;EACA,IAAIF,eAAe,EAAE;IACnB,OAAO,OAAO;EAChB;EACA,IAAIM,cAAc,EAAE;IAClB,OAAO,MAAM;EACf;EAGA,MAAM,IAAIG,KAAK,CAAC,iEAAiE,CAAC;AACpF"}

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

@@ -1,11 +1,10 @@
+var _globalThis$loaders;
 import { getImageSize } from "../category-api/parsed-image-api.js";
-const {
-  _encodeImageNode
-} = globalThis;
+const encodeImageNode = (_globalThis$loaders = globalThis.loaders) === null || _globalThis$loaders === void 0 ? void 0 : _globalThis$loaders.encodeImageNode;
 export async function encodeImage(image, options) {
   options = options || {};
   options.image = options.image || {};
-  return _encodeImageNode ? _encodeImageNode(image, {
+  return encodeImageNode ? encodeImageNode(image, {
     type: options.image.mimeType
   }) : encodeImageInBrowser(image, options);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"encode-image.js","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","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 {ImageDataType} from '../../types';\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: ImageDataType,\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":["getImageSize","encodeImageNode","_globalThis$loaders","globalThis","loaders","encodeImage","image","options","type","mimeType","encodeImageInBrowser","qualityParamSupported","jpegQuality","width","height","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 {ImageDataType} from '../../types';\nimport {getImageSize} from '../category-api/parsed-image-api';\n\n// @ts-ignore TS2339: Property does not exist on type\nconst encodeImageNode = globalThis.loaders?.encodeImageNode;\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: ImageDataType,\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/lib/parsers/parse-to-node-image.js

@@ -1,11 +1,12 @@
 import { assert } from '@loaders.gl/loader-utils';
 import { getBinaryImageMetadata } from "../category-api/binary-image-api.js";
 export async function parseToNodeImage(arrayBuffer, options) {
+  var _globalThis$loaders;
   const {
     mimeType
   } = getBinaryImageMetadata(arrayBuffer) || {};
-  const _parseImageNode = globalThis._parseImageNode;
-  assert(_parseImageNode);
-  return await _parseImageNode(arrayBuffer, mimeType);
+  const parseImageNode = (_globalThis$loaders = globalThis.loaders) === null || _globalThis$loaders === void 0 ? void 0 : _globalThis$loaders.parseImageNode;
+  assert(parseImageNode);
+  return await parseImageNode(arrayBuffer, mimeType);
 }
 //# sourceMappingURL=parse-to-node-image.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"parse-to-node-image.js","names":["assert","getBinaryImageMetadata","parseToNodeImage","arrayBuffer","options","mimeType","_parseImageNode","globalThis"],"sources":["../../../src/lib/parsers/parse-to-node-image.ts"],"sourcesContent":["import type {ImageLoaderOptions} from '../../image-loader';\nimport type {ImageDataType} from '../../types';\nimport {assert} from '@loaders.gl/loader-utils';\nimport {getBinaryImageMetadata} from '../category-api/binary-image-api';\n\n// Note: These types should be consistent with loaders.gl/polyfills\n\ntype NDArray = {\n  shape: number[];\n  data: Uint8Array;\n  width: number;\n  height: number;\n  components: number;\n  layers: number[];\n};\n\ntype ParseImageNode = (arrayBuffer: ArrayBuffer, mimeType: string) => Promise<NDArray>;\n\n// Use polyfills if installed to parsed image using get-pixels\nexport async function parseToNodeImage(\n  arrayBuffer: ArrayBuffer,\n  options: ImageLoaderOptions\n): Promise<ImageDataType> {\n  const {mimeType} = getBinaryImageMetadata(arrayBuffer) || {};\n\n  // @ts-ignore\n  const _parseImageNode: ParseImageNode = globalThis._parseImageNode;\n  assert(_parseImageNode); // '@loaders.gl/polyfills not installed'\n\n  // @ts-expect-error TODO should we throw error in this case?\n  return await _parseImageNode(arrayBuffer, mimeType);\n}\n"],"mappings":"AAEA,SAAQA,MAAM,QAAO,0BAA0B;AAAC,SACxCC,sBAAsB;AAgB9B,OAAO,eAAeC,gBAAgBA,CACpCC,WAAwB,EACxBC,OAA2B,EACH;EACxB,MAAM;IAACC;EAAQ,CAAC,GAAGJ,sBAAsB,CAACE,WAAW,CAAC,IAAI,CAAC,CAAC;EAG5D,MAAMG,eAA+B,GAAGC,UAAU,CAACD,eAAe;EAClEN,MAAM,CAACM,eAAe,CAAC;EAGvB,OAAO,MAAMA,eAAe,CAACH,WAAW,EAAEE,QAAQ,CAAC;AACrD"}
+{"version":3,"file":"parse-to-node-image.js","names":["assert","getBinaryImageMetadata","parseToNodeImage","arrayBuffer","options","_globalThis$loaders","mimeType","parseImageNode","globalThis","loaders"],"sources":["../../../src/lib/parsers/parse-to-node-image.ts"],"sourcesContent":["import type {ImageLoaderOptions} from '../../image-loader';\nimport type {ImageDataType} from '../../types';\nimport {assert} from '@loaders.gl/loader-utils';\nimport {getBinaryImageMetadata} from '../category-api/binary-image-api';\n\n// Note: These types should be consistent with loaders.gl/polyfills\n\ntype NDArray = {\n  shape: number[];\n  data: Uint8Array;\n  width: number;\n  height: number;\n  components: number;\n  layers: number[];\n};\n\ntype ParseImageNode = (arrayBuffer: ArrayBuffer, mimeType: string) => Promise<NDArray>;\n\n// Use polyfills if installed to parsed image using get-pixels\nexport async function parseToNodeImage(\n  arrayBuffer: ArrayBuffer,\n  options: ImageLoaderOptions\n): Promise<ImageDataType> {\n  const {mimeType} = getBinaryImageMetadata(arrayBuffer) || {};\n\n  // @ts-ignore\n  const parseImageNode: ParseImageNode = globalThis.loaders?.parseImageNode;\n  assert(parseImageNode); // '@loaders.gl/polyfills not installed'\n\n  // @ts-expect-error TODO should we throw error in this case?\n  return await parseImageNode(arrayBuffer, mimeType);\n}\n"],"mappings":"AAEA,SAAQA,MAAM,QAAO,0BAA0B;AAAC,SACxCC,sBAAsB;AAgB9B,OAAO,eAAeC,gBAAgBA,CACpCC,WAAwB,EACxBC,OAA2B,EACH;EAAA,IAAAC,mBAAA;EACxB,MAAM;IAACC;EAAQ,CAAC,GAAGL,sBAAsB,CAACE,WAAW,CAAC,IAAI,CAAC,CAAC;EAG5D,MAAMI,cAA8B,IAAAF,mBAAA,GAAGG,UAAU,CAACC,OAAO,cAAAJ,mBAAA,uBAAlBA,mBAAA,CAAoBE,cAAc;EACzEP,MAAM,CAACO,cAAc,CAAC;EAGtB,OAAO,MAAMA,cAAc,CAACJ,WAAW,EAAEG,QAAQ,CAAC;AACpD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loaders.gl/images",
-  "version": "4.0.0-beta.3",
+  "version": "4.0.0-beta.5",
   "description": "Framework-independent loaders and writers for images (PNG, JPG, ...)",
   "license": "MIT",
   "type": "module",
@@ -40,9 +40,9 @@
     "build-bundle": "ocular-bundle ./src/index.ts"
   },
   "dependencies": {
-    "@loaders.gl/loader-utils": "4.0.0-beta.3"
+    "@loaders.gl/loader-utils": "4.0.0-beta.5"
   },
-  "gitHead": "7ba9621cc51c7a26c407086ac86171f35b8712af",
+  "gitHead": "a6f5a0d1a316cc22396e5a4d480c14329d1ef146",
   "devDependencies": {
     "@types/get-pixels": "^3.3.2"
   }

package/src/lib/category-api/image-format.ts

@@ -61,9 +61,9 @@ export function isImageFormatSupported(mimeType: string): boolean {
 function checkNodeImageFormatSupport(mimeType: string): boolean {
   /** @deprecated Remove these in 4.0 and rely on polyfills to inject them */
   const NODE_FORMAT_SUPPORT = ['image/png', 'image/jpeg', 'image/gif'];
-  // @ts-ignore
-  const {_parseImageNode, _imageFormatsNode = NODE_FORMAT_SUPPORT} = globalThis;
-  return Boolean(_parseImageNode) && _imageFormatsNode.includes(mimeType);
+  const parseImageNode = globalThis.loaders?.parseImageNode;
+  const imageFormatsNode = globalThis.loaders?.imageFormatsNode || NODE_FORMAT_SUPPORT;
+  return Boolean(parseImageNode) && imageFormatsNode.includes(mimeType);
 }
 
 /** Checks image format support synchronously.

package/src/lib/category-api/image-type.ts

@@ -2,11 +2,11 @@ import {isBrowser} from '@loaders.gl/loader-utils';
 import type {ImageTypeEnum} from '../../types';
 
 // @ts-ignore TS2339: Property does not exist on type
-const {_parseImageNode} = globalThis;
+const parseImageNode = globalThis.loaders?.parseImageNode;
 
 const IMAGE_SUPPORTED = typeof Image !== 'undefined'; // NOTE: "false" positives if jsdom is installed
 const IMAGE_BITMAP_SUPPORTED = typeof ImageBitmap !== 'undefined';
-const NODE_IMAGE_SUPPORTED = Boolean(_parseImageNode);
+const NODE_IMAGE_SUPPORTED = Boolean(parseImageNode);
 const DATA_SUPPORTED = isBrowser ? true : NODE_IMAGE_SUPPORTED;
 
 /**

package/src/lib/encoders/encode-image.ts

@@ -3,7 +3,7 @@ import {ImageDataType} from '../../types';
 import {getImageSize} from '../category-api/parsed-image-api';
 
 // @ts-ignore TS2339: Property does not exist on type
-const {_encodeImageNode} = globalThis;
+const encodeImageNode = globalThis.loaders?.encodeImageNode;
 
 /**
  * Returns data bytes representing a compressed image in PNG or JPG format,
@@ -20,8 +20,8 @@ export async function encodeImage(
   options = options || {};
   options.image = options.image || ({} as {[key: string]: any});
 
-  return _encodeImageNode
-    ? _encodeImageNode(image, {type: options.image.mimeType})
+  return encodeImageNode
+    ? encodeImageNode(image, {type: options.image.mimeType})
     : encodeImageInBrowser(image, options);
 }
 

package/src/lib/parsers/parse-to-node-image.ts

@@ -24,9 +24,9 @@ export async function parseToNodeImage(
   const {mimeType} = getBinaryImageMetadata(arrayBuffer) || {};
 
   // @ts-ignore
-  const _parseImageNode: ParseImageNode = globalThis._parseImageNode;
-  assert(_parseImageNode); // '@loaders.gl/polyfills not installed'
+  const parseImageNode: ParseImageNode = globalThis.loaders?.parseImageNode;
+  assert(parseImageNode); // '@loaders.gl/polyfills not installed'
 
   // @ts-expect-error TODO should we throw error in this case?
-  return await _parseImageNode(arrayBuffer, mimeType);
+  return await parseImageNode(arrayBuffer, mimeType);
 }