@luma.gl/webgl 8.6.0-alpha.5 → 9.0.0-alpha.4

package/dist/esm/adapter/resources/webgl-command-encoder.js

@@ -0,0 +1,53 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { CommandEncoder } from '@luma.gl/api';
+import CommandBuffer from './webgl-command-buffer';
+export default class WEBGLCommandEncoder extends CommandEncoder {
+  constructor(device, props) {
+    super(props);
+
+    _defineProperty(this, "device", void 0);
+
+    _defineProperty(this, "commandBuffer", new CommandBuffer());
+
+    this.device = device;
+  }
+
+  destroy() {}
+
+  copyBufferToBuffer(options) {
+    this.commandBuffer.commands.push({
+      name: 'copy-buffer-to-buffer',
+      options
+    });
+  }
+
+  copyBufferToTexture(options) {
+    this.commandBuffer.commands.push({
+      name: 'copy-buffer-to-texture',
+      options
+    });
+  }
+
+  copyTextureToBuffer(options) {
+    this.commandBuffer.commands.push({
+      name: 'copy-texture-to-buffer',
+      options
+    });
+  }
+
+  copyTextureToTexture(options) {
+    this.commandBuffer.commands.push({
+      name: 'copy-texture-to-texture',
+      options
+    });
+  }
+
+  pushDebugGroup(groupLabel) {}
+
+  popDebugGroup() {}
+
+  insertDebugMarker(markerLabel) {}
+
+}
+;
+//# sourceMappingURL=webgl-command-encoder.js.map

package/dist/esm/adapter/resources/webgl-command-encoder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/adapter/resources/webgl-command-encoder.ts"],"names":["CommandEncoder","CommandBuffer","WEBGLCommandEncoder","constructor","device","props","destroy","copyBufferToBuffer","options","commandBuffer","commands","push","name","copyBufferToTexture","copyTextureToBuffer","copyTextureToTexture","pushDebugGroup","groupLabel","popDebugGroup","insertDebugMarker","markerLabel"],"mappings":";AAAA,SAAQA,cAAR,QAAkD,cAAlD;AAQA,OAAOC,aAAP,MAA0B,wBAA1B;AAGA,eAAe,MAAMC,mBAAN,SAAkCF,cAAlC,CAAiD;AAK9DG,EAAAA,WAAW,CAACC,MAAD,EAAsBC,KAAtB,EAAkD;AAC3D,UAAMA,KAAN;;AAD2D;;AAAA,2CAFpC,IAAIJ,aAAJ,EAEoC;;AAE3D,SAAKG,MAAL,GAAcA,MAAd;AACD;;AAEDE,EAAAA,OAAO,GAAG,CAAE;;AAMZC,EAAAA,kBAAkB,CAACC,OAAD,EAA2C;AAC3D,SAAKC,aAAL,CAAmBC,QAAnB,CAA4BC,IAA5B,CAAiC;AAACC,MAAAA,IAAI,EAAE,uBAAP;AAAgCJ,MAAAA;AAAhC,KAAjC;AACD;;AAEDK,EAAAA,mBAAmB,CAACL,OAAD,EAAsC;AACvD,SAAKC,aAAL,CAAmBC,QAAnB,CAA4BC,IAA5B,CAAiC;AAACC,MAAAA,IAAI,EAAE,wBAAP;AAAiCJ,MAAAA;AAAjC,KAAjC;AACD;;AAEDM,EAAAA,mBAAmB,CAACN,OAAD,EAA4C;AAC7D,SAAKC,aAAL,CAAmBC,QAAnB,CAA4BC,IAA5B,CAAiC;AAACC,MAAAA,IAAI,EAAE,wBAAP;AAAiCJ,MAAAA;AAAjC,KAAjC;AACD;;AAEDO,EAAAA,oBAAoB,CAACP,OAAD,EAA6C;AAC/D,SAAKC,aAAL,CAAmBC,QAAnB,CAA4BC,IAA5B,CAAiC;AAACC,MAAAA,IAAI,EAAE,yBAAP;AAAkCJ,MAAAA;AAAlC,KAAjC;AACD;;AAEDQ,EAAAA,cAAc,CAACC,UAAD,EAA2B,CAAE;;AAC3CC,EAAAA,aAAa,GAAG,CAAE;;AAElBC,EAAAA,iBAAiB,CAACC,WAAD,EAA4B,CAAE;;AAnCe;AA8C/D","sourcesContent":["import {CommandEncoder, CommandEncoderProps} from '@luma.gl/api';\nimport type {\n  CopyBufferToBufferOptions,\n  CopyBufferToTextureOptions,\n  CopyTextureToBufferOptions,\n  CopyTextureToTextureOptions\n} from '@luma.gl/api';\n\nimport CommandBuffer from './webgl-command-buffer';\nimport WebGLDevice from '../webgl-device';\n\nexport default class WEBGLCommandEncoder extends CommandEncoder {\n  readonly device: WebGLDevice;\n\n  readonly commandBuffer = new CommandBuffer();\n\n  constructor(device: WebGLDevice, props: CommandEncoderProps) {\n    super(props);\n    this.device = device;\n  }\n\n  destroy() {}\n\n  // beginRenderPass(GPURenderPassDescriptor descriptor): GPURenderPassEncoder;\n  // beginComputePass(optional GPUComputePassDescriptor descriptor = {}): GPUComputePassEncoder;\n  // finish(options?: {id?: string}): GPUCommandBuffer;\n\n  copyBufferToBuffer(options: CopyBufferToBufferOptions): void {\n    this.commandBuffer.commands.push({name: 'copy-buffer-to-buffer', options});\n  }\n\n  copyBufferToTexture(options: CopyBufferToTextureOptions) {\n    this.commandBuffer.commands.push({name: 'copy-buffer-to-texture', options});\n  }\n\n  copyTextureToBuffer(options: CopyTextureToBufferOptions): void {\n    this.commandBuffer.commands.push({name: 'copy-texture-to-buffer', options});\n  }\n\n  copyTextureToTexture(options: CopyTextureToTextureOptions): void {\n    this.commandBuffer.commands.push({name: 'copy-texture-to-texture', options});\n  }\n\n  pushDebugGroup(groupLabel: string): void {}\n  popDebugGroup() {}\n\n  insertDebugMarker(markerLabel: string): void {}\n\n  // writeTimestamp(querySet: Query, queryIndex: number): void {}\n\n  // resolveQuerySet(options: {\n  //   querySet: GPUQuerySet,\n  //   firstQuery: number,\n  //   queryCount: number,\n  //   destination: Buffer,\n  //   destinationOffset?: number;\n  // }): void;\n};\n"],"file":"webgl-command-encoder.js"}

package/dist/esm/adapter/resources/webgl-external-texture.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=webgl-external-texture.js.map

package/dist/{helpers/program-bindings.js.map → esm/adapter/resources/webgl-external-texture.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"program-bindings.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"webgl-external-texture.js"}

package/dist/esm/adapter/resources/webgl-framebuffer.js

@@ -0,0 +1,265 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { Framebuffer, Texture, log, assert } from '@luma.gl/api';
+import GL from '@luma.gl/constants';
+import WebGLTexture from './webgl-texture';
+import Renderbuffer from '../objects/webgl-renderbuffer';
+import { getWebGLTextureFormat, getWebGLDepthStencilAttachment } from '../converters/texture-formats';
+export default class WEBGLFramebuffer extends Framebuffer {
+  get texture() {
+    return this.colorAttachments[0];
+  }
+
+  constructor(device, props) {
+    super(device, props);
+
+    _defineProperty(this, "device", void 0);
+
+    _defineProperty(this, "gl", void 0);
+
+    _defineProperty(this, "handle", void 0);
+
+    _defineProperty(this, "colorAttachments", []);
+
+    _defineProperty(this, "depthStencilAttachment", undefined);
+
+    _defineProperty(this, "_ownResources", []);
+
+    this.device = device;
+    this.gl = device.gl;
+    this.handle = this.props.handle !== undefined ? this.props.handle : this.gl.createFramebuffer();
+
+    if (this.handle) {
+      this.handle.__SPECTOR_Metadata = {
+        id: this.props.id,
+        props: this.props
+      };
+    }
+
+    this.colorAttachments = this._createColorAttachments();
+    this.depthStencilAttachment = this._createDepthStencilAttachment();
+    const prevHandle = this.gl.bindFramebuffer(GL.FRAMEBUFFER, this.handle);
+
+    for (let i = 0; i < this.colorAttachments.length; ++i) {
+      const attachment = this.colorAttachments[i];
+      const attachmentPoint = GL.COLOR_ATTACHMENT0 + i;
+
+      if (attachment) {
+        this._attachOne(attachmentPoint, attachment);
+      }
+    }
+
+    if (this.props.depthStencilAttachment) {
+      this._attachOne(getWebGLDepthStencilAttachment(this.depthStencilAttachment.format), this.depthStencilAttachment);
+    }
+
+    this.gl.bindFramebuffer(GL.FRAMEBUFFER, prevHandle || null);
+
+    if (props.check !== false) {
+      this._checkStatus();
+    }
+  }
+
+  destroy() {
+    if (this.handle !== null) {
+      for (const resource of this._ownResources) {
+        resource.destroy();
+      }
+
+      this.gl.deleteFramebuffer(this.handle);
+      this.handle = null;
+    }
+  }
+
+  _checkStatus() {
+    const {
+      gl
+    } = this;
+    const prevHandle = gl.bindFramebuffer(GL.FRAMEBUFFER, this.handle);
+    const status = gl.checkFramebufferStatus(GL.FRAMEBUFFER);
+    gl.bindFramebuffer(GL.FRAMEBUFFER, prevHandle || null);
+
+    if (status !== gl.FRAMEBUFFER_COMPLETE) {
+      throw new Error("Framebuffer ".concat(_getFrameBufferStatus(status)));
+    }
+  }
+
+  _createColorAttachments() {
+    return this.props.colorAttachments.map(colorAttachment => {
+      if (!colorAttachment) {
+        return undefined;
+      }
+
+      if (colorAttachment instanceof WebGLTexture) {
+        return colorAttachment;
+      }
+
+      return this._createColorAttachment(colorAttachment, this.width, this.height);
+    });
+  }
+
+  _createColorAttachment(format, width, height) {
+    const texture = this.device._createTexture({
+      id: "".concat(this.id, "-color"),
+      data: null,
+      format,
+      width,
+      height,
+      mipmaps: false,
+      sampler: {
+        minFilter: 'linear',
+        magFilter: 'linear',
+        addressModeU: 'clamp-to-edge',
+        addressModeV: 'clamp-to-edge'
+      }
+    });
+
+    this._ownResources.push(texture);
+
+    return texture;
+  }
+
+  _createDepthStencilAttachment() {
+    if (!this.props.depthStencilAttachment) {
+      return undefined;
+    }
+
+    if (this.props.depthStencilAttachment instanceof Renderbuffer) {
+      return this.props.depthStencilAttachment;
+    }
+
+    if (this.props.depthStencilAttachment instanceof Texture) {
+      return this.props.depthStencilAttachment;
+    }
+
+    const format = this.props.depthStencilAttachment;
+    const webglFormat = getWebGLTextureFormat(this.gl, format);
+    const texture = new Renderbuffer(this.device, {
+      id: "".concat(this.id, "-depth-stencil"),
+      format: webglFormat,
+      width: this.width,
+      height: this.height
+    });
+
+    this._ownResources.push(texture);
+
+    return texture;
+  }
+
+  _resizeAttachments(width, height) {
+    var _this$depthStencilAtt;
+
+    if (this.handle === null) {
+      this.width = this.gl.drawingBufferWidth;
+      this.height = this.gl.drawingBufferHeight;
+      return this;
+    }
+
+    if (width === undefined) {
+      width = this.gl.drawingBufferWidth;
+    }
+
+    if (height === undefined) {
+      height = this.gl.drawingBufferHeight;
+    }
+
+    if (width !== this.width && height !== this.height) {
+      log.log(2, "Resizing framebuffer ".concat(this.id, " to ").concat(width, "x").concat(height))();
+    }
+
+    for (const colorAttachment of this.colorAttachments) {
+      colorAttachment.resize({
+        width,
+        height
+      });
+    }
+
+    (_this$depthStencilAtt = this.depthStencilAttachment) === null || _this$depthStencilAtt === void 0 ? void 0 : _this$depthStencilAtt.resize({
+      width,
+      height
+    });
+    return this;
+  }
+
+  _attachOne(attachmentPoint, attachment) {
+    if (attachment instanceof Renderbuffer) {
+      this._attachRenderbuffer(attachmentPoint, attachment);
+
+      return attachment;
+    } else if (Array.isArray(attachment)) {
+      const [texture, layer = 0, level = 0] = attachment;
+
+      this._attachTexture(attachmentPoint, texture, layer, level);
+
+      return texture;
+    } else if (attachment instanceof WebGLTexture) {
+      this._attachTexture(attachmentPoint, attachment, 0, 0);
+
+      return attachment;
+    }
+  }
+
+  _attachRenderbuffer(attachment, renderbuffer) {
+    this.gl.framebufferRenderbuffer(GL.FRAMEBUFFER, attachment, GL.RENDERBUFFER, renderbuffer.handle);
+  }
+
+  _attachTexture(attachment, texture, layer, level) {
+    const {
+      gl,
+      gl2
+    } = this.device;
+    gl.bindTexture(texture.target, texture.handle);
+
+    switch (texture.target) {
+      case GL.TEXTURE_2D_ARRAY:
+      case GL.TEXTURE_3D:
+        this.device.assertWebGL2();
+        gl2.framebufferTextureLayer(GL.FRAMEBUFFER, attachment, texture.target, level, layer);
+        break;
+
+      case GL.TEXTURE_CUBE_MAP:
+        const face = mapIndexToCubeMapFace(layer);
+        gl.framebufferTexture2D(GL.FRAMEBUFFER, attachment, face, texture.handle, level);
+        break;
+
+      case GL.TEXTURE_2D:
+        gl.framebufferTexture2D(GL.FRAMEBUFFER, attachment, GL.TEXTURE_2D, texture.handle, level);
+        break;
+
+      default:
+        assert(false, 'Illegal texture type');
+    }
+
+    gl.bindTexture(texture.target, null);
+  }
+
+}
+
+function mapIndexToCubeMapFace(layer) {
+  return layer < GL.TEXTURE_CUBE_MAP_POSITIVE_X ? layer + GL.TEXTURE_CUBE_MAP_POSITIVE_X : layer;
+}
+
+function _getFrameBufferStatus(status) {
+  switch (status) {
+    case GL.FRAMEBUFFER_COMPLETE:
+      return 'success';
+
+    case GL.FRAMEBUFFER_INCOMPLETE_ATTACHMENT:
+      return 'Mismatched attachments';
+
+    case GL.FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT:
+      return 'No attachments';
+
+    case GL.FRAMEBUFFER_INCOMPLETE_DIMENSIONS:
+      return 'Height/width mismatch';
+
+    case GL.FRAMEBUFFER_UNSUPPORTED:
+      return 'Unsupported or split attachments';
+
+    case GL.FRAMEBUFFER_INCOMPLETE_MULTISAMPLE:
+      return 'Samples mismatch';
+
+    default:
+      return "".concat(status);
+  }
+}
+//# sourceMappingURL=webgl-framebuffer.js.map

package/dist/esm/adapter/resources/webgl-framebuffer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/adapter/resources/webgl-framebuffer.ts"],"names":["Framebuffer","Texture","log","assert","GL","WebGLTexture","Renderbuffer","getWebGLTextureFormat","getWebGLDepthStencilAttachment","WEBGLFramebuffer","texture","colorAttachments","constructor","device","props","undefined","gl","handle","createFramebuffer","__SPECTOR_Metadata","id","_createColorAttachments","depthStencilAttachment","_createDepthStencilAttachment","prevHandle","bindFramebuffer","FRAMEBUFFER","i","length","attachment","attachmentPoint","COLOR_ATTACHMENT0","_attachOne","format","check","_checkStatus","destroy","resource","_ownResources","deleteFramebuffer","status","checkFramebufferStatus","FRAMEBUFFER_COMPLETE","Error","_getFrameBufferStatus","map","colorAttachment","_createColorAttachment","width","height","_createTexture","data","mipmaps","sampler","minFilter","magFilter","addressModeU","addressModeV","push","webglFormat","_resizeAttachments","drawingBufferWidth","drawingBufferHeight","resize","_attachRenderbuffer","Array","isArray","layer","level","_attachTexture","renderbuffer","framebufferRenderbuffer","RENDERBUFFER","gl2","bindTexture","target","TEXTURE_2D_ARRAY","TEXTURE_3D","assertWebGL2","framebufferTextureLayer","TEXTURE_CUBE_MAP","face","mapIndexToCubeMapFace","framebufferTexture2D","TEXTURE_2D","TEXTURE_CUBE_MAP_POSITIVE_X","FRAMEBUFFER_INCOMPLETE_ATTACHMENT","FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT","FRAMEBUFFER_INCOMPLETE_DIMENSIONS","FRAMEBUFFER_UNSUPPORTED","FRAMEBUFFER_INCOMPLETE_MULTISAMPLE"],"mappings":"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","sourcesContent":["import type {FramebufferProps, DepthStencilTextureFormat, ColorTextureFormat} from '@luma.gl/api';\nimport {Framebuffer, Texture, log, assert} from '@luma.gl/api';\nimport GL from '@luma.gl/constants';\nimport WebGLDevice from '../webgl-device';\nimport WebGLTexture from './webgl-texture';\nimport Renderbuffer from '../objects/webgl-renderbuffer';\nimport {getWebGLTextureFormat, getWebGLDepthStencilAttachment} from '../converters/texture-formats';\n\nexport type TextureAttachment = [Texture, number?, number?];\nexport type Attachment = WebGLTexture | Renderbuffer | TextureAttachment;\n\n/** luma.gl Framebuffer, WebGL implementation  */\nexport default class WEBGLFramebuffer extends Framebuffer {\n  device: WebGLDevice;\n  gl: WebGLRenderingContext;\n  handle: WebGLFramebuffer;\n\n  get texture() { return this.colorAttachments[0]; }\n  readonly colorAttachments: WebGLTexture[] = [];\n  readonly depthStencilAttachment: WebGLTexture | undefined = undefined;\n  protected _ownResources: (WebGLTexture | Renderbuffer)[] = [];\n\n  constructor(device: WebGLDevice, props: FramebufferProps) {\n    super(device, props);\n    this.device = device;\n    this.gl = device.gl;\n    this.handle = this.props.handle !== undefined ? this.props.handle : this.gl.createFramebuffer();\n\n    if (this.handle) { // default framebuffer is null...\n      // @ts-expect-error Per SPECTOR docs\n      this.handle.__SPECTOR_Metadata = {id: this.props.id, props: this.props};\n    }\n\n    this.colorAttachments = this._createColorAttachments();\n    // @ts-expect-error\n    this.depthStencilAttachment = this._createDepthStencilAttachment();\n\n    /** Attach from a map of attachments */\n    const prevHandle = this.gl.bindFramebuffer(GL.FRAMEBUFFER, this.handle);\n\n    // Walk the attachments\n    for (let i = 0; i < this.colorAttachments.length; ++i) {\n      const attachment = this.colorAttachments[i];\n      const attachmentPoint = GL.COLOR_ATTACHMENT0 + i;\n      if (attachment) {\n        this._attachOne(attachmentPoint, attachment);\n      }\n    }\n\n    if (this.props.depthStencilAttachment) {\n      this._attachOne(getWebGLDepthStencilAttachment(this.depthStencilAttachment.format), this.depthStencilAttachment);\n    }\n\n    // @ts-expect-error\n    this.gl.bindFramebuffer(GL.FRAMEBUFFER, prevHandle || null);\n\n    // @ts-expect-error\n    if (props.check !== false) {\n      this._checkStatus();\n    }\n  }\n\n  destroy() {\n    if (this.handle !== null) {\n      for (const resource of this._ownResources) {\n        resource.destroy();\n      }\n      this.gl.deleteFramebuffer(this.handle);\n      this.handle = null;\n    }\n  }\n\n  // PRIVATE\n\n  /** Check the status */\n  protected _checkStatus(): void {\n    const {gl} = this;\n    const prevHandle = gl.bindFramebuffer(GL.FRAMEBUFFER, this.handle);\n    const status = gl.checkFramebufferStatus(GL.FRAMEBUFFER);\n    // @ts-expect-error\n    gl.bindFramebuffer(GL.FRAMEBUFFER, prevHandle || null);\n    if (status !== gl.FRAMEBUFFER_COMPLETE) {\n      throw new Error(`Framebuffer ${_getFrameBufferStatus(status)}`);\n    }\n  }\n\n  _createColorAttachments(): WebGLTexture[] {\n    return this.props.colorAttachments.map(colorAttachment => {\n      if (!colorAttachment) {\n        return undefined;\n      }\n      if (colorAttachment instanceof WebGLTexture) {\n        return colorAttachment;\n      }\n      // if (typeof colorAttachment === 'default') {\n      //   return this._createColorAttachment('rgba8unorm', this.width, this.height);\n      // }\n      // @ts-expect-error\n      return this._createColorAttachment(colorAttachment, this.width, this.height);\n    });\n  }\n\n  /** Create a color attachment */\n  protected _createColorAttachment(format: ColorTextureFormat, width: number, height: number): WebGLTexture {\n    const texture = this.device._createTexture({\n      id: `${this.id}-color`,\n      data: null, // reserves texture memory, but texels are undefined\n      format,\n      // type: GL.UNSIGNED_BYTE,\n      width,\n      height,\n      // Note: Mipmapping can be disabled by texture resource when we resize the texture\n      // to a non-power-of-two dimenstion (NPOT texture) under WebGL1. To have consistant\n      // behavior we always disable mipmaps.\n      mipmaps: false,\n      // Set MIN and MAG filtering parameters so mipmaps are not used in sampling.\n      // Use LINEAR so subpixel algos like fxaa work.\n      // Set WRAP modes that support NPOT textures too.\n      sampler: {\n        minFilter: 'linear',\n        magFilter: 'linear',\n        addressModeU: 'clamp-to-edge',\n        addressModeV: 'clamp-to-edge'\n      },\n      // parameters: {\n      //   [GL.TEXTURE_MIN_FILTER]: GL.LINEAR,\n      //   [GL.TEXTURE_MAG_FILTER]: GL.LINEAR,\n      //   [GL.TEXTURE_WRAP_S]: GL.CLAMP_TO_EDGE,\n      //   [GL.TEXTURE_WRAP_T]: GL.CLAMP_TO_EDGE\n      // }\n    }) as WebGLTexture;\n    this._ownResources.push(texture);\n    return texture;\n  }\n\n  /** Create a depth stencil attachment GL.DEPTH24_STENCIL8 */\n  protected _createDepthStencilAttachment(): Renderbuffer | WebGLTexture {\n    if (!this.props.depthStencilAttachment) {\n      return undefined;\n    }\n    if (this.props.depthStencilAttachment instanceof Renderbuffer) {\n      return this.props.depthStencilAttachment;\n    }\n    if (this.props.depthStencilAttachment instanceof Texture) {\n      return this.props.depthStencilAttachment as unknown as WebGLTexture;\n    }\n    const format = this.props.depthStencilAttachment;\n    const webglFormat = getWebGLTextureFormat(this.gl, format);\n\n    const texture = new Renderbuffer(this.device, {\n      id: `${this.id}-depth-stencil`, // TODO misleading if not depth and stencil?\n      format: webglFormat,\n      // dataFormat: GL.DEPTH_STENCIL,\n      // type: GL.UNSIGNED_INT_24_8,\n      width: this.width,\n      height: this.height\n    });\n    this._ownResources.push(texture);\n    return texture;\n  }\n\n  /** Attachment resize is expected to be a noop if size is same */\n  protected _resizeAttachments(width: number, height: number): this {\n    // for default framebuffer, just update the stored size\n    if (this.handle === null) {\n      // assert(width === undefined && height === undefined);\n      this.width = this.gl.drawingBufferWidth;\n      this.height = this.gl.drawingBufferHeight;\n      return this;\n    }\n    if (width === undefined) {\n      width = this.gl.drawingBufferWidth;\n    }\n    if (height === undefined) {\n      height = this.gl.drawingBufferHeight;\n    }\n\n    if (width !== this.width && height !== this.height) {\n      log.log(2, `Resizing framebuffer ${this.id} to ${width}x${height}`)();\n    }\n\n    for (const colorAttachment of this.colorAttachments) {\n      colorAttachment.resize({width, height});\n    }\n    this.depthStencilAttachment?.resize({width, height});\n    return this;\n  }\n\n  /** Attach one attachment */\n  protected _attachOne(attachmentPoint: GL, attachment: Attachment): WebGLTexture | Renderbuffer {\n    if (attachment instanceof Renderbuffer) {\n      this._attachRenderbuffer(attachmentPoint, attachment);\n      return attachment;\n    } else if (Array.isArray(attachment)) {\n      const [texture, layer = 0, level = 0] = attachment;\n      this._attachTexture(attachmentPoint, texture as unknown as WebGLTexture, layer, level);\n      return texture as unknown as WebGLTexture;\n    } else if (attachment instanceof WebGLTexture) {\n      this._attachTexture(attachmentPoint, attachment, 0, 0);\n      return attachment;\n    }\n  }\n\n  protected _attachRenderbuffer(attachment: GL, renderbuffer: Renderbuffer): void {\n    this.gl.framebufferRenderbuffer(\n      GL.FRAMEBUFFER,\n      attachment,\n      GL.RENDERBUFFER,\n      renderbuffer.handle\n    );\n  }\n\n  /**\n   * @param attachment\n   * @param texture\n   * @param layer = 0 - index into WebGLTextureArray and Texture3D or face for `TextureCubeMap`\n   * @param level  = 0 - mipmapLevel (must be 0 in WebGL1)\n   */\n   protected _attachTexture(attachment: GL, texture: WebGLTexture, layer: number, level: number): void {\n    const {gl, gl2} = this.device;\n    gl.bindTexture(texture.target, texture.handle);\n\n    switch (texture.target) {\n      case GL.TEXTURE_2D_ARRAY:\n      case GL.TEXTURE_3D:\n        this.device.assertWebGL2();\n        gl2.framebufferTextureLayer(GL.FRAMEBUFFER, attachment, texture.target, level, layer);\n        break;\n\n      case GL.TEXTURE_CUBE_MAP:\n        // layer must be a cubemap face (or if index, converted to cube map face)\n        const face = mapIndexToCubeMapFace(layer);\n        gl.framebufferTexture2D(GL.FRAMEBUFFER, attachment, face, texture.handle, level);\n        break;\n\n      case GL.TEXTURE_2D:\n        gl.framebufferTexture2D(GL.FRAMEBUFFER, attachment, GL.TEXTURE_2D, texture.handle, level);\n        break;\n\n      default:\n        assert(false, 'Illegal texture type');\n    }\n\n    gl.bindTexture(texture.target, null);\n  }\n}\n\n// Helper functions\n\n// Map an index to a cube map face constant\nfunction mapIndexToCubeMapFace(layer) {\n  // TEXTURE_CUBE_MAP_POSITIVE_X is a big value (0x8515)\n  // if smaller assume layer is index, otherwise assume it is already a cube map face constant\n  return layer < GL.TEXTURE_CUBE_MAP_POSITIVE_X ? layer + GL.TEXTURE_CUBE_MAP_POSITIVE_X : layer;\n}\n\n// Helper METHODS\n// Get a string describing the framebuffer error if installed\nfunction _getFrameBufferStatus(status) {\n  switch (status) {\n    case GL.FRAMEBUFFER_COMPLETE:\n      return 'success';\n    case GL.FRAMEBUFFER_INCOMPLETE_ATTACHMENT:\n      return 'Mismatched attachments';\n    case GL.FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT:\n      return 'No attachments';\n    case GL.FRAMEBUFFER_INCOMPLETE_DIMENSIONS:\n      return 'Height/width mismatch';\n    case GL.FRAMEBUFFER_UNSUPPORTED:\n      return 'Unsupported or split attachments';\n    // WebGL2\n    case GL.FRAMEBUFFER_INCOMPLETE_MULTISAMPLE:\n      return 'Samples mismatch';\n    // OVR_multiview2 extension\n    // case GL.FRAMEBUFFER_INCOMPLETE_VIEW_TARGETS_OVR: return 'baseViewIndex mismatch';\n    default:\n      return `${status}`;\n  }\n}\n"],"file":"webgl-framebuffer.js"}

package/dist/esm/adapter/resources/webgl-render-pass.js

@@ -0,0 +1,19 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { RenderPass } from '@luma.gl/api';
+export default class WEBGLRenderPass extends RenderPass {
+  constructor(device, props) {
+    super(device, props);
+
+    _defineProperty(this, "device", void 0);
+  }
+
+  endPass() {}
+
+  pushDebugGroup(groupLabel) {}
+
+  popDebugGroup() {}
+
+  insertDebugMarker(markerLabel) {}
+
+}
+//# sourceMappingURL=webgl-render-pass.js.map

package/dist/esm/adapter/resources/webgl-render-pass.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/adapter/resources/webgl-render-pass.ts"],"names":["RenderPass","WEBGLRenderPass","constructor","device","props","endPass","pushDebugGroup","groupLabel","popDebugGroup","insertDebugMarker","markerLabel"],"mappings":";AAAA,SAAQA,UAAR,QAA0C,cAA1C;AAGA,eAAe,MAAMC,eAAN,SAA8BD,UAA9B,CAAyC;AAGtDE,EAAAA,WAAW,CAACC,MAAD,EAAsBC,KAAtB,EAA8C;AACvD,UAAMD,MAAN,EAAcC,KAAd;;AADuD;AAExD;;AAEDC,EAAAA,OAAO,GAAS,CAAE;;AAElBC,EAAAA,cAAc,CAACC,UAAD,EAA2B,CAAE;;AAC3CC,EAAAA,aAAa,GAAS,CAAE;;AACxBC,EAAAA,iBAAiB,CAACC,WAAD,EAA4B,CAAE;;AAXO","sourcesContent":["import {RenderPass, RenderPassProps} from '@luma.gl/api';\nimport WebGLDevice from '../webgl-device';\n\nexport default class WEBGLRenderPass extends RenderPass {\n  readonly device: WebGLDevice;\n\n  constructor(device: WebGLDevice, props: RenderPassProps) {\n    super(device, props);\n  }\n\n  endPass(): void {}\n\n  pushDebugGroup(groupLabel: string): void {}\n  popDebugGroup(): void {}\n  insertDebugMarker(markerLabel: string): void {}\n\n  // writeTimestamp(querySet: GPUQuerySet, queryIndex: number): void;\n\n  // beginOcclusionQuery(queryIndex: number): void;\n  // endOcclusionQuery(): void;\n\n  // executeBundles(bundles: Iterable<GPURenderBundle>): void;\n}\n"],"file":"webgl-render-pass.js"}