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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loaders.gl/textures",
-  "version": "4.0.0-alpha.4",
+  "version": "4.0.0-alpha.5",
   "description": "Framework-independent loaders for compressed and super compressed (basis) textures ",
   "license": "MIT",
   "publishConfig": {
@@ -21,7 +21,7 @@
     "ETC",
     "basis"
   ],
-  "types": "src/index.ts",
+  "types": "dist/index.d.ts",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "sideEffects": false,
@@ -34,19 +34,20 @@
   "scripts": {
     "pre-build": "npm run copy-libs && npm run build-worker && npm run build-bundle",
     "copy-libs": "cp -rf ./src/libs ./dist/libs",
-    "build-bundle": "esbuild src/bundle.ts --bundle --outfile=dist/bundle.js",
+    "build-bundle": "esbuild src/bundle.ts --bundle --outfile=dist/dist.min.js",
     "build-worker": "npm run build-basis-worker && npm run build-npy-worker && npm run build-compressed-texture-worker && npm run build-crunch-worker",
-    "build-basis-worker": "esbuild src/workers/basis-worker.ts --bundle --outfile=dist/basis-worker.js",
-    "build-npy-worker": "esbuild src/workers/npy-worker.ts --bundle --outfile=dist/npy-worker.js",
-    "build-compressed-texture-worker": "esbuild src/workers/compressed-texture-worker.ts --bundle --outfile=dist/compressed-texture-worker.js",
-    "build-crunch-worker": "esbuild src/workers/crunch-worker.ts --bundle --outfile=dist/crunch-worker.js"
+    "build-basis-worker": "esbuild src/workers/basis-worker.ts --bundle --outfile=dist/basis-worker.js --define:__VERSION__=\\\"$npm_package_version\\\"",
+    "build-npy-worker": "esbuild src/workers/npy-worker.ts --bundle --outfile=dist/npy-worker.js --define:__VERSION__=\\\"$npm_package_version\\\"",
+    "build-compressed-texture-worker": "esbuild src/workers/compressed-texture-worker.ts --bundle --outfile=dist/compressed-texture-worker.js --define:__VERSION__=\\\"$npm_package_version\\\"",
+    "build-crunch-worker": "esbuild src/workers/crunch-worker.ts --bundle --outfile=dist/crunch-worker.js --define:__VERSION__=\\\"$npm_package_version\\\""
   },
   "dependencies": {
-    "@loaders.gl/images": "4.0.0-alpha.4",
-    "@loaders.gl/loader-utils": "4.0.0-alpha.4",
-    "@loaders.gl/worker-utils": "4.0.0-alpha.4",
+    "@loaders.gl/images": "4.0.0-alpha.5",
+    "@loaders.gl/loader-utils": "4.0.0-alpha.5",
+    "@loaders.gl/schema": "4.0.0-alpha.5",
+    "@loaders.gl/worker-utils": "4.0.0-alpha.5",
     "ktx-parse": "^0.0.4",
     "texture-compressor": "^1.0.2"
   },
-  "gitHead": "53026061b3c8871f7e96d3a5826125cc6613bddc"
+  "gitHead": "7a71a54bdf1ddf985cc3af3db90b82e7fa97d025"
 }

package/src/compressed-texture-loader.ts

@@ -59,7 +59,7 @@ export const CompressedTextureLoader = {
         containerFormat: 'ktx2',
         module: 'encoder'
       };
-      return await parseBasis(arrayBuffer, options);
+      return (await parseBasis(arrayBuffer, options))[0];
     }
     return parseCompressedTexture(arrayBuffer);
   }

package/src/index.ts

@@ -1,5 +1,5 @@
 // Types
-export type {GPUTextureFormat} from './types';
+export type {GPUTextureFormat} from '@loaders.gl/schema';
 export type {TextureLoaderOptions} from './compressed-texture-loader';
 
 // Loaders
@@ -18,7 +18,7 @@ export {loadImageTextureArray} from './lib/texture-api/load-image-array';
 export {loadImageTextureCube} from './lib/texture-api/load-image-cube';
 
 // Utilities
-export {GL as GL_CONSTANTS} from './lib/gl-constants';
+export {GL_EXTENSIONS_CONSTANTS} from './lib/gl-extensions';
 export {selectSupportedBasisFormat} from './lib/parsers/parse-basis';
 export {getSupportedGPUTextureFormats} from './lib/utils/texture-formats';
 

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

@@ -11,7 +11,7 @@ import {loadBasisEncoderModule} from '../parsers/basis-module-loader';
 export async function encodeKTX2BasisTexture(
   image: ImageDataType,
   options: any = {}
-): Promise<Uint8Array> {
+): Promise<ArrayBuffer> {
   // TODO remove default values after writer options will be normalized like it done in load module.
   const {useSRGB = false, qualityLevel = 10, encodeUASTC = false, mipmaps = false} = options;
   const {BasisEncoder} = await loadBasisEncoderModule(options);
@@ -32,7 +32,7 @@ export async function encodeKTX2BasisTexture(
 
     const numOutputBytes = basisEncoder.encode(basisFileData);
 
-    const actualKTX2FileData = new Uint8Array(basisFileData.buffer, 0, numOutputBytes);
+    const actualKTX2FileData = basisFileData.subarray(0, numOutputBytes).buffer;
     return actualKTX2FileData;
   } catch (error) {
     // eslint-disable-next-line no-console

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

@@ -1,11 +1,13 @@
 import {ChildProcessProxy} from '@loaders.gl/worker-utils';
 
-const MODULE_ROOT = `${__dirname}/../../..`;
-
 /*
  * @see https://github.com/TimvanScherpenzeel/texture-compressor
  */
-export async function encodeImageURLToCompressedTextureURL(inputUrl, outputUrl) {
+export async function encodeImageURLToCompressedTextureURL(
+  inputUrl: string,
+  outputUrl: string,
+  options?: {cwd?: string}
+): Promise<string> {
   // prettier-ignore
   const args = [
     // Note: our actual executable is `npx`, so `texture-compressor` is an argument
@@ -20,9 +22,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 {
@@ -204,18 +255,18 @@ function transcodeKTX2Image(ktx2File, levelIndex, options) {
 
     // Additional fields
     // Add levelSize field.
-    alphaFlag,
+    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,3 +1,5 @@
+// import type {TextureLevel} from '@loaders.gl/schema';
+
 type NumpyHeader = {descr: string; shape: number[]};
 
 function systemIsLittleEndian() {

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