@loaders.gl/textures 4.4.0-alpha.16 → 4.4.0-alpha.18

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

@@ -6,8 +6,50 @@
 // 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 type {TextureLevel} from '@loaders.gl/schema';
-import {GL_EXTENSIONS_CONSTANTS} from '../gl-extensions';
+import type {GLTextureFormat, TextureLevel} from '@loaders.gl/schema';
+import {
+  GL_COMPRESSED_R11_EAC,
+  GL_COMPRESSED_RG11_EAC,
+  GL_COMPRESSED_RGB8_ETC2,
+  GL_COMPRESSED_RGB8_PUNCHTHROUGH_ALPHA1_ETC2,
+  GL_COMPRESSED_RGB_ETC1_WEBGL,
+  GL_COMPRESSED_RGB_PVRTC_2BPPV1_IMG,
+  GL_COMPRESSED_RGB_PVRTC_4BPPV1_IMG,
+  GL_COMPRESSED_RGB_S3TC_DXT1_EXT,
+  GL_COMPRESSED_RGBA8_ETC2_EAC,
+  GL_COMPRESSED_RGBA_PVRTC_2BPPV1_IMG,
+  GL_COMPRESSED_RGBA_PVRTC_4BPPV1_IMG,
+  GL_COMPRESSED_RGBA_ASTC_10x10_KHR,
+  GL_COMPRESSED_RGBA_ASTC_10x5_KHR,
+  GL_COMPRESSED_RGBA_ASTC_10x6_KHR,
+  GL_COMPRESSED_RGBA_ASTC_10x8_KHR,
+  GL_COMPRESSED_RGBA_ASTC_12x10_KHR,
+  GL_COMPRESSED_RGBA_ASTC_12x12_KHR,
+  GL_COMPRESSED_RGBA_ASTC_4x4_KHR,
+  GL_COMPRESSED_RGBA_ASTC_5x4_KHR,
+  GL_COMPRESSED_RGBA_ASTC_5x5_KHR,
+  GL_COMPRESSED_RGBA_ASTC_6x5_KHR,
+  GL_COMPRESSED_RGBA_ASTC_6x6_KHR,
+  GL_COMPRESSED_RGBA_ASTC_8x5_KHR,
+  GL_COMPRESSED_RGBA_ASTC_8x6_KHR,
+  GL_COMPRESSED_RGBA_ASTC_8x8_KHR,
+  GL_COMPRESSED_RGBA_S3TC_DXT3_EXT,
+  GL_COMPRESSED_RGBA_S3TC_DXT5_EXT,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_10x10_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_10x5_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_10x6_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_10x8_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_12x10_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_12x12_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_4x4_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_5x4_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_5x5_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_6x5_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_6x6_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_8x5_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_8x6_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_8x8_KHR
+} from '../gl-extensions';
 import {extractMipmapImages} from '../utils/extract-mipmap-images';
 
 const PVR_CONSTANTS: Record<string, number> = {
@@ -24,76 +66,34 @@ const PVR_CONSTANTS: Record<string, number> = {
   METADATA_SIZE_INDEX: 12
 };
 
-const PVR_PIXEL_FORMATS: Record<number, number[]> = {
-  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_PIXEL_FORMATS: Record<number, GLTextureFormat[]> = {
+  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]
 };
 
 const PVR_SIZE_FUNCTIONS: Record<number, (width: number, height: number) => number> = {

package/src/lib/utils/detect-supported-texture-formats.ts

@@ -0,0 +1,210 @@
+// loaders.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+import type {GPUTextureFormat, TextureFormat} from '@loaders.gl/schema';
+
+const BROWSER_PREFIXES = ['', 'WEBKIT_', 'MOZ_'];
+
+const WEBGL_TEXTURE_FORMATS: {[key: string]: TextureFormat[]} = {
+  /* eslint-disable camelcase */
+  WEBGL_compressed_texture_s3tc: [
+    'bc1-rgb-unorm-webgl',
+    'bc1-rgba-unorm',
+    'bc2-rgba-unorm',
+    'bc3-rgba-unorm'
+  ],
+  WEBGL_compressed_texture_s3tc_srgb: [
+    'bc1-rgb-unorm-srgb-webgl',
+    'bc1-rgba-unorm-srgb',
+    'bc2-rgba-unorm-srgb',
+    'bc3-rgba-unorm-srgb'
+  ],
+  EXT_texture_compression_rgtc: ['bc4-r-unorm', 'bc4-r-snorm', 'bc5-rg-unorm', 'bc5-rg-snorm'],
+  EXT_texture_compression_bptc: [
+    'bc6h-rgb-ufloat',
+    'bc6h-rgb-float',
+    'bc7-rgba-unorm',
+    'bc7-rgba-unorm-srgb'
+  ],
+  WEBGL_compressed_texture_etc1: ['etc1-rbg-unorm-webgl'],
+  WEBGL_compressed_texture_etc: [
+    'etc2-rgb8unorm',
+    'etc2-rgb8unorm-srgb',
+    'etc2-rgb8a1unorm',
+    'etc2-rgb8a1unorm-srgb',
+    'etc2-rgba8unorm',
+    'etc2-rgba8unorm-srgb',
+    'eac-r11unorm',
+    'eac-r11snorm',
+    'eac-rg11unorm',
+    'eac-rg11snorm'
+  ],
+  WEBGL_compressed_texture_pvrtc: [
+    'pvrtc-rgb4unorm-webgl',
+    'pvrtc-rgba4unorm-webgl',
+    'pvrtc-rbg2unorm-webgl',
+    'pvrtc-rgba2unorm-webgl'
+  ],
+  WEBGL_compressed_texture_atc: [
+    'atc-rgb-unorm-webgl',
+    'atc-rgba-unorm-webgl',
+    'atc-rgbai-unorm-webgl'
+  ],
+  WEBGL_compressed_texture_astc: [
+    'astc-4x4-unorm',
+    'astc-4x4-unorm-srgb',
+    'astc-5x4-unorm',
+    'astc-5x4-unorm-srgb',
+    'astc-5x5-unorm',
+    'astc-5x5-unorm-srgb',
+    'astc-6x5-unorm',
+    'astc-6x5-unorm-srgb',
+    'astc-6x6-unorm',
+    'astc-6x6-unorm-srgb',
+    'astc-8x5-unorm',
+    'astc-8x5-unorm-srgb',
+    'astc-8x6-unorm',
+    'astc-8x6-unorm-srgb',
+    'astc-8x8-unorm',
+    'astc-8x8-unorm-srgb',
+    'astc-10x5-unorm',
+    'astc-10x5-unorm-srgb',
+    'astc-10x6-unorm',
+    'astc-10x6-unorm-srgb',
+    'astc-10x8-unorm',
+    'astc-10x8-unorm-srgb',
+    'astc-10x10-unorm',
+    'astc-10x10-unorm-srgb',
+    'astc-12x10-unorm',
+    'astc-12x10-unorm-srgb',
+    'astc-12x12-unorm',
+    'astc-12x12-unorm-srgb'
+  ]
+  /* eslint-enable camelcase */
+};
+
+const GPU_TEXTURE_FORMATS: {[key in GPUTextureFormat]: TextureFormat[]} = {
+  dxt: ['bc1-rgb-unorm-webgl', 'bc1-rgba-unorm', 'bc2-rgba-unorm', 'bc3-rgba-unorm'],
+  'dxt-srgb': [
+    'bc1-rgb-unorm-srgb-webgl',
+    'bc1-rgba-unorm-srgb',
+    'bc2-rgba-unorm-srgb',
+    'bc3-rgba-unorm-srgb'
+  ],
+  etc1: ['etc1-rbg-unorm-webgl'],
+  etc2: [
+    'etc2-rgb8unorm',
+    'etc2-rgb8unorm-srgb',
+    'etc2-rgb8a1unorm',
+    'etc2-rgb8a1unorm-srgb',
+    'etc2-rgba8unorm',
+    'etc2-rgba8unorm-srgb',
+    'eac-r11unorm',
+    'eac-r11snorm',
+    'eac-rg11unorm',
+    'eac-rg11snorm'
+  ],
+  pvrtc: [
+    'pvrtc-rgb4unorm-webgl',
+    'pvrtc-rgba4unorm-webgl',
+    'pvrtc-rbg2unorm-webgl',
+    'pvrtc-rgba2unorm-webgl'
+  ],
+  atc: ['atc-rgb-unorm-webgl', 'atc-rgba-unorm-webgl', 'atc-rgbai-unorm-webgl'],
+  astc: [
+    'astc-4x4-unorm',
+    'astc-4x4-unorm-srgb',
+    'astc-5x4-unorm',
+    'astc-5x4-unorm-srgb',
+    'astc-5x5-unorm',
+    'astc-5x5-unorm-srgb',
+    'astc-6x5-unorm',
+    'astc-6x5-unorm-srgb',
+    'astc-6x6-unorm',
+    'astc-6x6-unorm-srgb',
+    'astc-8x5-unorm',
+    'astc-8x5-unorm-srgb',
+    'astc-8x6-unorm',
+    'astc-8x6-unorm-srgb',
+    'astc-8x8-unorm',
+    'astc-8x8-unorm-srgb',
+    'astc-10x5-unorm',
+    'astc-10x5-unorm-srgb',
+    'astc-10x6-unorm',
+    'astc-10x6-unorm-srgb',
+    'astc-10x8-unorm',
+    'astc-10x8-unorm-srgb',
+    'astc-10x10-unorm',
+    'astc-10x10-unorm-srgb',
+    'astc-12x10-unorm',
+    'astc-12x10-unorm-srgb',
+    'astc-12x12-unorm',
+    'astc-12x12-unorm-srgb'
+  ],
+  rgtc: ['bc4-r-unorm', 'bc4-r-snorm', 'bc5-rg-unorm', 'bc5-rg-snorm']
+};
+
+let formats: Set<GPUTextureFormat> | null = null;
+let textureFormats: Set<TextureFormat> | null = null;
+
+// DEPRECATED
+/**
+ * @deprecated Pass `basis.supportedTextureFormats` to Basis loaders instead of relying on global detection.
+ */
+export function detectSupportedTextureFormats(gl?: WebGLRenderingContext): Set<TextureFormat> {
+  if (!textureFormats) {
+    gl = gl || getWebGLContext() || undefined;
+    textureFormats = new Set<TextureFormat>();
+
+    for (const prefix of BROWSER_PREFIXES) {
+      for (const extension in WEBGL_TEXTURE_FORMATS) {
+        if (gl && gl.getExtension(`${prefix}${extension}`)) {
+          for (const textureFormat of WEBGL_TEXTURE_FORMATS[extension]) {
+            textureFormats.add(textureFormat);
+          }
+        }
+      }
+    }
+  }
+
+  return textureFormats;
+}
+
+// DEPRECATED
+/**
+ * Returns a list of formats.
+ * Creates a temporary WebGLRenderingContext if none is provided.
+ *
+ * @deprecated Pass `basis.supportedTextureFormats` to Basis loaders instead of relying on global detection.
+ * @param gl - Optional context.
+ */
+export function detectSupportedGPUTextureFormats(gl?: WebGLRenderingContext): Set<string> {
+  if (!formats) {
+    formats = new Set<GPUTextureFormat>();
+    const supportedTextureFormats = detectSupportedTextureFormats(gl);
+
+    for (const gpuTextureFormat in GPU_TEXTURE_FORMATS) {
+      const textureFormatsForGroup = GPU_TEXTURE_FORMATS[gpuTextureFormat as GPUTextureFormat];
+      if (
+        textureFormatsForGroup.some((textureFormat) => supportedTextureFormats.has(textureFormat))
+      ) {
+        formats.add(gpuTextureFormat as GPUTextureFormat);
+      }
+    }
+  }
+
+  return formats;
+}
+
+/**
+ * @returns {WebGLRenderingContext?}
+ */
+function getWebGLContext() {
+  try {
+    const canvas = document.createElement('canvas');
+    return canvas.getContext('webgl');
+  } catch (error) {
+    return null;
+  }
+}

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

@@ -2,14 +2,15 @@
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
 
-import type {TextureLevel} from '@loaders.gl/schema';
+import type {GLTextureFormat, TextureLevel} from '@loaders.gl/schema';
+import {getTextureFormatFromWebGLFormat} from './texture-format-map';
 
 export type CompressedTextureExtractOptions = {
   mipMapLevels: number;
   width: number;
   height: number;
   sizeFunction: Function;
-  internalFormat: number;
+  internalFormat?: GLTextureFormat;
 };
 
 /**
@@ -27,6 +28,8 @@ export function extractMipmapImages(
   options: CompressedTextureExtractOptions
 ): TextureLevel[] {
   const images = new Array(options.mipMapLevels);
+  const format = options.internalFormat;
+  const textureFormat = format === undefined ? undefined : getTextureFormatFromWebGLFormat(format);
 
   let levelWidth = options.width;
   let levelHeight = options.height;
@@ -38,15 +41,23 @@ export function extractMipmapImages(
     // @ts-expect-error
     const levelData = getLevelData(data, i, offset, levelSize);
 
-    images[i] = {
+    const image: TextureLevel = {
+      shape: 'texture-level',
       compressed: true,
-      format: options.internalFormat,
       data: levelData,
       width: levelWidth,
       height: levelHeight,
       levelSize
     };
 
+    if (format !== undefined) {
+      image.format = format;
+    }
+    if (textureFormat) {
+      image.textureFormat = textureFormat;
+    }
+    images[i] = image;
+
     levelWidth = Math.max(1, levelWidth >> 1);
     levelHeight = Math.max(1, levelHeight >> 1);
 

package/src/lib/utils/ktx-format-helper.ts

@@ -2,117 +2,130 @@
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
 
-import {GL_EXTENSIONS_CONSTANTS} from '../gl-extensions';
+/* eslint-disable camelcase */
+import type {GLTextureFormat} from '@loaders.gl/schema';
+import {
+  GL_COMPRESSED_R11_EAC,
+  GL_COMPRESSED_RED_GREEN_RGTC2_EXT,
+  GL_COMPRESSED_RED_RGTC1_EXT,
+  GL_COMPRESSED_RG11_EAC,
+  GL_COMPRESSED_RGB8_ETC2,
+  GL_COMPRESSED_RGB8_PUNCHTHROUGH_ALPHA1_ETC2,
+  GL_COMPRESSED_RGBA8_ETC2_EAC,
+  GL_COMPRESSED_RGBA_ASTC_10x10_KHR,
+  GL_COMPRESSED_RGBA_ASTC_10x5_KHR,
+  GL_COMPRESSED_RGBA_ASTC_10x6_KHR,
+  GL_COMPRESSED_RGBA_ASTC_10x8_KHR,
+  GL_COMPRESSED_RGBA_ASTC_12x10_KHR,
+  GL_COMPRESSED_RGBA_ASTC_12x12_KHR,
+  GL_COMPRESSED_RGBA_ASTC_4x4_KHR,
+  GL_COMPRESSED_RGBA_ASTC_5x4_KHR,
+  GL_COMPRESSED_RGBA_ASTC_5x5_KHR,
+  GL_COMPRESSED_RGBA_ASTC_6x5_KHR,
+  GL_COMPRESSED_RGBA_ASTC_6x6_KHR,
+  GL_COMPRESSED_RGBA_ASTC_8x5_KHR,
+  GL_COMPRESSED_RGBA_ASTC_8x6_KHR,
+  GL_COMPRESSED_RGBA_ASTC_8x8_KHR,
+  GL_COMPRESSED_RGBA_PVRTC_2BPPV1_IMG,
+  GL_COMPRESSED_RGBA_PVRTC_4BPPV1_IMG,
+  GL_COMPRESSED_RGBA_S3TC_DXT1_EXT,
+  GL_COMPRESSED_RGBA_S3TC_DXT3_EXT,
+  GL_COMPRESSED_RGBA_S3TC_DXT5_EXT,
+  GL_COMPRESSED_RGB_S3TC_DXT1_EXT,
+  GL_COMPRESSED_SIGNED_R11_EAC,
+  GL_COMPRESSED_SIGNED_RED_GREEN_RGTC2_EXT,
+  GL_COMPRESSED_SIGNED_RED_RGTC1_EXT,
+  GL_COMPRESSED_SIGNED_RG11_EAC,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_10x10_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_10x5_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_10x6_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_10x8_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_12x10_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_12x12_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_4x4_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_5x4_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_5x5_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_6x5_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_6x6_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_8x5_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_8x6_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ASTC_8x8_KHR,
+  GL_COMPRESSED_SRGB8_ALPHA8_ETC2_EAC,
+  GL_COMPRESSED_SRGB8_ETC2,
+  GL_COMPRESSED_SRGB8_PUNCHTHROUGH_ALPHA1_ETC2,
+  GL_COMPRESSED_SRGB_ALPHA_S3TC_DXT1_EXT,
+  GL_COMPRESSED_SRGB_ALPHA_S3TC_DXT3_EXT,
+  GL_COMPRESSED_SRGB_ALPHA_S3TC_DXT5_EXT,
+  GL_COMPRESSED_SRGB_S3TC_DXT1_EXT
+} from '../gl-extensions';
 
-const VULKAN_TO_WEBGL_FORMAT_MAP: Record<number, number> = {
-  131: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGB_S3TC_DXT1_EXT,
-  132: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB_S3TC_DXT1_EXT,
-  133: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_S3TC_DXT1_EXT,
-  134: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB_ALPHA_S3TC_DXT1_EXT,
-  135: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_S3TC_DXT3_EXT,
-  136: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB_ALPHA_S3TC_DXT3_EXT,
-  137: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_S3TC_DXT5_EXT,
-  138: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB_ALPHA_S3TC_DXT5_EXT,
-  139: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RED_RGTC1_EXT,
-  140: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SIGNED_RED_RGTC1_EXT,
-  141: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RED_GREEN_RGTC2_EXT,
-  142: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SIGNED_RED_GREEN_RGTC2_EXT,
-  147: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGB8_ETC2,
-  148: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ETC2,
-  149: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGB8_PUNCHTHROUGH_ALPHA1_ETC2,
-  150: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_PUNCHTHROUGH_ALPHA1_ETC2,
-  151: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA8_ETC2_EAC,
-  152: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ETC2_EAC,
-  153: GL_EXTENSIONS_CONSTANTS.COMPRESSED_R11_EAC,
-  154: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SIGNED_R11_EAC,
-  155: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RG11_EAC,
-  156: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SIGNED_RG11_EAC,
-  // @ts-ignore
-  157: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_4x4_KHR,
-  // @ts-ignore
-  158: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_4x4_KHR,
-  // @ts-ignore
-  159: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_5x4_KHR,
-  // @ts-ignore
-  160: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_5X4_KHR,
-  // @ts-ignore
-  161: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_5x5_KHR,
-  // @ts-ignore
-  162: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_5x5_KHR,
-  // @ts-ignore
-  163: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_6x5_KHR,
-  // @ts-ignore
-  164: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_6x5_KHR,
-  // @ts-ignore
-  165: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_6x6_KHR,
-  // @ts-ignore
-  166: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_6x6_KHR,
-  // @ts-ignore
-  167: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_8x5_KHR,
-  // @ts-ignore
-  168: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_8x5_KHR,
-  // @ts-ignore
-  169: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_8x6_KHR,
-  // @ts-ignore
-  170: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_8x6_KHR,
-  // @ts-ignore
-  171: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_8x8_KHR,
-  // @ts-ignore
-  172: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_8x8_KHR,
-  // @ts-ignore
-  173: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_10x5_KHR,
-  // @ts-ignore
-  174: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_10x5_KHR,
-  // @ts-ignore
-  175: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_10x6_KHR,
-  // @ts-ignore
-  176: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_10x6_KHR,
-  // @ts-ignore
-  177: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_10x8_KHR,
-  // @ts-ignore
-  178: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_10x8_KHR,
-  // @ts-ignore
-  179: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_10x10_KHR,
-  // @ts-ignore
-  180: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_10x10_KHR,
-  // @ts-ignore
-  181: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_12x10_KHR,
-  // @ts-ignore
-  182: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_12x10_KHR,
-  // @ts-ignore
-  183: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_12x12_KHR,
-  // @ts-ignore
-  184: GL_EXTENSIONS_CONSTANTS.COMPRESSED_SRGB8_ALPHA8_ASTC_12x12_KHR,
-  1000054000: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_PVRTC_2BPPV1_IMG,
-  1000054001: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_PVRTC_4BPPV1_IMG,
-  // @ts-ignore
-  1000066000: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_4x4_KHR,
-  // @ts-ignore
-  1000066001: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_5x4_KHR,
-  // @ts-ignore
-  1000066002: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_5x5_KHR,
-  // @ts-ignore
-  1000066003: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_6x5_KHR,
-  // @ts-ignore
-  1000066004: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_6x6_KHR,
-  // @ts-ignore
-  1000066005: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_8x5_KHR,
-  // @ts-ignore
-  1000066006: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_8x6_KHR,
-  // @ts-ignore
-  1000066007: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_8x8_KHR,
-  // @ts-ignore
-  1000066008: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_10x5_KHR,
-  // @ts-ignore
-  1000066009: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_10x6_KHR,
-  // @ts-ignore
-  1000066010: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_10x8_KHR,
-  // @ts-ignore
-  1000066011: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_10x10_KHR,
-  // @ts-ignore
-  1000066012: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_12x10_KHR,
-  // @ts-ignore
-  1000066013: GL_EXTENSIONS_CONSTANTS.COMPRESSED_RGBA_ASTC_12x12_KHR
+const VULKAN_TO_WEBGL_FORMAT_MAP: Record<number, GLTextureFormat> = {
+  131: GL_COMPRESSED_RGB_S3TC_DXT1_EXT,
+  132: GL_COMPRESSED_SRGB_S3TC_DXT1_EXT,
+  133: GL_COMPRESSED_RGBA_S3TC_DXT1_EXT,
+  134: GL_COMPRESSED_SRGB_ALPHA_S3TC_DXT1_EXT,
+  135: GL_COMPRESSED_RGBA_S3TC_DXT3_EXT,
+  136: GL_COMPRESSED_SRGB_ALPHA_S3TC_DXT3_EXT,
+  137: GL_COMPRESSED_RGBA_S3TC_DXT5_EXT,
+  138: GL_COMPRESSED_SRGB_ALPHA_S3TC_DXT5_EXT,
+  139: GL_COMPRESSED_RED_RGTC1_EXT,
+  140: GL_COMPRESSED_SIGNED_RED_RGTC1_EXT,
+  141: GL_COMPRESSED_RED_GREEN_RGTC2_EXT,
+  142: GL_COMPRESSED_SIGNED_RED_GREEN_RGTC2_EXT,
+  147: GL_COMPRESSED_RGB8_ETC2,
+  148: GL_COMPRESSED_SRGB8_ETC2,
+  149: GL_COMPRESSED_RGB8_PUNCHTHROUGH_ALPHA1_ETC2,
+  150: GL_COMPRESSED_SRGB8_PUNCHTHROUGH_ALPHA1_ETC2,
+  151: GL_COMPRESSED_RGBA8_ETC2_EAC,
+  152: GL_COMPRESSED_SRGB8_ALPHA8_ETC2_EAC,
+  153: GL_COMPRESSED_R11_EAC,
+  154: GL_COMPRESSED_SIGNED_R11_EAC,
+  155: GL_COMPRESSED_RG11_EAC,
+  156: GL_COMPRESSED_SIGNED_RG11_EAC,
+  157: GL_COMPRESSED_RGBA_ASTC_4x4_KHR,
+  158: GL_COMPRESSED_SRGB8_ALPHA8_ASTC_4x4_KHR,
+  159: GL_COMPRESSED_RGBA_ASTC_5x4_KHR,
+  160: GL_COMPRESSED_SRGB8_ALPHA8_ASTC_5x4_KHR,
+  161: GL_COMPRESSED_RGBA_ASTC_5x5_KHR,
+  162: GL_COMPRESSED_SRGB8_ALPHA8_ASTC_5x5_KHR,
+  163: GL_COMPRESSED_RGBA_ASTC_6x5_KHR,
+  164: GL_COMPRESSED_SRGB8_ALPHA8_ASTC_6x5_KHR,
+  165: GL_COMPRESSED_RGBA_ASTC_6x6_KHR,
+  166: GL_COMPRESSED_SRGB8_ALPHA8_ASTC_6x6_KHR,
+  167: GL_COMPRESSED_RGBA_ASTC_8x5_KHR,
+  168: GL_COMPRESSED_SRGB8_ALPHA8_ASTC_8x5_KHR,
+  169: GL_COMPRESSED_RGBA_ASTC_8x6_KHR,
+  170: GL_COMPRESSED_SRGB8_ALPHA8_ASTC_8x6_KHR,
+  171: GL_COMPRESSED_RGBA_ASTC_8x8_KHR,
+  172: GL_COMPRESSED_SRGB8_ALPHA8_ASTC_8x8_KHR,
+  173: GL_COMPRESSED_RGBA_ASTC_10x5_KHR,
+  174: GL_COMPRESSED_SRGB8_ALPHA8_ASTC_10x5_KHR,
+  175: GL_COMPRESSED_RGBA_ASTC_10x6_KHR,
+  176: GL_COMPRESSED_SRGB8_ALPHA8_ASTC_10x6_KHR,
+  177: GL_COMPRESSED_RGBA_ASTC_10x8_KHR,
+  178: GL_COMPRESSED_SRGB8_ALPHA8_ASTC_10x8_KHR,
+  179: GL_COMPRESSED_RGBA_ASTC_10x10_KHR,
+  180: GL_COMPRESSED_SRGB8_ALPHA8_ASTC_10x10_KHR,
+  181: GL_COMPRESSED_RGBA_ASTC_12x10_KHR,
+  182: GL_COMPRESSED_SRGB8_ALPHA8_ASTC_12x10_KHR,
+  183: GL_COMPRESSED_RGBA_ASTC_12x12_KHR,
+  184: GL_COMPRESSED_SRGB8_ALPHA8_ASTC_12x12_KHR,
+  1000054000: GL_COMPRESSED_RGBA_PVRTC_2BPPV1_IMG,
+  1000054001: GL_COMPRESSED_RGBA_PVRTC_4BPPV1_IMG,
+  1000066000: GL_COMPRESSED_RGBA_ASTC_4x4_KHR,
+  1000066001: GL_COMPRESSED_RGBA_ASTC_5x4_KHR,
+  1000066002: GL_COMPRESSED_RGBA_ASTC_5x5_KHR,
+  1000066003: GL_COMPRESSED_RGBA_ASTC_6x5_KHR,
+  1000066004: GL_COMPRESSED_RGBA_ASTC_6x6_KHR,
+  1000066005: GL_COMPRESSED_RGBA_ASTC_8x5_KHR,
+  1000066006: GL_COMPRESSED_RGBA_ASTC_8x6_KHR,
+  1000066007: GL_COMPRESSED_RGBA_ASTC_8x8_KHR,
+  1000066008: GL_COMPRESSED_RGBA_ASTC_10x5_KHR,
+  1000066009: GL_COMPRESSED_RGBA_ASTC_10x6_KHR,
+  1000066010: GL_COMPRESSED_RGBA_ASTC_10x8_KHR,
+  1000066011: GL_COMPRESSED_RGBA_ASTC_10x10_KHR,
+  1000066012: GL_COMPRESSED_RGBA_ASTC_12x10_KHR,
+  1000066013: GL_COMPRESSED_RGBA_ASTC_12x12_KHR
 };
 
 /**
@@ -122,6 +135,6 @@ const VULKAN_TO_WEBGL_FORMAT_MAP: Record<number, number> = {
  * @param vkFormat
  * @returns WebGL / OpenGL constant
  */
-export function mapVkFormatToWebGL(vkFormat: number): number {
+export function mapVkFormatToWebGL(vkFormat: number): GLTextureFormat | undefined {
   return VULKAN_TO_WEBGL_FORMAT_MAP[vkFormat];
 }