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

package/src/utils/fill-array.ts

@@ -0,0 +1,35 @@
+// luma.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+import type {NumberArray} from '@math.gl/types';
+
+// Uses copyWithin to significantly speed up typed array value filling
+export function fillArray(options: {
+  target: NumberArray;
+  source: NumberArray;
+  start?: number;
+  count?: number;
+}): NumberArray {
+  const {target, source, start = 0, count = 1} = options;
+  const length = source.length;
+  const total = count * length;
+  let copied = 0;
+  for (let i = start; copied < length; copied++) {
+    target[i++] = source[copied];
+  }
+
+  while (copied < total) {
+    // If we have copied less than half, copy everything we got
+    // else copy remaining in one operation
+    if (copied < total - copied) {
+      target.copyWithin(start + copied, start, start + copied);
+      copied *= 2;
+    } else {
+      target.copyWithin(start + copied, start, start + total - copied);
+      copied = total;
+    }
+  }
+
+  return options.target;
+}

package/src/utils/load-script.ts

@@ -0,0 +1,30 @@
+// luma.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+/**
+ * Load a script (identified by an url). When the url returns, the
+ * content of this file is added into a new script element, attached to the DOM (body element)
+ * @param scriptUrl defines the url of the script to laod
+ * @param scriptId defines the id of the script element
+ */
+export async function loadScript(scriptUrl: string, scriptId?: string): Promise<Event> {
+  const head = document.getElementsByTagName('head')[0];
+  if (!head) {
+    throw new Error('loadScript');
+  }
+
+  const script = document.createElement('script');
+  script.setAttribute('type', 'text/javascript');
+  script.setAttribute('src', scriptUrl);
+  if (scriptId) {
+    script.id = scriptId;
+  }
+
+  return new Promise((resolve, reject) => {
+    script.onload = resolve;
+    script.onerror = error =>
+      reject(new Error(`Unable to load script '${scriptUrl}': ${error as string}`));
+    head.appendChild(script);
+  });
+}

package/src/utils/split-uniforms-and-bindings.ts

@@ -0,0 +1,31 @@
+// luma.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+import type {UniformValue, Binding} from '@luma.gl/core';
+import {isNumericArray} from '@math.gl/types';
+
+export function isUniformValue(value: unknown): value is UniformValue {
+  return isNumericArray(value) !== null || typeof value === 'number' || typeof value === 'boolean';
+}
+
+type UniformsAndBindings = {
+  bindings: Record<string, Binding>;
+  uniforms: Record<string, UniformValue>;
+};
+
+export function splitUniformsAndBindings(
+  uniforms: Record<string, Binding | UniformValue>
+): UniformsAndBindings {
+  const result: UniformsAndBindings = {bindings: {}, uniforms: {}};
+  Object.keys(uniforms).forEach(name => {
+    const uniform = uniforms[name];
+    if (isUniformValue(uniform)) {
+      result.uniforms[name] = uniform;
+    } else {
+      result.bindings[name] = uniform;
+    }
+  });
+
+  return result;
+}

package/src/utils/uid.ts

@@ -0,0 +1,16 @@
+// luma.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+const uidCounters: Record<string, number> = {};
+
+/**
+ * Returns a UID.
+ * @param id= - Identifier base name
+ * @return uid
+ **/
+export function uid(id: string = 'id'): string {
+  uidCounters[id] = uidCounters[id] || 1;
+  const count = uidCounters[id]++;
+  return `${id}-${count}`;
+}

package/dist/adapter/objects/constants-to-keys.d.ts

@@ -1,3 +0,0 @@
-import { GL } from '@luma.gl/constants';
-export declare function getKeyValue(gl: WebGL2RenderingContext, name: string | GL): GL;
-//# sourceMappingURL=constants-to-keys.d.ts.map

package/dist/adapter/objects/constants-to-keys.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants-to-keys.d.ts","sourceRoot":"","sources":["../../../src/adapter/objects/constants-to-keys.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,EAAE,EAAC,MAAM,oBAAoB,CAAC;AAGtC,wBAAgB,WAAW,CAAC,EAAE,EAAE,sBAAsB,EAAE,IAAI,EAAE,MAAM,GAAG,EAAE,GAAG,EAAE,CAkB7E"}

package/dist/adapter/objects/constants-to-keys.js

@@ -1,22 +0,0 @@
-// luma.gl
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-import { assert } from '@luma.gl/core';
-// Resolve a WebGL enumeration name (returns itself if already a number)
-export function getKeyValue(gl, name) {
-    // If not a string, return (assume number)
-    if (typeof name !== 'string') {
-        return name;
-    }
-    // If string converts to number, return number
-    const number = Number(name);
-    if (!isNaN(number)) {
-        return number;
-    }
-    // Look up string, after removing any 'GL.' or 'gl.' prefix
-    name = name.replace(/^.*\./, '');
-    // @ts-ignore expect-error depends on settings
-    const value = gl[name];
-    assert(value !== undefined, `Accessing undefined constant GL.${name}`);
-    return value;
-}

package/dist/adapter/objects/webgl-renderbuffer.d.ts

@@ -1,43 +0,0 @@
-import { ResourceProps, TextureFormat } from '@luma.gl/core';
-import { GL } from '@luma.gl/constants';
-import { WebGLDevice } from "../webgl-device.js";
-import { WebGLResource } from "./webgl-resource.js";
-export type RenderbufferProps = ResourceProps & {
-    format: TextureFormat;
-    width?: number;
-    height?: number;
-    samples?: number;
-};
-/**
- * Renderbuffers are GPU objects that contain images.
- * In contrast to Textures they are optimized for use as render targets, with Framebuffers.
- * while Textures may not be, and are the logical choice when
- * you do not need to sample (i.e. in a post-pass shader)
- * from the produced image. If you need to resample
- * (such as when reading depth back in a second shader pass),
- * use Textures instead.
- * Renderbuffer objects also natively accommodate Multisampling (MSAA).
- */
-export declare class WEBGLRenderbuffer extends WebGLResource<RenderbufferProps> {
-    static readonly defaultProps: Required<RenderbufferProps>;
-    get [Symbol.toStringTag](): string;
-    get width(): number;
-    get height(): number;
-    get format(): TextureFormat;
-    get samples(): number;
-    get attachment(): void;
-    /** WebGL format constant */
-    glFormat: GL;
-    static isTextureFormatSupported(device: WebGLDevice, format: TextureFormat): boolean;
-    constructor(device: WebGLDevice, props: RenderbufferProps);
-    resize(size: {
-        width: number;
-        height: number;
-    }): void;
-    /** Creates and initializes a renderbuffer object's data store */
-    protected _initialize(props: Required<RenderbufferProps>): void;
-    _createHandle(): WebGLRenderbuffer;
-    _deleteHandle(): void;
-    _bindHandle(handle: WEBGLRenderbuffer): void;
-}
-//# sourceMappingURL=webgl-renderbuffer.d.ts.map

package/dist/adapter/objects/webgl-renderbuffer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"webgl-renderbuffer.d.ts","sourceRoot":"","sources":["../../../src/adapter/objects/webgl-renderbuffer.ts"],"names":[],"mappings":"AAIA,OAAO,EAAS,aAAa,EAAE,aAAa,EAAC,MAAM,eAAe,CAAC;AACnE,OAAO,EAAC,EAAE,EAAC,MAAM,oBAAoB,CAAC;AACtC,OAAO,EAAC,WAAW,EAAC,2BAAwB;AAC5C,OAAO,EAAC,aAAa,EAAC,4BAAyB;AAO/C,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG;IAC9C,MAAM,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;;;;;;GASG;AACH,qBAAa,iBAAkB,SAAQ,aAAa,CAAC,iBAAiB,CAAC;IACrE,gBAAyB,YAAY,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAQhE;IAEF,IAAa,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,MAAM,CAE1C;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IACD,IAAI,MAAM,IAAI,MAAM,CAEnB;IACD,IAAI,MAAM,IAAI,aAAa,CAE1B;IACD,IAAI,OAAO,IAAI,MAAM,CAEpB;IACD,IAAI,UAAU,SAEb;IAED,4BAA4B;IAC5B,QAAQ,EAAE,EAAE,CAAC;IAEb,MAAM,CAAC,wBAAwB,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,GAAG,OAAO;gBAIxE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,iBAAiB;IAUzD,MAAM,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,GAAG,IAAI;IAUnD,iEAAiE;IACjE,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,GAAG,IAAI;IA6BtD,aAAa;IAIb,aAAa,IAAI,IAAI;IAKrB,WAAW,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI;CAGtD"}

package/dist/adapter/objects/webgl-renderbuffer.js

@@ -1,95 +0,0 @@
-// luma.gl
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-import { assert } from '@luma.gl/core';
-import { GL } from '@luma.gl/constants';
-import { WebGLResource } from "./webgl-resource.js";
-import { isRenderbufferFormatSupported } from "../converters/texture-formats.js";
-import { convertTextureFormatToGL, getTextureFormatBytesPerPixel } from "../converters/texture-formats.js";
-/**
- * Renderbuffers are GPU objects that contain images.
- * In contrast to Textures they are optimized for use as render targets, with Framebuffers.
- * while Textures may not be, and are the logical choice when
- * you do not need to sample (i.e. in a post-pass shader)
- * from the produced image. If you need to resample
- * (such as when reading depth back in a second shader pass),
- * use Textures instead.
- * Renderbuffer objects also natively accommodate Multisampling (MSAA).
- */
-export class WEBGLRenderbuffer extends WebGLResource {
-    static defaultProps = {
-        id: undefined,
-        handle: undefined,
-        userData: undefined,
-        format: undefined, // 'depth16unorm'
-        width: 1,
-        height: 1,
-        samples: 0
-    };
-    get [Symbol.toStringTag]() {
-        return 'Renderbuffer';
-    }
-    get width() {
-        return this.props.width;
-    }
-    get height() {
-        return this.props.height;
-    }
-    get format() {
-        return this.props.format;
-    }
-    get samples() {
-        return this.props.samples;
-    }
-    get attachment() {
-        return;
-    }
-    /** WebGL format constant */
-    glFormat;
-    static isTextureFormatSupported(device, format) {
-        return isRenderbufferFormatSupported(device.gl, format, device._extensions);
-    }
-    constructor(device, props) {
-        // TODO - remove temporary sanity check
-        if (typeof props.format === 'number') {
-            throw new Error('Renderbuffer');
-        }
-        super(device, props, WEBGLRenderbuffer.defaultProps);
-        this.glFormat = convertTextureFormatToGL(this.props.format);
-        this._initialize(this.props);
-    }
-    resize(size) {
-        // Don't resize if width/height haven't changed
-        if (size.width !== this.width || size.height !== this.height) {
-            Object.assign(this.props, { ...size, format: this.format, samples: this.samples });
-            this._initialize(this.props);
-        }
-    }
-    // PRIVATE METHODS
-    /** Creates and initializes a renderbuffer object's data store */
-    _initialize(props) {
-        const { format, width, height, samples } = props;
-        assert(format, 'Needs format');
-        this.trackDeallocatedMemory();
-        this.gl.bindRenderbuffer(36161, this.handle);
-        if (samples !== 0) {
-            this.gl.renderbufferStorageMultisample(36161, samples, this.glFormat, width, height);
-        }
-        else {
-            this.gl.renderbufferStorage(36161, this.glFormat, width, height);
-        }
-        this.gl.bindRenderbuffer(36161, null);
-        this.trackAllocatedMemory(width * height * (samples || 1) * getTextureFormatBytesPerPixel(this.format));
-    }
-    // RESOURCE IMPLEMENTATION
-    _createHandle() {
-        return this.gl.createRenderbuffer();
-    }
-    _deleteHandle() {
-        this.gl.deleteRenderbuffer(this.handle);
-        this.trackDeallocatedMemory();
-    }
-    _bindHandle(handle) {
-        this.gl.bindRenderbuffer(36161, handle);
-    }
-}

package/dist/adapter/objects/webgl-resource.d.ts

@@ -1,32 +0,0 @@
-import type { Device, ResourceProps } from '@luma.gl/core';
-import { Resource } from '@luma.gl/core';
-import { GL } from '@luma.gl/constants';
-import { WebGLDevice } from "../webgl-device.js";
-/**
- * Base class for WebGL object wrappers
- */
-export declare abstract class WebGLResource<Props extends ResourceProps> extends Resource<Props> {
-    readonly device: WebGLDevice;
-    readonly gl: WebGL2RenderingContext;
-    readonly gl2: WebGL2RenderingContext;
-    private _handle;
-    private _bound;
-    byteLength: number;
-    constructor(device: Device, props: Props, defaultProps: Required<Props>);
-    toString(): string;
-    get handle(): any;
-    delete({ deleteChildren }?: {
-        deleteChildren?: boolean;
-    }): this;
-    bind(funcOrHandle?: any): any;
-    unbind(): void;
-    stubRemovedMethods(className: string, version: string, methodNames: string[]): void;
-    initialize(props: ResourceProps): void;
-    _createHandle(): void;
-    _deleteHandle(): void;
-    _bindHandle(handle: any): void;
-    _getOptsFromHandle(): void;
-    _getParameter(pname: GL, props: Record<string, any>): number;
-    _setParameter(pname: GL | string, value: any): void;
-}
-//# sourceMappingURL=webgl-resource.d.ts.map

package/dist/adapter/objects/webgl-resource.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"webgl-resource.d.ts","sourceRoot":"","sources":["../../../src/adapter/objects/webgl-resource.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,MAAM,EAAE,aAAa,EAAC,MAAM,eAAe,CAAC;AACzD,OAAO,EAAC,QAAQ,EAA0B,MAAM,eAAe,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,oBAAoB,CAAC;AACtC,OAAO,EAAC,WAAW,EAAC,2BAAwB;AAI5C;;GAEG;AACH,8BAAsB,aAAa,CAAC,KAAK,SAAS,aAAa,CAAE,SAAQ,QAAQ,CAAC,KAAK,CAAC;IACtF,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,EAAE,EAAE,sBAAsB,CAAC;IACpC,QAAQ,CAAC,GAAG,EAAE,sBAAsB,CAAC;IACrC,OAAO,CAAC,OAAO,CAAM;IAErB,OAAO,CAAC,MAAM,CAAS;IAEvB,UAAU,SAAK;gBAEH,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,CAAC,KAAK,CAAC;IA2B9D,QAAQ,IAAI,MAAM;IAI3B,IAAI,MAAM,QAWT;IAEQ,MAAM,CAAC,EAAC,cAAsB,EAAC;;KAAK;IAmB7C,IAAI,CAAC,YAAY,MAAc;IAuB/B,MAAM;IAKN,kBAAkB,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE;IAK5E,UAAU,CAAC,KAAK,EAAE,aAAa;IAG/B,aAAa;IAIb,aAAa;IAIb,WAAW,CAAC,MAAM,EAAE,GAAG;IAIvB,kBAAkB;IAIlB,aAAa,CAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM;IAI5D,aAAa,CAAC,KAAK,EAAE,EAAE,GAAG,MAAM,EAAE,KAAK,EAAE,GAAG;CAuC7C"}

package/dist/adapter/objects/webgl-resource.js

@@ -1,114 +0,0 @@
-// luma.gl
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-import { Resource, uid, stubRemovedMethods } from '@luma.gl/core';
-const ERR_RESOURCE_METHOD_UNDEFINED = 'Resource subclass must define virtual methods';
-/**
- * Base class for WebGL object wrappers
- */
-export class WebGLResource extends Resource {
-    device;
-    gl;
-    gl2;
-    _handle;
-    _bound = false;
-    // Only meaningful for resources that allocate GPU memory
-    byteLength = 0;
-    constructor(device, props, defaultProps) {
-        super(device, props, defaultProps);
-        this.device = device;
-        const gl = this.device.gl;
-        // extends
-        const { id } = props || {};
-        this.gl = gl;
-        this.gl2 = gl;
-        this.id = id || uid(this.constructor.name);
-        // Set the handle
-        // If handle was provided, use it, otherwise create a new handle
-        // TODO - Stores the handle with context loss information
-        // this.glCount = glGetContextLossCount(this.gl);
-        // Default VertexArray needs to be created with null handle, so compare against undefined
-        this._handle = props?.handle;
-        if (this._handle === undefined) {
-            this._handle = this._createHandle();
-        }
-        this.byteLength = 0;
-    }
-    toString() {
-        return `${this.constructor.name}(${this.id})`;
-    }
-    get handle() {
-        // TODO - Add context loss handling
-        // Will regenerate and reinitialize the handle if necessary
-        // const glCount = glGetContextLossCount(this.gl);
-        // if (this.glCount !== glCount) {
-        //   this._handle = this._createHandle(this.props);
-        //   this._glCount = glCount;
-        //   // Reinitialize object
-        //   this.initialize(this.props);
-        // }
-        return this._handle;
-    }
-    delete({ deleteChildren = false } = {}) {
-        // Delete this object, and get refs to any children
-        // @ts-expect-error
-        const children = this._handle && this._deleteHandle(this._handle);
-        if (this._handle) {
-            this.removeStats();
-        }
-        this._handle = null;
-        // Optionally, recursively delete the children
-        // @ts-expect-error
-        if (children && deleteChildren) {
-            // @ts-expect-error
-            children.filter(Boolean).forEach(child => child.destroy());
-        }
-        return this;
-    }
-    bind(funcOrHandle = this.handle) {
-        if (typeof funcOrHandle !== 'function') {
-            this._bindHandle(funcOrHandle);
-            return this;
-        }
-        let value;
-        if (!this._bound) {
-            this._bindHandle(this.handle);
-            this._bound = true;
-            value = funcOrHandle();
-            this._bound = false;
-            this._bindHandle(null);
-        }
-        else {
-            value = funcOrHandle();
-        }
-        return value;
-    }
-    unbind() {
-        this.bind(null);
-    }
-    // Install stubs for removed methods
-    stubRemovedMethods(className, version, methodNames) {
-        return stubRemovedMethods(this, className, version, methodNames);
-    }
-    // PUBLIC VIRTUAL METHODS
-    initialize(props) { }
-    // PROTECTED METHODS - These must be overridden by subclass
-    _createHandle() {
-        throw new Error(ERR_RESOURCE_METHOD_UNDEFINED);
-    }
-    _deleteHandle() {
-        throw new Error(ERR_RESOURCE_METHOD_UNDEFINED);
-    }
-    _bindHandle(handle) {
-        throw new Error(ERR_RESOURCE_METHOD_UNDEFINED);
-    }
-    _getOptsFromHandle() {
-        throw new Error(ERR_RESOURCE_METHOD_UNDEFINED);
-    }
-    _getParameter(pname, props) {
-        throw new Error(ERR_RESOURCE_METHOD_UNDEFINED);
-    }
-    _setParameter(pname, value) {
-        throw new Error(ERR_RESOURCE_METHOD_UNDEFINED);
-    }
-}

package/dist/context/state-tracker/track-context-state.d.ts

@@ -1,22 +0,0 @@
-/**
- * Initialize WebGL state caching on a context
- * can be called multiple times to enable/disable
- *
- * @note After calling this function, context state will be cached
- * gl.state.push() and gl.state.pop() will be available for saving,
- * temporarily modifying, and then restoring state.
- */
-export declare function trackContextState(gl: WebGL2RenderingContext, options?: {
-    enable?: boolean;
-    copyState?: boolean;
-    log?: any;
-}): WebGL2RenderingContext;
-/**
- * Saves current WebGL context state onto an internal per-context stack
- */
-export declare function pushContextState(gl: WebGL2RenderingContext): void;
-/**
- * Restores previously saved WebGL context state
- */
-export declare function popContextState(gl: WebGL2RenderingContext): void;
-//# sourceMappingURL=track-context-state.d.ts.map

package/dist/context/state-tracker/track-context-state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"track-context-state.d.ts","sourceRoot":"","sources":["../../../src/context/state-tracker/track-context-state.ts"],"names":[],"mappings":"AAmGA;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC/B,EAAE,EAAE,sBAAsB,EAC1B,OAAO,CAAC,EAAE;IACR,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC;CACX,GACA,sBAAsB,CAgCxB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,sBAAsB,GAAG,IAAI,CAOjE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAAE,EAAE,sBAAsB,GAAG,IAAI,CAIhE"}

package/src/adapter/objects/constants-to-keys.ts

@@ -1,27 +0,0 @@
-// luma.gl
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-
-import {assert} from '@luma.gl/core';
-import {GL} from '@luma.gl/constants';
-
-// Resolve a WebGL enumeration name (returns itself if already a number)
-export function getKeyValue(gl: WebGL2RenderingContext, name: string | GL): GL {
-  // If not a string, return (assume number)
-  if (typeof name !== 'string') {
-    return name;
-  }
-
-  // If string converts to number, return number
-  const number = Number(name);
-  if (!isNaN(number)) {
-    return number;
-  }
-
-  // Look up string, after removing any 'GL.' or 'gl.' prefix
-  name = name.replace(/^.*\./, '');
-  // @ts-ignore expect-error depends on settings
-  const value = gl[name];
-  assert(value !== undefined, `Accessing undefined constant GL.${name}`);
-  return value;
-}

package/src/adapter/objects/webgl-renderbuffer.ts

@@ -1,132 +0,0 @@
-// luma.gl
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-
-import {assert, ResourceProps, TextureFormat} from '@luma.gl/core';
-import {GL} from '@luma.gl/constants';
-import {WebGLDevice} from '../webgl-device';
-import {WebGLResource} from './webgl-resource';
-import {isRenderbufferFormatSupported} from '../converters/texture-formats';
-import {
-  convertTextureFormatToGL,
-  getTextureFormatBytesPerPixel
-} from '../converters/texture-formats';
-
-export type RenderbufferProps = ResourceProps & {
-  format: TextureFormat;
-  width?: number;
-  height?: number;
-  samples?: number;
-};
-
-/**
- * Renderbuffers are GPU objects that contain images.
- * In contrast to Textures they are optimized for use as render targets, with Framebuffers.
- * while Textures may not be, and are the logical choice when
- * you do not need to sample (i.e. in a post-pass shader)
- * from the produced image. If you need to resample
- * (such as when reading depth back in a second shader pass),
- * use Textures instead.
- * Renderbuffer objects also natively accommodate Multisampling (MSAA).
- */
-export class WEBGLRenderbuffer extends WebGLResource<RenderbufferProps> {
-  static override readonly defaultProps: Required<RenderbufferProps> = {
-    id: undefined,
-    handle: undefined,
-    userData: undefined,
-    format: undefined, // 'depth16unorm'
-    width: 1,
-    height: 1,
-    samples: 0
-  };
-
-  override get [Symbol.toStringTag](): string {
-    return 'Renderbuffer';
-  }
-
-  get width(): number {
-    return this.props.width;
-  }
-  get height(): number {
-    return this.props.height;
-  }
-  get format(): TextureFormat {
-    return this.props.format;
-  }
-  get samples(): number {
-    return this.props.samples;
-  }
-  get attachment() {
-    return;
-  }
-
-  /** WebGL format constant */
-  glFormat: GL;
-
-  static isTextureFormatSupported(device: WebGLDevice, format: TextureFormat): boolean {
-    return isRenderbufferFormatSupported(device.gl, format, device._extensions);
-  }
-
-  constructor(device: WebGLDevice, props: RenderbufferProps) {
-    // TODO - remove temporary sanity check
-    if (typeof props.format === 'number') {
-      throw new Error('Renderbuffer');
-    }
-    super(device, props, WEBGLRenderbuffer.defaultProps);
-    this.glFormat = convertTextureFormatToGL(this.props.format);
-    this._initialize(this.props);
-  }
-
-  resize(size: {width: number; height: number}): void {
-    // Don't resize if width/height haven't changed
-    if (size.width !== this.width || size.height !== this.height) {
-      Object.assign(this.props, {...size, format: this.format, samples: this.samples});
-      this._initialize(this.props);
-    }
-  }
-
-  // PRIVATE METHODS
-
-  /** Creates and initializes a renderbuffer object's data store */
-  protected _initialize(props: Required<RenderbufferProps>): void {
-    const {format, width, height, samples} = props;
-    assert(format, 'Needs format');
-
-    this.trackDeallocatedMemory();
-
-    this.gl.bindRenderbuffer(GL.RENDERBUFFER, this.handle);
-
-    if (samples !== 0) {
-      this.gl.renderbufferStorageMultisample(
-        GL.RENDERBUFFER,
-        samples,
-        this.glFormat,
-        width,
-        height
-      );
-    } else {
-      this.gl.renderbufferStorage(GL.RENDERBUFFER, this.glFormat, width, height);
-    }
-
-    this.gl.bindRenderbuffer(GL.RENDERBUFFER, null);
-
-    this.trackAllocatedMemory(
-      width * height * (samples || 1) * getTextureFormatBytesPerPixel(this.format)
-    );
-  }
-
-  // RESOURCE IMPLEMENTATION
-
-  override _createHandle() {
-    return this.gl.createRenderbuffer();
-  }
-
-  override _deleteHandle(): void {
-    this.gl.deleteRenderbuffer(this.handle);
-    this.trackDeallocatedMemory();
-  }
-
-  override _bindHandle(handle: WEBGLRenderbuffer): void {
-    this.gl.bindRenderbuffer(GL.RENDERBUFFER, handle);
-  }
-}