@gjsify/webgl 0.0.3 → 0.1.0

package/lib/esm/webgl-rendering-context.js

@@ -60,8 +60,10 @@ const availableExtensions = {
   ext_blend_minmax: getEXTBlendMinMax,
   ext_texture_filter_anisotropic: getEXTTextureFilterAnisotropic
 };
-class GjsifyWebGLRenderingContext {
+class WebGLRenderingContext {
   constructor(canvas, options = {}) {
+    this.unpackColorSpace = "srgb";
+    this.RGBA8 = 32856;
     this.DEFAULT_ATTACHMENTS = [];
     this.DEFAULT_COLOR_ATTACHMENTS = [];
     /** context counter */
@@ -88,10 +90,13 @@ class GjsifyWebGLRenderingContext {
     // Unpack alignment
     this._unpackAlignment = 4;
     this._packAlignment = 4;
+    // Viewport and scissor — tracked in JS to avoid crashing native getParameterx for array returns
+    this._viewport = new Int32Array([0, 0, 0, 0]);
+    this._scissorBox = new Int32Array([0, 0, 0, 0]);
     this._attrib0Buffer = null;
     this._textureUnits = [];
     this._drawingBuffer = null;
-    this._native = new Gwebgl.WebGLRenderingContext(options);
+    this._native = new Gwebgl.WebGLRenderingContext({});
     this._initGLConstants();
     this.DEFAULT_ATTACHMENTS = [
       this.COLOR_ATTACHMENT0,
@@ -216,8 +221,7 @@ class GjsifyWebGLRenderingContext {
     const errorLog = [];
     for (let i = 0; i < tokens.length; ++i) {
       const tok = tokens[i];
-      if (!tok)
-        continue;
+      if (!tok) continue;
       switch (tok.type) {
         case "ident":
           if (!this._validGLSLIdentifier(tok.data)) {
@@ -255,7 +259,7 @@ class GjsifyWebGLRenderingContext {
             case "dFdx":
             case "dFdy":
             case "fwidth":
-              if (!this._extensions.oes_standard_derivatives) {
+              if (!this._extensions.oes_standard_derivatives && this._getGlslVersion(true) === "100") {
                 errorStatus = true;
                 errorLog.push(tok.line + ":" + tok.column + " " + tok.data + " not supported");
               }
@@ -402,6 +406,7 @@ class GjsifyWebGLRenderingContext {
       }
     }
     for (let i = 0; i < numAttribs; ++i) {
+      if (program._attributes[i] < 0) continue;
       this._native.bindAttribLocation(
         program._ | 0,
         program._attributes[i],
@@ -413,8 +418,7 @@ class GjsifyWebGLRenderingContext {
     program._uniforms.length = numUniforms;
     for (let i = 0; i < numUniforms; ++i) {
       const info = this.getActiveUniform(program, i);
-      if (info)
-        program._uniforms[i] = info;
+      if (info) program._uniforms[i] = info;
     }
     for (let i = 0; i < program._uniforms.length; ++i) {
       if (program._uniforms[i].name.length > MAX_UNIFORM_LENGTH) {
@@ -528,8 +532,7 @@ class GjsifyWebGLRenderingContext {
         }
         colorAttached = true;
         const level = framebuffer._attachmentLevel[this.COLOR_ATTACHMENT0];
-        if (level === null)
-          throw new TypeError("level is null!");
+        if (level === null) throw new TypeError("level is null!");
         width.push(colorAttachment._levelWidth[level]);
         height.push(colorAttachment._levelHeight[level]);
       } else if (colorAttachment instanceof WebGLRenderbuffer) {
@@ -789,20 +792,35 @@ class GjsifyWebGLRenderingContext {
     }
   }
   _wrapShader(_type, source) {
+    const hasVersion = source.startsWith("#version") || source.includes("\n#version");
+    let preamble = "";
     if (!this._extensions.oes_standard_derivatives && /#ifdef\s+GL_OES_standard_derivatives/.test(source)) {
-      source = "#undef GL_OES_standard_derivatives\n" + source;
-    }
-    source = this._extensions.webgl_draw_buffers ? source : "#define gl_MaxDrawBuffers 1\n" + source;
-    if (this.canvas && !(source.startsWith("#version") || source.includes("\n#version"))) {
-      const glArea = this.canvas._getGlArea();
-      const es = glArea.get_use_es();
-      let version = this._getGlslVersion(es);
-      if (version) {
-        version = "#version " + version;
-        if (!source.startsWith("\n")) {
-          version += "\n";
+      preamble += "#undef GL_OES_standard_derivatives\n";
+    }
+    if (!this._extensions.webgl_draw_buffers) {
+      preamble += "#define gl_MaxDrawBuffers 1\n";
+    }
+    if (hasVersion) {
+      if (preamble) {
+        const newline = source.indexOf("\n");
+        if (newline !== -1) {
+          source = source.slice(0, newline + 1) + preamble + source.slice(newline + 1);
+        } else {
+          source = source + "\n" + preamble;
+        }
+      }
+    } else {
+      if (this.canvas) {
+        const glArea = this.canvas.getGlArea();
+        const es = glArea.get_use_es();
+        const version = this._getGlslVersion(es);
+        if (version) {
+          source = "#version " + version + "\n" + preamble + source;
+        } else if (preamble) {
+          source = preamble + source;
         }
-        source = version + source;
+      } else if (preamble) {
+        source = preamble + source;
       }
     }
     return source;
@@ -982,8 +1000,7 @@ class GjsifyWebGLRenderingContext {
     return this._native.compressedTexSubImage2D(target, level, xoffset, yoffset, width, height, format, Uint8ArrayToVariant(arrayToUint8Array(data)));
   }
   readPixels(x = 0, y = 0, width = 0, height = 0, format = 0, type = 0, pixels) {
-    if (!pixels)
-      return;
+    if (!pixels) return;
     if (!(this._extensions.oes_texture_float && type === this.FLOAT && format === this.RGBA)) {
       if (format === this.RGB || format === this.ALPHA || type !== this.UNSIGNED_BYTE) {
         this.setError(this.INVALID_OPERATION);
@@ -1052,7 +1069,7 @@ class GjsifyWebGLRenderingContext {
       }
       if (nWidth > 0 && nHeight > 0) {
         const subPixels = new Uint8Array(nRowStride * nHeight);
-        this._native.readPixels(
+        const result = this._native.readPixels(
           nx,
           ny,
           nWidth,
@@ -1061,17 +1078,18 @@ class GjsifyWebGLRenderingContext {
           type,
           Uint8ArrayToVariant(subPixels)
         );
+        const src = result && result.length > 0 ? result : subPixels;
         const offset = 4 * (nx - x) + (ny - y) * rowStride;
         for (let j = 0; j < nHeight; ++j) {
           for (let i = 0; i < nWidth; ++i) {
             for (let k = 0; k < 4; ++k) {
-              pixelData[offset + j * rowStride + 4 * i + k] = subPixels[j * nRowStride + 4 * i + k];
+              pixelData[offset + j * rowStride + 4 * i + k] = src[j * nRowStride + 4 * i + k];
             }
           }
         }
       }
     } else {
-      this._native.readPixels(
+      const result = this._native.readPixels(
         x,
         y,
         width,
@@ -1080,6 +1098,9 @@ class GjsifyWebGLRenderingContext {
         type,
         Uint8ArrayToVariant(pixelData)
       );
+      if (result && result.length > 0) {
+        pixelData.set(result);
+      }
     }
   }
   // https://github.com/stackgl/headless-gl/blob/ce1c08c0ef0c31d8c308cb828fd2f172c0bf5084/src/javascript/webgl-rendering-context.js#L3131
@@ -1314,8 +1335,7 @@ class GjsifyWebGLRenderingContext {
     return false;
   }
   uniform1fv(location, value) {
-    if (!location || this._checkUniformValueValid(location, value, "uniform1fv", 1, "f"))
-      return;
+    if (!location || !this._checkUniformValueValid(location, value, "uniform1fv", 1, "f")) return;
     if (location?._array) {
       const locs = location._array;
       for (let i = 0; i < locs.length && i < value.length; ++i) {
@@ -1329,8 +1349,7 @@ class GjsifyWebGLRenderingContext {
     this._native.uniform1f(location?._ | 0, value[0]);
   }
   uniform1iv(location, v) {
-    if (!this._checkUniformValueValid(location, v, "uniform1iv", 1, "i"))
-      return;
+    if (!this._checkUniformValueValid(location, v, "uniform1iv", 1, "i")) return;
     if (location?._array) {
       const locs = location._array;
       for (let i = 0; i < locs.length && i < v.length; ++i) {
@@ -1344,8 +1363,7 @@ class GjsifyWebGLRenderingContext {
     this.uniform1i(location, v[0]);
   }
   uniform2fv(location, v) {
-    if (!this._checkUniformValueValid(location, v, "uniform2fv", 2, "f"))
-      return;
+    if (!this._checkUniformValueValid(location, v, "uniform2fv", 2, "f")) return;
     if (location?._array) {
       const locs = location._array;
       for (let i = 0; i < locs.length && 2 * i < v.length; ++i) {
@@ -1359,8 +1377,7 @@ class GjsifyWebGLRenderingContext {
     this._native.uniform2f(location?._ || 0, v[0], v[1]);
   }
   uniform2iv(location, v) {
-    if (!this._checkUniformValueValid(location, v, "uniform2iv", 2, "i"))
-      return;
+    if (!this._checkUniformValueValid(location, v, "uniform2iv", 2, "i")) return;
     if (location?._array) {
       const locs = location._array;
       for (let i = 0; i < locs.length && 2 * i < v.length; ++i) {
@@ -1374,8 +1391,7 @@ class GjsifyWebGLRenderingContext {
     this.uniform2i(location, v[0], v[1]);
   }
   uniform3fv(location, v) {
-    if (!this._checkUniformValueValid(location, v, "uniform3fv", 3, "f"))
-      return;
+    if (!this._checkUniformValueValid(location, v, "uniform3fv", 3, "f")) return;
     if (location?._array) {
       const locs = location._array;
       for (let i = 0; i < locs.length && 3 * i < v.length; ++i) {
@@ -1389,8 +1405,7 @@ class GjsifyWebGLRenderingContext {
     this._native.uniform3f(location?._ || 0, v[0], v[1], v[2]);
   }
   uniform3iv(location, v) {
-    if (!this._checkUniformValueValid(location, v, "uniform3iv", 3, "i"))
-      return;
+    if (!this._checkUniformValueValid(location, v, "uniform3iv", 3, "i")) return;
     if (location?._array) {
       const locs = location._array;
       for (let i = 0; i < locs.length && 3 * i < v.length; ++i) {
@@ -1404,8 +1419,7 @@ class GjsifyWebGLRenderingContext {
     this.uniform3i(location, v[0], v[1], v[2]);
   }
   uniform4fv(location, v) {
-    if (!this._checkUniformValueValid(location, v, "uniform4fv", 4, "f"))
-      return;
+    if (!this._checkUniformValueValid(location, v, "uniform4fv", 4, "f")) return;
     if (location?._array) {
       const locs = location._array;
       for (let i = 0; i < locs.length && 4 * i < v.length; ++i) {
@@ -1419,8 +1433,7 @@ class GjsifyWebGLRenderingContext {
     this._native.uniform4f(location?._ || 0, v[0], v[1], v[2], v[3]);
   }
   uniform4iv(location, v) {
-    if (!this._checkUniformValueValid(location, v, "uniform4iv", 4, "i"))
-      return;
+    if (!this._checkUniformValueValid(location, v, "uniform4iv", 4, "i")) return;
     if (location?._array) {
       const locs = location._array;
       for (let i = 0; i < locs.length && 4 * i < v.length; ++i) {
@@ -1455,8 +1468,7 @@ class GjsifyWebGLRenderingContext {
     return false;
   }
   uniformMatrix2fv(location, transpose, value) {
-    if (!this._checkUniformMatrix(location, transpose, value, "uniformMatrix2fv", 2))
-      return;
+    if (!this._checkUniformMatrix(location, transpose, value, "uniformMatrix2fv", 2)) return;
     const data = new Float32Array(value);
     this._native.uniformMatrix2fv(
       location?._ || 0,
@@ -1465,8 +1477,7 @@ class GjsifyWebGLRenderingContext {
     );
   }
   uniformMatrix3fv(location, transpose, value) {
-    if (!this._checkUniformMatrix(location, transpose, value, "uniformMatrix3fv", 3))
-      return;
+    if (!this._checkUniformMatrix(location, transpose, value, "uniformMatrix3fv", 3)) return;
     const data = new Float32Array(value);
     this._native.uniformMatrix3fv(
       location?._ || 0,
@@ -1475,8 +1486,7 @@ class GjsifyWebGLRenderingContext {
     );
   }
   uniformMatrix4fv(location, transpose, value) {
-    if (!this._checkUniformMatrix(location, transpose, value, "uniformMatrix4fv", 4))
-      return;
+    if (!this._checkUniformMatrix(location, transpose, value, "uniformMatrix4fv", 4)) return;
     const data = new Float32Array(value);
     this._native.uniformMatrix4fv(
       location?._ || 0,
@@ -1840,32 +1850,28 @@ class GjsifyWebGLRenderingContext {
   }
   createBuffer() {
     const id = this._native.createBuffer();
-    if (!id || id <= 0)
-      return null;
+    if (!id || id <= 0) return null;
     const webGLBuffer = new WebGLBuffer(id, this);
     this._buffers[id] = webGLBuffer;
     return webGLBuffer;
   }
   createFramebuffer() {
     const id = this._native.createFramebuffer();
-    if (id <= 0)
-      return null;
+    if (id <= 0) return null;
     const webGLFramebuffer = new WebGLFramebuffer(id, this);
     this._framebuffers[id] = webGLFramebuffer;
     return webGLFramebuffer;
   }
   createProgram() {
     const id = this._native.createProgram();
-    if (id <= 0)
-      return null;
+    if (id <= 0) return null;
     const webGLProgram = new WebGLProgram(id, this);
     this._programs[id] = webGLProgram;
     return webGLProgram;
   }
   createRenderbuffer() {
     const id = this._native.createRenderbuffer();
-    if (id <= 0)
-      return null;
+    if (id <= 0) return null;
     const webGLRenderbuffer = new WebGLRenderbuffer(id, this);
     this._renderbuffers[id] = webGLRenderbuffer;
     return webGLRenderbuffer;
@@ -1885,8 +1891,7 @@ class GjsifyWebGLRenderingContext {
   }
   createTexture() {
     const id = this._native.createTexture();
-    if (id <= 0)
-      return null;
+    if (id <= 0) return null;
     const webGlTexture = new WebGLTexture(id, this);
     this._textures[id] = webGlTexture;
     return webGlTexture;
@@ -2359,7 +2364,7 @@ class GjsifyWebGLRenderingContext {
     switch (pname) {
       case this.BUFFER_SIZE:
       case this.BUFFER_USAGE:
-        return this._native.getBufferParameteriv(target | 0, pname | 0);
+        return this._native.getBufferParameteriv(target | 0, pname | 0)[0];
       default:
         this.setError(this.INVALID_ENUM);
         return null;
@@ -2433,27 +2438,34 @@ class GjsifyWebGLRenderingContext {
       case this.TEXTURE_BINDING_CUBE_MAP:
         return this._getActiveTextureUnit()._bindCube;
       case this.VERSION:
-        return "WebGL 1.0 Gjsify " + VERSION;
+        return "WebGL 1.0  " + VERSION;
       case this.VENDOR:
-        return "Gjsify";
+        return "";
       case this.RENDERER:
         return "ANGLE";
       case this.SHADING_LANGUAGE_VERSION:
-        return "WebGL GLSL ES 1.0 Gjsify";
+        return "WebGL GLSL ES 1.0 ";
       case this.COMPRESSED_TEXTURE_FORMATS:
         return new Uint32Array(0);
-      case this.MAX_VIEWPORT_DIMS:
+      // Int arrays — tracked in JS (native getParameterx crashes for array returns)
       case this.SCISSOR_BOX:
+        return new Int32Array(this._scissorBox);
       case this.VIEWPORT:
-        return new Int32Array(this._getParameterDirect(pname));
+        return new Int32Array(this._viewport);
+      case this.MAX_VIEWPORT_DIMS:
+        return new Int32Array([32767, 32767]);
+      // Float arrays — return safe defaults (native getParameterx crashes for these)
       case this.ALIASED_LINE_WIDTH_RANGE:
       case this.ALIASED_POINT_SIZE_RANGE:
+        return new Float32Array([1, 1]);
       case this.DEPTH_RANGE:
+        return new Float32Array([0, 1]);
       case this.BLEND_COLOR:
       case this.COLOR_CLEAR_VALUE:
-        return new Float32Array(this._getParameterDirect(pname));
+        return new Float32Array([0, 0, 0, 0]);
       case this.COLOR_WRITEMASK:
         return this._native.getParameterbv(pname, 16);
+      // return boolArray(this._native.getParameterbv(pname, 16));
       case this.DEPTH_CLEAR_VALUE:
       case this.LINE_WIDTH:
       case this.POLYGON_OFFSET_FACTOR:
@@ -2612,6 +2624,7 @@ class GjsifyWebGLRenderingContext {
       case this.RENDERBUFFER_HEIGHT:
         return renderbuffer._height;
       case this.MAX_RENDERBUFFER_SIZE:
+      // TODO?
       case this.RENDERBUFFER_RED_SIZE:
       case this.RENDERBUFFER_GREEN_SIZE:
       case this.RENDERBUFFER_BLUE_SIZE:
@@ -2907,8 +2920,7 @@ class GjsifyWebGLRenderingContext {
     return this._native.hint(target, mode);
   }
   isBuffer(buffer) {
-    if (!this._isObject(buffer, "isBuffer", WebGLBuffer))
-      return false;
+    if (!this._isObject(buffer, "isBuffer", WebGLBuffer)) return false;
     return this._native.isBuffer(buffer?._);
   }
   isContextLost() {
@@ -2918,28 +2930,23 @@ class GjsifyWebGLRenderingContext {
     return this._native.isEnabled(cap);
   }
   isFramebuffer(framebuffer) {
-    if (!this._isObject(framebuffer, "isFramebuffer", WebGLFramebuffer))
-      return false;
+    if (!this._isObject(framebuffer, "isFramebuffer", WebGLFramebuffer)) return false;
     return this._native.isFramebuffer(framebuffer?._);
   }
   isProgram(program) {
-    if (!this._isObject(program, "isProgram", WebGLProgram))
-      return false;
+    if (!this._isObject(program, "isProgram", WebGLProgram)) return false;
     return this._native.isProgram(program?._);
   }
   isRenderbuffer(renderbuffer) {
-    if (!this._isObject(renderbuffer, "isRenderbuffer", WebGLRenderbuffer))
-      return false;
+    if (!this._isObject(renderbuffer, "isRenderbuffer", WebGLRenderbuffer)) return false;
     return this._native.isRenderbuffer(renderbuffer?._);
   }
   isShader(shader) {
-    if (!this._isObject(shader, "isShader", WebGLShader))
-      return false;
+    if (!this._isObject(shader, "isShader", WebGLShader)) return false;
     return this._native.isShader(shader?._);
   }
   isTexture(texture) {
-    if (!this._isObject(texture, "isTexture", WebGLTexture))
-      return false;
+    if (!this._isObject(texture, "isTexture", WebGLTexture)) return false;
     return this._native.isTexture(texture?._);
   }
   lineWidth(width) {
@@ -3053,6 +3060,10 @@ class GjsifyWebGLRenderingContext {
     return this._native.sampleCoverage(+value, !!invert);
   }
   scissor(x, y, width, height) {
+    this._scissorBox[0] = x | 0;
+    this._scissorBox[1] = y | 0;
+    this._scissorBox[2] = width | 0;
+    this._scissorBox[3] = height | 0;
     return this._native.scissor(x | 0, y | 0, width | 0, height | 0);
   }
   shaderSource(shader, source) {
@@ -3081,11 +3092,11 @@ class GjsifyWebGLRenderingContext {
   }
   stencilMask(mask) {
     this._checkStencil = true;
-    return this._native.stencilMask(mask | 0);
+    return this._native.stencilMask(mask >>> 0);
   }
   stencilMaskSeparate(face, mask) {
     this._checkStencil = true;
-    return this._native.stencilMaskSeparate(face | 0, mask | 0);
+    return this._native.stencilMaskSeparate(face | 0, mask >>> 0);
   }
   stencilOp(fail, zfail, zpass) {
     this._checkStencil = true;
@@ -3129,31 +3140,26 @@ class GjsifyWebGLRenderingContext {
     }
   }
   uniform1f(location, x) {
-    if (!this._checkUniformValid(location, x, "uniform1f", 1, "f"))
-      return;
+    if (!this._checkUniformValid(location, x, "uniform1f", 1, "f")) return;
     return this._native.uniform1f(location?._ || 0, x);
   }
   uniform1i(location, x) {
     return this._native.uniform1i(location?._ || 0, x);
   }
   uniform2f(location, x, y) {
-    if (!this._checkUniformValid(location, x, "uniform2f", 2, "f"))
-      return;
+    if (!this._checkUniformValid(location, x, "uniform2f", 2, "f")) return;
     return this._native.uniform2f(location?._ || 0, x, y);
   }
   uniform2i(location, x, y) {
-    if (!this._checkUniformValid(location, x, "uniform2i", 2, "i"))
-      return;
+    if (!this._checkUniformValid(location, x, "uniform2i", 2, "i")) return;
     this._native.uniform2i(location?._ || 0, x, y);
   }
   uniform3f(location, x, y, z) {
-    if (!this._checkUniformValid(location, x, "uniform3f", 3, "f"))
-      return;
+    if (!this._checkUniformValid(location, x, "uniform3f", 3, "f")) return;
     return this._native.uniform3f(location?._ || 0, x, y, z);
   }
   uniform3i(location, x, y, z) {
-    if (!this._checkUniformValid(location, x, "uniform3i", 3, "i"))
-      return;
+    if (!this._checkUniformValid(location, x, "uniform3i", 3, "i")) return;
     return this._native.uniform3i(location?._ || 0, x, y, z);
   }
   uniform4f(location, x, y, z, w) {
@@ -3164,8 +3170,7 @@ class GjsifyWebGLRenderingContext {
     return this._native.uniform4f(location?._ || 0, x, y, z, w);
   }
   uniform4i(location, x, y, z, w) {
-    if (!this._checkUniformValid(location, x, "uniform4i", 4, "i"))
-      return;
+    if (!this._checkUniformValid(location, x, "uniform4i", 4, "i")) return;
     return this._native.uniform4i(location?._ || 0, x, y, z, w);
   }
   useProgram(program) {
@@ -3197,8 +3202,7 @@ class GjsifyWebGLRenderingContext {
   }
   vertexAttrib1f(index, x) {
     index |= 0;
-    if (!this._checkVertexIndex(index))
-      return;
+    if (!this._checkVertexIndex(index)) return;
     const data = this._vertexGlobalState._attribs[index]._data;
     data[3] = 1;
     data[1] = data[2] = 0;
@@ -3219,8 +3223,7 @@ class GjsifyWebGLRenderingContext {
   }
   vertexAttrib2f(index, x, y) {
     index |= 0;
-    if (!this._checkVertexIndex(index))
-      return;
+    if (!this._checkVertexIndex(index)) return;
     const data = this._vertexGlobalState._attribs[index]._data;
     data[3] = 1;
     data[2] = 0;
@@ -3242,8 +3245,7 @@ class GjsifyWebGLRenderingContext {
   }
   vertexAttrib3f(index, x, y, z) {
     index |= 0;
-    if (!this._checkVertexIndex(index))
-      return;
+    if (!this._checkVertexIndex(index)) return;
     const data = this._vertexGlobalState._attribs[index]._data;
     data[3] = 1;
     data[2] = z;
@@ -3264,8 +3266,7 @@ class GjsifyWebGLRenderingContext {
     return this._native.vertexAttrib3f(index | 0, +values[0], +values[1], +values[2]);
   }
   vertexAttrib4f(index = 0, x, y, z, w) {
-    if (!this._checkVertexIndex(index))
-      return;
+    if (!this._checkVertexIndex(index)) return;
     const data = this._vertexGlobalState._attribs[index]._data;
     data[3] = w;
     data[2] = z;
@@ -3334,10 +3335,13 @@ class GjsifyWebGLRenderingContext {
     );
   }
   viewport(x, y, width, height) {
+    this._viewport[0] = x | 0;
+    this._viewport[1] = y | 0;
+    this._viewport[2] = width | 0;
+    this._viewport[3] = height | 0;
     return this._native.viewport(x, y, width, height);
   }
 }
 export {
-  GjsifyWebGLRenderingContext,
-  GjsifyWebGLRenderingContext as WebGLRenderingContext
+  WebGLRenderingContext
 };

package/lib/esm/webgl-sampler.js

@@ -0,0 +1,15 @@
+import { Linkable } from "./linkable.js";
+class WebGLSampler extends Linkable {
+  constructor(_, ctx) {
+    super(_);
+    this._ctx = ctx;
+  }
+  _performDelete() {
+    const ctx = this._ctx;
+    delete ctx._samplers[this._ | 0];
+    ctx._native2.deleteSampler(this._ | 0);
+  }
+}
+export {
+  WebGLSampler
+};

package/lib/esm/webgl-shader-precision-format.js

@@ -1,4 +1,4 @@
-class GjsifyWebGLShaderPrecisionFormat {
+class WebGLShaderPrecisionFormat {
   constructor(_) {
     this.rangeMin = _.rangeMin;
     this.rangeMax = _.rangeMax;
@@ -6,6 +6,5 @@ class GjsifyWebGLShaderPrecisionFormat {
   }
 }
 export {
-  GjsifyWebGLShaderPrecisionFormat,
-  GjsifyWebGLShaderPrecisionFormat as WebGLShaderPrecisionFormat
+  WebGLShaderPrecisionFormat
 };

package/lib/esm/webgl-shader.js

@@ -1,5 +1,5 @@
 import { Linkable } from "./linkable.js";
-class GjsifyWebGLShader extends Linkable {
+class WebGLShader extends Linkable {
   constructor(_, ctx, type) {
     super(_);
     this._source = "";
@@ -18,6 +18,5 @@ class GjsifyWebGLShader extends Linkable {
   }
 }
 export {
-  GjsifyWebGLShader,
-  GjsifyWebGLShader as WebGLShader
+  WebGLShader
 };

package/lib/esm/webgl-sync.js

@@ -0,0 +1,15 @@
+import { Linkable } from "./linkable.js";
+class WebGLSync extends Linkable {
+  constructor(_, ctx) {
+    super(_);
+    this._ctx = ctx;
+  }
+  _performDelete() {
+    const ctx = this._ctx;
+    delete ctx._syncs[this._ | 0];
+    ctx._native2.deleteSync(this._ | 0);
+  }
+}
+export {
+  WebGLSync
+};

package/lib/esm/webgl-texture.js

@@ -1,5 +1,5 @@
 import { Linkable } from "./linkable.js";
-class GjsifyWebGLTexture extends Linkable {
+class WebGLTexture extends Linkable {
   constructor(_, ctx) {
     super(_);
     this._binding = 0;
@@ -17,6 +17,5 @@ class GjsifyWebGLTexture extends Linkable {
   }
 }
 export {
-  GjsifyWebGLTexture,
-  GjsifyWebGLTexture as WebGLTexture
+  WebGLTexture
 };

package/lib/esm/webgl-transform-feedback.js

@@ -0,0 +1,15 @@
+import { Linkable } from "./linkable.js";
+class WebGLTransformFeedback extends Linkable {
+  constructor(_, ctx) {
+    super(_);
+    this._ctx = ctx;
+  }
+  _performDelete() {
+    const ctx = this._ctx;
+    delete ctx._transformFeedbacks[this._ | 0];
+    ctx._native2.deleteTransformFeedback(this._ | 0);
+  }
+}
+export {
+  WebGLTransformFeedback
+};

package/lib/esm/webgl-uniform-location.js

@@ -1,4 +1,4 @@
-class GjsifyWebGLUniformLocation {
+class WebGLUniformLocation {
   constructor(_, program, info) {
     this._linkCount = 0;
     this._array = null;
@@ -10,6 +10,5 @@ class GjsifyWebGLUniformLocation {
   }
 }
 export {
-  GjsifyWebGLUniformLocation,
-  GjsifyWebGLUniformLocation as WebGLUniformLocation
+  WebGLUniformLocation
 };

package/lib/esm/webgl-vertex-array-object.js

@@ -0,0 +1,21 @@
+import { Linkable } from "./linkable.js";
+import { WebGLVertexArrayObjectState } from "./webgl-vertex-attribute.js";
+class WebGLVertexArrayObject extends Linkable {
+  constructor(_, ctx) {
+    super(_);
+    this._ctx = ctx;
+    this._objectState = new WebGLVertexArrayObjectState(ctx);
+  }
+  _performDelete() {
+    const ctx = this._ctx;
+    if (ctx._vertexObjectState === this._objectState) {
+      ctx._vertexObjectState = ctx._defaultVertexObjectState;
+    }
+    this._objectState.cleanUp();
+    delete ctx._vertexArrayObjects[this._ | 0];
+    ctx._native2.deleteVertexArray(this._ | 0);
+  }
+}
+export {
+  WebGLVertexArrayObject
+};