@luma.gl/webgl 9.1.0-alpha.10 → 9.1.0-alpha.13

package/dist/index.cjs

@@ -46,10 +46,10 @@ __export(dist_exports, {
 module.exports = __toCommonJS(dist_exports);
 
 // dist/adapter/webgl-adapter.js
-var import_core23 = require("@luma.gl/core");
+var import_core24 = require("@luma.gl/core");
 
 // dist/adapter/webgl-device.js
-var import_core22 = require("@luma.gl/core");
+var import_core23 = require("@luma.gl/core");
 
 // dist/context/parameters/webgl-parameter-tables.js
 var import_constants = require("@luma.gl/constants");
@@ -1406,15 +1406,15 @@ var WebGLDeviceLimits = class extends import_core3.DeviceLimits {
 };
 
 // dist/adapter/webgl-canvas-context.js
-var import_core9 = require("@luma.gl/core");
+var import_core10 = require("@luma.gl/core");
 
 // dist/adapter/resources/webgl-framebuffer.js
-var import_core8 = require("@luma.gl/core");
-var import_constants11 = require("@luma.gl/constants");
+var import_core9 = require("@luma.gl/core");
+var import_constants13 = require("@luma.gl/constants");
 
 // dist/adapter/resources/webgl-texture.js
-var import_core7 = require("@luma.gl/core");
-var import_constants10 = require("@luma.gl/constants");
+var import_core8 = require("@luma.gl/core");
+var import_constants12 = require("@luma.gl/constants");
 
 // dist/context/state-tracker/with-parameters.js
 function withGLParameters(gl, parameters, func) {
@@ -1810,7 +1810,97 @@ var WEBGLTextureView = class extends import_core6.TextureView {
 };
 
 // dist/adapter/helpers/webgl-texture-utils.js
+var import_core7 = require("@luma.gl/core");
+var import_constants11 = require("@luma.gl/constants");
+
+// dist/adapter/helpers/typed-array-utils.js
 var import_constants9 = require("@luma.gl/constants");
+var ERR_TYPE_DEDUCTION = "Failed to deduce GL constant from typed array";
+function getGLTypeFromTypedArray(arrayOrType) {
+  const type = ArrayBuffer.isView(arrayOrType) ? arrayOrType.constructor : arrayOrType;
+  switch (type) {
+    case Float32Array:
+      return 5126;
+    case Uint16Array:
+      return 5123;
+    case Uint32Array:
+      return 5125;
+    case Uint8Array:
+      return 5121;
+    case Uint8ClampedArray:
+      return 5121;
+    case Int8Array:
+      return 5120;
+    case Int16Array:
+      return 5122;
+    case Int32Array:
+      return 5124;
+    default:
+      throw new Error(ERR_TYPE_DEDUCTION);
+  }
+}
+function getTypedArrayFromGLType(glType, options) {
+  const { clamped = true } = options || {};
+  switch (glType) {
+    case 5126:
+      return Float32Array;
+    case 5123:
+    case 33635:
+    case 32819:
+    case 32820:
+      return Uint16Array;
+    case 5125:
+      return Uint32Array;
+    case 5121:
+      return clamped ? Uint8ClampedArray : Uint8Array;
+    case 5120:
+      return Int8Array;
+    case 5122:
+      return Int16Array;
+    case 5124:
+      return Int32Array;
+    default:
+      throw new Error("Failed to deduce typed array type from GL constant");
+  }
+}
+
+// dist/adapter/helpers/format-utils.js
+var import_constants10 = require("@luma.gl/constants");
+function glFormatToComponents(format) {
+  switch (format) {
+    case 6406:
+    case 33326:
+    case 6403:
+      return 1;
+    case 33328:
+    case 33319:
+      return 2;
+    case 6407:
+    case 34837:
+      return 3;
+    case 6408:
+    case 34836:
+      return 4;
+    default:
+      return 0;
+  }
+}
+function glTypeToBytes(type) {
+  switch (type) {
+    case 5121:
+      return 1;
+    case 33635:
+    case 32819:
+    case 32820:
+      return 2;
+    case 5126:
+      return 4;
+    default:
+      return 0;
+  }
+}
+
+// dist/adapter/helpers/webgl-texture-utils.js
 function initializeTextureStorage(gl, levels, options) {
   const { dimension, width, height, depth = 0 } = options;
   const { glInternalFormat } = options;
@@ -1824,26 +1914,31 @@ function initializeTextureStorage(gl, levels, options) {
       gl.texStorage2D(glTarget, levels, glInternalFormat, width, height);
   }
 }
-function copyCPUImageToMipLevel(gl, image, options) {
-  const { dimension, width, height, depth = 0, level = 0 } = options;
+function copyExternalImageToMipLevel(gl, handle, image, options) {
+  const { width, height } = options;
+  const { dimension, depth = 0, mipLevel = 0 } = options;
   const { x = 0, y = 0, z = 0 } = options;
   const { glFormat, glType } = options;
   const glTarget = getWebGLCubeFaceTarget(options.glTarget, dimension, depth);
   switch (dimension) {
     case "2d-array":
     case "3d":
-      gl.texSubImage3D(glTarget, level, x, y, z, width, height, depth, glFormat, glType, image);
+      gl.bindTexture(glTarget, handle);
+      gl.texSubImage3D(glTarget, mipLevel, x, y, z, width, height, depth, glFormat, glType, image);
+      gl.bindTexture(glTarget, null);
       break;
     case "2d":
     case "cube":
-      gl.texSubImage2D(glTarget, level, x, y, width, height, glFormat, glType, image);
+      gl.bindTexture(glTarget, handle);
+      gl.texSubImage2D(glTarget, mipLevel, x, y, width, height, glFormat, glType, image);
+      gl.bindTexture(glTarget, null);
       break;
     default:
       throw new Error(dimension);
   }
 }
 function copyCPUDataToMipLevel(gl, typedArray, options) {
-  const { dimension, width, height, depth = 0, level = 0, byteOffset = 0 } = options;
+  const { dimension, width, height, depth = 0, mipLevel = 0, byteOffset = 0 } = options;
   const { x = 0, y = 0, z = 0 } = options;
   const { glFormat, glType, compressed } = options;
   const glTarget = getWebGLCubeFaceTarget(options.glTarget, dimension, depth);
@@ -1851,17 +1946,17 @@ function copyCPUDataToMipLevel(gl, typedArray, options) {
     case "2d-array":
     case "3d":
       if (compressed) {
-        gl.compressedTexSubImage3D(glTarget, level, x, y, z, width, height, depth, glFormat, typedArray, byteOffset);
+        gl.compressedTexSubImage3D(glTarget, mipLevel, x, y, z, width, height, depth, glFormat, typedArray, byteOffset);
       } else {
-        gl.texSubImage3D(glTarget, level, x, y, z, width, height, depth, glFormat, glType, typedArray, byteOffset);
+        gl.texSubImage3D(glTarget, mipLevel, x, y, z, width, height, depth, glFormat, glType, typedArray, byteOffset);
       }
       break;
     case "2d":
     case "cube":
       if (compressed) {
-        gl.compressedTexSubImage2D(glTarget, level, x, y, width, height, glFormat, typedArray, byteOffset);
+        gl.compressedTexSubImage2D(glTarget, mipLevel, x, y, width, height, glFormat, typedArray, byteOffset);
       } else {
-        gl.texSubImage2D(glTarget, level, x, y, width, height, glFormat, glType, typedArray, byteOffset);
+        gl.texSubImage2D(glTarget, mipLevel, x, y, width, height, glFormat, glType, typedArray, byteOffset);
       }
       break;
     default:
@@ -1888,6 +1983,97 @@ function getWebGLTextureTarget(dimension) {
 function getWebGLCubeFaceTarget(glTarget, dimension, level) {
   return dimension === "cube" ? 34069 + level : glTarget;
 }
+function readPixelsToArray(source, options) {
+  var _a, _b, _c, _d, _e, _f;
+  const {
+    sourceX = 0,
+    sourceY = 0,
+    sourceAttachment = 36064
+    // TODO - support gl.readBuffer
+  } = options || {};
+  let {
+    target = null,
+    // following parameters are auto deduced if not provided
+    sourceWidth,
+    sourceHeight,
+    sourceDepth,
+    sourceFormat,
+    sourceType
+  } = options || {};
+  const { framebuffer, deleteFramebuffer } = getFramebuffer(source);
+  const { gl, handle } = framebuffer;
+  const attachment = sourceAttachment - 36064;
+  sourceWidth ||= framebuffer.width;
+  sourceHeight ||= framebuffer.height;
+  sourceDepth = ((_b = (_a = framebuffer.colorAttachments[attachment]) == null ? void 0 : _a.texture) == null ? void 0 : _b.depth) || 1;
+  sourceFormat ||= ((_d = (_c = framebuffer.colorAttachments[attachment]) == null ? void 0 : _c.texture) == null ? void 0 : _d.glFormat) || 6408;
+  sourceType ||= ((_f = (_e = framebuffer.colorAttachments[attachment]) == null ? void 0 : _e.texture) == null ? void 0 : _f.glType) || 5121;
+  target = getPixelArray(target, sourceType, sourceFormat, sourceWidth, sourceHeight, sourceDepth);
+  sourceType = sourceType || getGLTypeFromTypedArray(target);
+  const prevHandle = gl.bindFramebuffer(36160, handle);
+  gl.readPixels(sourceX, sourceY, sourceWidth, sourceHeight, sourceFormat, sourceType, target);
+  gl.bindFramebuffer(36160, prevHandle || null);
+  if (deleteFramebuffer) {
+    framebuffer.destroy();
+  }
+  return target;
+}
+function readPixelsToBuffer(source, options) {
+  const { target, sourceX = 0, sourceY = 0, sourceFormat = 6408, targetByteOffset = 0 } = options || {};
+  let { sourceWidth, sourceHeight, sourceType } = options || {};
+  const { framebuffer, deleteFramebuffer } = getFramebuffer(source);
+  sourceWidth = sourceWidth || framebuffer.width;
+  sourceHeight = sourceHeight || framebuffer.height;
+  const webglFramebuffer = framebuffer;
+  sourceType = sourceType || 5121;
+  let webglBufferTarget = target;
+  if (!webglBufferTarget) {
+    const components = glFormatToComponents(sourceFormat);
+    const byteCount = glTypeToBytes(sourceType);
+    const byteLength = targetByteOffset + sourceWidth * sourceHeight * components * byteCount;
+    webglBufferTarget = webglFramebuffer.device.createBuffer({ byteLength });
+  }
+  const commandEncoder = source.device.createCommandEncoder();
+  commandEncoder.copyTextureToBuffer({
+    source,
+    width: sourceWidth,
+    height: sourceHeight,
+    origin: [sourceX, sourceY],
+    destination: webglBufferTarget,
+    byteOffset: targetByteOffset
+  });
+  commandEncoder.destroy();
+  if (deleteFramebuffer) {
+    framebuffer.destroy();
+  }
+  return webglBufferTarget;
+}
+function getFramebuffer(source) {
+  if (!(source instanceof import_core7.Framebuffer)) {
+    return { framebuffer: toFramebuffer(source), deleteFramebuffer: true };
+  }
+  return { framebuffer: source, deleteFramebuffer: false };
+}
+function toFramebuffer(texture, props) {
+  const { device, width, height, id } = texture;
+  const framebuffer = device.createFramebuffer({
+    ...props,
+    id: `framebuffer-for-${id}`,
+    width,
+    height,
+    colorAttachments: [texture]
+  });
+  return framebuffer;
+}
+function getPixelArray(pixelArray, type, format, width, height, depth) {
+  if (pixelArray) {
+    return pixelArray;
+  }
+  type = type || 5121;
+  const ArrayType = getTypedArrayFromGLType(type, { clamped: false });
+  const components = glFormatToComponents(format);
+  return new ArrayType(width * height * components);
+}
 
 // dist/adapter/resources/webgl-texture.js
 function normalizeTextureData(data, options) {
@@ -1909,7 +2095,7 @@ function normalizeTextureData(data, options) {
   }
   return lodArray;
 }
-var WEBGLTexture = class extends import_core7.Texture {
+var WEBGLTexture = class extends import_core8.Texture {
   MAX_ATTRIBUTES;
   device;
   gl;
@@ -1950,7 +2136,7 @@ var WEBGLTexture = class extends import_core7.Texture {
   /** For automatically updating video */
   _video = null;
   constructor(device, props) {
-    super(device, { ...import_core7.Texture.defaultProps, ...props, data: void 0 });
+    super(device, { ...import_core8.Texture.defaultProps, ...props, data: void 0 });
     this.device = device;
     this.gl = this.device.gl;
     this.glTarget = getWebGLTextureTarget(this.props.dimension);
@@ -1978,7 +2164,7 @@ var WEBGLTexture = class extends import_core7.Texture {
     const data = props.data;
     let { width, height } = props;
     if (!width || !height) {
-      const textureSize = import_core7.Texture.getTextureDataSize(data);
+      const textureSize = import_core8.Texture.getTextureDataSize(data);
       width = (textureSize == null ? void 0 : textureSize.width) || 1;
       height = (textureSize == null ? void 0 : textureSize.height) || 1;
     }
@@ -2071,7 +2257,7 @@ var WEBGLTexture = class extends import_core7.Texture {
   }
   /** Update external texture (video frame or canvas) */
   update() {
-    import_core7.log.warn("Texture.update() not implemented");
+    import_core8.log.warn("Texture.update() not implemented");
   }
   // Call to regenerate mipmaps after modifying texture(s)
   generateMipmap(params = {}) {
@@ -2087,12 +2273,30 @@ var WEBGLTexture = class extends import_core7.Texture {
   }
   // Image Data Setters
   copyExternalImage(options) {
-    const size = import_core7.Texture.getExternalImageSize(options.image);
-    const opts = { ...import_core7.Texture.defaultCopyExternalImageOptions, ...size, ...options };
-    const { depth, mipLevel: lodLevel, image } = opts;
-    this.bind();
-    this._setMipLevel(depth, lodLevel, image);
-    this.unbind();
+    const size = import_core8.Texture.getExternalImageSize(options.image);
+    const opts = { ...import_core8.Texture.defaultCopyExternalImageOptions, ...size, ...options };
+    const { image, depth, mipLevel, x, y, z } = opts;
+    let { width, height } = opts;
+    const { dimension, glTarget, glFormat, glInternalFormat, glType } = this;
+    width = Math.min(width, size.width - x);
+    height = Math.min(height, size.height - y);
+    if (options.sourceX || options.sourceY) {
+      throw new Error("WebGL does not yet support sourceX/sourceY in copyExternalImage; requires copyTexSubImage2D from a framebuffer");
+    }
+    copyExternalImageToMipLevel(this.device.gl, this.handle, image, {
+      dimension,
+      mipLevel,
+      x,
+      y,
+      z,
+      width,
+      height,
+      depth,
+      glFormat,
+      glInternalFormat,
+      glType,
+      glTarget
+    });
     return { width: opts.width, height: opts.height };
   }
   setTexture1DData(data) {
@@ -2103,7 +2307,7 @@ var WEBGLTexture = class extends import_core7.Texture {
     this.bind();
     const lodArray = normalizeTextureData(lodData, this);
     if (lodArray.length > 1 && this.props.mipmaps !== false) {
-      import_core7.log.warn(`Texture ${this.id} mipmap and multiple LODs.`)();
+      import_core8.log.warn(`Texture ${this.id} mipmap and multiple LODs.`)();
     }
     for (let lodLevel = 0; lodLevel < lodArray.length; lodLevel++) {
       const imageData = lodArray[lodLevel];
@@ -2135,7 +2339,7 @@ var WEBGLTexture = class extends import_core7.Texture {
     if (this.props.dimension !== "cube") {
       throw new Error(this.id);
     }
-    for (const face of import_core7.Texture.CubeFaces) {
+    for (const face of import_core8.Texture.CubeFaces) {
       this.setTextureCubeFaceData(data[face], face);
     }
   }
@@ -2158,9 +2362,9 @@ var WEBGLTexture = class extends import_core7.Texture {
   }
   setTextureCubeFaceData(lodData, face, depth = 0) {
     if (Array.isArray(lodData) && lodData.length > 1 && this.props.mipmaps !== false) {
-      import_core7.log.warn(`${this.id} has mipmap and multiple LODs.`)();
+      import_core8.log.warn(`${this.id} has mipmap and multiple LODs.`)();
     }
-    const faceDepth = import_core7.Texture.CubeFaces.indexOf(face);
+    const faceDepth = import_core8.Texture.CubeFaces.indexOf(face);
     this.setTexture2DData(lodData, faceDepth);
   }
   // INTERNAL METHODS
@@ -2192,8 +2396,8 @@ var WEBGLTexture = class extends import_core7.Texture {
     }
   }
   _getImageDataMap(faceData) {
-    for (let i = 0; i < import_core7.Texture.CubeFaces.length; ++i) {
-      const faceName = import_core7.Texture.CubeFaces[i];
+    for (let i = 0; i < import_core8.Texture.CubeFaces.length; ++i) {
+      const faceName = import_core8.Texture.CubeFaces[i];
       if (faceData[faceName]) {
         faceData[34069 + i] = faceData[faceName];
         delete faceData[faceName];
@@ -2206,7 +2410,7 @@ var WEBGLTexture = class extends import_core7.Texture {
    * Sets sampler parameters on texture
    */
   _setSamplerParameters(parameters) {
-    import_core7.log.log(1, "texture sampler parameters", parameters)();
+    import_core8.log.log(1, "texture sampler parameters", parameters)();
     this.gl.bindTexture(this.glTarget, this.handle);
     for (const [pname, pvalue] of Object.entries(parameters)) {
       const param = Number(pname);
@@ -2295,16 +2499,21 @@ var WEBGLTexture = class extends import_core7.Texture {
    * Copy a region of data from a CPU memory buffer into this texture.
    * @todo -   GLUnpackParameters parameters
    */
-  _setMipLevel(depth, level, textureData, glTarget = this.glTarget) {
-    if (import_core7.Texture.isExternalImage(textureData)) {
-      copyCPUImageToMipLevel(this.device.gl, textureData, { ...this, depth, level, glTarget });
+  _setMipLevel(depth, mipLevel, textureData, glTarget = this.glTarget) {
+    if (import_core8.Texture.isExternalImage(textureData)) {
+      copyExternalImageToMipLevel(this.device.gl, this.handle, textureData, {
+        ...this,
+        depth,
+        mipLevel,
+        glTarget
+      });
       return;
     }
-    if (import_core7.Texture.isTextureLevelData(textureData)) {
+    if (import_core8.Texture.isTextureLevelData(textureData)) {
       copyCPUDataToMipLevel(this.device.gl, textureData.data, {
         ...this,
         depth,
-        level,
+        mipLevel,
         glTarget
       });
       return;
@@ -2336,7 +2545,7 @@ var WEBGLTexture = class extends import_core7.Texture {
 };
 
 // dist/adapter/resources/webgl-framebuffer.js
-var WEBGLFramebuffer = class extends import_core8.Framebuffer {
+var WEBGLFramebuffer = class extends import_core9.Framebuffer {
   device;
   gl;
   handle;
@@ -2351,24 +2560,7 @@ var WEBGLFramebuffer = class extends import_core8.Framebuffer {
     if (!isDefaultFramebuffer) {
       device.setSpectorMetadata(this.handle, { id: this.props.id, props: this.props });
       this.autoCreateAttachmentTextures();
-      const prevHandle = this.gl.bindFramebuffer(36160, this.handle);
-      for (let i = 0; i < this.colorAttachments.length; ++i) {
-        const attachment = this.colorAttachments[i];
-        const attachmentPoint = 36064 + i;
-        if (attachment) {
-          this._attachTexture(attachmentPoint, attachment);
-        }
-      }
-      if (this.depthStencilAttachment) {
-        this._attachTexture(getDepthStencilAttachmentWebGL(this.depthStencilAttachment.props.format), this.depthStencilAttachment);
-      }
-      if (props.check !== false) {
-        const status = this.gl.checkFramebufferStatus(36160);
-        if (status !== 36053) {
-          throw new Error(`Framebuffer ${_getFrameBufferStatus(status)}`);
-        }
-      }
-      this.gl.bindFramebuffer(36160, prevHandle);
+      this.updateAttachments();
     }
   }
   /** destroys any auto created resources etc. */
@@ -2378,6 +2570,27 @@ var WEBGLFramebuffer = class extends import_core8.Framebuffer {
       this.gl.deleteFramebuffer(this.handle);
     }
   }
+  updateAttachments() {
+    const prevHandle = this.gl.bindFramebuffer(36160, this.handle);
+    for (let i = 0; i < this.colorAttachments.length; ++i) {
+      const attachment = this.colorAttachments[i];
+      if (attachment) {
+        const attachmentPoint = 36064 + i;
+        this._attachTextureView(attachmentPoint, attachment);
+      }
+    }
+    if (this.depthStencilAttachment) {
+      const attachmentPoint = getDepthStencilAttachmentWebGL(this.depthStencilAttachment.props.format);
+      this._attachTextureView(attachmentPoint, this.depthStencilAttachment);
+    }
+    if (this.props.check !== false) {
+      const status = this.gl.checkFramebufferStatus(36160);
+      if (status !== 36053) {
+        throw new Error(`Framebuffer ${_getFrameBufferStatus(status)}`);
+      }
+    }
+    this.gl.bindFramebuffer(36160, prevHandle);
+  }
   // PRIVATE
   /** In WebGL we must use renderbuffers for depth/stencil attachments (unless we have extensions) */
   createDepthStencilTexture(format) {
@@ -2419,10 +2632,6 @@ var WEBGLFramebuffer = class extends import_core8.Framebuffer {
       return this;
     }
     */
-  /** Attach one attachment */
-  _attachTexture(attachmentPoint, textureView) {
-    this._attachTextureView(attachmentPoint, textureView);
-  }
   /**
    * @param attachment
    * @param texture
@@ -2476,7 +2685,7 @@ function _getFrameBufferStatus(status) {
 }
 
 // dist/adapter/webgl-canvas-context.js
-var WebGLCanvasContext = class extends import_core9.CanvasContext {
+var WebGLCanvasContext = class extends import_core10.CanvasContext {
   device;
   format = "rgba8unorm";
   depthStencilFormat = "depth24plus";
@@ -2529,7 +2738,7 @@ var WebGLCanvasContext = class extends import_core9.CanvasContext {
 };
 
 // dist/context/debug/spector.js
-var import_core10 = require("@luma.gl/core");
+var import_core11 = require("@luma.gl/core");
 
 // dist/utils/load-script.js
 async function loadScript(scriptUrl, scriptId) {
@@ -2555,7 +2764,7 @@ var LOG_LEVEL = 1;
 var spector = null;
 var initialized = false;
 var DEFAULT_SPECTOR_PROPS = {
-  debugWithSpectorJS: import_core10.log.get("spector") || import_core10.log.get("spectorjs"),
+  debugWithSpectorJS: import_core11.log.get("spector") || import_core11.log.get("spectorjs"),
   // https://github.com/BabylonJS/Spector.js#basic-usage
   // https://forum.babylonjs.com/t/spectorcdn-is-temporarily-off/48241
   // spectorUrl: 'https://spectorcdn.babylonjs.com/spector.bundle.js';
@@ -2567,7 +2776,7 @@ async function loadSpectorJS(props) {
     try {
       await loadScript(props.spectorUrl || DEFAULT_SPECTOR_PROPS.spectorUrl);
     } catch (error) {
-      import_core10.log.warn(String(error));
+      import_core11.log.warn(String(error));
     }
   }
 }
@@ -2578,7 +2787,7 @@ function initializeSpectorJS(props) {
     return null;
   }
   if (!spector && globalThis.SPECTOR && !((_a = globalThis.luma) == null ? void 0 : _a.spector)) {
-    import_core10.log.probe(LOG_LEVEL, "SPECTOR found and initialized. Start with `luma.spector.displayUI()`")();
+    import_core11.log.probe(LOG_LEVEL, "SPECTOR found and initialized. Start with `luma.spector.displayUI()`")();
     const { Spector } = globalThis.SPECTOR;
     spector = new Spector();
     if (globalThis.luma) {
@@ -2591,9 +2800,9 @@ function initializeSpectorJS(props) {
   if (!initialized) {
     initialized = true;
     spector.spyCanvases();
-    spector == null ? void 0 : spector.onCaptureStarted.add((capture) => import_core10.log.info("Spector capture started:", capture)());
+    spector == null ? void 0 : spector.onCaptureStarted.add((capture) => import_core11.log.info("Spector capture started:", capture)());
     spector == null ? void 0 : spector.onCapture.add((capture) => {
-      import_core10.log.info("Spector capture complete:", capture)();
+      import_core11.log.info("Spector capture complete:", capture)();
       spector == null ? void 0 : spector.getResultUI();
       spector == null ? void 0 : spector.resultView.display();
       spector == null ? void 0 : spector.resultView.addCapture(capture);
@@ -2605,7 +2814,7 @@ function initializeSpectorJS(props) {
     spector == null ? void 0 : spector.startCapture(props.gl, 500);
     gl.device = device;
     new Promise((resolve) => setTimeout(resolve, 2e3)).then((_) => {
-      import_core10.log.info("Spector capture stopped after 2 seconds")();
+      import_core11.log.info("Spector capture stopped after 2 seconds")();
       spector == null ? void 0 : spector.stopCapture();
     });
   }
@@ -2613,8 +2822,8 @@ function initializeSpectorJS(props) {
 }
 
 // dist/context/debug/webgl-developer-tools.js
-var import_core11 = require("@luma.gl/core");
-var import_constants12 = require("@luma.gl/constants");
+var import_core12 = require("@luma.gl/core");
+var import_constants14 = require("@luma.gl/constants");
 var import_env = require("@probe.gl/env");
 var WEBGL_DEBUG_CDN_URL = "https://unpkg.com/webgl-debug@2.0.1/index.js";
 function getWebGLContextData(gl) {
@@ -2637,18 +2846,18 @@ function getRealContext(gl) {
 }
 function getDebugContext(gl, props) {
   if (!globalThis.WebGLDebugUtils) {
-    import_core11.log.warn("webgl-debug not loaded")();
+    import_core12.log.warn("webgl-debug not loaded")();
     return gl;
   }
   const data = getWebGLContextData(gl);
   if (data.debugContext) {
     return data.debugContext;
   }
-  globalThis.WebGLDebugUtils.init({ ...import_constants12.GL, ...gl });
+  globalThis.WebGLDebugUtils.init({ ...import_constants14.GL, ...gl });
   const glDebug = globalThis.WebGLDebugUtils.makeDebugContext(gl, onGLError.bind(null, props), onValidateGLFunc.bind(null, props));
-  for (const key in import_constants12.GL) {
-    if (!(key in glDebug) && typeof import_constants12.GL[key] === "number") {
-      glDebug[key] = import_constants12.GL[key];
+  for (const key in import_constants14.GL) {
+    if (!(key in glDebug) && typeof import_constants14.GL[key] === "number") {
+      glDebug[key] = import_constants14.GL[key];
     }
   }
   class WebGLDebugContext {
@@ -2672,7 +2881,7 @@ function onGLError(props, err, functionName, args) {
   const errorMessage = globalThis.WebGLDebugUtils.glEnumToString(err);
   const functionArgs = globalThis.WebGLDebugUtils.glFunctionArgsToString(functionName, args);
   const message2 = `${errorMessage} in gl.${functionName}(${functionArgs})`;
-  import_core11.log.error(message2)();
+  import_core12.log.error(message2)();
   debugger;
   if (props.throwOnError) {
     throw new Error(message2);
@@ -2680,9 +2889,9 @@ function onGLError(props, err, functionName, args) {
 }
 function onValidateGLFunc(props, functionName, functionArgs) {
   let functionString = "";
-  if (import_core11.log.level >= 1) {
+  if (import_core12.log.level >= 1) {
     functionString = getFunctionString(functionName, functionArgs);
-    import_core11.log.log(1, functionString)();
+    import_core12.log.log(1, functionString)();
   }
   if (props.break && props.break.length > 0) {
     functionString = functionString || getFunctionString(functionName, functionArgs);
@@ -2697,7 +2906,7 @@ function onValidateGLFunc(props, functionName, functionArgs) {
       if (props.throwOnError) {
         throw new Error(`Undefined argument: ${functionString}`);
       } else {
-        import_core11.log.error(`Undefined argument: ${functionString}`)();
+        import_core12.log.error(`Undefined argument: ${functionString}`)();
         debugger;
       }
     }
@@ -2713,9 +2922,9 @@ function uid(id = "id") {
 }
 
 // dist/adapter/resources/webgl-buffer.js
-var import_core12 = require("@luma.gl/core");
-var import_constants13 = require("@luma.gl/constants");
-var WEBGLBuffer = class extends import_core12.Buffer {
+var import_core13 = require("@luma.gl/core");
+var import_constants15 = require("@luma.gl/constants");
+var WEBGLBuffer = class extends import_core13.Buffer {
   device;
   gl;
   handle;
@@ -2813,33 +3022,33 @@ var WEBGLBuffer = class extends import_core12.Buffer {
   }
 };
 function getWebGLTarget(usage) {
-  if (usage & import_core12.Buffer.INDEX) {
+  if (usage & import_core13.Buffer.INDEX) {
     return 34963;
   }
-  if (usage & import_core12.Buffer.VERTEX) {
+  if (usage & import_core13.Buffer.VERTEX) {
     return 34962;
   }
-  if (usage & import_core12.Buffer.UNIFORM) {
+  if (usage & import_core13.Buffer.UNIFORM) {
     return 35345;
   }
   return 34962;
 }
 function getWebGLUsage(usage) {
-  if (usage & import_core12.Buffer.INDEX) {
+  if (usage & import_core13.Buffer.INDEX) {
     return 35044;
   }
-  if (usage & import_core12.Buffer.VERTEX) {
+  if (usage & import_core13.Buffer.VERTEX) {
     return 35044;
   }
-  if (usage & import_core12.Buffer.UNIFORM) {
+  if (usage & import_core13.Buffer.UNIFORM) {
     return 35048;
   }
   return 35044;
 }
 
 // dist/adapter/resources/webgl-shader.js
-var import_core13 = require("@luma.gl/core");
-var import_constants14 = require("@luma.gl/constants");
+var import_core14 = require("@luma.gl/core");
+var import_constants16 = require("@luma.gl/constants");
 
 // dist/adapter/helpers/parse-shader-compiler-log.js
 function parseShaderCompilerLog(errLog) {
@@ -2886,7 +3095,7 @@ function getMessageType(messageType) {
 }
 
 // dist/adapter/resources/webgl-shader.js
-var WEBGLShader = class extends import_core13.Shader {
+var WEBGLShader = class extends import_core14.Shader {
   device;
   handle;
   constructor(device, props) {
@@ -2916,8 +3125,8 @@ var WEBGLShader = class extends import_core13.Shader {
     return this.getCompilationInfoSync();
   }
   getCompilationInfoSync() {
-    const log10 = this.device.gl.getShaderInfoLog(this.handle);
-    return log10 ? parseShaderCompilerLog(log10) : [];
+    const log12 = this.device.gl.getShaderInfoLog(this.handle);
+    return log12 ? parseShaderCompilerLog(log12) : [];
   }
   getTranslatedSource() {
     const extensions = this.device.getExtension("WEBGL_debug_shaders");
@@ -2933,7 +3142,7 @@ ${source2}`;
     const { gl } = this.device;
     gl.shaderSource(this.handle, source);
     gl.compileShader(this.handle);
-    if (import_core13.log.level === 0) {
+    if (import_core14.log.level === 0) {
       this.compilationStatus = "pending";
       return;
     }
@@ -2945,9 +3154,9 @@ ${source2}`;
       }
       return;
     }
-    import_core13.log.once(1, "Shader compilation is asynchronous")();
+    import_core14.log.once(1, "Shader compilation is asynchronous")();
     await this._waitForCompilationComplete();
-    import_core13.log.info(2, `Shader ${this.id} - async compilation complete: ${this.compilationStatus}`)();
+    import_core14.log.info(2, `Shader ${this.id} - async compilation complete: ${this.compilationStatus}`)();
     this._getCompilationStatus();
     this.debugShader();
   }
@@ -2979,14 +3188,14 @@ ${source2}`;
 };
 
 // dist/adapter/resources/webgl-render-pass.js
-var import_core14 = require("@luma.gl/core");
-var import_constants15 = require("@luma.gl/constants");
+var import_core15 = require("@luma.gl/core");
+var import_constants17 = require("@luma.gl/constants");
 var GL_DEPTH_BUFFER_BIT = 256;
 var GL_STENCIL_BUFFER_BIT = 1024;
 var GL_COLOR_BUFFER_BIT = 16384;
 var GL_COLOR = 6144;
 var COLOR_CHANNELS = [1, 2, 4, 8];
-var WEBGLRenderPass = class extends import_core14.RenderPass {
+var WEBGLRenderPass = class extends import_core15.RenderPass {
   device;
   /** Parameters that should be applied before each draw call */
   glParameters;
@@ -3111,184 +3320,12 @@ var WEBGLRenderPass = class extends import_core14.RenderPass {
 };
 
 // dist/adapter/resources/webgl-render-pipeline.js
-var import_core15 = require("@luma.gl/core");
+var import_core16 = require("@luma.gl/core");
 var import_constants22 = require("@luma.gl/constants");
 
 // dist/adapter/helpers/get-shader-layout.js
 var import_constants19 = require("@luma.gl/constants");
 
-// dist/classic/accessor.js
-var import_constants17 = require("@luma.gl/constants");
-
-// dist/classic/typed-array-utils.js
-var import_constants16 = require("@luma.gl/constants");
-var ERR_TYPE_DEDUCTION = "Failed to deduce GL constant from typed array";
-function getGLTypeFromTypedArray(arrayOrType) {
-  const type = ArrayBuffer.isView(arrayOrType) ? arrayOrType.constructor : arrayOrType;
-  switch (type) {
-    case Float32Array:
-      return 5126;
-    case Uint16Array:
-      return 5123;
-    case Uint32Array:
-      return 5125;
-    case Uint8Array:
-      return 5121;
-    case Uint8ClampedArray:
-      return 5121;
-    case Int8Array:
-      return 5120;
-    case Int16Array:
-      return 5122;
-    case Int32Array:
-      return 5124;
-    default:
-      throw new Error(ERR_TYPE_DEDUCTION);
-  }
-}
-function getTypedArrayFromGLType(glType, options) {
-  const { clamped = true } = options || {};
-  switch (glType) {
-    case 5126:
-      return Float32Array;
-    case 5123:
-    case 33635:
-    case 32819:
-    case 32820:
-      return Uint16Array;
-    case 5125:
-      return Uint32Array;
-    case 5121:
-      return clamped ? Uint8ClampedArray : Uint8Array;
-    case 5120:
-      return Int8Array;
-    case 5122:
-      return Int16Array;
-    case 5124:
-      return Int32Array;
-    default:
-      throw new Error("Failed to deduce typed array type from GL constant");
-  }
-}
-
-// dist/classic/accessor.js
-var DEFAULT_ACCESSOR_VALUES = {
-  offset: 0,
-  stride: 0,
-  type: 5126,
-  size: 1,
-  divisor: 0,
-  normalized: false,
-  integer: false
-};
-var Accessor = class {
-  offset;
-  stride;
-  type;
-  size;
-  divisor;
-  normalized;
-  integer;
-  buffer;
-  index;
-  static getBytesPerElement(accessor) {
-    const ArrayType = getTypedArrayFromGLType(accessor.type || 5126);
-    return ArrayType.BYTES_PER_ELEMENT;
-  }
-  static getBytesPerVertex(accessor) {
-    const ArrayType = getTypedArrayFromGLType(accessor.type || 5126);
-    return ArrayType.BYTES_PER_ELEMENT * accessor.size;
-  }
-  // Combines (merges) a list of accessors. On top of default values
-  // Usually [programAccessor, bufferAccessor, appAccessor]
-  // All props will be set in the returned object.
-  // TODO check for conflicts between values in the supplied accessors
-  static resolve(...accessors) {
-    return new Accessor(...[DEFAULT_ACCESSOR_VALUES, ...accessors]);
-  }
-  constructor(...accessors) {
-    accessors.forEach((accessor) => this._assign(accessor));
-    Object.freeze(this);
-  }
-  toString() {
-    return JSON.stringify(this);
-  }
-  // ACCESSORS
-  // TODO - remove>
-  get BYTES_PER_ELEMENT() {
-    return Accessor.getBytesPerElement(this);
-  }
-  get BYTES_PER_VERTEX() {
-    return Accessor.getBytesPerVertex(this);
-  }
-  // PRIVATE
-  // eslint-disable-next-line complexity, max-statements
-  _assign(props = {}) {
-    if (props.type !== void 0) {
-      this.type = props.type;
-      if (props.type === 5124 || props.type === 5125) {
-        this.integer = true;
-      }
-    }
-    if (props.size !== void 0) {
-      this.size = props.size;
-    }
-    if (props.offset !== void 0) {
-      this.offset = props.offset;
-    }
-    if (props.stride !== void 0) {
-      this.stride = props.stride;
-    }
-    if (props.normalize !== void 0) {
-      this.normalized = props.normalize;
-    }
-    if (props.normalized !== void 0) {
-      this.normalized = props.normalized;
-    }
-    if (props.integer !== void 0) {
-      this.integer = props.integer;
-    }
-    if (props.divisor !== void 0) {
-      this.divisor = props.divisor;
-    }
-    if (props.buffer !== void 0) {
-      this.buffer = props.buffer;
-    }
-    if (props.index !== void 0) {
-      if (typeof props.index === "boolean") {
-        this.index = props.index ? 1 : 0;
-      } else {
-        this.index = props.index;
-      }
-    }
-    if (props.instanced !== void 0) {
-      this.divisor = props.instanced ? 1 : 0;
-    }
-    if (props.isInstanced !== void 0) {
-      this.divisor = props.isInstanced ? 1 : 0;
-    }
-    if (this.offset === void 0)
-      delete this.offset;
-    if (this.stride === void 0)
-      delete this.stride;
-    if (this.type === void 0)
-      delete this.type;
-    if (this.size === void 0)
-      delete this.size;
-    if (this.divisor === void 0)
-      delete this.divisor;
-    if (this.normalized === void 0)
-      delete this.normalized;
-    if (this.integer === void 0)
-      delete this.integer;
-    if (this.buffer === void 0)
-      delete this.buffer;
-    if (this.index === void 0)
-      delete this.index;
-    return this;
-  }
-};
-
 // dist/adapter/helpers/decode-webgl-types.js
 var import_constants18 = require("@luma.gl/constants");
 function isSamplerUniform(type) {
@@ -3455,8 +3492,7 @@ function readVaryings(gl, program) {
     }
     const { name, type: compositeType, size } = activeInfo;
     const { glType, components } = decodeGLUniformType(compositeType);
-    const accessor = new Accessor({ type: glType, size: size * components });
-    const varying = { location, name, accessor };
+    const varying = { location, name, type: glType, size: size * components };
     varyings.push(varying);
   }
   varyings.sort((a, b) => a.location - b.location);
@@ -3723,7 +3759,7 @@ function getGLPrimitive(topology) {
 
 // dist/adapter/resources/webgl-render-pipeline.js
 var LOG_PROGRAM_PERF_PRIORITY = 4;
-var WEBGLRenderPipeline = class extends import_core15.RenderPipeline {
+var WEBGLRenderPipeline = class extends import_core16.RenderPipeline {
   /** The WebGL device that created this render pipeline */
   device;
   /** Handle to underlying WebGL program */
@@ -3756,9 +3792,9 @@ var WEBGLRenderPipeline = class extends import_core15.RenderPipeline {
       this.device.gl.transformFeedbackVaryings(this.handle, varyings, bufferMode);
     }
     this._linkShaders();
-    import_core15.log.time(1, `RenderPipeline ${this.id} - shaderLayout introspection`)();
+    import_core16.log.time(1, `RenderPipeline ${this.id} - shaderLayout introspection`)();
     this.introspectedLayout = getShaderLayout(this.device.gl, this.handle);
-    import_core15.log.timeEnd(1, `RenderPipeline ${this.id} - shaderLayout introspection`)();
+    import_core16.log.timeEnd(1, `RenderPipeline ${this.id} - shaderLayout introspection`)();
     this.shaderLayout = mergeShaderLayout(this.introspectedLayout, props.shaderLayout);
   }
   destroy() {
@@ -3777,12 +3813,12 @@ var WEBGLRenderPipeline = class extends import_core15.RenderPipeline {
       if (!binding) {
         const validBindings = this.shaderLayout.bindings.map((binding2) => `"${binding2.name}"`).join(", ");
         if (!(options == null ? void 0 : options.disableWarnings)) {
-          import_core15.log.warn(`No binding "${name}" in render pipeline "${this.id}", expected one of ${validBindings}`, value)();
+          import_core16.log.warn(`No binding "${name}" in render pipeline "${this.id}", expected one of ${validBindings}`, value)();
         }
         continue;
       }
       if (!value) {
-        import_core15.log.warn(`Unsetting binding "${name}" in render pipeline "${this.id}"`)();
+        import_core16.log.warn(`Unsetting binding "${name}" in render pipeline "${this.id}"`)();
       }
       switch (binding.type) {
         case "uniform":
@@ -3796,7 +3832,7 @@ var WEBGLRenderPipeline = class extends import_core15.RenderPipeline {
           }
           break;
         case "sampler":
-          import_core15.log.warn(`Ignoring sampler ${name}`)();
+          import_core16.log.warn(`Ignoring sampler ${name}`)();
           break;
         default:
           throw new Error(binding.type);
@@ -3829,11 +3865,11 @@ var WEBGLRenderPipeline = class extends import_core15.RenderPipeline {
     const isIndexed = Boolean(vertexArray.indexBuffer);
     const glIndexType = (_a = vertexArray.indexBuffer) == null ? void 0 : _a.glIndexType;
     if (this.linkStatus !== "success") {
-      import_core15.log.info(2, `RenderPipeline:${this.id}.draw() aborted - waiting for shader linking`)();
+      import_core16.log.info(2, `RenderPipeline:${this.id}.draw() aborted - waiting for shader linking`)();
       return false;
     }
     if (!this._areTexturesRenderable()) {
-      import_core15.log.info(2, `RenderPipeline:${this.id}.draw() aborted - textures not yet loaded`)();
+      import_core16.log.info(2, `RenderPipeline:${this.id}.draw() aborted - textures not yet loaded`)();
       return false;
     }
     this.device.gl.useProgram(this.handle);
@@ -3872,7 +3908,7 @@ var WEBGLRenderPipeline = class extends import_core15.RenderPipeline {
   setUniformsWebGL(uniforms) {
     const { bindings } = splitUniformsAndBindings(uniforms);
     Object.keys(bindings).forEach((name) => {
-      import_core15.log.warn(`Unsupported value "${JSON.stringify(bindings[name])}" used in setUniforms() for key ${name}. Use setBindings() instead?`)();
+      import_core16.log.warn(`Unsupported value "${JSON.stringify(bindings[name])}" used in setUniforms() for key ${name}. Use setBindings() instead?`)();
     });
     Object.assign(this.uniforms, uniforms);
   }
@@ -3883,19 +3919,19 @@ var WEBGLRenderPipeline = class extends import_core15.RenderPipeline {
     const { gl } = this.device;
     gl.attachShader(this.handle, this.vs.handle);
     gl.attachShader(this.handle, this.fs.handle);
-    import_core15.log.time(LOG_PROGRAM_PERF_PRIORITY, `linkProgram for ${this.id}`)();
+    import_core16.log.time(LOG_PROGRAM_PERF_PRIORITY, `linkProgram for ${this.id}`)();
     gl.linkProgram(this.handle);
-    import_core15.log.timeEnd(LOG_PROGRAM_PERF_PRIORITY, `linkProgram for ${this.id}`)();
-    if (import_core15.log.level === 0) {
+    import_core16.log.timeEnd(LOG_PROGRAM_PERF_PRIORITY, `linkProgram for ${this.id}`)();
+    if (import_core16.log.level === 0) {
     }
     if (!this.device.features.has("compilation-status-async-webgl")) {
       const status2 = this._getLinkStatus();
       this._reportLinkStatus(status2);
       return;
     }
-    import_core15.log.once(1, "RenderPipeline linking is asynchronous")();
+    import_core16.log.once(1, "RenderPipeline linking is asynchronous")();
     await this._waitForLinkComplete();
-    import_core15.log.info(2, `RenderPipeline ${this.id} - async linking complete: ${this.linkStatus}`)();
+    import_core16.log.info(2, `RenderPipeline ${this.id} - async linking complete: ${this.linkStatus}`)();
     const status = this._getLinkStatus();
     this._reportLinkStatus(status);
   }
@@ -3964,7 +4000,7 @@ var WEBGLRenderPipeline = class extends import_core15.RenderPipeline {
     let texturesRenderable = true;
     for (const bindingInfo of this.shaderLayout.bindings) {
       if (!this.bindings[bindingInfo.name] && !this.bindings[bindingInfo.name.replace(/Uniforms$/, "")]) {
-        import_core15.log.warn(`Binding ${bindingInfo.name} not found in ${this.id}`)();
+        import_core16.log.warn(`Binding ${bindingInfo.name} not found in ${this.id}`)();
         texturesRenderable = false;
       }
     }
@@ -4023,7 +4059,7 @@ var WEBGLRenderPipeline = class extends import_core15.RenderPipeline {
           } else if (value instanceof WEBGLTexture) {
             texture = value;
           } else if (value instanceof WEBGLFramebuffer && value.colorAttachments[0] instanceof WEBGLTextureView) {
-            import_core15.log.warn("Passing framebuffer in texture binding may be deprecated. Use fbo.colorAttachments[0] instead")();
+            import_core16.log.warn("Passing framebuffer in texture binding may be deprecated. Use fbo.colorAttachments[0] instead")();
             texture = value.colorAttachments[0].texture;
           } else {
             throw new Error("No texture");
@@ -4062,7 +4098,7 @@ function mergeShaderLayout(baseLayout, overrideLayout) {
   for (const attribute of (overrideLayout == null ? void 0 : overrideLayout.attributes) || []) {
     const baseAttribute = mergedLayout.attributes.find((attr) => attr.name === attribute.name);
     if (!baseAttribute) {
-      import_core15.log.warn(`shader layout attribute ${attribute.name} not present in shader`);
+      import_core16.log.warn(`shader layout attribute ${attribute.name} not present in shader`);
     } else {
       baseAttribute.type = attribute.type || baseAttribute.type;
       baseAttribute.stepMode = attribute.stepMode || baseAttribute.stepMode;
@@ -4072,12 +4108,12 @@ function mergeShaderLayout(baseLayout, overrideLayout) {
 }
 
 // dist/adapter/resources/webgl-command-encoder.js
-var import_core17 = require("@luma.gl/core");
+var import_core18 = require("@luma.gl/core");
 
 // dist/adapter/resources/webgl-command-buffer.js
-var import_core16 = require("@luma.gl/core");
+var import_core17 = require("@luma.gl/core");
 var import_constants23 = require("@luma.gl/constants");
-var WEBGLCommandBuffer = class extends import_core16.CommandBuffer {
+var WEBGLCommandBuffer = class extends import_core17.CommandBuffer {
   device;
   commands = [];
   constructor(device) {
@@ -4152,7 +4188,7 @@ function _copyTextureToBuffer(device, options) {
   if (mipLevel !== 0 || depthOrArrayLayers !== 0 || bytesPerRow || rowsPerImage) {
     throw new Error("not implemented");
   }
-  const { framebuffer, destroyFramebuffer } = getFramebuffer(source);
+  const { framebuffer, destroyFramebuffer } = getFramebuffer2(source);
   let prevHandle;
   try {
     const webglBuffer = destination;
@@ -4200,7 +4236,7 @@ function _copyTextureToTexture(device, options) {
     height = options.destination.height
     // depthOrArrayLayers = 0
   } = options;
-  const { framebuffer, destroyFramebuffer } = getFramebuffer(source);
+  const { framebuffer, destroyFramebuffer } = getFramebuffer2(source);
   const [sourceX, sourceY] = origin;
   const [destinationX, destinationY, destinationZ] = destinationOrigin;
   const prevHandle = device.gl.bindFramebuffer(36160, framebuffer.handle);
@@ -4234,8 +4270,8 @@ function _copyTextureToTexture(device, options) {
     framebuffer.destroy();
   }
 }
-function getFramebuffer(source) {
-  if (source instanceof import_core16.Texture) {
+function getFramebuffer2(source) {
+  if (source instanceof import_core17.Texture) {
     const { width, height, id } = source;
     const framebuffer = source.device.createFramebuffer({
       id: `framebuffer-for-${id}`,
@@ -4249,7 +4285,7 @@ function getFramebuffer(source) {
 }
 
 // dist/adapter/resources/webgl-command-encoder.js
-var WEBGLCommandEncoder = class extends import_core17.CommandEncoder {
+var WEBGLCommandEncoder = class extends import_core18.CommandEncoder {
   device;
   commandBuffer;
   constructor(device, props) {
@@ -4288,7 +4324,7 @@ var WEBGLCommandEncoder = class extends import_core17.CommandEncoder {
 };
 
 // dist/adapter/resources/webgl-vertex-array.js
-var import_core18 = require("@luma.gl/core");
+var import_core19 = require("@luma.gl/core");
 var import_constants24 = require("@luma.gl/constants");
 var import_env2 = require("@probe.gl/env");
 
@@ -4314,7 +4350,7 @@ function fillArray(options) {
 }
 
 // dist/adapter/resources/webgl-vertex-array.js
-var WEBGLVertexArray = class extends import_core18.VertexArray {
+var WEBGLVertexArray = class extends import_core19.VertexArray {
   get [Symbol.toStringTag]() {
     return "VertexArray";
   }
@@ -4481,7 +4517,7 @@ var WEBGLVertexArray = class extends import_core18.VertexArray {
     this.buffer = this.buffer || this.device.createBuffer({ byteLength });
     updateNeeded = updateNeeded || !compareConstantArrayValues(constantValue, this.bufferValue);
     if (updateNeeded) {
-      const typedArray = (0, import_core18.getScratchArray)(value.constructor, length);
+      const typedArray = (0, import_core19.getScratchArray)(value.constructor, length);
       fillArray({ target: typedArray, source: constantValue, start: 0, count: length });
       this.buffer.write(typedArray);
       this.bufferValue = value;
@@ -4508,9 +4544,9 @@ function compareConstantArrayValues(v1, v2) {
 }
 
 // dist/adapter/resources/webgl-transform-feedback.js
-var import_core19 = require("@luma.gl/core");
+var import_core20 = require("@luma.gl/core");
 var import_constants25 = require("@luma.gl/constants");
-var WEBGLTransformFeedback = class extends import_core19.TransformFeedback {
+var WEBGLTransformFeedback = class extends import_core20.TransformFeedback {
   device;
   gl;
   handle;
@@ -4573,7 +4609,7 @@ var WEBGLTransformFeedback = class extends import_core19.TransformFeedback {
     const { buffer, byteLength, byteOffset } = this._getBufferRange(bufferOrRange);
     if (location < 0) {
       this.unusedBuffers[locationOrName] = buffer;
-      import_core19.log.warn(`${this.id} unusedBuffers varying buffer ${locationOrName}`)();
+      import_core20.log.warn(`${this.id} unusedBuffers varying buffer ${locationOrName}`)();
       return;
     }
     this.buffers[location] = { buffer, byteLength, byteOffset };
@@ -4660,9 +4696,9 @@ function isIndex(value) {
 }
 
 // dist/adapter/resources/webgl-query-set.js
-var import_core20 = require("@luma.gl/core");
+var import_core21 = require("@luma.gl/core");
 var import_constants26 = require("@luma.gl/constants");
-var WEBGLQuerySet = class extends import_core20.QuerySet {
+var WEBGLQuerySet = class extends import_core21.QuerySet {
   device;
   handle;
   target = null;
@@ -4789,144 +4825,13 @@ var WEBGLQuerySet = class extends import_core20.QuerySet {
   }
 };
 
-// dist/classic/copy-and-blit.js
-var import_core21 = require("@luma.gl/core");
-var import_constants28 = require("@luma.gl/constants");
-
-// dist/classic/format-utils.js
-var import_constants27 = require("@luma.gl/constants");
-function glFormatToComponents(format) {
-  switch (format) {
-    case 6406:
-    case 33326:
-    case 6403:
-      return 1;
-    case 33328:
-    case 33319:
-      return 2;
-    case 6407:
-    case 34837:
-      return 3;
-    case 6408:
-    case 34836:
-      return 4;
-    default:
-      return 0;
-  }
-}
-function glTypeToBytes(type) {
-  switch (type) {
-    case 5121:
-      return 1;
-    case 33635:
-    case 32819:
-    case 32820:
-      return 2;
-    case 5126:
-      return 4;
-    default:
-      return 0;
-  }
-}
-
-// dist/classic/copy-and-blit.js
-function readPixelsToArray(source, options) {
-  var _a, _b, _c, _d, _e, _f;
-  const {
-    sourceX = 0,
-    sourceY = 0,
-    sourceAttachment = 36064
-    // TODO - support gl.readBuffer
-  } = options || {};
-  let {
-    target = null,
-    // following parameters are auto deduced if not provided
-    sourceWidth,
-    sourceHeight,
-    sourceDepth,
-    sourceFormat,
-    sourceType
-  } = options || {};
-  const { framebuffer, deleteFramebuffer } = getFramebuffer2(source);
-  const { gl, handle } = framebuffer;
-  const attachment = sourceAttachment - 36064;
-  sourceWidth ||= framebuffer.width;
-  sourceHeight ||= framebuffer.height;
-  sourceDepth = ((_b = (_a = framebuffer.colorAttachments[attachment]) == null ? void 0 : _a.texture) == null ? void 0 : _b.depth) || 1;
-  sourceFormat ||= ((_d = (_c = framebuffer.colorAttachments[attachment]) == null ? void 0 : _c.texture) == null ? void 0 : _d.glFormat) || 6408;
-  sourceType ||= ((_f = (_e = framebuffer.colorAttachments[attachment]) == null ? void 0 : _e.texture) == null ? void 0 : _f.glType) || 5121;
-  target = getPixelArray(target, sourceType, sourceFormat, sourceWidth, sourceHeight, sourceDepth);
-  sourceType = sourceType || getGLTypeFromTypedArray(target);
-  const prevHandle = gl.bindFramebuffer(36160, handle);
-  gl.readPixels(sourceX, sourceY, sourceWidth, sourceHeight, sourceFormat, sourceType, target);
-  gl.bindFramebuffer(36160, prevHandle || null);
-  if (deleteFramebuffer) {
-    framebuffer.destroy();
-  }
-  return target;
-}
-function readPixelsToBuffer(source, options) {
-  const { target, sourceX = 0, sourceY = 0, sourceFormat = 6408, targetByteOffset = 0 } = options || {};
-  let { sourceWidth, sourceHeight, sourceType } = options || {};
-  const { framebuffer, deleteFramebuffer } = getFramebuffer2(source);
-  sourceWidth = sourceWidth || framebuffer.width;
-  sourceHeight = sourceHeight || framebuffer.height;
-  const webglFramebuffer = framebuffer;
-  sourceType = sourceType || 5121;
-  let webglBufferTarget = target;
-  if (!webglBufferTarget) {
-    const components = glFormatToComponents(sourceFormat);
-    const byteCount = glTypeToBytes(sourceType);
-    const byteLength = targetByteOffset + sourceWidth * sourceHeight * components * byteCount;
-    webglBufferTarget = webglFramebuffer.device.createBuffer({ byteLength });
-  }
-  const commandEncoder = source.device.createCommandEncoder();
-  commandEncoder.copyTextureToBuffer({
-    source,
-    width: sourceWidth,
-    height: sourceHeight,
-    origin: [sourceX, sourceY],
-    destination: webglBufferTarget,
-    byteOffset: targetByteOffset
-  });
-  commandEncoder.destroy();
-  if (deleteFramebuffer) {
-    framebuffer.destroy();
-  }
-  return webglBufferTarget;
-}
-function getFramebuffer2(source) {
-  if (!(source instanceof import_core21.Framebuffer)) {
-    return { framebuffer: toFramebuffer(source), deleteFramebuffer: true };
-  }
-  return { framebuffer: source, deleteFramebuffer: false };
-}
-function toFramebuffer(texture, props) {
-  const { device, width, height, id } = texture;
-  const framebuffer = device.createFramebuffer({
-    ...props,
-    id: `framebuffer-for-${id}`,
-    width,
-    height,
-    colorAttachments: [texture]
-  });
-  return framebuffer;
-}
-function getPixelArray(pixelArray, type, format, width, height, depth) {
-  if (pixelArray) {
-    return pixelArray;
-  }
-  type = type || 5121;
-  const ArrayType = getTypedArrayFromGLType(type, { clamped: false });
-  const components = glFormatToComponents(format);
-  return new ArrayType(width * height * components);
-}
-
-// dist/classic/clear.js
+// dist/deprecated/clear.js
+var import_core22 = require("@luma.gl/core");
 var GL_DEPTH_BUFFER_BIT2 = 256;
 var GL_STENCIL_BUFFER_BIT2 = 1024;
 var GL_COLOR_BUFFER_BIT2 = 16384;
 function clear(device, options) {
+  import_core22.log.warn("clear will be removed in next minor release");
   const { framebuffer = null, color = null, depth = null, stencil = null } = options || {};
   const parameters = {};
   if (framebuffer) {
@@ -4958,7 +4863,7 @@ function clear(device, options) {
 }
 
 // dist/adapter/webgl-device.js
-var WebGLDevice = class extends import_core22.Device {
+var WebGLDevice = class extends import_core23.Device {
   //
   // Public `Device` API
   //
@@ -5022,14 +4927,14 @@ var WebGLDevice = class extends import_core22.Device {
     }
     this.canvasContext.resize();
     const glState = new WebGLStateTracker(this.gl, {
-      log: (...args) => import_core22.log.log(1, ...args)()
+      log: (...args) => import_core23.log.log(1, ...args)()
     });
     glState.trackState(this.gl, { copyState: false });
     if (props.debug) {
       this.gl = makeDebugContext(this.gl, { ...props, throwOnError: true });
       this.debug = true;
-      import_core22.log.level = Math.max(import_core22.log.level, 1);
-      import_core22.log.warn("WebGL debug mode activated. Performance reduced.")();
+      import_core23.log.level = Math.max(import_core23.log.level, 1);
+      import_core23.log.warn("WebGL debug mode activated. Performance reduced.")();
     }
   }
   /**
@@ -5133,7 +5038,7 @@ var WebGLDevice = class extends import_core22.Device {
     clear(this, options);
   }
   resetWebGL() {
-    import_core22.log.warn("WebGLDevice.resetWebGL is deprecated, use only for debugging")();
+    import_core23.log.warn("WebGLDevice.resetWebGL is deprecated, use only for debugging")();
     resetGLParameters(this.gl);
   }
   //
@@ -5203,7 +5108,7 @@ var WebGLDevice = class extends import_core22.Device {
     this._constants = this._constants || new Array(maxVertexAttributes).fill(null);
     const currentConstant = this._constants[location];
     if (currentConstant && compareConstantArrayValues2(currentConstant, constant)) {
-      import_core22.log.info(1, `setConstantAttributeWebGL(${location}) could have been skipped, value unchanged`)();
+      import_core23.log.info(1, `setConstantAttributeWebGL(${location}) could have been skipped, value unchanged`)();
     }
     this._constants[location] = constant;
     switch (constant.constructor) {
@@ -5262,7 +5167,7 @@ function compareConstantArrayValues2(v1, v2) {
 }
 
 // dist/context/polyfills/polyfill-webgl1-extensions.js
-var import_constants29 = require("@luma.gl/constants");
+var import_constants27 = require("@luma.gl/constants");
 var WEBGL1_STATIC_EXTENSIONS = {
   WEBGL_depth_texture: {
     UNSIGNED_INT_24_8_WEBGL: 34042
@@ -5368,12 +5273,12 @@ function polyfillWebGL1Extensions(gl) {
 
 // dist/adapter/webgl-adapter.js
 var LOG_LEVEL2 = 1;
-var WebGLAdapter = class extends import_core23.Adapter {
+var WebGLAdapter = class extends import_core24.Adapter {
   /** type of device's created by this adapter */
   type = "webgl";
   constructor() {
     super();
-    import_core23.Device.defaultProps = { ...import_core23.Device.defaultProps, ...DEFAULT_SPECTOR_PROPS };
+    import_core24.Device.defaultProps = { ...import_core24.Device.defaultProps, ...DEFAULT_SPECTOR_PROPS };
     WebGLDevice.adapter = this;
   }
   /** Check if WebGL 2 is available */
@@ -5394,7 +5299,7 @@ var WebGLAdapter = class extends import_core23.Adapter {
     if (gl instanceof WebGLDevice) {
       return gl;
     }
-    if ((gl == null ? void 0 : gl.device) instanceof import_core23.Device) {
+    if ((gl == null ? void 0 : gl.device) instanceof import_core24.Device) {
       return gl.device;
     }
     if (!isWebGL(gl)) {
@@ -5403,7 +5308,7 @@ var WebGLAdapter = class extends import_core23.Adapter {
     return new WebGLDevice({ gl });
   }
   async create(props = {}) {
-    import_core23.log.groupCollapsed(LOG_LEVEL2, "WebGLDevice created")();
+    import_core24.log.groupCollapsed(LOG_LEVEL2, "WebGLDevice created")();
     const promises = [];
     if (props.debug) {
       promises.push(loadWebGLDeveloperTools());
@@ -5412,20 +5317,20 @@ var WebGLAdapter = class extends import_core23.Adapter {
       promises.push(loadSpectorJS(props));
     }
     if (typeof props.canvas === "string") {
-      promises.push(import_core23.CanvasContext.pageLoaded);
+      promises.push(import_core24.CanvasContext.pageLoaded);
     }
     const results = await Promise.allSettled(promises);
     for (const result of results) {
       if (result.status === "rejected") {
-        import_core23.log.error(`Failed to initialize debug libraries ${result.reason}`)();
+        import_core24.log.error(`Failed to initialize debug libraries ${result.reason}`)();
       }
     }
-    import_core23.log.probe(LOG_LEVEL2 + 1, "DOM is loaded")();
+    import_core24.log.probe(LOG_LEVEL2 + 1, "DOM is loaded")();
     const device = new WebGLDevice(props);
     const message2 = `Created ${device.type}${device.debug ? " debug" : ""} context: ${device.info.vendor}, ${device.info.renderer} for canvas: ${device.canvasContext.id}`;
-    import_core23.log.probe(LOG_LEVEL2, message2)();
-    import_core23.log.table(LOG_LEVEL2, device.info)();
-    import_core23.log.groupEnd(LOG_LEVEL2)();
+    import_core24.log.probe(LOG_LEVEL2, message2)();
+    import_core24.log.table(LOG_LEVEL2, device.info)();
+    import_core24.log.groupEnd(LOG_LEVEL2)();
     return device;
   }
 };
@@ -5436,4 +5341,149 @@ function isWebGL(gl) {
   return Boolean(gl && Number.isFinite(gl._version));
 }
 var webgl2Adapter = new WebGLAdapter();
+
+// dist/deprecated/accessor.js
+var import_core25 = require("@luma.gl/core");
+var import_constants28 = require("@luma.gl/constants");
+var DEFAULT_ACCESSOR_VALUES = {
+  offset: 0,
+  stride: 0,
+  type: 5126,
+  size: 1,
+  divisor: 0,
+  normalized: false,
+  integer: false
+};
+var Accessor = class {
+  offset;
+  stride;
+  type;
+  size;
+  divisor;
+  normalized;
+  integer;
+  buffer;
+  index;
+  static getBytesPerElement(accessor) {
+    const ArrayType = getTypedArrayFromGLType2(accessor.type || 5126);
+    return ArrayType.BYTES_PER_ELEMENT;
+  }
+  static getBytesPerVertex(accessor) {
+    const ArrayType = getTypedArrayFromGLType2(accessor.type || 5126);
+    return ArrayType.BYTES_PER_ELEMENT * accessor.size;
+  }
+  // Combines (merges) a list of accessors. On top of default values
+  // Usually [programAccessor, bufferAccessor, appAccessor]
+  // All props will be set in the returned object.
+  // TODO check for conflicts between values in the supplied accessors
+  static resolve(...accessors) {
+    return new Accessor(...[DEFAULT_ACCESSOR_VALUES, ...accessors]);
+  }
+  constructor(...accessors) {
+    import_core25.log.warn("Accessor will be removed in next minor release");
+    accessors.forEach((accessor) => this._assign(accessor));
+    Object.freeze(this);
+  }
+  toString() {
+    return JSON.stringify(this);
+  }
+  // ACCESSORS
+  // TODO - remove>
+  get BYTES_PER_ELEMENT() {
+    return Accessor.getBytesPerElement(this);
+  }
+  get BYTES_PER_VERTEX() {
+    return Accessor.getBytesPerVertex(this);
+  }
+  // PRIVATE
+  // eslint-disable-next-line complexity, max-statements
+  _assign(props = {}) {
+    if (props.type !== void 0) {
+      this.type = props.type;
+      if (props.type === 5124 || props.type === 5125) {
+        this.integer = true;
+      }
+    }
+    if (props.size !== void 0) {
+      this.size = props.size;
+    }
+    if (props.offset !== void 0) {
+      this.offset = props.offset;
+    }
+    if (props.stride !== void 0) {
+      this.stride = props.stride;
+    }
+    if (props.normalize !== void 0) {
+      this.normalized = props.normalize;
+    }
+    if (props.normalized !== void 0) {
+      this.normalized = props.normalized;
+    }
+    if (props.integer !== void 0) {
+      this.integer = props.integer;
+    }
+    if (props.divisor !== void 0) {
+      this.divisor = props.divisor;
+    }
+    if (props.buffer !== void 0) {
+      this.buffer = props.buffer;
+    }
+    if (props.index !== void 0) {
+      if (typeof props.index === "boolean") {
+        this.index = props.index ? 1 : 0;
+      } else {
+        this.index = props.index;
+      }
+    }
+    if (props.instanced !== void 0) {
+      this.divisor = props.instanced ? 1 : 0;
+    }
+    if (props.isInstanced !== void 0) {
+      this.divisor = props.isInstanced ? 1 : 0;
+    }
+    if (this.offset === void 0)
+      delete this.offset;
+    if (this.stride === void 0)
+      delete this.stride;
+    if (this.type === void 0)
+      delete this.type;
+    if (this.size === void 0)
+      delete this.size;
+    if (this.divisor === void 0)
+      delete this.divisor;
+    if (this.normalized === void 0)
+      delete this.normalized;
+    if (this.integer === void 0)
+      delete this.integer;
+    if (this.buffer === void 0)
+      delete this.buffer;
+    if (this.index === void 0)
+      delete this.index;
+    return this;
+  }
+};
+function getTypedArrayFromGLType2(glType, options) {
+  const { clamped = true } = options || {};
+  switch (glType) {
+    case 5126:
+      return Float32Array;
+    case 5123:
+    case 33635:
+    case 32819:
+    case 32820:
+      return Uint16Array;
+    case 5125:
+      return Uint32Array;
+    case 5121:
+      return clamped ? Uint8ClampedArray : Uint8Array;
+    case 5120:
+      return Int8Array;
+    case 5122:
+      return Int16Array;
+    case 5124:
+      return Int32Array;
+    default:
+      throw new Error("Failed to deduce typed array type from GL constant");
+  }
+}
 //# sourceMappingURL=index.cjs.map