@luma.gl/webgl 9.0.0-alpha.3 → 9.0.0-alpha.31

package/dist/adapter/resources/webgl-command-buffer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/adapter/resources/webgl-command-buffer.ts"],"names":["GL","cast","value","CommandBuffer","submitCommands","device","commands","command","name","_copyBufferToBuffer","options","_copyBufferToTexture","_copyTextureToBuffer","_copyTextureToTexture","source","destination","gl2","bindBuffer","COPY_READ_BUFFER","handle","COPY_WRITE_BUFFER","copyBufferSubData","sourceOffset","destinationOffset","size","Error"],"mappings":";AAMA,OAAOA,EAAP,MAAe,oBAAf;;AAIA,SAASC,IAAT,CAAiBC,KAAjB,EAAoC;AAClC,SAAOA,KAAP;AACD;;AA4BD,eAAe,MAAMC,aAAN,CAAoB;AAAA;AAAA,sCACX,EADW;AAAA;;AAAA;AAInC,OAAO,SAASC,cAAT,CAAwBC,MAAxB,EAA6CC,QAAmB,GAAG,EAAnE,EAAuE;AAC5E,OAAK,MAAMC,OAAX,IAAsBD,QAAtB,EAAgC;AAC9B,YAAQC,OAAO,CAACC,IAAhB;AACE,WAAK,uBAAL;AACEC,QAAAA,mBAAmB,CAACJ,MAAD,EAASE,OAAO,CAACG,OAAjB,CAAnB;;AACA;;AACF,WAAK,wBAAL;AACEC,QAAAA,oBAAoB,CAACN,MAAD,EAASE,OAAO,CAACG,OAAjB,CAApB;;AACA;;AACF,WAAK,wBAAL;AACEE,QAAAA,oBAAoB,CAACP,MAAD,EAASE,OAAO,CAACG,OAAjB,CAApB;;AACA;;AACF,WAAK,yBAAL;AACEG,QAAAA,qBAAqB,CAACR,MAAD,EAASE,OAAO,CAACG,OAAjB,CAArB;;AACA;AAZJ;AAcD;AACF;;AAED,SAASD,mBAAT,CAA6BJ,MAA7B,EAAkDK,OAAlD,EAA4F;AAC1F,QAAMI,MAAM,GAAGb,IAAI,CAAcS,OAAO,CAACI,MAAtB,CAAnB;AACA,QAAMC,WAAW,GAAGd,IAAI,CAAcS,OAAO,CAACK,WAAtB,CAAxB;AAEA,QAAM;AAACC,IAAAA;AAAD,MAAQX,MAAd;;AACA,MAAIW,GAAJ,EAAS;AAAA;;AAGPA,IAAAA,GAAG,CAACC,UAAJ,CAAejB,EAAE,CAACkB,gBAAlB,EAAoCJ,MAAM,CAACK,MAA3C;AACAH,IAAAA,GAAG,CAACC,UAAJ,CAAejB,EAAE,CAACoB,iBAAlB,EAAqCL,WAAW,CAACI,MAAjD;AACAH,IAAAA,GAAG,CAACK,iBAAJ,CACErB,EAAE,CAACkB,gBADL,EAEElB,EAAE,CAACoB,iBAFL,2BAGEV,OAAO,CAACY,YAHV,yEAG0B,CAH1B,2BAIEZ,OAAO,CAACa,iBAJV,yEAI+B,CAJ/B,EAKEb,OAAO,CAACc,IALV;AAOAR,IAAAA,GAAG,CAACC,UAAJ,CAAejB,EAAE,CAACkB,gBAAlB,EAAoC,IAApC;AACAF,IAAAA,GAAG,CAACC,UAAJ,CAAejB,EAAE,CAACoB,iBAAlB,EAAqC,IAArC;AACD,GAdD,MAcO;AAGL,UAAM,IAAIK,KAAJ,CAAU,8CAAV,CAAN;AACD;AACF;;AAED,SAASd,oBAAT,CAA8BN,MAA9B,EAAmDK,OAAnD,EAA8F,CAAE;;AAEhG,SAASE,oBAAT,CAA8BP,MAA9B,EAAmDK,OAAnD,EAA8F,CAAE;;AAEhG,SAASG,qBAAT,CAA+BR,MAA/B,EAAoDK,OAApD,EAAgG,CAAE","sourcesContent":["import type {\n  CopyBufferToBufferOptions,\n  CopyBufferToTextureOptions,\n  CopyTextureToBufferOptions,\n  CopyTextureToTextureOptions\n} from '@luma.gl/api';\nimport GL from '@luma.gl/constants';\nimport WebGLDevice from '../webgl-device';\nimport WEBGLBuffer from './webgl-buffer';\n\nfunction cast<T>(value: unknown): T {\n  return value as T;\n}\n\ntype CopyBufferToBufferCommand = {\n  name: 'copy-buffer-to-buffer';\n  options: CopyBufferToBufferOptions;\n};\n\ntype CopyBufferToTextureCommand = {\n  name: 'copy-buffer-to-texture';\n  options: CopyBufferToTextureOptions;\n};\n\ntype CopyTextureToBufferCommand = {\n  name: 'copy-texture-to-buffer';\n  options: CopyTextureToBufferOptions;\n};\n\ntype CopyTextureToTextureCommand = {\n  name: 'copy-texture-to-texture';\n  options: CopyTextureToTextureOptions;\n};\n\ntype Command =\n  | CopyBufferToBufferCommand\n  | CopyBufferToTextureCommand\n  | CopyTextureToBufferCommand\n  | CopyTextureToTextureCommand;\n\nexport default class CommandBuffer {\n  commands: Command[] = [];\n}\n\nexport function submitCommands(device: WebGLDevice, commands: Command[] = []) {\n  for (const command of commands) {\n    switch (command.name) {\n      case 'copy-buffer-to-buffer':\n        _copyBufferToBuffer(device, command.options);\n        break;\n      case 'copy-buffer-to-texture':\n        _copyBufferToTexture(device, command.options);\n        break;\n      case 'copy-texture-to-buffer':\n        _copyTextureToBuffer(device, command.options);\n        break;\n      case 'copy-texture-to-texture':\n        _copyTextureToTexture(device, command.options);\n        break;\n    }\n  }\n}\n\nfunction _copyBufferToBuffer(device: WebGLDevice, options: CopyBufferToBufferOptions): void {\n  const source = cast<WEBGLBuffer>(options.source);\n  const destination = cast<WEBGLBuffer>(options.destination);\n\n  const {gl2} = device;\n  if (gl2) {\n    // In WebGL2 we can perform the copy on the GPU\n    // Use GL.COPY_READ_BUFFER+GL.COPY_WRITE_BUFFER avoid disturbing other targets and locking type\n    gl2.bindBuffer(GL.COPY_READ_BUFFER, source.handle);\n    gl2.bindBuffer(GL.COPY_WRITE_BUFFER, destination.handle);\n    gl2.copyBufferSubData(\n      GL.COPY_READ_BUFFER,\n      GL.COPY_WRITE_BUFFER,\n      options.sourceOffset ?? 0,\n      options.destinationOffset ?? 0,\n      options.size\n    );\n    gl2.bindBuffer(GL.COPY_READ_BUFFER, null);\n    gl2.bindBuffer(GL.COPY_WRITE_BUFFER, null);\n  } else {\n    // TODO - in WebGL1 we would have to read back to CPU\n    // read / write buffer from / to CPU\n    throw new Error('copyBufferToBuffer not implemented in WebGL1');\n  }\n}\n\nfunction _copyBufferToTexture(device: WebGLDevice, options: CopyBufferToTextureOptions): void {}\n\nfunction _copyTextureToBuffer(device: WebGLDevice, options: CopyTextureToBufferOptions): void {}\n\nfunction _copyTextureToTexture(device: WebGLDevice, options: CopyTextureToTextureOptions): void {}\n"],"file":"webgl-command-buffer.js"}
+{"version":3,"file":"webgl-command-buffer.js","names":["CommandBuffer","Texture","GL","WEBGLTexture","cast","value","WEBGLCommandBuffer","constructor","device","_defineProperty","submitCommands","commands","arguments","length","undefined","command","name","_copyBufferToBuffer","options","_copyBufferToTexture","_copyTextureToBuffer","_copyTextureToTexture","source","destination","gl2","assertWebGL2","_options$sourceOffset","_options$destinationO","bindBuffer","COPY_READ_BUFFER","handle","COPY_WRITE_BUFFER","copyBufferSubData","sourceOffset","destinationOffset","size","Error","mipLevel","aspect","width","height","depthOrArrayLayers","origin","byteOffset","bytesPerRow","rowsPerImage","framebuffer","destroyFramebuffer","getFramebuffer","webglBuffer","sourceWidth","sourceHeight","sourceFormat","RGBA","sourceType","UNSIGNED_BYTE","PIXEL_PACK_BUFFER","bindFramebuffer","FRAMEBUFFER","readPixels","destroy","destinationMipmaplevel","destinationInternalFormat","sourceX","sourceY","isSubCopy","gl","texture","textureTarget","Number","isFinite","bind","copyTexImage2D","unbind","prevHandle","glFormatToComponents","format","ALPHA","R32F","RED","RG32F","RG","RGB","RGB32F","RGBA32F","glTypeToBytes","type","UNSIGNED_SHORT_5_6_5","UNSIGNED_SHORT_4_4_4_4","UNSIGNED_SHORT_5_5_5_1","FLOAT","id","createFramebuffer","concat","colorAttachments"],"sources":["../../../src/adapter/resources/webgl-command-buffer.ts"],"sourcesContent":["// luma.gl, MIT license\n\nimport type {\n  CopyBufferToBufferOptions,\n  CopyBufferToTextureOptions,\n  CopyTextureToBufferOptions,\n  CopyTextureToTextureOptions\n} from '@luma.gl/core';\nimport {\n  CommandBuffer,\n  Texture,\n  // Buffer,\n  Framebuffer\n} from '@luma.gl/core';\nimport {GL} from '@luma.gl/constants';\n\n// import {getTypedArrayFromGLType, getGLTypeFromTypedArray} from '../../classic/typed-array-utils';\nimport {WebGLDevice} from '../webgl-device';\nimport {WEBGLBuffer} from './webgl-buffer';\nimport {WEBGLTexture} from './webgl-texture';\nimport {WEBGLFramebuffer} from './webgl-framebuffer';\n\nfunction cast<T>(value: unknown): T {\n  return value as T;\n}\n\ntype CopyBufferToBufferCommand = {\n  name: 'copy-buffer-to-buffer';\n  options: CopyBufferToBufferOptions;\n};\n\ntype CopyBufferToTextureCommand = {\n  name: 'copy-buffer-to-texture';\n  options: CopyBufferToTextureOptions;\n};\n\ntype CopyTextureToBufferCommand = {\n  name: 'copy-texture-to-buffer';\n  options: CopyTextureToBufferOptions;\n};\n\ntype CopyTextureToTextureCommand = {\n  name: 'copy-texture-to-texture';\n  options: CopyTextureToTextureOptions;\n};\n\ntype Command =\n  | CopyBufferToBufferCommand\n  | CopyBufferToTextureCommand\n  | CopyTextureToBufferCommand\n  | CopyTextureToTextureCommand;\n\nexport class WEBGLCommandBuffer extends CommandBuffer {\n  device: WebGLDevice;\n  commands: Command[] = [];\n\n  constructor(device: WebGLDevice) {\n    super({});\n    this.device = device;\n  }\n\n  submitCommands(commands: Command[] = this.commands) {\n    for (const command of commands) {\n      switch (command.name) {\n        case 'copy-buffer-to-buffer':\n          _copyBufferToBuffer(this.device, command.options);\n          break;\n        case 'copy-buffer-to-texture':\n          _copyBufferToTexture(this.device, command.options);\n          break;\n        case 'copy-texture-to-buffer':\n          _copyTextureToBuffer(this.device, command.options);\n          break;\n        case 'copy-texture-to-texture':\n          _copyTextureToTexture(this.device, command.options);\n          break;\n      }\n    }\n  }\n}\n\nfunction _copyBufferToBuffer(device: WebGLDevice, options: CopyBufferToBufferOptions): void {\n  const source = cast<WEBGLBuffer>(options.source);\n  const destination = cast<WEBGLBuffer>(options.destination);\n\n  const gl2 = device.assertWebGL2();\n  if (gl2) {\n    // In WebGL2 we can perform the copy on the GPU\n    // Use GL.COPY_READ_BUFFER+GL.COPY_WRITE_BUFFER avoid disturbing other targets and locking type\n    gl2.bindBuffer(GL.COPY_READ_BUFFER, source.handle);\n    gl2.bindBuffer(GL.COPY_WRITE_BUFFER, destination.handle);\n    gl2.copyBufferSubData(\n      GL.COPY_READ_BUFFER,\n      GL.COPY_WRITE_BUFFER,\n      options.sourceOffset ?? 0,\n      options.destinationOffset ?? 0,\n      options.size\n    );\n    gl2.bindBuffer(GL.COPY_READ_BUFFER, null);\n    gl2.bindBuffer(GL.COPY_WRITE_BUFFER, null);\n  } else {\n    // TODO - in WebGL1 we would have to read back to CPU\n    // read / write buffer from / to CPU\n    throw new Error('copyBufferToBuffer not implemented in WebGL1');\n  }\n}\n\n/**\n * Copies data from a Buffer object into a Texture object\n * NOTE: doesn't wait for copy to be complete\n */\nfunction _copyBufferToTexture(device: WebGLDevice, options: CopyBufferToTextureOptions): void {\n  throw new Error('Not implemented');\n}\n\n/**\n * Copies data from a Texture object into a Buffer object.\n * NOTE: doesn't wait for copy to be complete\n */\nfunction _copyTextureToBuffer(device: WebGLDevice, options: CopyTextureToBufferOptions): void {\n  const {\n    /** Texture to copy to/from. */\n    source,\n    /**  Mip-map level of the texture to copy to/from. (Default 0) */\n    mipLevel = 0,\n    /** Defines which aspects of the texture to copy to/from. */\n    aspect = 'all',\n\n    /** Width to copy */\n    width = options.source.width,\n    /** Height to copy */\n    height = options.source.height,\n    depthOrArrayLayers = 0,\n    /** Defines the origin of the copy - the minimum corner of the texture sub-region to copy to/from. */\n    origin = [0, 0],\n\n    /** Destination buffer */\n    destination,\n    /** Offset, in bytes, from the beginning of the buffer to the start of the image data (default 0) */\n    byteOffset = 0,\n    /**\n     * The stride, in bytes, between the beginning of each block row and the subsequent block row.\n     * Required if there are multiple block rows (i.e. the copy height or depth is more than one block).\n     */\n    bytesPerRow,\n    /**\n     * Number of block rows per single image of the texture.\n     * rowsPerImage &times; bytesPerRow is the stride, in bytes, between the beginning of each image of data and the subsequent image.\n     * Required if there are multiple images (i.e. the copy depth is more than one).\n     */\n    rowsPerImage\n  } = options;\n\n  // TODO - Not possible to read just stencil or depth part in WebGL?\n  if (aspect !== 'all') {\n    throw new Error('not supported');\n  }\n\n  // TODO - mipLevels are set when attaching texture to framebuffer\n  if (mipLevel !== 0 || depthOrArrayLayers !== undefined || bytesPerRow || rowsPerImage) {\n    throw new Error('not implemented');\n  }\n\n  // Asynchronous read (PIXEL_PACK_BUFFER) is WebGL2 only feature\n  const gl2 = device.assertWebGL2();\n\n  const {framebuffer, destroyFramebuffer} = getFramebuffer(source);\n  try {\n    const webglBuffer = destination as WEBGLBuffer;\n    const sourceWidth = width || framebuffer.width;\n    const sourceHeight = height || framebuffer.height;\n\n    // TODO - hack - should be deduced\n    const sourceFormat = GL.RGBA;\n    const sourceType = GL.UNSIGNED_BYTE;\n\n    // if (!target) {\n    //   // Create new buffer with enough size\n    //   const components = glFormatToComponents(sourceFormat);\n    //   const byteCount = glTypeToBytes(sourceType);\n    //   const byteLength = byteOffset + sourceWidth * sourceHeight * components * byteCount;\n    //   target = device.createBuffer({byteLength});\n    // }\n\n    gl2.bindBuffer(GL.PIXEL_PACK_BUFFER, webglBuffer.handle);\n    gl2.bindFramebuffer(GL.FRAMEBUFFER, framebuffer.handle);\n\n    gl2.readPixels(\n      origin[0],\n      origin[1],\n      sourceWidth,\n      sourceHeight,\n      sourceFormat,\n      sourceType,\n      byteOffset\n    );\n  } finally {\n    gl2.bindBuffer(GL.PIXEL_PACK_BUFFER, null);\n    gl2.bindFramebuffer(GL.FRAMEBUFFER, null);\n\n    if (destroyFramebuffer) {\n      framebuffer.destroy();\n    }\n  }\n}\n\n/**\n * Copies data from a Framebuffer or a Texture object into a Buffer object.\n * NOTE: doesn't wait for copy to be complete, it programs GPU to perform a DMA transfer.\nexport function readPixelsToBuffer(\n  source: Framebuffer | Texture,\n  options?: {\n    sourceX?: number;\n    sourceY?: number;\n    sourceFormat?: number;\n    target?: Buffer; // A new Buffer object is created when not provided.\n    targetByteOffset?: number; // byte offset in buffer object\n    // following parameters are auto deduced if not provided\n    sourceWidth?: number;\n    sourceHeight?: number;\n    sourceType?: number;\n  }\n): Buffer\n */\n\n/**\n * Copy a rectangle from a Framebuffer or Texture object into a texture (at an offset)\n */\n// eslint-disable-next-line complexity, max-statements\nfunction _copyTextureToTexture(device: WebGLDevice, options: CopyTextureToTextureOptions): void {\n  const {\n    /** Texture to copy to/from. */\n    source,\n    /**  Mip-map level of the texture to copy to/from. (Default 0) */\n    // mipLevel = 0,\n    /** Defines which aspects of the texture to copy to/from. */\n    // aspect = 'all',\n    /** Defines the origin of the copy - the minimum corner of the texture sub-region to copy to/from. */\n    origin = [0, 0],\n\n    /** Texture to copy to/from. */\n    destination,\n    /**  Mip-map level of the texture to copy to/from. (Default 0) */\n    // destinationMipLevel = options.mipLevel,\n    /** Defines the origin of the copy - the minimum corner of the texture sub-region to copy to/from. */\n    // destinationOrigin = [0, 0],\n    /** Defines which aspects of the texture to copy to/from. */\n    // destinationAspect = options.aspect,\n\n  } = options;\n\n  let {\n    width = options.destination.width,\n    height = options.destination.width,\n    // depthOrArrayLayers = 0\n  } = options;\n\n  const destinationMipmaplevel = 0;\n  const destinationInternalFormat = GL.RGBA;\n\n  const {framebuffer, destroyFramebuffer} = getFramebuffer(source);\n  const [sourceX, sourceY] = origin;\n\n  const isSubCopy = false;\n  // typeof destinationX !== 'undefined' ||\n  // typeof destinationY !== 'undefined' ||\n  // typeof destinationZ !== 'undefined';\n\n  // destinationX = destinationX || 0;\n  // destinationY = destinationY || 0;\n  // destinationZ = destinationZ || 0;\n  device.gl.bindFramebuffer(GL.FRAMEBUFFER, framebuffer.handle);\n  // TODO - support gl.readBuffer (WebGL2 only)\n  // const prevBuffer = gl.readBuffer(attachment);\n\n  let texture = null;\n  let textureTarget: GL;\n  if (destination instanceof WEBGLTexture) {\n    texture = destination;\n    width = Number.isFinite(width) ? width : texture.width;\n    height = Number.isFinite(height) ? height : texture.height;\n    texture.bind(0);\n    textureTarget = texture.destination;\n  } else {\n    throw new Error('whoops');\n    //  textureTarget = destination;\n  }\n\n  if (!isSubCopy) {\n    device.gl.copyTexImage2D(\n      textureTarget,\n      destinationMipmaplevel,\n      destinationInternalFormat,\n      sourceX,\n      sourceY,\n      width,\n      height,\n      0 /* border must be 0 */\n    );\n  } else {\n    // switch (textureTarget) {\n    //   case GL.TEXTURE_2D:\n    //   case GL.TEXTURE_CUBE_MAP:\n    //     device.gl.copyTexSubImage2D(\n    //       textureTarget,\n    //       destinationMipmaplevel,\n    //       destinationX,\n    //       destinationY,\n    //       sourceX,\n    //       sourceY,\n    //       width,\n    //       height\n    //     );\n    //     break;\n    //   case GL.TEXTURE_2D_ARRAY:\n    //   case GL.TEXTURE_3D:\n    //     const gl2 = device.assertWebGL2();\n    //     gl2.copyTexSubImage3D(\n    //       textureTarget,\n    //       destinationMipmaplevel,\n    //       destinationX,\n    //       destinationY,\n    //       destinationZ,\n    //       sourceX,\n    //       sourceY,\n    //       width,\n    //       height\n    //     );\n    //     break;\n    //   default:\n    // }\n  }\n  if (texture) {\n    texture.unbind();\n  }\n  // @ts-expect-error\n  device.gl.bindFramebuffer(GL.FRAMEBUFFER, prevHandle || null);\n  if (destroyFramebuffer) {\n    framebuffer.destroy();\n  }\n  return texture;\n}\n\n// Returns number of components in a specific readPixels WebGL format\nexport function glFormatToComponents(format): 1 | 2 | 3 | 4 {\n  switch (format) {\n    case GL.ALPHA:\n    case GL.R32F:\n    case GL.RED:\n      return 1;\n    case GL.RG32F:\n    case GL.RG:\n      return 2;\n    case GL.RGB:\n    case GL.RGB32F:\n      return 3;\n    case GL.RGBA:\n    case GL.RGBA32F:\n      return 4;\n    // TODO: Add support for additional WebGL2 formats\n    default:\n      throw new Error('GLFormat');\n  }\n}\n\n// Return byte count for given readPixels WebGL type\nexport function glTypeToBytes(type: GL): 1 | 2 | 4 {\n  switch (type) {\n    case GL.UNSIGNED_BYTE:\n      return 1;\n    case GL.UNSIGNED_SHORT_5_6_5:\n    case GL.UNSIGNED_SHORT_4_4_4_4:\n    case GL.UNSIGNED_SHORT_5_5_5_1:\n      return 2;\n    case GL.FLOAT:\n      return 4;\n    // TODO: Add support for additional WebGL2 types\n    default:\n      throw new Error('GLType');\n  }\n}\n\n// Helper methods\n\nfunction getFramebuffer(source: Texture | Framebuffer): {\n  framebuffer: WEBGLFramebuffer;\n  destroyFramebuffer: boolean;\n} {\n  if (source instanceof Texture) {\n    const {width, height, id} = source;\n    const framebuffer = source.device.createFramebuffer({\n      id: `framebuffer-for-${id}`,\n      width,\n      height,\n      colorAttachments: [source]\n    }) as unknown as WEBGLFramebuffer;\n\n    return {framebuffer, destroyFramebuffer: true};\n  }\n  return {framebuffer: source as unknown as WEBGLFramebuffer, destroyFramebuffer: false};\n}\n"],"mappings":"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"}

package/dist/adapter/resources/webgl-command-encoder.d.ts

@@ -1,12 +1,13 @@
-import { CommandEncoder, CommandEncoderProps } from '@luma.gl/api';
-import type { CopyBufferToBufferOptions, CopyBufferToTextureOptions, CopyTextureToBufferOptions, CopyTextureToTextureOptions } from '@luma.gl/api';
-import CommandBuffer from './webgl-command-buffer';
-import WebGLDevice from '../webgl-device';
-export default class WEBGLCommandEncoder extends CommandEncoder {
+import { CommandEncoder, CommandEncoderProps } from '@luma.gl/core';
+import type { CopyBufferToBufferOptions, CopyBufferToTextureOptions, CopyTextureToBufferOptions, CopyTextureToTextureOptions } from '@luma.gl/core';
+import { WEBGLCommandBuffer } from './webgl-command-buffer';
+import { WebGLDevice } from '../webgl-device';
+export declare class WEBGLCommandEncoder extends CommandEncoder {
     readonly device: WebGLDevice;
-    readonly commandBuffer: CommandBuffer;
+    readonly commandBuffer: WEBGLCommandBuffer;
     constructor(device: WebGLDevice, props: CommandEncoderProps);
     destroy(): void;
+    finish(): void;
     copyBufferToBuffer(options: CopyBufferToBufferOptions): void;
     copyBufferToTexture(options: CopyBufferToTextureOptions): void;
     copyTextureToBuffer(options: CopyTextureToBufferOptions): void;

package/dist/adapter/resources/webgl-command-encoder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webgl-command-encoder.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgl-command-encoder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,mBAAmB,EAAC,MAAM,cAAc,CAAC;AACjE,OAAO,KAAK,EACV,yBAAyB,EACzB,0BAA0B,EAC1B,0BAA0B,EAC1B,2BAA2B,EAC5B,MAAM,cAAc,CAAC;AAEtB,OAAO,aAAa,MAAM,wBAAwB,CAAC;AACnD,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAE1C,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,cAAc;IAC7D,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;IAE7B,QAAQ,CAAC,aAAa,gBAAuB;gBAEjC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,mBAAmB;IAK3D,OAAO;IAMP,kBAAkB,CAAC,OAAO,EAAE,yBAAyB,GAAG,IAAI;IAI5D,mBAAmB,CAAC,OAAO,EAAE,0BAA0B;IAIvD,mBAAmB,CAAC,OAAO,EAAE,0BAA0B,GAAG,IAAI;IAI9D,oBAAoB,CAAC,OAAO,EAAE,2BAA2B,GAAG,IAAI;IAIhE,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IACxC,aAAa;IAEb,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;CAW7C"}
+{"version":3,"file":"webgl-command-encoder.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgl-command-encoder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,mBAAmB,EAAC,MAAM,eAAe,CAAC;AAClE,OAAO,KAAK,EACV,yBAAyB,EACzB,0BAA0B,EAC1B,0BAA0B,EAC1B,2BAA2B,EAC5B,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAE5C,qBAAa,mBAAoB,SAAQ,cAAc;IACrD,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;IAE7B,QAAQ,CAAC,aAAa,EAAE,kBAAkB,CAAC;gBAE/B,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,mBAAmB;IAMlD,OAAO,IAAI,IAAI;IAEf,MAAM,IAAI,IAAI;IAQvB,kBAAkB,CAAC,OAAO,EAAE,yBAAyB,GAAG,IAAI;IAI5D,mBAAmB,CAAC,OAAO,EAAE,0BAA0B;IAIvD,mBAAmB,CAAC,OAAO,EAAE,0BAA0B,GAAG,IAAI;IAI9D,oBAAoB,CAAC,OAAO,EAAE,2BAA2B,GAAG,IAAI;IAIvD,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IACxC,aAAa;IAEb,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;CAWtD"}

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

@@ -1,53 +1,44 @@
 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 {
+import { CommandEncoder } from '@luma.gl/core';
+import { WEBGLCommandBuffer } from "./webgl-command-buffer.js";
+export class WEBGLCommandEncoder extends CommandEncoder {
   constructor(device, props) {
-    super(props);
-
+    super(device, props);
     _defineProperty(this, "device", void 0);
-
-    _defineProperty(this, "commandBuffer", new CommandBuffer());
-
+    _defineProperty(this, "commandBuffer", void 0);
     this.device = device;
+    this.commandBuffer = new WEBGLCommandBuffer(device);
   }
-
   destroy() {}
-
+  finish() {
+    this.commandBuffer.submitCommands();
+  }
   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/adapter/resources/webgl-command-encoder.js.map

@@ -1 +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"}
+{"version":3,"file":"webgl-command-encoder.js","names":["CommandEncoder","WEBGLCommandBuffer","WEBGLCommandEncoder","constructor","device","props","_defineProperty","commandBuffer","destroy","finish","submitCommands","copyBufferToBuffer","options","commands","push","name","copyBufferToTexture","copyTextureToBuffer","copyTextureToTexture","pushDebugGroup","groupLabel","popDebugGroup","insertDebugMarker","markerLabel"],"sources":["../../../src/adapter/resources/webgl-command-encoder.ts"],"sourcesContent":["import {CommandEncoder, CommandEncoderProps} from '@luma.gl/core';\nimport type {\n  CopyBufferToBufferOptions,\n  CopyBufferToTextureOptions,\n  CopyTextureToBufferOptions,\n  CopyTextureToTextureOptions\n} from '@luma.gl/core';\n\nimport {WEBGLCommandBuffer} from './webgl-command-buffer';\nimport {WebGLDevice} from '../webgl-device';\n\nexport class WEBGLCommandEncoder extends CommandEncoder {\n  readonly device: WebGLDevice;\n\n  readonly commandBuffer: WEBGLCommandBuffer;\n\n  constructor(device: WebGLDevice, props: CommandEncoderProps) {\n    super(device, props);\n    this.device = device;\n    this.commandBuffer = new WEBGLCommandBuffer(device);\n  }\n\n  override destroy(): void {}\n\n  override finish(): void {\n    this.commandBuffer.submitCommands();\n  }\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  override pushDebugGroup(groupLabel: string): void {}\n  override popDebugGroup() {}\n\n  override 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"],"mappings":";AAAA,SAAQA,cAAc,QAA4B,eAAe;AAAC,SAQ1DC,kBAAkB;AAG1B,OAAO,MAAMC,mBAAmB,SAASF,cAAc,CAAC;EAKtDG,WAAWA,CAACC,MAAmB,EAAEC,KAA0B,EAAE;IAC3D,KAAK,CAACD,MAAM,EAAEC,KAAK,CAAC;IAACC,eAAA;IAAAA,eAAA;IACrB,IAAI,CAACF,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACG,aAAa,GAAG,IAAIN,kBAAkB,CAACG,MAAM,CAAC;EACrD;EAESI,OAAOA,CAAA,EAAS,CAAC;EAEjBC,MAAMA,CAAA,EAAS;IACtB,IAAI,CAACF,aAAa,CAACG,cAAc,CAAC,CAAC;EACrC;EAMAC,kBAAkBA,CAACC,OAAkC,EAAQ;IAC3D,IAAI,CAACL,aAAa,CAACM,QAAQ,CAACC,IAAI,CAAC;MAACC,IAAI,EAAE,uBAAuB;MAAEH;IAAO,CAAC,CAAC;EAC5E;EAEAI,mBAAmBA,CAACJ,OAAmC,EAAE;IACvD,IAAI,CAACL,aAAa,CAACM,QAAQ,CAACC,IAAI,CAAC;MAACC,IAAI,EAAE,wBAAwB;MAAEH;IAAO,CAAC,CAAC;EAC7E;EAEAK,mBAAmBA,CAACL,OAAmC,EAAQ;IAC7D,IAAI,CAACL,aAAa,CAACM,QAAQ,CAACC,IAAI,CAAC;MAACC,IAAI,EAAE,wBAAwB;MAAEH;IAAO,CAAC,CAAC;EAC7E;EAEAM,oBAAoBA,CAACN,OAAoC,EAAQ;IAC/D,IAAI,CAACL,aAAa,CAACM,QAAQ,CAACC,IAAI,CAAC;MAACC,IAAI,EAAE,yBAAyB;MAAEH;IAAO,CAAC,CAAC;EAC9E;EAESO,cAAcA,CAACC,UAAkB,EAAQ,CAAC;EAC1CC,aAAaA,CAAA,EAAG,CAAC;EAEjBC,iBAAiBA,CAACC,WAAmB,EAAQ,CAAC;AAWzD"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"webgl-external-texture.js"}
+{"version":3,"file":"webgl-external-texture.js","names":[],"sources":["../../../src/adapter/resources/webgl-external-texture.ts"],"sourcesContent":["/*\nexport class WEBGLExternalTexture extends WEBGLTexture {\n  readonly device: WebGLDevice;\n  readonly gl: WebGLRenderingContext;\n  readonly gl2: WebGL2RenderingContext | null;\n  readonly handle: WebGLTexture;\n\n  data;\n\n  width: number = undefined;\n  height: number = undefined;\n  depth: number = undefined;\n\n  format = undefined;\n  type = undefined;\n  dataFormat = undefined;\n  border = undefined;\n  mipmaps: boolean = undefined;\n\n  textureUnit: number = undefined;\n\n  sampler: WEBGLSampler;\n\n  // Program.draw() checks the loaded flag of all textures to avoid\n  // Textures that are still loading from promises\n  // Set to true as soon as texture has been initialized with valid data\n  loaded = false;\n  _video;\n\n  readonly target: GL;\n  // target cannot be modified by bind:\n  // textures are special because when you first bind them to a target,\n  // they get special information. When you first bind a texture as a\n  // GL_TEXTURE_2D, you are actually setting special state in the texture.\n  // You are saying that this texture is a 2D texture.\n  // And it will always be a 2D texture; this state cannot be changed ever.\n  // If you have a texture that was first bound as a GL_TEXTURE_2D,\n  // you must always bind it as a GL_TEXTURE_2D;\n  // attempting to bind it as GL_TEXTURE_3D will give rise to an error\n  // (while run-time).\n\n  static isSupported(device: WebGLDevice, options?: TextureSupportOptions): boolean {\n    const {format, linearFiltering} = options;\n    let supported = true;\n    if (format) {\n      supported = supported && isFormatSupported(device.gl, format);\n      supported = supported && (!linearFiltering || isTextureFormatFilterable(device.gl, format));\n    }\n    return supported;\n  }\n\n  // eslint-disable-next-line max-statements\n  constructor(device: Device | WebGLRenderingContext, props: TextureProps) {\n    super(WebGLDevice.attach(device), {id: uid('texture'), ...props});\n\n    this.glTarget = getWebGLTextureTarget(props);\n\n    this.device = WebGLDevice.attach(device);\n    this.gl = this.device.gl;\n    this.gl2 = this.device.gl2;\n    this.handle = this.props.handle || this.gl.createTexture();\n\n    let data = props.data;\n\n    const isVideo = typeof HTMLVideoElement !== 'undefined' && data instanceof HTMLVideoElement;\n    // @ts-expect-error\n    if (isVideo && data.readyState < HTMLVideoElement.HAVE_METADATA) {\n      this._video = null; // Declare member before the object is sealed\n      data.addEventListener('loadeddata', () => this.initialize(props));\n      return this;\n    }\n\n  update(): this {\n    if (this._video) {\n      const {video, parameters, lastTime} = this._video;\n      // @ts-expect-error\n      if (lastTime === video.currentTime || video.readyState < HTMLVideoElement.HAVE_CURRENT_DATA) {\n        return;\n      }\n      this.setSubImageData({\n        data: video,\n        parameters\n      });\n      if (this.mipmaps) {\n        this.generateMipmap();\n      }\n      this._video.lastTime = video.currentTime;\n    }\n  }\n\n\n*/"],"mappings":""}

package/dist/adapter/resources/webgl-framebuffer.d.ts

@@ -1,40 +1,37 @@
-import type { FramebufferProps, ColorTextureFormat } from '@luma.gl/api';
-import { Framebuffer, Texture } from '@luma.gl/api';
-import GL from '@luma.gl/constants';
-import WebGLDevice from '../webgl-device';
-import WebGLTexture from './webgl-texture';
-import Renderbuffer from '../objects/webgl-renderbuffer';
-export declare type TextureAttachment = [Texture, number?, number?];
-export declare type Attachment = WebGLTexture | Renderbuffer | TextureAttachment;
+import type { FramebufferProps, TextureFormat } from '@luma.gl/core';
+import { Framebuffer, Texture } from '@luma.gl/core';
+import { GL } from '@luma.gl/constants';
+import { WebGLDevice } from '../webgl-device';
+import { WEBGLTexture } from './webgl-texture';
+import { WEBGLRenderbuffer } from '../objects/webgl-renderbuffer';
+export type TextureAttachment = [Texture, number?, number?];
+export type Attachment = WEBGLTexture | WEBGLRenderbuffer | TextureAttachment;
 /** luma.gl Framebuffer, WebGL implementation  */
-export default class WEBGLFramebuffer extends Framebuffer {
+export declare class WEBGLFramebuffer extends Framebuffer {
     device: WebGLDevice;
     gl: WebGLRenderingContext;
     handle: WebGLFramebuffer;
-    get texture(): WebGLTexture;
-    readonly colorAttachments: WebGLTexture[];
-    readonly depthStencilAttachment: WebGLTexture | undefined;
-    protected _ownResources: (WebGLTexture | Renderbuffer)[];
+    get texture(): Texture<import("@luma.gl/core").TextureProps>;
     constructor(device: WebGLDevice, props: FramebufferProps);
+    /** destroys any auto created resources etc. */
     destroy(): void;
     /** Check the status */
     protected _checkStatus(): void;
-    _createColorAttachments(): WebGLTexture[];
-    /** Create a color attachment */
-    protected _createColorAttachment(format: ColorTextureFormat, width: number, height: number): WebGLTexture;
-    /** Create a depth stencil attachment GL.DEPTH24_STENCIL8 */
-    protected _createDepthStencilAttachment(): Renderbuffer | WebGLTexture;
-    /** Attachment resize is expected to be a noop if size is same */
-    protected _resizeAttachments(width: number, height: number): this;
+    /** In WebGL we must use renderbuffers for depth/stencil attachments (unless we have extensions) */
+    protected createDepthStencilTexture(format: TextureFormat): Texture;
+    /**
+     * Attachment resize is expected to be a noop if size is same
+     */
+    protected resizeAttachments(width: number, height: number): this;
     /** Attach one attachment */
-    protected _attachOne(attachmentPoint: GL, attachment: Attachment): WebGLTexture | Renderbuffer;
-    protected _attachRenderbuffer(attachment: GL, renderbuffer: Renderbuffer): void;
+    protected _attachOne(attachmentPoint: GL, attachment: Attachment): WEBGLTexture | WEBGLRenderbuffer;
+    protected _attachWEBGLRenderbuffer(attachment: GL, renderbuffer: WEBGLRenderbuffer): void;
     /**
      * @param attachment
      * @param texture
-     * @param layer = 0 - index into WebGLTextureArray and Texture3D or face for `TextureCubeMap`
+     * @param layer = 0 - index into WEBGLTextureArray and Texture3D or face for `TextureCubeMap`
      * @param level  = 0 - mipmapLevel (must be 0 in WebGL1)
      */
-    protected _attachTexture(attachment: GL, texture: WebGLTexture, layer: number, level: number): void;
+    protected _attachTexture(attachment: GL, texture: WEBGLTexture, layer: number, level: number): void;
 }
 //# sourceMappingURL=webgl-framebuffer.d.ts.map

package/dist/adapter/resources/webgl-framebuffer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webgl-framebuffer.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgl-framebuffer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,gBAAgB,EAA6B,kBAAkB,EAAC,MAAM,cAAc,CAAC;AAClG,OAAO,EAAC,WAAW,EAAE,OAAO,EAAc,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACpC,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAC1C,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,YAAY,MAAM,+BAA+B,CAAC;AAGzD,oBAAY,iBAAiB,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AAC5D,oBAAY,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,iBAAiB,CAAC;AAEzE,iDAAiD;AACjD,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,WAAW;IACvD,MAAM,EAAE,WAAW,CAAC;IACpB,EAAE,EAAE,qBAAqB,CAAC;IAC1B,MAAM,EAAE,gBAAgB,CAAC;IAEzB,IAAI,OAAO,iBAAuC;IAClD,QAAQ,CAAC,gBAAgB,EAAE,YAAY,EAAE,CAAM;IAC/C,QAAQ,CAAC,sBAAsB,EAAE,YAAY,GAAG,SAAS,CAAa;IACtE,SAAS,CAAC,aAAa,EAAE,CAAC,YAAY,GAAG,YAAY,CAAC,EAAE,CAAM;gBAElD,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB;IAwCxD,OAAO;IAYP,uBAAuB;IACvB,SAAS,CAAC,YAAY,IAAI,IAAI;IAW9B,uBAAuB,IAAI,YAAY,EAAE;IAgBzC,gCAAgC;IAChC,SAAS,CAAC,sBAAsB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,YAAY;IAgCzG,4DAA4D;IAC5D,SAAS,CAAC,6BAA6B,IAAI,YAAY,GAAG,YAAY;IAyBtE,iEAAiE;IACjE,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IA0BjE,4BAA4B;IAC5B,SAAS,CAAC,UAAU,CAAC,eAAe,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,GAAG,YAAY,GAAG,YAAY;IAc9F,SAAS,CAAC,mBAAmB,CAAC,UAAU,EAAE,EAAE,EAAE,YAAY,EAAE,YAAY,GAAG,IAAI;IAS/E;;;;;OAKG;IACF,SAAS,CAAC,cAAc,CAAC,UAAU,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;CA2BrG"}
+{"version":3,"file":"webgl-framebuffer.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgl-framebuffer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,gBAAgB,EAAE,aAAa,EAAC,MAAM,eAAe,CAAC;AACnE,OAAO,EAAC,WAAW,EAAE,OAAO,EAAS,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAC,EAAE,EAAC,MAAM,oBAAoB,CAAC;AACtC,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,iBAAiB,EAAC,MAAM,+BAA+B,CAAC;AAGhE,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AAC5D,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;AAE9E,iDAAiD;AACjD,qBAAa,gBAAiB,SAAQ,WAAW;IAC/C,MAAM,EAAE,WAAW,CAAC;IACpB,EAAE,EAAE,qBAAqB,CAAC;IAC1B,MAAM,EAAE,gBAAgB,CAAC;IAEzB,IAAI,OAAO,kDAEV;gBAEW,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB;IA8CxD,+CAA+C;IACtC,OAAO,IAAI,IAAI;IAUxB,uBAAuB;IACvB,SAAS,CAAC,YAAY,IAAI,IAAI;IAW9B,mGAAmG;cAChF,yBAAyB,CAAC,MAAM,EAAE,aAAa,GAAG,OAAO;IAW5E;;OAEG;cACgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IA2BzE,4BAA4B;IAC5B,SAAS,CAAC,UAAU,CAClB,eAAe,EAAE,EAAE,EACnB,UAAU,EAAE,UAAU,GACrB,YAAY,GAAG,iBAAiB;IAenC,SAAS,CAAC,wBAAwB,CAAC,UAAU,EAAE,EAAE,EAAE,YAAY,EAAE,iBAAiB,GAAG,IAAI;IASzF;;;;;OAKG;IACH,SAAS,CAAC,cAAc,CACtB,UAAU,EAAE,EAAE,EACd,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,GACZ,IAAI;CA2BR"}

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

@@ -1,75 +1,51 @@
 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 {
+import { Framebuffer, assert } from '@luma.gl/core';
+import { GL } from '@luma.gl/constants';
+import { WEBGLTexture } from "./webgl-texture.js";
+import { WEBGLRenderbuffer } from "../objects/webgl-renderbuffer.js";
+import { getDepthStencilAttachmentWebGL } from "../converters/texture-formats.js";
+export 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", []);
-
+    const isDefaultFramebuffer = props.handle === null;
     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 = {
+    this.handle = this.props.handle || isDefaultFramebuffer ? this.props.handle : this.gl.createFramebuffer();
+    if (!isDefaultFramebuffer) {
+      device.setSpectorMetadata(this.handle, {
         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);
+      });
+      this.autoCreateAttachmentTextures();
+      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.depthStencilAttachment) {
+        this._attachOne(getDepthStencilAttachmentWebGL(this.depthStencilAttachment.format), this.depthStencilAttachment);
+      }
+      this.gl.bindFramebuffer(GL.FRAMEBUFFER, null);
     }
-
-    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();
-      }
-
+    super.destroy();
+    if (!this.destroyed && this.handle !== null) {
       this.gl.deleteFramebuffer(this.handle);
-      this.handle = null;
     }
   }
-
   _checkStatus() {
     const {
       gl
@@ -77,187 +53,103 @@ export default class WEBGLFramebuffer extends Framebuffer {
     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, {
+  createDepthStencilTexture(format) {
+    return new WEBGLRenderbuffer(this.device, {
       id: "".concat(this.id, "-depth-stencil"),
-      format: webglFormat,
+      format,
       width: this.width,
       height: this.height
     });
-
-    this._ownResources.push(texture);
-
-    return texture;
   }
-
-  _resizeAttachments(width, height) {
-    var _this$depthStencilAtt;
-
+  resizeAttachments(width, height) {
     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
-    });
+    if (this.depthStencilAttachment) {
+      this.depthStencilAttachment.resize({
+        width,
+        height
+      });
+    }
     return this;
   }
-
   _attachOne(attachmentPoint, attachment) {
-    if (attachment instanceof Renderbuffer) {
-      this._attachRenderbuffer(attachmentPoint, attachment);
-
+    if (attachment instanceof WEBGLRenderbuffer) {
+      this._attachWEBGLRenderbuffer(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) {
+    } else if (attachment instanceof WEBGLTexture) {
       this._attachTexture(attachmentPoint, attachment, 0, 0);
-
       return attachment;
     }
+    throw new Error('attach');
   }
-
-  _attachRenderbuffer(attachment, renderbuffer) {
+  _attachWEBGLRenderbuffer(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);
+        gl2 === null || gl2 === void 0 ? void 0 : 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);
   }