@geastack/native-webgl-angle 0.1.15 → 0.1.17

package/geatsc-plugin-uploads.mjs

@@ -16,6 +16,9 @@ export const nativeUploadFunctions = [
   ['threeWebGLTexImage3D', 'gea_three_webgl_tex_image_3d_native', ['target', 'level', 'internalFormat', 'width', 'height', 'depth', 'format', 'type'], 'gea_three_webgl_tex_image_3d_bytes', ['target', 'level', 'internalFormat', 'width', 'height', 'depth', 'format', 'type'], textureElementKind],
   ['threeWebGLTexSubImage3D', 'gea_three_webgl_tex_sub_image_3d_native', ['target', 'level', 'xoffset', 'yoffset', 'zoffset', 'width', 'height', 'depth', 'format', 'type'], 'gea_three_webgl_tex_sub_image_3d_bytes', ['target', 'level', 'xoffset', 'yoffset', 'zoffset', 'width', 'height', 'depth', 'format', 'type'], textureElementKind],
   ['threeWebGLTexSubImage2D', 'gea_three_webgl_tex_sub_image_2d_native', ['target', 'level', 'xoffset', 'yoffset', 'width', 'height', 'format', 'type'], 'gea_three_webgl_tex_sub_image_2d_bytes', ['target', 'level', 'xoffset', 'yoffset', 'width', 'height', 'format', 'type'], textureElementKind],
+  // Compressed blocks are opaque bytes.
+  ['threeWebGLCompressedTexImage2D', 'gea_three_webgl_compressed_tex_image_2d_native', ['target', 'level', 'internalFormat', 'width', 'height'], 'gea_three_webgl_compressed_tex_image_2d_bytes', ['target', 'level', 'internalFormat', 'width', 'height'], '4'],
+  ['threeWebGLCompressedTexSubImage2D', 'gea_three_webgl_compressed_tex_sub_image_2d_native', ['target', 'level', 'xoffset', 'yoffset', 'width', 'height', 'format'], 'gea_three_webgl_compressed_tex_sub_image_2d_bytes', ['target', 'level', 'xoffset', 'yoffset', 'width', 'height', 'format'], '4'],
 ].map(([name, binding, parameters, raw, rawParameters, kind, range]) => {
   const declaration = `extern "C" void ${raw}(${rawParameters.map(p => `double ${p}`).join(', ')}, const void* bytes, double byteLength);
   template <typename Source> inline void ${binding}(${parameters.map(p => `double ${p}`).join(', ')}, const Source& values${range ? ', double sourceOffset, double length' : ''}) {

package/geatsc-plugin.mjs

@@ -77,6 +77,30 @@ function nativeVoidMemberCallContract(
 const hostFunctions = [
  ['threeWebGLCopyTexImage2D','gea_three_webgl_copy_tex_image_2d','void','extern "C" void gea_three_webgl_copy_tex_image_2d(double,double,double,double,double,double,double,double);'],
  ['threeWebGLCopyTexSubImage2D','gea_three_webgl_copy_tex_sub_image_2d','void','extern "C" void gea_three_webgl_copy_tex_sub_image_2d(double,double,double,double,double,double,double,double);'],
+  [
+    "threeWebGLBindBufferBase",
+    "gea_three_webgl_bind_buffer_base",
+    "void",
+    'extern "C" void gea_three_webgl_bind_buffer_base(double target, double index, double buffer);',
+  ],
+  [
+    "threeWebGLBindBufferRange",
+    "gea_three_webgl_bind_buffer_range",
+    "void",
+    'extern "C" void gea_three_webgl_bind_buffer_range(double target, double index, double buffer, double offset, double size);',
+  ],
+  [
+    "threeWebGLGetUniformBlockIndex",
+    "gea_three_webgl_get_uniform_block_index",
+    "double",
+    'extern "C" double gea_three_webgl_get_uniform_block_index(double program, std::string name);',
+  ],
+  [
+    "threeWebGLUniformBlockBinding",
+    "gea_three_webgl_uniform_block_binding",
+    "void",
+    'extern "C" void gea_three_webgl_uniform_block_binding(double program, double blockIndex, double binding);',
+  ],
   [
     "threeWebGLVertexAttribDivisor",
     "gea_three_webgl_vertex_attrib_divisor",
@@ -114,6 +138,18 @@ inline double gea_three_resource_read_native(std::string name, const gea::Ref<ge
   ['threeWebGLTimerEnd','gea_three_webgl_timer_end','void','extern "C" void gea_three_webgl_timer_end();'],
   ['threeWebGLTimerResult','gea_three_webgl_timer_result','double','extern "C" double gea_three_webgl_timer_result(double);'],
   ['threeWebGLRenderbufferStorageMultisample','gea_three_webgl_renderbuffer_storage_multisample','void','extern "C" void gea_three_webgl_renderbuffer_storage_multisample(double,double,double,double,double);'],
+  [
+    "threeWebGLPushDebugGroup",
+    "gea_three_webgl_push_debug_group",
+    "void",
+    'extern "C" void gea_three_webgl_push_debug_group(std::string label);',
+  ],
+  [
+    "threeWebGLPopDebugGroup",
+    "gea_three_webgl_pop_debug_group",
+    "void",
+    'extern "C" void gea_three_webgl_pop_debug_group();',
+  ],
   [
     "threeNativeProfilePhase",
     "gea_three_native_profile_phase",
@@ -2099,8 +2135,29 @@ const transformSource = ({ fileName, text }) => {
   if (normalized.endsWith("/three/src/renderers/WebGLRenderer.js")) {
     transformed =
       // Forward slashes: a Windows path's backslashes would be escapes in this literal.
-      `import { nativeProfilePhase } from '${fileURLToPath(new URL("./src/nativeWebGLHost.ts", import.meta.url)).replaceAll("\\", "/")}';\n` +
+      `import { nativeProfilePhase, nativePushDebugGroup, nativePopDebugGroup } from '${fileURLToPath(new URL("./src/nativeWebGLHost.ts", import.meta.url)).replaceAll("\\", "/")}';\n` +
       transformed;
+    transformed = replaceOne(
+      transformed,
+      "\t\t\tif ( _isContextLost === true ) return;\n",
+      "\t\t\tif ( _isContextLost === true ) return;\n\n\t\t\tnativePushDebugGroup( scene.name !== '' ? scene.name : ( camera.name !== '' ? camera.name : scene.type ) );\n",
+      fileName,
+      "WebGLRenderer render debug group begin",
+    );
+    transformed = replaceOne(
+      transformed,
+      "\t\t\t\t_nodesHandler.renderEnd();\n\n\t\t\t}\n\n\t\t};",
+      "\t\t\t\t_nodesHandler.renderEnd();\n\n\t\t\t}\n\n\t\t\tnativePopDebugGroup();\n\n\t\t};",
+      fileName,
+      "WebGLRenderer render debug group end",
+    );
+    transformed = replaceOne(
+      transformed,
+      "\t\t\tif ( opaqueObjects.length > 0 ) renderObjects( opaqueObjects, scene, camera );\n\t\t\tif ( transmissiveObjects.length > 0 ) renderObjects( transmissiveObjects, scene, camera );\n\t\t\tif ( transparentObjects.length > 0 ) renderObjects( transparentObjects, scene, camera );\n",
+      "\t\t\tif ( opaqueObjects.length > 0 ) {\n\n\t\t\t\tnativePushDebugGroup( 'opaque' );\n\t\t\t\trenderObjects( opaqueObjects, scene, camera );\n\t\t\t\tnativePopDebugGroup();\n\n\t\t\t}\n\n\t\t\tif ( transmissiveObjects.length > 0 ) {\n\n\t\t\t\tnativePushDebugGroup( 'transmissive' );\n\t\t\t\trenderObjects( transmissiveObjects, scene, camera );\n\t\t\t\tnativePopDebugGroup();\n\n\t\t\t}\n\n\t\t\tif ( transparentObjects.length > 0 ) {\n\n\t\t\t\tnativePushDebugGroup( 'transparent' );\n\t\t\t\trenderObjects( transparentObjects, scene, camera );\n\t\t\t\tnativePopDebugGroup();\n\n\t\t\t}\n",
+      fileName,
+      "WebGLRenderer render list debug groups",
+    );
     transformed = replaceOne(
       transformed,
       "if ( scene.matrixWorldAutoUpdate === true ) scene.updateMatrixWorld();",
@@ -6402,6 +6459,23 @@ ${wiringText.replace(/\t\t\t\t/g, "\t\t\t\t")}
     );
   }
   if (normalized.endsWith("/three/src/renderers/webgl/WebGLShadowMap.js")) {
+    transformed =
+      `import { nativePushDebugGroup, nativePopDebugGroup } from '${fileURLToPath(new URL("./src/nativeWebGLHost.ts", import.meta.url)).replaceAll("\\", "/")}';\n` +
+      transformed;
+    transformed = replaceOne(
+      transformed,
+      "\t\tif ( lights.length === 0 ) return;\n",
+      "\t\tif ( lights.length === 0 ) return;\n\n\t\tnativePushDebugGroup( 'shadow map' );\n",
+      fileName,
+      "WebGLShadowMap debug group begin",
+    );
+    transformed = replaceOne(
+      transformed,
+      "\t\tscope.needsUpdate = false;\n\n\t\trenderer.setRenderTarget( currentRenderTarget, activeCubeFace, activeMipmapLevel );\n",
+      "\t\tscope.needsUpdate = false;\n\n\t\trenderer.setRenderTarget( currentRenderTarget, activeCubeFace, activeMipmapLevel );\n\n\t\tnativePopDebugGroup();\n",
+      fileName,
+      "WebGLShadowMap debug group end",
+    );
     // An app that replaces `shadowMap.render` (the browser's cached sun shadow)
     // cannot do so natively: the field holds a `this`-bound function expression
     // no app function converts to. This hook is an ordinary function-typed

package/native/angle_webgl_host.mm

@@ -347,6 +347,10 @@ using PFNEGLSWAPINTERVALPROC = EGLBoolean (*)(EGLDisplay, EGLint);
 using PFNGLACTIVETEXTUREPROC = void (*)(GLenum);
 using PFNGLATTACHSHADERPROC = void (*)(GLuint, GLuint);
 using PFNGLBINDBUFFERPROC = void (*)(GLenum, GLuint);
+using PFNGLBINDBUFFERBASEPROC = void (*)(GLenum, GLuint, GLuint);
+using PFNGLBINDBUFFERRANGEPROC = void (*)(GLenum, GLuint, GLuint, GLintptr, GLsizeiptr);
+using PFNGLGETUNIFORMBLOCKINDEXPROC = GLuint (*)(GLuint, const char *);
+using PFNGLUNIFORMBLOCKBINDINGPROC = void (*)(GLuint, GLuint, GLuint);
 using PFNGLBINDFRAMEBUFFERPROC = void (*)(GLenum, GLuint);
 using PFNGLBINDRENDERBUFFERPROC = void (*)(GLenum, GLuint);
 using PFNGLBINDTEXTUREPROC = void (*)(GLenum, GLuint);
@@ -429,6 +433,8 @@ using PFNGLTEXSUBIMAGE3DPROC = void (*)(GLenum, GLint, GLint, GLint, GLint, GLsi
 using PFNGLTEXSTORAGE3DPROC = void (*)(GLenum, GLsizei, GLenum, GLsizei, GLsizei, GLsizei);
 using PFNGLFRAMEBUFFERTEXTURELAYERPROC = void (*)(GLenum, GLenum, GLuint, GLint, GLint);
 using PFNGLTEXSTORAGE2DPROC = void (*)(GLenum, GLsizei, GLenum, GLsizei, GLsizei);
+using PFNGLCOMPRESSEDTEXIMAGE2DPROC = void (*)(GLenum, GLint, GLenum, GLsizei, GLsizei, GLint, GLsizei, const void *);
+using PFNGLCOMPRESSEDTEXSUBIMAGE2DPROC = void (*)(GLenum, GLint, GLint, GLint, GLsizei, GLsizei, GLenum, GLsizei, const void *);
 using PFNGLUNIFORM1FPROC = void (*)(GLint, GLfloat);
 using PFNGLUNIFORM1FVPROC = void (*)(GLint, GLsizei, const GLfloat *);
 using PFNGLUNIFORM1IPROC = void (*)(GLint, GLint);
@@ -495,6 +501,12 @@ struct AngleWebGLState {
   PFNGLACTIVETEXTUREPROC glActiveTexture = nullptr;
   PFNGLATTACHSHADERPROC glAttachShader = nullptr;
   PFNGLBINDBUFFERPROC glBindBuffer = nullptr;
+  PFNGLBINDBUFFERBASEPROC glBindBufferBase = nullptr;
+  PFNGLBINDBUFFERRANGEPROC glBindBufferRange = nullptr;
+  PFNGLGETUNIFORMBLOCKINDEXPROC glGetUniformBlockIndex = nullptr;
+  PFNGLUNIFORMBLOCKBINDINGPROC glUniformBlockBinding = nullptr;
+  void (*glPushGroupMarkerEXT)(GLsizei, const GLchar *) = nullptr;
+  void (*glPopGroupMarkerEXT)() = nullptr;
   PFNGLBINDFRAMEBUFFERPROC glBindFramebuffer = nullptr;
   PFNGLBINDRENDERBUFFERPROC glBindRenderbuffer = nullptr;
   PFNGLBINDTEXTUREPROC glBindTexture = nullptr;
@@ -579,6 +591,9 @@ struct AngleWebGLState {
   PFNGLTEXPARAMETERIPROC glTexParameteri = nullptr;
   PFNGLTEXSUBIMAGE2DPROC glTexSubImage2D = nullptr;
   PFNGLTEXSTORAGE2DPROC glTexStorage2D = nullptr;
+  // Compressed uploads are optional too: a GLES without them drops the call.
+  PFNGLCOMPRESSEDTEXIMAGE2DPROC glCompressedTexImage2D = nullptr;
+  PFNGLCOMPRESSEDTEXSUBIMAGE2DPROC glCompressedTexSubImage2D = nullptr;
   // Array/3D entry points are optional: a GLES without them still starts,
   // and uploads to those targets report GL_INVALID_OPERATION in the log.
   PFNGLTEXIMAGE3DPROC glTexImage3D = nullptr;
@@ -1030,6 +1045,15 @@ static bool loadGlSymbols() {
   LOAD_GL(glActiveTexture, PFNGLACTIVETEXTUREPROC)
   LOAD_GL(glAttachShader, PFNGLATTACHSHADERPROC)
   LOAD_GL(glBindBuffer, PFNGLBINDBUFFERPROC)
+  // Uniform-buffer entry points are optional like the array/3D ones: a GLES
+  // without them (threejs-rendozer exports none) still starts, and only a
+  // program that uses uniform groups loses them, with a log line per call.
+  gWebGL.glBindBufferBase = loadGl<PFNGLBINDBUFFERBASEPROC>("glBindBufferBase");
+  gWebGL.glBindBufferRange = loadGl<PFNGLBINDBUFFERRANGEPROC>("glBindBufferRange");
+  gWebGL.glGetUniformBlockIndex = loadGl<PFNGLGETUNIFORMBLOCKINDEXPROC>("glGetUniformBlockIndex");
+  gWebGL.glUniformBlockBinding = loadGl<PFNGLUNIFORMBLOCKBINDINGPROC>("glUniformBlockBinding");
+  gWebGL.glPushGroupMarkerEXT = loadGl<decltype(gWebGL.glPushGroupMarkerEXT)>("glPushGroupMarkerEXT");
+  gWebGL.glPopGroupMarkerEXT = loadGl<decltype(gWebGL.glPopGroupMarkerEXT)>("glPopGroupMarkerEXT");
   LOAD_GL(glBindFramebuffer, PFNGLBINDFRAMEBUFFERPROC)
   LOAD_GL(glBindRenderbuffer, PFNGLBINDRENDERBUFFERPROC)
   LOAD_GL(glBindTexture, PFNGLBINDTEXTUREPROC)
@@ -1117,6 +1141,8 @@ static bool loadGlSymbols() {
   LOAD_GL(glTexParameteri, PFNGLTEXPARAMETERIPROC)
   LOAD_GL(glTexSubImage2D, PFNGLTEXSUBIMAGE2DPROC)
   LOAD_GL(glTexStorage2D, PFNGLTEXSTORAGE2DPROC)
+  gWebGL.glCompressedTexImage2D = loadGl<PFNGLCOMPRESSEDTEXIMAGE2DPROC>("glCompressedTexImage2D");
+  gWebGL.glCompressedTexSubImage2D = loadGl<PFNGLCOMPRESSEDTEXSUBIMAGE2DPROC>("glCompressedTexSubImage2D");
   gWebGL.glTexImage3D = loadGl<PFNGLTEXIMAGE3DPROC>("glTexImage3D");
   gWebGL.glTexSubImage3D = loadGl<PFNGLTEXSUBIMAGE3DPROC>("glTexSubImage3D");
   gWebGL.glTexStorage3D = loadGl<PFNGLTEXSTORAGE3DPROC>("glTexStorage3D");
@@ -2402,6 +2428,35 @@ extern "C" void gea_three_webgl_draw_arrays(double mode, double first, double co
 extern "C" void gea_three_webgl_vertex_attrib_divisor(double index, double divisor) {
   geaTrapCheck("gea_three_webgl_vertex_attrib_divisor"); GEA_WEBGL_VOID("vertexAttribDivisor");
   gWebGL.glVertexAttribDivisor(asGLuint(index), asGLuint(divisor)); }
+static bool requireGl(const void *fn, const char *name);
+// Indexed binds also set the target's generic binding. The host shadows only the
+// ARRAY_BUFFER and COPY_READ/WRITE bindings (bindNativeBuffer), and the uniform
+// staging path queries UNIFORM_BUFFER_BINDING instead of shadowing it, so neither
+// call needs to update a shadow.
+extern "C" void gea_three_webgl_bind_buffer_base(double target, double index, double buffer) {
+  geaTrapCheck("gea_three_webgl_bind_buffer_base"); GEA_WEBGL_VOID("bindBufferBase");
+  if (!requireGl(reinterpret_cast<const void *>(gWebGL.glBindBufferBase), "glBindBufferBase")) return;
+  gWebGL.glBindBufferBase(asGLenum(target), asGLuint(index), asGLuint(buffer)); }
+extern "C" void gea_three_webgl_bind_buffer_range(double target, double index, double buffer, double offset, double size) {
+  geaTrapCheck("gea_three_webgl_bind_buffer_range"); GEA_WEBGL_VOID("bindBufferRange");
+  if (!requireGl(reinterpret_cast<const void *>(gWebGL.glBindBufferRange), "glBindBufferRange")) return;
+  gWebGL.glBindBufferRange(asGLenum(target), asGLuint(index), asGLuint(buffer),
+    static_cast<GLintptr>(offset), static_cast<GLsizeiptr>(size)); }
+extern "C" double gea_three_webgl_get_uniform_block_index(double program, std::string name) {
+  geaTrapCheck("gea_three_webgl_get_uniform_block_index"); GEA_WEBGL_DOUBLE("getUniformBlockIndex");
+  // GL_INVALID_INDEX: the block is reported as absent.
+  if (!requireGl(reinterpret_cast<const void *>(gWebGL.glGetUniformBlockIndex), "glGetUniformBlockIndex")) return 4294967295.0;
+  return gWebGL.glGetUniformBlockIndex(asGLuint(program), name.c_str()); }
+extern "C" void gea_three_webgl_uniform_block_binding(double program, double blockIndex, double binding) {
+  geaTrapCheck("gea_three_webgl_uniform_block_binding"); GEA_WEBGL_VOID("uniformBlockBinding");
+  if (!requireGl(reinterpret_cast<const void *>(gWebGL.glUniformBlockBinding), "glUniformBlockBinding")) return;
+  gWebGL.glUniformBlockBinding(asGLuint(program), asGLuint(blockIndex), asGLuint(binding)); }
+extern "C" void gea_three_webgl_push_debug_group(std::string label) {
+  geaTrapCheck("gea_three_webgl_push_debug_group"); GEA_WEBGL_VOID("pushDebugGroup");
+  if (gWebGL.glPushGroupMarkerEXT) gWebGL.glPushGroupMarkerEXT(static_cast<GLsizei>(label.size()), label.c_str()); }
+extern "C" void gea_three_webgl_pop_debug_group() {
+  geaTrapCheck("gea_three_webgl_pop_debug_group"); GEA_WEBGL_VOID("popDebugGroup");
+  if (gWebGL.glPopGroupMarkerEXT) gWebGL.glPopGroupMarkerEXT(); }
 extern "C" void gea_three_webgl_draw_elements_instanced(double mode, double count, double type, double offset, double instanceCount) {
   geaTrapCheck("gea_three_webgl_draw_elements_instanced"); GEA_WEBGL_VOID("drawElementsInstanced");
   gWebGL.glDrawElementsInstanced(asGLenum(mode), asGLsizei(count), asGLenum(type),
@@ -2650,6 +2705,18 @@ extern "C" void gea_three_webgl_tex_sub_image_3d_bytes(double target, double lev
   gWebGL.glTexSubImage3D(asGLenum(target), asGLint(level), asGLint(xoffset), asGLint(yoffset), asGLint(zoffset), asGLsizei(width), asGLsizei(height), asGLsizei(depth), asGLenum(format), asGLenum(type), bytes);
 }
 
+extern "C" void gea_three_webgl_compressed_tex_image_2d_bytes(double target, double level, double internalFormat, double width, double height, const void* bytes, double byteLength) {
+  GEA_WEBGL_VOID("compressedTexImage2DBytes");
+  if (!requireGl(reinterpret_cast<const void *>(gWebGL.glCompressedTexImage2D), "glCompressedTexImage2D")) return;
+  gWebGL.glCompressedTexImage2D(asGLenum(target), asGLint(level), asGLenum(internalFormat), asGLsizei(width), asGLsizei(height), 0, asGLsizei(byteLength), bytes);
+}
+
+extern "C" void gea_three_webgl_compressed_tex_sub_image_2d_bytes(double target, double level, double xoffset, double yoffset, double width, double height, double format, const void* bytes, double byteLength) {
+  GEA_WEBGL_VOID("compressedTexSubImage2DBytes");
+  if (!requireGl(reinterpret_cast<const void *>(gWebGL.glCompressedTexSubImage2D), "glCompressedTexSubImage2D")) return;
+  gWebGL.glCompressedTexSubImage2D(asGLenum(target), asGLint(level), asGLint(xoffset), asGLint(yoffset), asGLsizei(width), asGLsizei(height), asGLenum(format), asGLsizei(byteLength), bytes);
+}
+
 extern "C" void gea_three_webgl_tex_storage_3d(double target, double levels, double internalFormat, double width, double height, double depth) {
   GEA_WEBGL_VOID("texStorage3D");
   if (!requireGl(reinterpret_cast<const void *>(gWebGL.glTexStorage3D), "glTexStorage3D")) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geastack/native-webgl-angle",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "description": "Typed native WebGL compatibility layer backed by ANGLE/Metal",
   "license": "Apache-2.0",
   "repository": {
@@ -54,7 +54,7 @@
     "test:host-effects": "node test/native-host-effects-contract.test.mjs",
     "test:allocation-contracts": "node test/render-sort-contract.test.mjs && node test/upload-array-contract.test.mjs && node test/draw-dispatch-contract.test.mjs && node test/native-upload-transport.test.mjs && node test/fixed-uniform-contract.test.mjs && node test/uniform-binding-contract.test.mjs && node test/buffer-streaming-contract.test.mjs",
     "check": "tsc -p tsconfig.json --noEmit",
-    "test": "node test/native-blending-contract.test.mjs && node test/native-transform-contract.test.mjs && node test/troika-three-text.test.mjs && node test/typed-void-contract.test.mjs && node test/info-log-contract.test.mjs && node test/resource-host-contract.test.mjs && node test/instancing-transport-contract.test.mjs && node test/automatic-instancing-contract.test.mjs && node test/jsdoc-fold-contract.test.mjs && node test/gea-native-declaration.test.mjs",
+    "test": "node test/native-blending-contract.test.mjs && node test/native-transform-contract.test.mjs && node test/troika-three-text.test.mjs && node test/typed-void-contract.test.mjs && node test/info-log-contract.test.mjs && node test/resource-host-contract.test.mjs && node test/instancing-transport-contract.test.mjs && node test/automatic-instancing-contract.test.mjs && node test/jsdoc-fold-contract.test.mjs && node test/gea-native-declaration.test.mjs && node test/native-host-effects-contract.test.mjs && node test/uniform-buffer-contract.test.mjs",
     "test:package": "node --experimental-vm-modules test/package.test.mjs"
   },
   "dependencies": {

package/src/nativeWebGL.ts

@@ -47,6 +47,10 @@ import {
   nativeWebGLDrawArraysInstanced,
   nativeWebGLDrawElementsInstanced,
   nativeWebGLVertexAttribDivisor,
+  nativeWebGLBindBufferBase,
+  nativeWebGLBindBufferRange,
+  nativeWebGLGetUniformBlockIndex,
+  nativeWebGLUniformBlockBinding,
   nativeWebGLDrawBuffers,
   nativeWebGLDrawElements,
   nativeWebGLEnable,
@@ -273,6 +277,10 @@ declare function threeWebGLTexImage2D(target: number, level: number, internalFor
 /** @gea-host-inert Reads its arguments, writes GL state only; never calls back into script. */
 declare function threeWebGLTexSubImage2D(target: number, level: number, xoffset: number, yoffset: number, width: number, height: number, format: number, type: number, values: BufferSourceLike): void
 /** @gea-host-inert Reads its arguments, writes GL state only; never calls back into script. */
+declare function threeWebGLCompressedTexImage2D(target: number, level: number, internalFormat: number, width: number, height: number, values: BufferSourceLike): void
+/** @gea-host-inert Reads its arguments, writes GL state only; never calls back into script. */
+declare function threeWebGLCompressedTexSubImage2D(target: number, level: number, xoffset: number, yoffset: number, width: number, height: number, format: number, values: BufferSourceLike): void
+/** @gea-host-inert Reads its arguments, writes GL state only; never calls back into script. */
 declare function threeWebGLTexStorage2D(target: number, levels: number, internalFormat: number, width: number, height: number): void
 /** @gea-host-inert Reads its arguments, writes GL state only; never calls back into script. */
 declare function threeWebGLTexImage3D(target: number, level: number, internalFormat: number, width: number, height: number, depth: number, format: number, type: number, values: BufferSourceLike): void
@@ -939,7 +947,10 @@ export class NativeWebGL2RenderingContext {
   }
 
   isContextLost(): boolean { return false }
-  getSupportedExtensions(): string[] { return ['EXT_texture_filter_anisotropic', 'OES_texture_float_linear', 'EXT_color_buffer_float'] }
+  getSupportedExtensions(): string[] {
+    return ['EXT_texture_filter_anisotropic', 'OES_texture_float_linear', 'EXT_color_buffer_float', 'WEBGL_compressed_texture_s3tc',
+      'WEBGL_compressed_texture_s3tc_srgb', 'EXT_texture_compression_rgtc', 'EXT_texture_compression_bptc']
+  }
 
   getExtension(name: string): WebGLExtension | null {
     // One shared shape for every supported name -- see `WebGLExtension`. The
@@ -951,7 +962,11 @@ export class NativeWebGL2RenderingContext {
       name === 'WEBGL_debug_renderer_info' ||
       name === 'OES_texture_float_linear' ||
       name === 'EXT_color_buffer_float' ||
-      name === 'EXT_color_buffer_half_float'
+      name === 'EXT_color_buffer_half_float' ||
+      name === 'WEBGL_compressed_texture_s3tc' ||
+      name === 'WEBGL_compressed_texture_s3tc_srgb' ||
+      name === 'EXT_texture_compression_rgtc' ||
+      name === 'EXT_texture_compression_bptc'
     ) {
       return new WebGLExtension()
     }
@@ -1150,8 +1165,12 @@ export class NativeWebGL2RenderingContext {
   texSubImage2D(target: number, level: number, xoffset: number, yoffset: number, width: number, height: number, format: number, type: number, pixels: BufferSourceLike): void {
     threeWebGLTexSubImage2D(target, level, xoffset, yoffset, width, height, format, type, pixels)
   }
-  compressedTexImage2D(_target: number, _level: number, _internalFormat: number, _width: number, _height: number, _border: number, _data: BufferSourceLike): void {}
-  compressedTexSubImage2D(_target: number, _level: number, _xoffset: number, _yoffset: number, _width: number, _height: number, _format: number, _data: BufferSourceLike): void {}
+  compressedTexImage2D(target: number, level: number, internalFormat: number, width: number, height: number, _border: number, data: BufferSourceLike): void {
+    threeWebGLCompressedTexImage2D(target, level, internalFormat, width, height, data)
+  }
+  compressedTexSubImage2D(target: number, level: number, xoffset: number, yoffset: number, width: number, height: number, format: number, data: BufferSourceLike): void {
+    threeWebGLCompressedTexSubImage2D(target, level, xoffset, yoffset, width, height, format, data)
+  }
   compressedTexImage3D(_target: number, _level: number, _internalFormat: number, _width: number, _height: number, _depth: number, _border: number, _data: BufferSourceLike): void {}
   compressedTexSubImage3D(_target: number, _level: number, _xoffset: number, _yoffset: number, _zoffset: number, _width: number, _height: number, _depth: number, _format: number, _data: BufferSourceLike): void {}
   texStorage2D(target: number, levels: number, internalFormat: number, width: number, height: number): void {
@@ -1260,10 +1279,18 @@ export class NativeWebGL2RenderingContext {
   getVertexAttrib(_index: number, _pname: number): number { return 0 }
   getVertexAttribOffset(_index: number, _pname: number): number { return 0 }
   getUniform(_program: NativeProgram | null, _location: NativeHandle | null): number { return 0 }
-  getUniformBlockIndex(_program: NativeProgram | null, _uniformBlockName: string): number { return 0 }
-  uniformBlockBinding(_program: NativeProgram | null, _uniformBlockIndex: number, _uniformBlockBinding: number): void {}
-  bindBufferBase(_target: number, _index: number, _buffer: NativeHandle | null): void {}
-  bindBufferRange(_target: number, _index: number, _buffer: NativeHandle | null, _offset: number, _size: number): void {}
+  getUniformBlockIndex(program: NativeProgram | null, uniformBlockName: string): number {
+    return nativeWebGLGetUniformBlockIndex(nullableNativeHandle(program), uniformBlockName)
+  }
+  uniformBlockBinding(program: NativeProgram | null, uniformBlockIndex: number, uniformBlockBinding: number): void {
+    nativeWebGLUniformBlockBinding(nullableNativeHandle(program), uniformBlockIndex, uniformBlockBinding)
+  }
+  bindBufferBase(target: number, index: number, buffer: NativeHandle | null): void {
+    nativeWebGLBindBufferBase(target, index, nullableNativeHandle(buffer))
+  }
+  bindBufferRange(target: number, index: number, buffer: NativeHandle | null, offset: number, size: number): void {
+    nativeWebGLBindBufferRange(target, index, nullableNativeHandle(buffer), offset, size)
+  }
   fenceSync(_condition: number, _flags: number): NativeHandle | null {
     const sync = threeWebGLFenceSync()
     return sync ? createHandle('sync', sync) : null

package/src/nativeWebGLHost.ts

@@ -366,6 +366,30 @@ declare function threeWebGLGetError(): number
 declare function threeNativeProfilePhase(phase: number): void
 export function nativeProfilePhase(phase: number): void { threeNativeProfilePhase(phase) }
 
+export function nativePushDebugGroup(label: string): void { threeWebGLPushDebugGroup(label) }
+/** @gea-host-inert Native state only; retains no script references and invokes no script. */
+declare function threeWebGLPushDebugGroup(label: string): void
+export function nativePopDebugGroup(): void { threeWebGLPopDebugGroup() }
+/** @gea-host-inert Native state only; retains no script references and invokes no script. */
+declare function threeWebGLPopDebugGroup(): void
+
+export function nativeWebGLBindBufferBase(target: number, index: number, buffer: number): void { threeWebGLBindBufferBase(target, index, buffer) }
+/** @gea-host-inert Native state only; retains no script references and invokes no script. */
+declare function threeWebGLBindBufferBase(target: number, index: number, buffer: number): void
+export function nativeWebGLBindBufferRange(target: number, index: number, buffer: number, offset: number, size: number): void {
+  threeWebGLBindBufferRange(target, index, buffer, offset, size)
+}
+/** @gea-host-inert Native state only; retains no script references and invokes no script. */
+declare function threeWebGLBindBufferRange(target: number, index: number, buffer: number, offset: number, size: number): void
+export function nativeWebGLGetUniformBlockIndex(program: number, name: string): number { return threeWebGLGetUniformBlockIndex(program, name) }
+/** @gea-host-inert Native state only; retains no script references and invokes no script. */
+declare function threeWebGLGetUniformBlockIndex(program: number, name: string): number
+export function nativeWebGLUniformBlockBinding(program: number, blockIndex: number, binding: number): void {
+  threeWebGLUniformBlockBinding(program, blockIndex, binding)
+}
+/** @gea-host-inert Native state only; retains no script references and invokes no script. */
+declare function threeWebGLUniformBlockBinding(program: number, blockIndex: number, binding: number): void
+
 export function nativeWebGLVertexAttribDivisor(index: number, divisor: number): void { threeWebGLVertexAttribDivisor(index, divisor) }
 /** @gea-host-inert Native state only; retains no script references and invokes no script. */
 declare function threeWebGLVertexAttribDivisor(index: number, divisor: number): void