@loaders.gl/textures 4.0.0-alpha.4 → 4.0.0-alpha.6

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

@@ -1,11 +1,14 @@
 import {ChildProcessProxy} from '@loaders.gl/worker-utils';
-
-const MODULE_ROOT = `${__dirname}/../../..`;
+import {CompressedTextureWriterOptions} from '../../compressed-texture-writer';
 
 /*
  * @see https://github.com/TimvanScherpenzeel/texture-compressor
  */
-export async function encodeImageURLToCompressedTextureURL(inputUrl, outputUrl) {
+export async function encodeImageURLToCompressedTextureURL(
+  inputUrl: string,
+  outputUrl: string,
+  options?: CompressedTextureWriterOptions
+): Promise<string> {
   // prettier-ignore
   const args = [
     // Note: our actual executable is `npx`, so `texture-compressor` is an argument
@@ -20,9 +23,7 @@ export async function encodeImageURLToCompressedTextureURL(inputUrl, outputUrl)
   await childProcess.start({
     command: 'npx',
     arguments: args,
-    spawn: {
-      cwd: MODULE_ROOT
-    }
+    spawn: options
   });
   return outputUrl;
 }

package/src/lib/{gl-constants.ts → gl-extensions.ts}

@@ -1,5 +1,5 @@
 /* eslint-disable camelcase */
-export const GL = {
+export const GL_EXTENSIONS_CONSTANTS = {
   // WEBGL_compressed_texture_s3tc
 
   COMPRESSED_RGB_S3TC_DXT1_EXT: 0x83f0,

package/src/lib/parsers/crunch-module-loader.ts

@@ -31,7 +31,7 @@ async function loadCrunch(options) {
 
   // Depends on how import happened...
   // @ts-ignore TS2339: Property does not exist on type
-  loadCrunchDecoder = loadCrunchDecoder || globalThis.loadCrunchDecoder;
+  loadCrunchDecoder = loadCrunchDecoder || globalThis.LoadCrunchDecoder;
   crunchModule = loadCrunchDecoder();
   return crunchModule;
 }

package/src/lib/parsers/{parse-basis.js → parse-basis.ts}

@@ -1,20 +1,71 @@
+/* eslint-disable indent */
+import type {TextureLevel} from '@loaders.gl/schema';
 import {loadBasisEncoderModule, loadBasisTrascoderModule} from './basis-module-loader';
-import {GL} from '../gl-constants';
-import {getSupportedGPUTextureFormats} from '../..';
+import {GL_EXTENSIONS_CONSTANTS} from '../gl-extensions';
+import {getSupportedGPUTextureFormats} from '../utils/texture-formats';
 import {isKTX} from './parse-ktx';
 
-const OutputFormat = {
-  etc1: {basisFormat: 0, compressed: true, format: GL.COMPRESSED_RGB_ETC1_WEBGL},
+export type BasisFormat =
+  | 'etc1'
+  | 'etc2'
+  | 'bc1'
+  | 'bc3'
+  | 'bc4'
+  | 'bc5'
+  | 'bc7-m6-opaque-only'
+  | 'bc7-m5'
+  | 'pvrtc1-4-rgb'
+  | 'pvrtc1-4-rgba'
+  | 'astc-4x4'
+  | 'atc-rgb'
+  | 'atc-rgba-interpolated-alpha'
+  | 'rgba32'
+  | 'rgb565'
+  | 'bgr565'
+  | 'rgba4444';
+
+type BasisOutputOptions = {
+  basisFormat: number;
+  compressed: boolean;
+  format?: number;
+};
+
+const OutputFormat: Record<string, BasisOutputOptions> = {
+  etc1: {
+    basisFormat: 0,
+    compressed: true,
+    format: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGB_ETC1_WEBGL
+  },
   etc2: {basisFormat: 1, compressed: true},
-  bc1: {basisFormat: 2, compressed: true, format: GL.COMPRESSED_RGB_S3TC_DXT1_EXT},
-  bc3: {basisFormat: 3, compressed: true, format: GL.COMPRESSED_RGBA_S3TC_DXT5_EXT},
+  bc1: {
+    basisFormat: 2,
+    compressed: true,
+    format: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGB_S3TC_DXT1_EXT
+  },
+  bc3: {
+    basisFormat: 3,
+    compressed: true,
+    format: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_S3TC_DXT5_EXT
+  },
   bc4: {basisFormat: 4, compressed: true},
   bc5: {basisFormat: 5, compressed: true},
   'bc7-m6-opaque-only': {basisFormat: 6, compressed: true},
   'bc7-m5': {basisFormat: 7, compressed: true},
-  'pvrtc1-4-rgb': {basisFormat: 8, compressed: true, format: GL.COMPRESSED_RGB_PVRTC_4BPPV1_IMG},
-  'pvrtc1-4-rgba': {basisFormat: 9, compressed: true, format: GL.COMPRESSED_RGBA_PVRTC_4BPPV1_IMG},
-  'astc-4x4': {basisFormat: 10, compressed: true, format: GL.COMPRESSED_RGBA_ASTC_4X4_KHR},
+  'pvrtc1-4-rgb': {
+    basisFormat: 8,
+    compressed: true,
+    format: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGB_PVRTC_4BPPV1_IMG
+  },
+  'pvrtc1-4-rgba': {
+    basisFormat: 9,
+    compressed: true,
+    format: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_PVRTC_4BPPV1_IMG
+  },
+  'astc-4x4': {
+    basisFormat: 10,
+    compressed: true,
+    format: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_4X4_KHR
+  },
   'atc-rgb': {basisFormat: 11, compressed: true},
   'atc-rgba-interpolated-alpha': {basisFormat: 12, compressed: true},
   rgba32: {basisFormat: 13, compressed: false},
@@ -25,11 +76,11 @@ const OutputFormat = {
 
 /**
  * parse data with a Binomial Basis_Universal module
- * @param {ArrayBuffer} data
- * @param {*} options
+ * @param data
+ * @param options
  * @returns compressed texture data
  */
-export default async function parseBasis(data, options) {
+export default async function parseBasis(data: ArrayBuffer, options): Promise<TextureLevel[][]> {
   if (options.basis.containerFormat === 'auto') {
     if (isKTX(data)) {
       const fileConstructors = await loadBasisEncoderModule(options);
@@ -57,25 +108,25 @@ export default async function parseBasis(data, options) {
 
 /**
  * Parse *.basis file data
- * @param {*} BasisFile - initialized transcoder module
- * @param {*} data
- * @param {*} options
+ * @param BasisFile - initialized transcoder module
+ * @param data
+ * @param options
  * @returns compressed texture data
  */
-function parseBasisFile(BasisFile, data, options) {
+function parseBasisFile(BasisFile, data, options): TextureLevel[][] {
   const basisFile = new BasisFile(new Uint8Array(data));
 
   try {
     if (!basisFile.startTranscoding()) {
-      return null;
+      throw new Error('Failed to start basis transcoding');
     }
 
     const imageCount = basisFile.getNumImages();
-    const images = [];
+    const images: TextureLevel[][] = [];
 
     for (let imageIndex = 0; imageIndex < imageCount; imageIndex++) {
       const levelsCount = basisFile.getNumLevels(imageIndex);
-      const levels = [];
+      const levels: TextureLevel[] = [];
 
       for (let levelIndex = 0; levelIndex < levelsCount; levelIndex++) {
         levels.push(transcodeImage(basisFile, imageIndex, levelIndex, options));
@@ -93,13 +144,13 @@ function parseBasisFile(BasisFile, data, options) {
 
 /**
  * Parse the particular level image of a basis file
- * @param {*} basisFile
- * @param {*} imageIndex
- * @param {*} levelIndex
- * @param {*} options
+ * @param basisFile
+ * @param imageIndex
+ * @param levelIndex
+ * @param options
  * @returns compressed texture data
  */
-function transcodeImage(basisFile, imageIndex, levelIndex, options) {
+function transcodeImage(basisFile, imageIndex, levelIndex, options): TextureLevel {
   const width = basisFile.getImageWidth(imageIndex, levelIndex);
   const height = basisFile.getImageHeight(imageIndex, levelIndex);
 
@@ -113,7 +164,7 @@ function transcodeImage(basisFile, imageIndex, levelIndex, options) {
   const decodedData = new Uint8Array(decodedSize);
 
   if (!basisFile.transcodeImage(decodedData, imageIndex, levelIndex, basisFormat, 0, 0)) {
-    return null;
+    throw new Error('failed to start Basis transcoding');
   }
 
   return {
@@ -122,37 +173,37 @@ function transcodeImage(basisFile, imageIndex, levelIndex, options) {
     height,
     data: decodedData,
     compressed,
+    format,
 
     // Additional fields
     // Add levelSize field.
-    hasAlpha,
-    format
+    hasAlpha
   };
 }
 
 /**
  * Parse *.ktx2 file data
- * @param {*} KTX2File
- * @param {*} data
- * @param {*} options
+ * @param KTX2File
+ * @param data
+ * @param options
  * @returns compressed texture data
  */
-function parseKTX2File(KTX2File, data, options) {
+function parseKTX2File(KTX2File, data: ArrayBuffer, options): TextureLevel[][] {
   const ktx2File = new KTX2File(new Uint8Array(data));
 
   try {
     if (!ktx2File.startTranscoding()) {
-      return null;
+      throw new Error('failed to start KTX2 transcoding');
     }
     const levelsCount = ktx2File.getLevels();
-    const levels = [];
+    const levels: TextureLevel[] = [];
 
     for (let levelIndex = 0; levelIndex < levelsCount; levelIndex++) {
       levels.push(transcodeKTX2Image(ktx2File, levelIndex, options));
       break; // texture app can only show one level for some reason
     }
 
-    return levels;
+    return [levels];
   } finally {
     ktx2File.close();
     ktx2File.delete();
@@ -161,12 +212,12 @@ function parseKTX2File(KTX2File, data, options) {
 
 /**
  * Parse the particular level image of a ktx2 file
- * @param {*} ktx2File
- * @param {*} levelIndex
- * @param {*} options
+ * @param ktx2File
+ * @param levelIndex
+ * @param options
  * @returns
  */
-function transcodeKTX2Image(ktx2File, levelIndex, options) {
+function transcodeKTX2Image(ktx2File, levelIndex: number, options): TextureLevel {
   const {alphaFlag, height, width} = ktx2File.getImageLevelInfo(levelIndex, 0, 0);
 
   // Check options for output format etc
@@ -192,7 +243,7 @@ function transcodeKTX2Image(ktx2File, levelIndex, options) {
       -1 /* channel1 */
     )
   ) {
-    return null;
+    throw new Error('Failed to transcode KTX2 image');
   }
 
   return {
@@ -203,19 +254,19 @@ function transcodeKTX2Image(ktx2File, levelIndex, options) {
     compressed,
 
     // Additional fields
-    // Add levelSize field.
-    alphaFlag,
+    levelSize: decodedSize,
+    hasAlpha: alphaFlag,
     format
   };
 }
 
 /**
  * Get BasisFormat by loader format option
- * @param {*} options
- * @param {*} hasAlpha
+ * @param options
+ * @param hasAlpha
  * @returns BasisFormat data
  */
-function getBasisOptions(options, hasAlpha) {
+function getBasisOptions(options, hasAlpha: boolean): BasisOutputOptions {
   let format = options && options.basis && options.basis.format;
   if (format === 'auto') {
     format = selectSupportedBasisFormat();
@@ -231,7 +282,12 @@ function getBasisOptions(options, hasAlpha) {
  * Select transcode format from the list of supported formats
  * @returns key for OutputFormat map
  */
-export function selectSupportedBasisFormat() {
+export function selectSupportedBasisFormat():
+  | BasisFormat
+  | {
+      alpha: BasisFormat;
+      noAlpha: BasisFormat;
+    } {
   const supportedFormats = getSupportedGPUTextureFormats();
   if (supportedFormats.has('astc')) {
     return 'astc-4x4';

package/src/lib/parsers/parse-compressed-texture.ts

@@ -1,4 +1,4 @@
-import type {TextureLevel} from '../../types';
+import type {TextureLevel} from '@loaders.gl/schema';
 import {isKTX, parseKTX} from './parse-ktx';
 import {isDDS, parseDDS} from './parse-dds';
 import {isPVR, parsePVR} from './parse-pvr';

package/src/lib/parsers/parse-crunch.ts

@@ -1,6 +1,6 @@
-import type {TextureLevel} from '../../types';
+import type {TextureLevel} from '@loaders.gl/schema';
 import {loadCrunchModule} from './crunch-module-loader';
-import {GL} from '../gl-constants';
+import {GL_EXTENSIONS_CONSTANTS} from '../gl-extensions';
 import {assert} from '@loaders.gl/loader-utils';
 import {getDxt1LevelSize, getDxtXLevelSize} from './parse-dds';
 import {extractMipmapImages} from '../utils/extract-mipmap-images';
@@ -17,19 +17,20 @@ const CRN_FORMAT = {
   // Crunch supports more formats than this.
 };
 
-// Mapping of Crunch formats to DXT formats.
-const DXT_FORMAT_MAP = {};
-DXT_FORMAT_MAP[CRN_FORMAT.cCRNFmtDXT1] = {
-  pixelFormat: GL.COMPRESSED_RGB_S3TC_DXT1_EXT,
-  sizeFunction: getDxt1LevelSize
-};
-DXT_FORMAT_MAP[CRN_FORMAT.cCRNFmtDXT3] = {
-  pixelFormat: GL.COMPRESSED_RGBA_S3TC_DXT3_EXT,
-  sizeFunction: getDxtXLevelSize
-};
-DXT_FORMAT_MAP[CRN_FORMAT.cCRNFmtDXT5] = {
-  pixelFormat: GL.COMPRESSED_RGBA_S3TC_DXT5_EXT,
-  sizeFunction: getDxtXLevelSize
+/** Mapping of Crunch formats to DXT formats. */
+const DXT_FORMAT_MAP = {
+  [CRN_FORMAT.cCRNFmtDXT1]: {
+    pixelFormat: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGB_S3TC_DXT1_EXT,
+    sizeFunction: getDxt1LevelSize
+  },
+  [CRN_FORMAT.cCRNFmtDXT3]: {
+    pixelFormat: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_S3TC_DXT3_EXT,
+    sizeFunction: getDxtXLevelSize
+  },
+  [CRN_FORMAT.cCRNFmtDXT5]: {
+    pixelFormat: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_S3TC_DXT5_EXT,
+    sizeFunction: getDxtXLevelSize
+  }
 };
 
 let cachedDstSize = 0;

package/src/lib/parsers/parse-dds.ts

@@ -1,6 +1,6 @@
-import type {TextureLevel} from '../../types';
+import type {TextureLevel} from '@loaders.gl/schema';
 import {assert} from '@loaders.gl/loader-utils';
-import {GL} from '../gl-constants';
+import {GL_EXTENSIONS_CONSTANTS} from '../gl-extensions';
 import {extractMipmapImages} from '../utils/extract-mipmap-images';
 
 const DDS_CONSTANTS = {
@@ -19,12 +19,12 @@ const DDS_CONSTANTS = {
 };
 
 const DDS_PIXEL_FORMATS: Record<string, number> = {
-  DXT1: GL.COMPRESSED_RGB_S3TC_DXT1_EXT,
-  DXT3: GL.COMPRESSED_RGBA_S3TC_DXT3_EXT,
-  DXT5: GL.COMPRESSED_RGBA_S3TC_DXT5_EXT,
-  'ATC ': GL.COMPRESSED_RGB_ATC_WEBGL,
-  ATCA: GL.COMPRESSED_RGBA_ATC_EXPLICIT_ALPHA_WEBGL,
-  ATCI: GL.COMPRESSED_RGBA_ATC_INTERPOLATED_ALPHA_WEBGL
+  DXT1: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGB_S3TC_DXT1_EXT,
+  DXT3: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_S3TC_DXT3_EXT,
+  DXT5: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_S3TC_DXT5_EXT,
+  'ATC ': GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGB_ATC_WEBGL,
+  ATCA: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ATC_EXPLICIT_ALPHA_WEBGL,
+  ATCI: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ATC_INTERPOLATED_ALPHA_WEBGL
 };
 
 const getATCLevelSize = getDxt1LevelSize;

package/src/lib/parsers/parse-ktx.ts

@@ -1,3 +1,4 @@
+import type {TextureLevel} from '@loaders.gl/schema';
 import {read} from 'ktx-parse';
 import {extractMipmapImages} from '../utils/extract-mipmap-images';
 import {mapVkFormatToWebGL} from '../utils/ktx-format-helper';
@@ -29,7 +30,7 @@ export function isKTX(data: ArrayBuffer) {
   return !notKTX;
 }
 
-export function parseKTX(arrayBuffer: ArrayBuffer) {
+export function parseKTX(arrayBuffer: ArrayBuffer): TextureLevel[] {
   const uint8Array = new Uint8Array(arrayBuffer);
   const ktx = read(uint8Array);
   const mipMapLevels = Math.max(1, ktx.levels.length);

package/src/lib/parsers/parse-npy.ts

@@ -1,22 +1,49 @@
-type NumpyHeader = {descr: string; shape: number[]};
+// import type {TextureLevel} from '@loaders.gl/schema';
+import {TypedArray} from '@math.gl/types';
+// import {TypedArrayConstructor} from "@math.gl/types";
 
-function systemIsLittleEndian() {
-  const a = new Uint32Array([0x12345678]);
-  const b = new Uint8Array(a.buffer, a.byteOffset, a.byteLength);
-  return !(b[0] === 0x12);
-}
+// TODO move to math.gl
+type TypedArrayConstructor =
+  | typeof Int8Array
+  | typeof Uint8Array
+  | typeof Int16Array
+  | typeof Uint16Array
+  | typeof Int32Array
+  | typeof Uint32Array
+  | typeof Int32Array
+  | typeof Uint32Array
+  | typeof Float32Array
+  | typeof Float64Array;
+
+const a = new Uint32Array([0x12345678]);
+const b = new Uint8Array(a.buffer, a.byteOffset, a.byteLength);
+const isLittleEndian = !(b[0] === 0x12);
+
+const LITTLE_ENDIAN_OS = isLittleEndian;
+
+/** One numpy "tile" */
+export type NPYTile = {
+  /** tile header */
+  header: NumpyHeader;
+  /** data in tile */
+  data: TypedArray;
+};
+
+type NumpyHeader = {
+  descr: string;
+  shape: number[];
+};
 
-const LITTLE_ENDIAN_OS = systemIsLittleEndian();
-
-// The basic string format consists of 3 characters:
-// 1. a character describing the byteorder of the data (<: little-endian, >: big-endian, |: not-relevant)
-// 2. a character code giving the basic type of the array
-// 3. an integer providing the number of bytes the type uses.
-// https://numpy.org/doc/stable/reference/arrays.interface.html
-//
-// Here I only include the second and third characters, and check endianness
-// separately
-const DTYPES: Record<string, any> = {
+/**
+ * The basic string format consists of 3 characters:
+ * 1. a character describing the byteorder of the data (<: little-endian, >: big-endian, |: not-relevant)
+ * 2. a character code giving the basic type of the array
+ * 3. an integer providing the number of bytes the type uses.
+ * https://numpy.org/doc/stable/reference/arrays.interface.html
+ *
+ * Here I only include the second and third characters, and check endianness separately
+ */
+const DTYPES: Record<string, TypedArrayConstructor> = {
   u1: Uint8Array,
   i1: Int8Array,
   u2: Uint16Array,
@@ -27,31 +54,27 @@ const DTYPES: Record<string, any> = {
   f8: Float64Array
 };
 
-export function parseNPY(arrayBuffer: ArrayBuffer, options?: unknown) {
-  if (!arrayBuffer) {
-    return null;
-  }
-
+export function parseNPY(arrayBuffer: ArrayBuffer, options?: {}): NPYTile {
   const view = new DataView(arrayBuffer);
   const {header, headerEndOffset} = parseHeader(view);
 
   const numpyType = header.descr;
   const ArrayType = DTYPES[numpyType.slice(1, 3)];
   if (!ArrayType) {
-    // eslint-disable-next-line no-console, no-undef
-    console.warn(`Decoding of npy dtype not implemented: ${numpyType}`);
-    return null;
+    throw new Error(`Unimplemented type ${numpyType}`);
   }
 
   const nArrayElements = header.shape?.reduce((a: number, b: number): number => a * b);
   const arrayByteLength = nArrayElements * ArrayType.BYTES_PER_ELEMENT;
 
+  if (arrayBuffer.byteLength < headerEndOffset + arrayByteLength) {
+    throw new Error('Buffer overflow');
+  }
   const data = new ArrayType(arrayBuffer.slice(headerEndOffset, headerEndOffset + arrayByteLength));
 
   // Swap endianness if needed
   if ((numpyType[0] === '>' && LITTLE_ENDIAN_OS) || (numpyType[0] === '<' && !LITTLE_ENDIAN_OS)) {
-    // eslint-disable-next-line no-console, no-undef
-    console.warn('Data is wrong endianness, byte swapping not yet implemented.');
+    throw new Error('Incorrect endianness');
   }
 
   return {
@@ -71,12 +94,12 @@ function parseHeader(view: DataView): {header: NumpyHeader; headerEndOffset: num
   // const minorVersion = view.getUint8(7);
 
   let offset = 8;
-  let headerLength;
+  let headerLength: number;
   if (majorVersion >= 2) {
-    headerLength = view.getUint32(8, true);
+    headerLength = view.getUint32(offset, true);
     offset += 4;
   } else {
-    headerLength = view.getUint16(8, true);
+    headerLength = view.getUint16(offset, true);
     offset += 2;
   }
 

package/src/lib/parsers/parse-pvr.ts

@@ -1,8 +1,9 @@
-import {TextureLevel} from '../../types';
 /* eslint-disable camelcase */
 // Forked from PicoGL: https://github.com/tsherif/picogl.js/blob/master/examples/utils/utils.js
 // Copyright (c) 2017 Tarek Sherif, The MIT License (MIT)
-import {GL} from '../gl-constants';
+
+import type {TextureLevel} from '@loaders.gl/schema';
+import {GL_EXTENSIONS_CONSTANTS} from '../gl-extensions';
 import {extractMipmapImages} from '../utils/extract-mipmap-images';
 
 const PVR_CONSTANTS: Record<string, number> = {
@@ -20,33 +21,75 @@ const PVR_CONSTANTS: Record<string, number> = {
 };
 
 const PVR_PIXEL_FORMATS: Record<number, number[]> = {
-  0: [GL.COMPRESSED_RGB_PVRTC_2BPPV1_IMG],
-  1: [GL.COMPRESSED_RGBA_PVRTC_2BPPV1_IMG],
-  2: [GL.COMPRESSED_RGB_PVRTC_4BPPV1_IMG],
-  3: [GL.COMPRESSED_RGBA_PVRTC_4BPPV1_IMG],
-  6: [GL.COMPRESSED_RGB_ETC1_WEBGL],
-  7: [GL.COMPRESSED_RGB_S3TC_DXT1_EXT],
-  9: [GL.COMPRESSED_RGBA_S3TC_DXT3_EXT],
-  11: [GL.COMPRESSED_RGBA_S3TC_DXT5_EXT],
-  22: [GL.COMPRESSED_RGB8_ETC2],
-  23: [GL.COMPRESSED_RGBA8_ETC2_EAC],
-  24: [GL.COMPRESSED_RGB8_PUNCHTHROUGH_ALPHA1_ETC2],
-  25: [GL.COMPRESSED_R11_EAC],
-  26: [GL.COMPRESSED_RG11_EAC],
-  27: [GL.COMPRESSED_RGBA_ASTC_4X4_KHR, GL.COMPRESSED_SRGB8_ALPHA8_ASTC_4X4_KHR],
-  28: [GL.COMPRESSED_RGBA_ASTC_5X4_KHR, GL.COMPRESSED_SRGB8_ALPHA8_ASTC_5X4_KHR],
-  29: [GL.COMPRESSED_RGBA_ASTC_5X5_KHR, GL.COMPRESSED_SRGB8_ALPHA8_ASTC_5X5_KHR],
-  30: [GL.COMPRESSED_RGBA_ASTC_6X5_KHR, GL.COMPRESSED_SRGB8_ALPHA8_ASTC_6X5_KHR],
-  31: [GL.COMPRESSED_RGBA_ASTC_6X6_KHR, GL.COMPRESSED_SRGB8_ALPHA8_ASTC_6X6_KHR],
-  32: [GL.COMPRESSED_RGBA_ASTC_8X5_KHR, GL.COMPRESSED_SRGB8_ALPHA8_ASTC_8X5_KHR],
-  33: [GL.COMPRESSED_RGBA_ASTC_8X6_KHR, GL.COMPRESSED_SRGB8_ALPHA8_ASTC_8X6_KHR],
-  34: [GL.COMPRESSED_RGBA_ASTC_8X8_KHR, GL.COMPRESSED_SRGB8_ALPHA8_ASTC_8X8_KHR],
-  35: [GL.COMPRESSED_RGBA_ASTC_10X5_KHR, GL.COMPRESSED_SRGB8_ALPHA8_ASTC_10X5_KHR],
-  36: [GL.COMPRESSED_RGBA_ASTC_10X6_KHR, GL.COMPRESSED_SRGB8_ALPHA8_ASTC_10X6_KHR],
-  37: [GL.COMPRESSED_RGBA_ASTC_10X8_KHR, GL.COMPRESSED_SRGB8_ALPHA8_ASTC_10X8_KHR],
-  38: [GL.COMPRESSED_RGBA_ASTC_10X10_KHR, GL.COMPRESSED_SRGB8_ALPHA8_ASTC_10X10_KHR],
-  39: [GL.COMPRESSED_RGBA_ASTC_12X10_KHR, GL.COMPRESSED_SRGB8_ALPHA8_ASTC_12X10_KHR],
-  40: [GL.COMPRESSED_RGBA_ASTC_12X12_KHR, GL.COMPRESSED_SRGB8_ALPHA8_ASTC_12X12_KHR]
+  0: [GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGB_PVRTC_2BPPV1_IMG],
+  1: [GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_PVRTC_2BPPV1_IMG],
+  2: [GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGB_PVRTC_4BPPV1_IMG],
+  3: [GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_PVRTC_4BPPV1_IMG],
+  6: [GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGB_ETC1_WEBGL],
+  7: [GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGB_S3TC_DXT1_EXT],
+  9: [GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_S3TC_DXT3_EXT],
+  11: [GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_S3TC_DXT5_EXT],
+  22: [GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGB8_ETC2],
+  23: [GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA8_ETC2_EAC],
+  24: [GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGB8_PUNCHTHROUGH_ALPHA1_ETC2],
+  25: [GL_EXTENSIONS_CONSTANTS.COMPRESSED_R11_EAC],
+  26: [GL_EXTENSIONS_CONSTANTS.COMPRESSED_RG11_EAC],
+  27: [
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_4X4_KHR,
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_4X4_KHR
+  ],
+  28: [
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_5X4_KHR,
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_5X4_KHR
+  ],
+  29: [
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_5X5_KHR,
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_5X5_KHR
+  ],
+  30: [
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_6X5_KHR,
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_6X5_KHR
+  ],
+  31: [
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_6X6_KHR,
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_6X6_KHR
+  ],
+  32: [
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_8X5_KHR,
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_8X5_KHR
+  ],
+  33: [
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_8X6_KHR,
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_8X6_KHR
+  ],
+  34: [
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_8X8_KHR,
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_8X8_KHR
+  ],
+  35: [
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_10X5_KHR,
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_10X5_KHR
+  ],
+  36: [
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_10X6_KHR,
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_10X6_KHR
+  ],
+  37: [
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_10X8_KHR,
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_10X8_KHR
+  ],
+  38: [
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_10X10_KHR,
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_10X10_KHR
+  ],
+  39: [
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_12X10_KHR,
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_12X10_KHR
+  ],
+  40: [
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_12X12_KHR,
+    GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_12X12_KHR
+  ]
 };
 
 const PVR_SIZE_FUNCTIONS: Record<number, (width: number, height: number) => number> = {

package/src/lib/utils/extract-mipmap-images.ts

@@ -1,4 +1,12 @@
-import {CompressedTextureExtractOptions, TextureLevel} from '../../types';
+import type {TextureLevel} from '@loaders.gl/schema';
+
+export type CompressedTextureExtractOptions = {
+  mipMapLevels: number;
+  width: number;
+  height: number;
+  sizeFunction: Function;
+  internalFormat: number;
+};
 
 /**
  * Extract mipmap images from compressed texture buffer