@luma.gl/webgpu 9.0.0-alpha.2 → 9.0.0-alpha.21

package/dist/adapter/resources/webgpu-render-pipeline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/adapter/resources/webgpu-render-pipeline.ts"],"names":["RenderPipeline","cast","log","isObjectEmpty","applyParametersToRenderPipelineDescriptor","getWebGPUTextureFormat","getBindGroup","getVertexBufferLayout","getBufferSlots","WebGPURenderPipeline","constructor","device","props","handle","createHandle","label","id","_bufferSlots","layout","bufferMap","_buffers","Array","Object","keys","length","fill","_bindGroupLayout","getBindGroupLayout","descriptor","_getRenderPipelineDescriptor","renderPipeline","createRenderPipeline","groupCollapsed","JSON","stringify","groupEnd","destroy","setIndexBuffer","indexBuffer","_indexBuffer","setAttributes","attributes","name","buffer","entries","bufferIndex","Error","setBindings","bindings","assign","_bindGroup","setUniforms","uniforms","_getBuffers","_getBindGroup","vertex","module","vs","entryPoint","vsEntryPoint","buffers","fragment","fs","fsEntryPoint","targets","format","canvasContext","primitive","topology","parameters","draw","options","webgpuRenderPass","renderPass","getDefaultRenderPass","setPipeline","setBindGroup","_setAttributeBuffers","indexCount","drawIndexed","instanceCount","firstIndex","baseVertex","firstInstance","vertexCount","indexType","i","attribute","find","location","setVertexBuffer"],"mappings":";AACA,SAAgBA,cAAhB,EAAqDC,IAArD,EAA2DC,GAA3D,EAAgEC,aAAhE,QAAoF,cAApF;AACA,SAAQC,yCAAR,QAAwD,8BAAxD;AACA,SAAQC,sBAAR,QAAqC,mCAArC;AACA,SAAQC,YAAR,QAA2B,2BAA3B;AACA,SAAQC,qBAAR,EAA+BC,cAA/B,QAAoD,qCAApD;AAaA,eAAe,MAAMC,oBAAN,SAAmCT,cAAnC,CAAkD;AAc/DU,EAAAA,WAAW,CAACC,MAAD,EAAuBC,KAAvB,EAAmD;AAC5D,UAAMD,MAAN,EAAcC,KAAd;;AAD4D;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA,wCAF3B,IAE2B;;AAE5D,SAAKD,MAAL,GAAcA,MAAd;AACA,SAAKE,MAAL,GAAe,KAAKD,KAAL,CAAWC,MAAZ,IAA4C,KAAKC,YAAL,EAA1D;AACA,SAAKD,MAAL,CAAYE,KAAZ,GAAoB,KAAKH,KAAL,CAAWI,EAA/B;AAEA,SAAKC,YAAL,GAAoBT,cAAc,CAAC,KAAKI,KAAL,CAAWM,MAAZ,EAAoB,KAAKN,KAAL,CAAWO,SAA/B,CAAlC;AACA,SAAKC,QAAL,GAAgB,IAAIC,KAAJ,CAAkBC,MAAM,CAACC,IAAP,CAAY,KAAKN,YAAjB,EAA+BO,MAAjD,EAAyDC,IAAzD,CAA8D,IAA9D,CAAhB;AACA,SAAKC,gBAAL,GAAwB,KAAKb,MAAL,CAAYc,kBAAZ,CAA+B,CAA/B,CAAxB;AACD;;AAESb,EAAAA,YAAY,GAAsB;AAC1C,UAAMc,UAAU,GAAG,KAAKC,4BAAL,EAAnB;;AACA,UAAMC,cAAc,GAAG,KAAKnB,MAAL,CAAYE,MAAZ,CAAmBkB,oBAAnB,CAAwCH,UAAxC,CAAvB;AACA1B,IAAAA,GAAG,CAAC8B,cAAJ,CAAmB,CAAnB,oCAAiD,KAAKhB,EAAtD;AACAd,IAAAA,GAAG,CAACA,GAAJ,CAAQ,CAAR,EAAW+B,IAAI,CAACC,SAAL,CAAeN,UAAf,EAA2B,IAA3B,EAAiC,CAAjC,CAAX;AACA1B,IAAAA,GAAG,CAACiC,QAAJ,CAAa,CAAb;AACA,WAAOL,cAAP;AACD;;AAEDM,EAAAA,OAAO,GAAG,CAET;;AAEDC,EAAAA,cAAc,CAACC,WAAD,EAA4B;AACxC,SAAKC,YAAL,GAAoBtC,IAAI,CAAeqC,WAAf,CAAxB;AACD;;AAEDE,EAAAA,aAAa,CAACC,UAAD,EAA2C;AACtD,SAAK,MAAM,CAACC,IAAD,EAAOC,MAAP,CAAX,IAA6BrB,MAAM,CAACsB,OAAP,CAAeH,UAAf,CAA7B,EAAyD;AACvD,YAAMI,WAAW,GAAG,KAAK5B,YAAL,CAAkByB,IAAlB,CAApB;;AACA,UAAIG,WAAW,IAAI,CAAnB,EAAsB;AACpB,aAAKzB,QAAL,CAAcyB,WAAd,IAA6BF,MAA7B;AACD,OAFD,MAEO;AACL,cAAM,IAAIG,KAAJ,8BACkBJ,IADlB,uDACmE,KAAK1B,EADxE,EAAN;AAGD;AACF;AAOF;;AAGD+B,EAAAA,WAAW,CAACC,QAAD,EAA0C;AACnD,QAAI,CAAC7C,aAAa,CAAC,KAAKS,KAAL,CAAWoC,QAAZ,CAAlB,EAAyC;AACvC1B,MAAAA,MAAM,CAAC2B,MAAP,CAAc,KAAKrC,KAAL,CAAWoC,QAAzB,EAAmCA,QAAnC;AAEA,WAAKE,UAAL,GAAkB5C,YAAY,CAC5B,KAAKK,MAAL,CAAYE,MADgB,EAE5B,KAAKa,gBAFuB,EAG5B,KAAKd,KAAL,CAAWM,MAHiB,EAI5B,KAAKN,KAAL,CAAWoC,QAJiB,CAA9B;AAMD;AACF;;AAEDG,EAAAA,WAAW,CAACC,QAAD,EAAsC;AAC/C,QAAI,CAACjD,aAAa,CAACiD,QAAD,CAAlB,EAA8B;AAC5B,YAAM,IAAIN,KAAJ,CAAU,kCAAV,CAAN;AACD;AACF;;AAEDO,EAAAA,WAAW,GAAG;AACZ,WAAO,KAAKjC,QAAZ;AACD;;AAGDkC,EAAAA,aAAa,GAAG;AAEd,WAAO,KAAKJ,UAAZ;AACD;;AAGSrB,EAAAA,4BAA4B,GAAG;AAEvC,UAAM0B,MAAsB,GAAG;AAC7BC,MAAAA,MAAM,EAAEvD,IAAI,CAAe,KAAKW,KAAL,CAAW6C,EAA1B,CAAJ,CAAkC5C,MADb;AAE7B6C,MAAAA,UAAU,EAAE,KAAK9C,KAAL,CAAW+C,YAAX,IAA2B,MAFV;AAG7BC,MAAAA,OAAO,EAAErD,qBAAqB,CAAC,KAAKK,KAAL,CAAWM,MAAZ,EAAoB,KAAKN,KAAL,CAAWO,SAA/B;AAHD,KAA/B;AAOA,QAAI0C,QAAJ;;AACA,QAAI,KAAKjD,KAAL,CAAWkD,EAAf,EAAmB;AACjBD,MAAAA,QAAQ,GAAG;AACTL,QAAAA,MAAM,EAAEvD,IAAI,CAAe,KAAKW,KAAL,CAAWkD,EAA1B,CAAJ,CAAkCjD,MADjC;AAET6C,QAAAA,UAAU,EAAE,KAAK9C,KAAL,CAAWmD,YAAX,IAA2B,MAF9B;AAGTC,QAAAA,OAAO,EAAE,CACP;AACEC,UAAAA,MAAM,EAAE5D,sBAAsB,CAAC,KAAKM,MAAL,CAAYuD,aAAZ,CAA0BD,MAA3B;AADhC,SADO;AAHA,OAAX;AASD;;AAGD,QAAIrC,UAAuC,GAAG;AAC5C2B,MAAAA,MAD4C;AAE5CM,MAAAA,QAF4C;AAG5CM,MAAAA,SAAS,EAAE;AACTC,QAAAA,QAAQ,EAAE,KAAKxD,KAAL,CAAWwD;AADZ;AAHiC,KAA9C;AASAhE,IAAAA,yCAAyC,CAACwB,UAAD,EAAa,KAAKhB,KAAL,CAAWyD,UAAxB,CAAzC;AAEA,WAAOzC,UAAP;AACD;;AAED0C,EAAAA,IAAI,CAACC,OAAD,EASK;AACP,UAAMC,gBAAgB,GACpBvE,IAAI,CAAmBsE,OAAO,CAACE,UAA3B,CAAJ,IAA8C,KAAK9D,MAAL,CAAY+D,oBAAZ,EADhD;AAIAF,IAAAA,gBAAgB,CAAC3D,MAAjB,CAAwB8D,WAAxB,CAAoC,KAAK9D,MAAzC;;AAGA,QAAI,KAAKyC,aAAL,EAAJ,EAA0B;AACxBkB,MAAAA,gBAAgB,CAAC3D,MAAjB,CAAwB+D,YAAxB,CAAqC,CAArC,EAAwC,KAAKtB,aAAL,EAAxC;AACD;;AAGD,SAAKuB,oBAAL,CAA0BL,gBAA1B;;AAGA,QAAID,OAAO,CAACO,UAAZ,EAAwB;AACtBN,MAAAA,gBAAgB,CAAC3D,MAAjB,CAAwBkE,WAAxB,CACER,OAAO,CAACO,UADV,EAEEP,OAAO,CAACS,aAFV,EAGET,OAAO,CAACU,UAHV,EAIEV,OAAO,CAACW,UAJV,EAKEX,OAAO,CAACY,aALV;AAOD,KARD,MAQO;AACLX,MAAAA,gBAAgB,CAAC3D,MAAjB,CAAwByD,IAAxB,CACEC,OAAO,CAACa,WADV,EAEEb,OAAO,CAACS,aAFV,EAGET,OAAO,CAACU,UAHV,EAIEV,OAAO,CAACY,aAJV;AAMD;AACF;;AAEDN,EAAAA,oBAAoB,CAACL,gBAAD,EAAqC;AACvD,QAAI,KAAKjC,YAAT,EAAuB;AACrBiC,MAAAA,gBAAgB,CAAC3D,MAAjB,CAAwBwB,cAAxB,CAAuC,KAAKE,YAAL,CAAkB1B,MAAzD,EAAiE,KAAK0B,YAAL,CAAkB3B,KAAlB,CAAwByE,SAAzF;AACD;;AAED,UAAMzB,OAAO,GAAG,KAAKP,WAAL,EAAhB;;AACA,SAAK,IAAIiC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAG1B,OAAO,CAACpC,MAA5B,EAAoC,EAAE8D,CAAtC,EAAyC;AACvC,YAAM3C,MAAM,GAAG1C,IAAI,CAAe2D,OAAO,CAAC0B,CAAD,CAAtB,CAAnB;;AACA,UAAI,CAAC3C,MAAL,EAAa;AACX,cAAM4C,SAAS,GAAG,KAAK3E,KAAL,CAAWM,MAAX,CAAkBuB,UAAlB,CAA6B+C,IAA7B,CACfD,SAAD,IAAeA,SAAS,CAACE,QAAV,KAAuBH,CADtB,CAAlB;AAGA,cAAM,IAAIxC,KAAJ,6CACiC,CAAAyC,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE7C,IAAX,KAAmB,EADpD,yBACqE,KAAK9B,KAAL,CAAWI,EADhF,OAAN;AAGD;;AACDwD,MAAAA,gBAAgB,CAAC3D,MAAjB,CAAwB6E,eAAxB,CAAwCJ,CAAxC,EAA2C3C,MAAM,CAAC9B,MAAlD;AACD;AAsBF;;AAnN8D","sourcesContent":["import type {Binding, RenderPass} from '@luma.gl/api';\nimport {Buffer, RenderPipeline, RenderPipelineProps, cast, log, isObjectEmpty} from '@luma.gl/api';\nimport {applyParametersToRenderPipelineDescriptor} from '../helpers/webgpu-parameters';\nimport {getWebGPUTextureFormat} from '../helpers/convert-texture-format';\nimport {getBindGroup} from '../helpers/get-bind-group';\nimport {getVertexBufferLayout, getBufferSlots} from '../helpers/get-vertex-buffer-layout';\n// import {convertAttributesVertexBufferToLayout} from '../helpers/get-vertex-buffer-layout';\n// import {mapAccessorToWebGPUFormat} from './helpers/accessor-to-format';\n// import type {BufferAccessors} from './webgpu-pipeline';\n\nimport type WebGPUDevice from '../webgpu-device';\nimport type WebGPUBuffer from './webgpu-buffer';\nimport type WebGPUShader from './webgpu-shader';\nimport type WebGPURenderPass from './webgpu-render-pass';\n\n// RENDER PIPELINE\n\n/** Creates a new render pipeline when parameters change */\nexport default class WebGPURenderPipeline extends RenderPipeline {\n  device: WebGPUDevice;\n  handle: GPURenderPipeline;\n\n  private _bufferSlots: Record<string, number>;\n  private _buffers: Buffer[];\n  private _indexBuffer: WebGPUBuffer;\n  // private _firstIndex: number;\n  // private _lastIndex: number;\n\n  /** For internal use to create BindGroups */\n  private _bindGroupLayout: GPUBindGroupLayout;\n  private _bindGroup: GPUBindGroup = null;\n\n  constructor(device: WebGPUDevice, props: RenderPipelineProps) {\n    super(device, props);\n    this.device = device;\n    this.handle = (this.props.handle as GPURenderPipeline) || this.createHandle();\n    this.handle.label = this.props.id;\n\n    this._bufferSlots = getBufferSlots(this.props.layout, this.props.bufferMap);\n    this._buffers = new Array<Buffer>(Object.keys(this._bufferSlots).length).fill(null);\n    this._bindGroupLayout = this.handle.getBindGroupLayout(0);\n  }\n\n  protected createHandle(): GPURenderPipeline {\n    const descriptor = this._getRenderPipelineDescriptor();\n    const renderPipeline = this.device.handle.createRenderPipeline(descriptor);\n    log.groupCollapsed(1, `new WebGPRenderPipeline(${this.id})`)();\n    log.log(1, JSON.stringify(descriptor, null, 2))();\n    log.groupEnd(1)();\n    return renderPipeline;\n  }\n\n  destroy() {\n    // WebGPURenderPipeline has no destroy method.\n  }\n\n  setIndexBuffer(indexBuffer: Buffer): void {\n    this._indexBuffer = cast<WebGPUBuffer>(indexBuffer);\n  }\n\n  setAttributes(attributes: Record<string, Buffer>): void {\n    for (const [name, buffer] of Object.entries(attributes)) {\n      const bufferIndex = this._bufferSlots[name];\n      if (bufferIndex >= 0) {\n        this._buffers[bufferIndex] = buffer;\n      } else {\n        throw new Error(\n          `Setting attribute '${name}' not listed in shader layout for program ${this.id}`\n        );\n      }\n    }\n    // for (let i = 0; i < this._bufferSlots.length; ++i) {\n    //   const bufferName = this._bufferSlots[i];\n    //   if (attributes[bufferName]) {\n    //     this.handle\n    //   }\n    // }\n  }\n\n  /** Set the bindings */\n  setBindings(bindings: Record<string, Binding>): void {\n    if (!isObjectEmpty(this.props.bindings)) {\n      Object.assign(this.props.bindings, bindings);\n      // Set up the bindings\n      this._bindGroup = getBindGroup(\n        this.device.handle,\n        this._bindGroupLayout,\n        this.props.layout,\n        this.props.bindings\n      );\n    }\n  }\n\n  setUniforms(uniforms: Record<string, any>): void {\n    if (!isObjectEmpty(uniforms)) {\n      throw new Error('WebGPU does not support uniforms');\n    }\n  }\n\n  _getBuffers() {\n    return this._buffers;\n  }\n\n  /** Return a bind group created by setBindings */\n  _getBindGroup() {\n    // assert(this._bindGroup);\n    return this._bindGroup;\n  }\n\n  /** Populate the complex WebGPU GPURenderPipelineDescriptor */\n  protected _getRenderPipelineDescriptor() {\n    // Set up the vertex stage\n    const vertex: GPUVertexState = {\n      module: cast<WebGPUShader>(this.props.vs).handle,\n      entryPoint: this.props.vsEntryPoint || 'main',\n      buffers: getVertexBufferLayout(this.props.layout, this.props.bufferMap)\n    };\n\n    // Set up the fragment stage\n    let fragment: GPUFragmentState | undefined;\n    if (this.props.fs) {\n      fragment = {\n        module: cast<WebGPUShader>(this.props.fs).handle,\n        entryPoint: this.props.fsEntryPoint || 'main',\n        targets: [\n          {\n            format: getWebGPUTextureFormat(this.device.canvasContext.format)\n          }\n        ]\n      };\n    }\n\n    // Create a partially populated descriptor\n    let descriptor: GPURenderPipelineDescriptor = {\n      vertex,\n      fragment,\n      primitive: {\n        topology: this.props.topology\n      }\n    };\n\n    // Set parameters on the descriptor\n    applyParametersToRenderPipelineDescriptor(descriptor, this.props.parameters);\n\n    return descriptor;\n  }\n\n  draw(options: {\n    renderPass?: RenderPass;\n    vertexCount?: number;\n    indexCount?: number;\n    instanceCount?: number;\n    firstVertex?: number;\n    firstIndex?: number;\n    firstInstance?: number;\n    baseVertex?: number;\n  }): void {\n    const webgpuRenderPass =\n      cast<WebGPURenderPass>(options.renderPass) || this.device.getDefaultRenderPass();\n\n    // Set pipeline\n    webgpuRenderPass.handle.setPipeline(this.handle);\n\n    // Set bindings (uniform buffers, textures etc)\n    if (this._getBindGroup()) {\n      webgpuRenderPass.handle.setBindGroup(0, this._getBindGroup());\n    }\n\n    // Set attributes\n    this._setAttributeBuffers(webgpuRenderPass);\n\n    // Draw\n    if (options.indexCount) {\n      webgpuRenderPass.handle.drawIndexed(\n        options.indexCount,\n        options.instanceCount,\n        options.firstIndex,\n        options.baseVertex,\n        options.firstInstance\n      );\n    } else {\n      webgpuRenderPass.handle.draw(\n        options.vertexCount,\n        options.instanceCount,\n        options.firstIndex,\n        options.firstInstance\n      );\n    }\n  }\n\n  _setAttributeBuffers(webgpuRenderPass: WebGPURenderPass) {\n    if (this._indexBuffer) {\n      webgpuRenderPass.handle.setIndexBuffer(this._indexBuffer.handle, this._indexBuffer.props.indexType);\n    }\n\n    const buffers = this._getBuffers();\n    for (let i = 0; i < buffers.length; ++i) {\n      const buffer = cast<WebGPUBuffer>(buffers[i]);\n      if (!buffer) {\n        const attribute = this.props.layout.attributes.find(\n          (attribute) => attribute.location === i\n        );\n        throw new Error(\n          `No buffer provided for attribute '${attribute?.name || ''}' in Model '${this.props.id}'`\n        );\n      }\n      webgpuRenderPass.handle.setVertexBuffer(i, buffer.handle);\n    }\n\n    // TODO - HANDLE buffer maps\n    /*\n    for (const [bufferName, attributeMapping] of Object.entries(this.props.bufferMap)) {\n      const buffer = cast<WebGPUBuffer>(this.props.attributes[bufferName]);\n      if (!buffer) {\n        log.warn(`Missing buffer for buffer map ${bufferName}`)();\n        continue;\n      }\n\n      if ('location' in attributeMapping) {\n        // @ts-expect-error TODO model must not depend on webgpu\n        renderPass.handle.setVertexBuffer(layout.location, buffer.handle);\n      } else {\n        for (const [bufferName, mapping] of Object.entries(attributeMapping)) {\n          // @ts-expect-error TODO model must not depend on webgpu\n          renderPass.handle.setVertexBuffer(field.location, buffer.handle);\n        }\n      }\n    }\n    */\n  }\n}\n"],"file":"webgpu-render-pipeline.js"}
+{"version":3,"file":"webgpu-render-pipeline.js","names":["RenderPipeline","cast","log","isObjectEmpty","applyParametersToRenderPipelineDescriptor","getWebGPUTextureFormat","getBindGroup","getVertexBufferLayout","getBufferSlots","WebGPURenderPipeline","constructor","device","props","_defineProperty","handle","createHandle","label","id","vs","fs","_bufferSlots","layout","bufferMap","_buffers","Array","Object","keys","length","fill","_bindGroupLayout","getBindGroupLayout","descriptor","_getRenderPipelineDescriptor","renderPipeline","createRenderPipeline","groupCollapsed","concat","JSON","stringify","groupEnd","destroy","setIndexBuffer","indexBuffer","_indexBuffer","setAttributes","attributes","name","buffer","entries","bufferIndex","Error","setBindings","bindings","assign","_bindGroup","setUniforms","uniforms","_getBuffers","_getBindGroup","vertex","module","entryPoint","vsEntryPoint","buffers","fragment","_this$device","_this$device$canvasCo","fsEntryPoint","targets","format","canvasContext","topology","primitive","parameters","draw","options","webgpuRenderPass","renderPass","getDefaultRenderPass","setPipeline","bindGroup","setBindGroup","_setAttributeBuffers","indexCount","drawIndexed","instanceCount","firstIndex","baseVertex","firstInstance","vertexCount","indexType","i","attribute","find","location","setVertexBuffer"],"sources":["../../../src/adapter/resources/webgpu-render-pipeline.ts"],"sourcesContent":["import type {Binding, RenderPass} from '@luma.gl/api';\nimport {Buffer, RenderPipeline, RenderPipelineProps, cast, log, isObjectEmpty} from '@luma.gl/api';\nimport {applyParametersToRenderPipelineDescriptor} from '../helpers/webgpu-parameters';\nimport {getWebGPUTextureFormat} from '../helpers/convert-texture-format';\nimport {getBindGroup} from '../helpers/get-bind-group';\nimport {getVertexBufferLayout, getBufferSlots} from '../helpers/get-vertex-buffer-layout';\n// import {convertAttributesVertexBufferToLayout} from '../helpers/get-vertex-buffer-layout';\n// import {mapAccessorToWebGPUFormat} from './helpers/accessor-to-format';\n// import type {BufferAccessors} from './webgpu-pipeline';\n\nimport type {WebGPUDevice} from '../webgpu-device';\nimport type {WebGPUBuffer} from './webgpu-buffer';\nimport type {WebGPUShader} from './webgpu-shader';\nimport type {WebGPURenderPass} from './webgpu-render-pass';\n\n// RENDER PIPELINE\n\n/** Creates a new render pipeline when parameters change */\nexport class WebGPURenderPipeline extends RenderPipeline {\n  device: WebGPUDevice;\n  handle: GPURenderPipeline;\n\n  vs: WebGPUShader;\n  fs: WebGPUShader | null = null;\n\n  private _bufferSlots: Record<string, number>;\n  private _buffers: Buffer[];\n  private _indexBuffer: WebGPUBuffer | null = null;\n  // private _firstIndex: number;\n  // private _lastIndex: number;\n\n  /** For internal use to create BindGroups */\n  private _bindGroupLayout: GPUBindGroupLayout;\n  private _bindGroup: GPUBindGroup | null = null;\n\n  constructor(device: WebGPUDevice, props: RenderPipelineProps) {\n    super(device, props);\n    this.device = device;\n    this.handle = (this.props.handle as GPURenderPipeline) || this.createHandle();\n    this.handle.label = this.props.id;\n\n    this.vs = cast<WebGPUShader>(props.vs);\n    this.fs = cast<WebGPUShader>(props.fs);\n\n    this._bufferSlots = getBufferSlots(this.props.layout, this.props.bufferMap);\n    this._buffers = new Array<Buffer>(Object.keys(this._bufferSlots).length).fill(null);\n    this._bindGroupLayout = this.handle.getBindGroupLayout(0);\n  }\n\n  protected createHandle(): GPURenderPipeline {\n    const descriptor = this._getRenderPipelineDescriptor();\n    const renderPipeline = this.device.handle.createRenderPipeline(descriptor);\n    log.groupCollapsed(1, `new WebGPRenderPipeline(${this.id})`)();\n    log.log(1, JSON.stringify(descriptor, null, 2))();\n    log.groupEnd(1)();\n    return renderPipeline;\n  }\n\n  override destroy(): void {\n    // WebGPURenderPipeline has no destroy method.\n  }\n\n  setIndexBuffer(indexBuffer: Buffer): void {\n    this._indexBuffer = cast<WebGPUBuffer>(indexBuffer);\n  }\n\n  setAttributes(attributes: Record<string, Buffer>): void {\n    for (const [name, buffer] of Object.entries(attributes)) {\n      const bufferIndex = this._bufferSlots[name];\n      if (bufferIndex >= 0) {\n        this._buffers[bufferIndex] = buffer;\n      } else {\n        throw new Error(\n          `Setting attribute '${name}' not listed in shader layout for program ${this.id}`\n        );\n      }\n    }\n    // for (let i = 0; i < this._bufferSlots.length; ++i) {\n    //   const bufferName = this._bufferSlots[i];\n    //   if (attributes[bufferName]) {\n    //     this.handle\n    //   }\n    // }\n  }\n\n  /** Set the bindings */\n  setBindings(bindings: Record<string, Binding>): void {\n    if (!isObjectEmpty(this.props.bindings)) {\n      Object.assign(this.props.bindings, bindings);\n      // Set up the bindings\n      this._bindGroup = getBindGroup(\n        this.device.handle,\n        this._bindGroupLayout,\n        this.props.layout,\n        this.props.bindings\n      );\n    }\n  }\n\n  setUniforms(uniforms: Record<string, any>): void {\n    if (!isObjectEmpty(uniforms)) {\n      throw new Error('WebGPU does not support uniforms');\n    }\n  }\n\n  _getBuffers() {\n    return this._buffers;\n  }\n\n  /** Return a bind group created by setBindings */\n  _getBindGroup() {\n    // assert(this._bindGroup);\n    return this._bindGroup;\n  }\n\n  /** Populate the complex WebGPU GPURenderPipelineDescriptor */\n  protected _getRenderPipelineDescriptor() {\n    // Set up the vertex stage\n    const vertex: GPUVertexState = {\n      module: cast<WebGPUShader>(this.props.vs).handle,\n      entryPoint: this.props.vsEntryPoint || 'main',\n      buffers: getVertexBufferLayout(this.props.layout, this.props.bufferMap)\n    };\n\n    // Set up the fragment stage\n    let fragment: GPUFragmentState | undefined;\n    if (this.props.fs) {\n      fragment = {\n        module: cast<WebGPUShader>(this.props.fs).handle,\n        entryPoint: this.props.fsEntryPoint || 'main',\n        targets: [\n          {\n            // TODO exclamation mark hack!\n            format: getWebGPUTextureFormat(this.device?.canvasContext?.format)\n          }\n        ]\n      };\n    }\n\n    // WebGPU has more restrictive topology support than WebGL\n    switch (this.props.topology) {\n      case 'triangle-fan':\n      case 'line-loop':\n        throw new Error(`WebGPU does not support primitive topology ${this.props.topology}`);\n      default:\n    }\n\n    // Create a partially populated descriptor\n    const descriptor: GPURenderPipelineDescriptor = {\n      vertex,\n      fragment,\n      primitive: {\n        topology: this.props.topology\n      },\n      layout: 'auto'\n    };\n\n    // Set parameters on the descriptor\n    applyParametersToRenderPipelineDescriptor(descriptor, this.props.parameters);\n\n    return descriptor;\n  }\n\n  draw(options: {\n    renderPass?: RenderPass;\n    vertexCount?: number;\n    indexCount?: number;\n    instanceCount?: number;\n    firstVertex?: number;\n    firstIndex?: number;\n    firstInstance?: number;\n    baseVertex?: number;\n  }): void {\n    const webgpuRenderPass: WebGPURenderPass =\n      cast<WebGPURenderPass>(options.renderPass) || this.device.getDefaultRenderPass();\n\n    // Set pipeline\n    webgpuRenderPass.handle.setPipeline(this.handle);\n\n    // Set bindings (uniform buffers, textures etc)\n    const bindGroup = this._getBindGroup();\n    if (bindGroup) {\n      webgpuRenderPass.handle.setBindGroup(0, bindGroup);\n    }\n\n    // Set attributes\n    this._setAttributeBuffers(webgpuRenderPass);\n\n    // Draw\n    if (options.indexCount) {\n      webgpuRenderPass.handle.drawIndexed(\n        options.indexCount,\n        options.instanceCount,\n        options.firstIndex,\n        options.baseVertex,\n        options.firstInstance\n      );\n    } else {\n      webgpuRenderPass.handle.draw(\n        options.vertexCount || 0,\n        options.instanceCount,\n        options.firstIndex,\n        options.firstInstance\n      );\n    }\n  }\n\n  _setAttributeBuffers(webgpuRenderPass: WebGPURenderPass) {\n    if (this._indexBuffer) {\n      webgpuRenderPass.handle.setIndexBuffer(this._indexBuffer.handle, this._indexBuffer.props.indexType);\n    }\n\n    const buffers = this._getBuffers();\n    for (let i = 0; i < buffers.length; ++i) {\n      const buffer = cast<WebGPUBuffer>(buffers[i]);\n      if (!buffer) {\n        const attribute = this.props.layout.attributes.find(\n          (attribute) => attribute.location === i\n        );\n        throw new Error(\n          `No buffer provided for attribute '${attribute?.name || ''}' in Model '${this.props.id}'`\n        );\n      }\n      webgpuRenderPass.handle.setVertexBuffer(i, buffer.handle);\n    }\n\n    // TODO - HANDLE buffer maps\n    /*\n    for (const [bufferName, attributeMapping] of Object.entries(this.props.bufferMap)) {\n      const buffer = cast<WebGPUBuffer>(this.props.attributes[bufferName]);\n      if (!buffer) {\n        log.warn(`Missing buffer for buffer map ${bufferName}`)();\n        continue;\n      }\n\n      if ('location' in attributeMapping) {\n        // @ts-expect-error TODO model must not depend on webgpu\n        renderPass.handle.setVertexBuffer(layout.location, buffer.handle);\n      } else {\n        for (const [bufferName, mapping] of Object.entries(attributeMapping)) {\n          // @ts-expect-error TODO model must not depend on webgpu\n          renderPass.handle.setVertexBuffer(field.location, buffer.handle);\n        }\n      }\n    }\n    */\n  }\n}\n"],"mappings":"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"}

package/dist/adapter/resources/webgpu-sampler.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="@webgpu/types" />
+/// <reference types="dist" />
 import { Sampler, SamplerProps } from '@luma.gl/api';
-import type WebGPUDevice from '../webgpu-device';
+import type { WebGPUDevice } from '../webgpu-device';
 export declare type WebGPUSamplerProps = SamplerProps & {
     handle?: GPUSampler;
 };
 /**
  *
  */
-export default class WebGPUSampler extends Sampler {
+export declare class WebGPUSampler extends Sampler {
     readonly device: WebGPUDevice;
     readonly handle: GPUSampler;
     constructor(device: WebGPUDevice, props: WebGPUSamplerProps);

package/dist/adapter/resources/webgpu-sampler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webgpu-sampler.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgpu-sampler.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,OAAO,EAAE,YAAY,EAAC,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,YAAY,MAAM,kBAAkB,CAAC;AAEjD,oBAAY,kBAAkB,GAAG,YAAY,GAAG;IAC9C,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,OAAO;IAChD,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC;gBAEhB,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,kBAAkB;IAO3D,OAAO,IAAI,IAAI;CAGhB"}
+{"version":3,"file":"webgpu-sampler.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgpu-sampler.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,OAAO,EAAE,YAAY,EAAC,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAEnD,oBAAY,kBAAkB,GAAG,YAAY,GAAG;IAC9C,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAA;AAED;;GAEG;AACH,qBAAa,aAAc,SAAQ,OAAO;IACxC,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC;gBAEhB,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,kBAAkB;IAclD,OAAO,IAAI,IAAI;CAGzB"}

package/dist/adapter/resources/webgpu-sampler.js

@@ -1,19 +1,20 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { Sampler } from '@luma.gl/api';
-export default class WebGPUSampler extends Sampler {
+export class WebGPUSampler extends Sampler {
   constructor(device, props) {
     super(device, props);
-
     _defineProperty(this, "device", void 0);
-
     _defineProperty(this, "handle", void 0);
-
     this.device = device;
-    this.handle = this.handle || this.device.handle.createSampler(this.props);
+    const samplerProps = {
+      ...this.props
+    };
+    if (samplerProps.type !== 'comparison-sampler') {
+      delete samplerProps.compare;
+    }
+    this.handle = this.handle || this.device.handle.createSampler(samplerProps);
     this.handle.label = this.props.id;
   }
-
   destroy() {}
-
 }
 //# sourceMappingURL=webgpu-sampler.js.map

package/dist/adapter/resources/webgpu-sampler.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/adapter/resources/webgpu-sampler.ts"],"names":["Sampler","WebGPUSampler","constructor","device","props","handle","createSampler","label","id","destroy"],"mappings":";AAAA,SAAQA,OAAR,QAAoC,cAApC;AAUA,eAAe,MAAMC,aAAN,SAA4BD,OAA5B,CAAoC;AAIjDE,EAAAA,WAAW,CAACC,MAAD,EAAuBC,KAAvB,EAAkD;AAC3D,UAAMD,MAAN,EAAcC,KAAd;;AAD2D;;AAAA;;AAE3D,SAAKD,MAAL,GAAcA,MAAd;AACA,SAAKE,MAAL,GAAc,KAAKA,MAAL,IAAe,KAAKF,MAAL,CAAYE,MAAZ,CAAmBC,aAAnB,CAAiC,KAAKF,KAAtC,CAA7B;AACA,SAAKC,MAAL,CAAYE,KAAZ,GAAoB,KAAKH,KAAL,CAAWI,EAA/B;AACD;;AAEDC,EAAAA,OAAO,GAAS,CAEf;;AAbgD","sourcesContent":["import {Sampler, SamplerProps} from '@luma.gl/api';\nimport type WebGPUDevice from '../webgpu-device';\n\nexport type WebGPUSamplerProps = SamplerProps & {\n  handle?: GPUSampler;\n}\n\n/**\n *\n */\nexport default class WebGPUSampler extends Sampler {\n  readonly device: WebGPUDevice;\n  readonly handle: GPUSampler;\n\n  constructor(device: WebGPUDevice, props: WebGPUSamplerProps) {\n    super(device, props);\n    this.device = device;\n    this.handle = this.handle || this.device.handle.createSampler(this.props);\n    this.handle.label = this.props.id;\n  }\n\n  destroy(): void {\n    // this.handle.destroy();\n  }\n}\n"],"file":"webgpu-sampler.js"}
+{"version":3,"file":"webgpu-sampler.js","names":["Sampler","WebGPUSampler","constructor","device","props","_defineProperty","samplerProps","type","compare","handle","createSampler","label","id","destroy"],"sources":["../../../src/adapter/resources/webgpu-sampler.ts"],"sourcesContent":["import {Sampler, SamplerProps} from '@luma.gl/api';\nimport type {WebGPUDevice} from '../webgpu-device';\n\nexport type WebGPUSamplerProps = SamplerProps & {\n  handle?: GPUSampler;\n}\n\n/**\n *\n */\nexport class WebGPUSampler extends Sampler {\n  readonly device: WebGPUDevice;\n  readonly handle: GPUSampler;\n\n  constructor(device: WebGPUDevice, props: WebGPUSamplerProps) {\n    super(device, props);\n    this.device = device;\n\n    // Prepare sampler props\n    const samplerProps: Partial<WebGPUSamplerProps> = {...this.props};\n    if (samplerProps.type !== 'comparison-sampler') {\n      delete samplerProps.compare;\n    }\n\n    this.handle = this.handle || this.device.handle.createSampler(samplerProps);\n    this.handle.label = this.props.id;\n  }\n\n  override destroy(): void {\n    // this.handle.destroy();\n  }\n}\n"],"mappings":";AAAA,SAAQA,OAAO,QAAqB,cAAc;AAUlD,OAAO,MAAMC,aAAa,SAASD,OAAO,CAAC;EAIzCE,WAAWA,CAACC,MAAoB,EAAEC,KAAyB,EAAE;IAC3D,KAAK,CAACD,MAAM,EAAEC,KAAK,CAAC;IAACC,eAAA;IAAAA,eAAA;IACrB,IAAI,CAACF,MAAM,GAAGA,MAAM;IAGpB,MAAMG,YAAyC,GAAG;MAAC,GAAG,IAAI,CAACF;IAAK,CAAC;IACjE,IAAIE,YAAY,CAACC,IAAI,KAAK,oBAAoB,EAAE;MAC9C,OAAOD,YAAY,CAACE,OAAO;IAC7B;IAEA,IAAI,CAACC,MAAM,GAAG,IAAI,CAACA,MAAM,IAAI,IAAI,CAACN,MAAM,CAACM,MAAM,CAACC,aAAa,CAACJ,YAAY,CAAC;IAC3E,IAAI,CAACG,MAAM,CAACE,KAAK,GAAG,IAAI,CAACP,KAAK,CAACQ,EAAE;EACnC;EAESC,OAAOA,CAAA,EAAS,CAEzB;AACF"}

package/dist/adapter/resources/webgpu-shader.d.ts

@@ -1,18 +1,18 @@
-/// <reference types="@webgpu/types" />
+/// <reference types="dist" />
 import type { ShaderProps, CompilerMessage } from '@luma.gl/api';
 import { Shader } from '@luma.gl/api';
-import type WebGPUDevice from '../webgpu-device';
+import type { WebGPUDevice } from '../webgpu-device';
 export declare type WebGPUShaderProps = ShaderProps & {
     handle?: GPUShaderModule;
 };
 /**
  * Immutable shader
  */
-export default class WebGPUShader extends Shader {
+export declare class WebGPUShader extends Shader {
     readonly device: WebGPUDevice;
     readonly handle: GPUShaderModule;
     constructor(device: WebGPUDevice, props: WebGPUShaderProps);
-    _checkCompilationError(errorScope: Promise<GPUError>): Promise<void>;
+    _checkCompilationError(errorScope: Promise<GPUError | null>): Promise<void>;
     destroy(): void;
     protected createHandle(): GPUShaderModule;
     /** Returns compilation info for this shader */

package/dist/adapter/resources/webgpu-shader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webgpu-shader.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgpu-shader.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAC,WAAW,EAAE,eAAe,EAAC,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAC,MAAM,EAAM,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,YAAY,MAAM,kBAAkB,CAAC;AAEjD,oBAAY,iBAAiB,GAAG,WAAW,GAAG;IAC5C,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,MAAM;IAC9C,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAC;gBAErB,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,iBAAiB;IAYpD,sBAAsB,CAAC,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAW1E,OAAO;IAIP,SAAS,CAAC,YAAY,IAAI,eAAe;IAwBzC,+CAA+C;IACzC,eAAe,IAAI,OAAO,CAAC,SAAS,eAAe,EAAE,CAAC;CAI7D"}
+{"version":3,"file":"webgpu-shader.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgpu-shader.ts"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAC,WAAW,EAAE,eAAe,EAAC,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAC,MAAM,EAAM,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAEnD,oBAAY,iBAAiB,GAAG,WAAW,GAAG;IAC5C,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF;;GAEG;AACH,qBAAa,YAAa,SAAQ,MAAM;IACtC,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAC;gBAErB,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,iBAAiB;IAYpD,sBAAsB,CAAC,UAAU,EAAE,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAWxE,OAAO,IAAI,IAAI;IAIxB,SAAS,CAAC,YAAY,IAAI,eAAe;IAwBzC,+CAA+C;IACzC,eAAe,IAAI,OAAO,CAAC,SAAS,eAAe,EAAE,CAAC;CAI7D"}

package/dist/adapter/resources/webgpu-shader.js

@@ -1,64 +1,50 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { Shader, log } from '@luma.gl/api';
-export default class WebGPUShader extends Shader {
+export class WebGPUShader extends Shader {
   constructor(device, props) {
     super(device, props);
-
     _defineProperty(this, "device", void 0);
-
     _defineProperty(this, "handle", void 0);
-
     this.device = device;
     this.device.handle.pushErrorScope('validation');
     this.handle = this.props.handle || this.createHandle();
     this.handle.label = this.props.id;
-
     this._checkCompilationError(this.device.handle.popErrorScope());
   }
-
   async _checkCompilationError(errorScope) {
     const error = await errorScope;
-
     if (error) {
       const shaderLog = await this.compilationInfo();
       log.error("Shader compilation error: ".concat(error.message), shaderLog)();
       throw new Error("Shader compilation error: ".concat(error.message));
     }
   }
-
   destroy() {}
-
   createHandle() {
     const {
       source
     } = this.props;
     let language = this.props.language;
-
     if (!language) {
       language = source.includes('->') ? 'wgsl' : 'glsl';
     }
-
     switch (language) {
       case 'wgsl':
         return this.device.handle.createShaderModule({
           code: source
         });
-
       case 'glsl':
         return this.device.handle.createShaderModule({
           code: source,
           transform: glsl => this.device.glslang.compileGLSL(glsl, type)
         });
-
       default:
         throw new Error(language);
     }
   }
-
   async compilationInfo() {
-    const compilationInfo = await this.handle.compilationInfo();
+    const compilationInfo = await this.handle.getCompilationInfo();
     return compilationInfo.messages;
   }
-
 }
 //# sourceMappingURL=webgpu-shader.js.map

package/dist/adapter/resources/webgpu-shader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/adapter/resources/webgpu-shader.ts"],"names":["Shader","log","WebGPUShader","constructor","device","props","handle","pushErrorScope","createHandle","label","id","_checkCompilationError","popErrorScope","errorScope","error","shaderLog","compilationInfo","message","Error","destroy","source","language","includes","createShaderModule","code","transform","glsl","glslang","compileGLSL","type","messages"],"mappings":";AACA,SAAQA,MAAR,EAAgBC,GAAhB,QAA0B,cAA1B;AAUA,eAAe,MAAMC,YAAN,SAA2BF,MAA3B,CAAkC;AAI/CG,EAAAA,WAAW,CAACC,MAAD,EAAuBC,KAAvB,EAAiD;AAC1D,UAAMD,MAAN,EAAcC,KAAd;;AAD0D;;AAAA;;AAE1D,SAAKD,MAAL,GAAcA,MAAd;AAEA,SAAKA,MAAL,CAAYE,MAAZ,CAAmBC,cAAnB,CAAkC,YAAlC;AAEA,SAAKD,MAAL,GAAc,KAAKD,KAAL,CAAWC,MAAX,IAAqB,KAAKE,YAAL,EAAnC;AACA,SAAKF,MAAL,CAAYG,KAAZ,GAAoB,KAAKJ,KAAL,CAAWK,EAA/B;;AAEA,SAAKC,sBAAL,CAA4B,KAAKP,MAAL,CAAYE,MAAZ,CAAmBM,aAAnB,EAA5B;AACD;;AAE2B,QAAtBD,sBAAsB,CAACE,UAAD,EAA+C;AACzE,UAAMC,KAAK,GAAG,MAAMD,UAApB;;AACA,QAAIC,KAAJ,EAAW;AACT,YAAMC,SAAS,GAAG,MAAM,KAAKC,eAAL,EAAxB;AACAf,MAAAA,GAAG,CAACa,KAAJ,qCAAuCA,KAAK,CAACG,OAA7C,GAAwDF,SAAxD;AAGA,YAAM,IAAIG,KAAJ,qCAAuCJ,KAAK,CAACG,OAA7C,EAAN;AACD;AACF;;AAEDE,EAAAA,OAAO,GAAG,CAET;;AAESX,EAAAA,YAAY,GAAoB;AACxC,UAAM;AAACY,MAAAA;AAAD,QAAW,KAAKf,KAAtB;AAEA,QAAIgB,QAAQ,GAAG,KAAKhB,KAAL,CAAWgB,QAA1B;;AAEA,QAAI,CAACA,QAAL,EAAe;AAEbA,MAAAA,QAAQ,GAAGD,MAAM,CAACE,QAAP,CAAgB,IAAhB,IAAwB,MAAxB,GAAiC,MAA5C;AACD;;AAED,YAAOD,QAAP;AACE,WAAK,MAAL;AACE,eAAO,KAAKjB,MAAL,CAAYE,MAAZ,CAAmBiB,kBAAnB,CAAsC;AAACC,UAAAA,IAAI,EAAEJ;AAAP,SAAtC,CAAP;;AACF,WAAK,MAAL;AACE,eAAO,KAAKhB,MAAL,CAAYE,MAAZ,CAAmBiB,kBAAnB,CAAsC;AAC3CC,UAAAA,IAAI,EAAEJ,MADqC;AAG3CK,UAAAA,SAAS,EAAGC,IAAD,IAAU,KAAKtB,MAAL,CAAYuB,OAAZ,CAAoBC,WAApB,CAAgCF,IAAhC,EAAsCG,IAAtC;AAHsB,SAAtC,CAAP;;AAKF;AACE,cAAM,IAAIX,KAAJ,CAAUG,QAAV,CAAN;AAVJ;AAYD;;AAGoB,QAAfL,eAAe,GAAwC;AAC3D,UAAMA,eAAe,GAAG,MAAM,KAAKV,MAAL,CAAYU,eAAZ,EAA9B;AACA,WAAOA,eAAe,CAACc,QAAvB;AACD;;AA3D8C","sourcesContent":["import type {ShaderProps, CompilerMessage} from '@luma.gl/api';\nimport {Shader, log} from '@luma.gl/api';\nimport type WebGPUDevice from '../webgpu-device';\n\nexport type WebGPUShaderProps = ShaderProps & {\n  handle?: GPUShaderModule;\n};\n\n/**\n * Immutable shader\n */\nexport default class WebGPUShader extends Shader {\n  readonly device: WebGPUDevice;\n  readonly handle: GPUShaderModule;\n\n  constructor(device: WebGPUDevice, props: WebGPUShaderProps) {\n    super(device, props);\n    this.device = device;\n\n    this.device.handle.pushErrorScope('validation');\n\n    this.handle = this.props.handle || this.createHandle();\n    this.handle.label = this.props.id;\n\n    this._checkCompilationError(this.device.handle.popErrorScope());\n  }\n\n  async _checkCompilationError(errorScope: Promise<GPUError>): Promise<void> {\n    const error = await errorScope as GPUValidationError;\n    if (error) {\n      const shaderLog = await this.compilationInfo();\n      log.error(`Shader compilation error: ${error.message}`, shaderLog)();\n      // Note: Even though this error is asynchronous and thrown after the constructor completes,\n      // it will result in a useful stack trace leading back to the constructor\n      throw new Error(`Shader compilation error: ${error.message}`);\n    }\n  }\n\n  destroy() {\n    // this.handle.destroy();\n  }\n\n  protected createHandle(): GPUShaderModule {\n    const {source} = this.props;\n\n    let language = this.props.language;\n    // Compile from src\n    if (!language) {\n      // wgsl uses C++ \"auto\" style arrow notation\n      language = source.includes('->') ? 'wgsl' : 'glsl';\n    }\n\n    switch(language) {\n      case 'wgsl':\n        return this.device.handle.createShaderModule({code: source});\n      case 'glsl':\n        return this.device.handle.createShaderModule({\n          code: source,\n          // @ts-expect-error\n          transform: (glsl) => this.device.glslang.compileGLSL(glsl, type)\n        });\n      default:\n        throw new Error(language);\n    }\n  }\n\n  /** Returns compilation info for this shader */\n  async compilationInfo(): Promise<readonly CompilerMessage[]> {\n    const compilationInfo = await this.handle.compilationInfo();\n    return compilationInfo.messages;\n  }\n}\n"],"file":"webgpu-shader.js"}
+{"version":3,"file":"webgpu-shader.js","names":["Shader","log","WebGPUShader","constructor","device","props","_defineProperty","handle","pushErrorScope","createHandle","label","id","_checkCompilationError","popErrorScope","errorScope","error","shaderLog","compilationInfo","concat","message","Error","destroy","source","language","includes","createShaderModule","code","transform","glsl","glslang","compileGLSL","type","getCompilationInfo","messages"],"sources":["../../../src/adapter/resources/webgpu-shader.ts"],"sourcesContent":["// luma.gl, MIT license\n\nimport type {ShaderProps, CompilerMessage} from '@luma.gl/api';\nimport {Shader, log} from '@luma.gl/api';\nimport type {WebGPUDevice} from '../webgpu-device';\n\nexport type WebGPUShaderProps = ShaderProps & {\n  handle?: GPUShaderModule;\n};\n\n/**\n * Immutable shader\n */\nexport class WebGPUShader extends Shader {\n  readonly device: WebGPUDevice;\n  readonly handle: GPUShaderModule;\n\n  constructor(device: WebGPUDevice, props: WebGPUShaderProps) {\n    super(device, props);\n    this.device = device;\n\n    this.device.handle.pushErrorScope('validation');\n\n    this.handle = this.props.handle || this.createHandle();\n    this.handle.label = this.props.id;\n\n    this._checkCompilationError(this.device.handle.popErrorScope());\n  }\n\n  async _checkCompilationError(errorScope: Promise<GPUError | null>): Promise<void> {\n    const error = await errorScope as GPUValidationError;\n    if (error) {\n      const shaderLog = await this.compilationInfo();\n      log.error(`Shader compilation error: ${error.message}`, shaderLog)();\n      // Note: Even though this error is asynchronous and thrown after the constructor completes,\n      // it will result in a useful stack trace leading back to the constructor\n      throw new Error(`Shader compilation error: ${error.message}`);\n    }\n  }\n\n  override destroy(): void {\n    // this.handle.destroy();\n  }\n\n  protected createHandle(): GPUShaderModule {\n    const {source} = this.props;\n\n    let language = this.props.language;\n    // Compile from src\n    if (!language) {\n      // wgsl uses C++ \"auto\" style arrow notation\n      language = source.includes('->') ? 'wgsl' : 'glsl';\n    }\n\n    switch(language) {\n      case 'wgsl':\n        return this.device.handle.createShaderModule({code: source});\n      case 'glsl':\n        return this.device.handle.createShaderModule({\n          code: source,\n          // @ts-expect-error\n          transform: (glsl) => this.device.glslang.compileGLSL(glsl, type)\n        });\n      default:\n        throw new Error(language);\n    }\n  }\n\n  /** Returns compilation info for this shader */\n  async compilationInfo(): Promise<readonly CompilerMessage[]> {\n    const compilationInfo = await this.handle.getCompilationInfo();\n    return compilationInfo.messages;\n  }\n}\n"],"mappings":";AAGA,SAAQA,MAAM,EAAEC,GAAG,QAAO,cAAc;AAUxC,OAAO,MAAMC,YAAY,SAASF,MAAM,CAAC;EAIvCG,WAAWA,CAACC,MAAoB,EAAEC,KAAwB,EAAE;IAC1D,KAAK,CAACD,MAAM,EAAEC,KAAK,CAAC;IAACC,eAAA;IAAAA,eAAA;IACrB,IAAI,CAACF,MAAM,GAAGA,MAAM;IAEpB,IAAI,CAACA,MAAM,CAACG,MAAM,CAACC,cAAc,CAAC,YAAY,CAAC;IAE/C,IAAI,CAACD,MAAM,GAAG,IAAI,CAACF,KAAK,CAACE,MAAM,IAAI,IAAI,CAACE,YAAY,EAAE;IACtD,IAAI,CAACF,MAAM,CAACG,KAAK,GAAG,IAAI,CAACL,KAAK,CAACM,EAAE;IAEjC,IAAI,CAACC,sBAAsB,CAAC,IAAI,CAACR,MAAM,CAACG,MAAM,CAACM,aAAa,EAAE,CAAC;EACjE;EAEA,MAAMD,sBAAsBA,CAACE,UAAoC,EAAiB;IAChF,MAAMC,KAAK,GAAG,MAAMD,UAAgC;IACpD,IAAIC,KAAK,EAAE;MACT,MAAMC,SAAS,GAAG,MAAM,IAAI,CAACC,eAAe,EAAE;MAC9ChB,GAAG,CAACc,KAAK,8BAAAG,MAAA,CAA8BH,KAAK,CAACI,OAAO,GAAIH,SAAS,CAAC,EAAE;MAGpE,MAAM,IAAII,KAAK,8BAAAF,MAAA,CAA8BH,KAAK,CAACI,OAAO,EAAG;IAC/D;EACF;EAESE,OAAOA,CAAA,EAAS,CAEzB;EAEUZ,YAAYA,CAAA,EAAoB;IACxC,MAAM;MAACa;IAAM,CAAC,GAAG,IAAI,CAACjB,KAAK;IAE3B,IAAIkB,QAAQ,GAAG,IAAI,CAAClB,KAAK,CAACkB,QAAQ;IAElC,IAAI,CAACA,QAAQ,EAAE;MAEbA,QAAQ,GAAGD,MAAM,CAACE,QAAQ,CAAC,IAAI,CAAC,GAAG,MAAM,GAAG,MAAM;IACpD;IAEA,QAAOD,QAAQ;MACb,KAAK,MAAM;QACT,OAAO,IAAI,CAACnB,MAAM,CAACG,MAAM,CAACkB,kBAAkB,CAAC;UAACC,IAAI,EAAEJ;QAAM,CAAC,CAAC;MAC9D,KAAK,MAAM;QACT,OAAO,IAAI,CAAClB,MAAM,CAACG,MAAM,CAACkB,kBAAkB,CAAC;UAC3CC,IAAI,EAAEJ,MAAM;UAEZK,SAAS,EAAGC,IAAI,IAAK,IAAI,CAACxB,MAAM,CAACyB,OAAO,CAACC,WAAW,CAACF,IAAI,EAAEG,IAAI;QACjE,CAAC,CAAC;MACJ;QACE,MAAM,IAAIX,KAAK,CAACG,QAAQ,CAAC;IAAC;EAEhC;EAGA,MAAMN,eAAeA,CAAA,EAAwC;IAC3D,MAAMA,eAAe,GAAG,MAAM,IAAI,CAACV,MAAM,CAACyB,kBAAkB,EAAE;IAC9D,OAAOf,eAAe,CAACgB,QAAQ;EACjC;AACF"}

package/dist/adapter/resources/webgpu-texture.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="@webgpu/types" />
+/// <reference types="dist" />
 /// <reference types="offscreencanvas" />
 import { Texture, TextureProps, Sampler, SamplerProps } from '@luma.gl/api';
-import type WebGPUDevice from '../webgpu-device';
-import WebGPUSampler from './webgpu-sampler';
-export default class WebGPUTexture extends Texture {
+import type { WebGPUDevice } from '../webgpu-device';
+import { WebGPUSampler } from './webgpu-sampler';
+export declare class WebGPUTexture extends Texture {
     readonly device: WebGPUDevice;
     readonly handle: GPUTexture;
     readonly view: GPUTextureView;

package/dist/adapter/resources/webgpu-texture.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webgpu-texture.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgpu-texture.ts"],"names":[],"mappings":";;AACA,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAS,MAAM,cAAc,CAAC;AAElF,OAAO,KAAK,YAAY,MAAM,kBAAkB,CAAC;AACjD,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAW7C,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,OAAO;IAChD,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC;IAC5B,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC;IAC9B,OAAO,EAAE,aAAa,CAAC;gBASX,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY;IA8BrD,SAAS,CAAC,YAAY,IAAI,UAAU;IAyBpC,OAAO,IAAI,IAAI;IAIf;;;OAGG;IACH,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,YAAY,GAAG,IAAI;IAKjD,OAAO,CAAC,OAAO,EAAE;QACf,IAAI,EAAE,GAAG,CAAC;KACX;IAID,gBAAgB;IAChB,QAAQ,CAAC,OAAO,EAAE;QAChB,MAAM,EAAE,WAAW,GAAG,iBAAiB,GAAG,eAAe,CAAC;QAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,MAAM,CAAC,EAAE,KAAK,GAAG,cAAc,GAAG,YAAY,CAAC;QAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;KAC9B,GAAG,IAAI;CA6HT"}
+{"version":3,"file":"webgpu-texture.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgpu-texture.ts"],"names":[],"mappings":";;AACA,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAC,MAAM,cAAc,CAAC;AAE1E,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAW/C,qBAAa,aAAc,SAAQ,OAAO;IACxC,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC;IAC5B,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC;IAC9B,OAAO,EAAE,aAAa,CAAC;gBASX,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY;IA+BrD,SAAS,CAAC,YAAY,IAAI,UAAU;IAyB3B,OAAO,IAAI,IAAI;IAIxB;;;OAGG;IACH,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,YAAY,GAAG,IAAI;IAKjD,OAAO,CAAC,OAAO,EAAE;QACf,IAAI,EAAE,GAAG,CAAC;KACX;IAID,gBAAgB;IAChB,QAAQ,CAAC,OAAO,EAAE;QAChB,MAAM,EAAE,WAAW,GAAG,iBAAiB,GAAG,eAAe,CAAC;QAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,MAAM,CAAC,EAAE,KAAK,GAAG,cAAc,GAAG,YAAY,CAAC;QAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;KAC9B,GAAG,IAAI;CA6HT"}

package/dist/adapter/resources/webgpu-texture.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { Texture } from '@luma.gl/api';
-import { getWebGPUTextureFormat } from '../helpers/convert-texture-format';
-import WebGPUSampler from './webgpu-sampler';
+import { getWebGPUTextureFormat } from "../helpers/convert-texture-format.js";
+import { WebGPUSampler } from "./webgpu-sampler.js";
 const BASE_DIMENSIONS = {
   '1d': '1d',
   '2d': '2d',
@@ -10,42 +10,31 @@ const BASE_DIMENSIONS = {
   'cube-array': '2d',
   '3d': '3d'
 };
-export default class WebGPUTexture extends Texture {
+export class WebGPUTexture extends Texture {
   constructor(device, props) {
     super(device, props);
-
     _defineProperty(this, "device", void 0);
-
     _defineProperty(this, "handle", void 0);
-
     _defineProperty(this, "view", void 0);
-
     _defineProperty(this, "sampler", void 0);
-
     if (typeof this.props.format === 'number') {
       throw new Error('number format');
     }
-
     this.device = device;
     this.handle = this.props.handle || this.createHandle();
-
     if (this.props.data) {
       this.setData({
         data: this.props.data
       });
     }
-
-    this.setSampler(props.sampler);
+    this.sampler = props.sampler instanceof WebGPUSampler ? props.sampler : new WebGPUSampler(this.device, props.sampler);
     this.view = this.handle.createView({});
   }
-
   createHandle() {
     var _this$props$data, _this$props$data2;
-
     if (typeof this.props.format === 'number') {
       throw new Error('number format');
     }
-
     const width = this.props.width || ((_this$props$data = this.props.data) === null || _this$props$data === void 0 ? void 0 : _this$props$data.width) || 1;
     const height = this.props.height || ((_this$props$data2 = this.props.data) === null || _this$props$data2 === void 0 ? void 0 : _this$props$data2.height) || 1;
     return this.device.handle.createTexture({
@@ -61,22 +50,18 @@ export default class WebGPUTexture extends Texture {
       sampleCount: this.props.samples
     });
   }
-
   destroy() {
     this.handle.destroy();
   }
-
   setSampler(sampler) {
     this.sampler = sampler instanceof WebGPUSampler ? sampler : new WebGPUSampler(this.device, sampler);
     return this;
   }
-
   setData(options) {
     return this.setImage({
       source: options.data
     });
   }
-
   setImage(options) {
     const {
       source,
@@ -106,6 +91,5 @@ export default class WebGPUTexture extends Texture {
     }, [width, height, depth]);
     return this;
   }
-
 }
 //# sourceMappingURL=webgpu-texture.js.map

package/dist/adapter/resources/webgpu-texture.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/adapter/resources/webgpu-texture.ts"],"names":["Texture","getWebGPUTextureFormat","WebGPUSampler","BASE_DIMENSIONS","WebGPUTexture","constructor","device","props","format","Error","handle","createHandle","data","setData","setSampler","sampler","view","createView","width","height","createTexture","size","depthOrArrayLayers","depth","dimension","usage","mipLevelCount","mipLevels","sampleCount","samples","destroy","options","setImage","source","sourceX","sourceY","mipLevel","x","y","z","aspect","colorSpace","premultipliedAlpha","queue","copyExternalImageToTexture","origin","texture"],"mappings":"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","sourcesContent":["// luma.gl, MIT license\nimport {Texture, TextureProps, Sampler, SamplerProps, assert} from '@luma.gl/api';\nimport {getWebGPUTextureFormat} from '../helpers/convert-texture-format';\nimport type WebGPUDevice from '../webgpu-device';\nimport WebGPUSampler from './webgpu-sampler';\n\nconst BASE_DIMENSIONS: Record<string, '1d' | '2d' | '3d'> = {\n  '1d': '1d',\n  '2d': '2d',\n  '2d-array': '2d',\n  'cube': '2d',\n  'cube-array': '2d',\n  '3d': '3d'\n};\n\nexport default class WebGPUTexture extends Texture {\n  readonly device: WebGPUDevice;\n  readonly handle: GPUTexture;\n  readonly view: GPUTextureView;\n  sampler: WebGPUSampler;\n\n  // static async createFromImageURL(src, usage = 0) {\n  //   const img = document.createElement('img');\n  //   img.src = src;\n  //   await img.decode();\n  //   return WebGPUTexture(img, usage);\n  // }\n\n  constructor(device: WebGPUDevice, props: TextureProps) {\n    super(device, props);\n\n    if (typeof this.props.format === 'number') {\n      throw new Error('number format');\n    }\n\n    this.device = device;\n    this.handle = this.props.handle || this.createHandle();\n\n    if (this.props.data) {\n      this.setData({data: this.props.data}  );\n    }\n\n    // Create a default sampler. This mimics the WebGL1 API where sampler props are stored on the texture\n    this.setSampler(props.sampler);\n\n    // TODO - To support texture arrays we need to create custom views...\n    // But we are not ready to expose TextureViews to the public API.\n    this.view = this.handle.createView({\n      // format: this.props.format,\n      // dimension: this.props.dimension,\n      // aspect = \"all\";\n      // baseMipLevel: 0;\n      // mipLevelCount;\n      // baseArrayLayer = 0;\n      // arrayLayerCount;\n    });\n  }\n\n  protected createHandle(): GPUTexture {\n    if (typeof this.props.format === 'number') {\n      throw new Error('number format');\n    }\n\n    // Deduce size from data - TODO this is a hack\n    // @ts-expect-error\n    const width = this.props.width || this.props.data?.width || 1;\n    // @ts-expect-error\n    const height = this.props.height || this.props.data?.height || 1;\n\n    return this.device.handle.createTexture({\n      size: {\n        width,\n        height,\n        depthOrArrayLayers: this.props.depth\n      },\n      dimension: BASE_DIMENSIONS[this.props.dimension],\n      format: getWebGPUTextureFormat(this.props.format),\n      usage: this.props.usage,\n      mipLevelCount: this.props.mipLevels,\n      sampleCount: this.props.samples\n    });\n  }\n\n  destroy(): void {\n    this.handle.destroy();\n  }\n\n  /**\n   * Set default sampler\n   * Accept a sampler instance or set of props;\n   */\n  setSampler(sampler: Sampler | SamplerProps): this {\n    this.sampler = sampler instanceof WebGPUSampler ? sampler : new WebGPUSampler(this.device, sampler);\n    return this;\n  }\n\n  setData(options: {\n    data: any;\n  }) {\n    return this.setImage({source: options.data});\n  }\n\n  /** Set image */\n  setImage(options: {\n    source: ImageBitmap | HTMLCanvasElement | OffscreenCanvas;\n    width?: number;\n    height?: number;\n    depth?: number;\n    sourceX?: number;\n    sourceY?: number;\n    mipLevel?: number;\n    x?: number;\n    y?: number;\n    z?: number;\n    aspect?: 'all' | 'stencil-only' | 'depth-only';\n    colorSpace?: 'srgb';\n    premultipliedAlpha?: boolean;\n  }): this {\n    const {\n      source,\n      width = options.source.width,\n      height = options.source.height,\n      depth = 1,\n      sourceX = 0,\n      sourceY = 0,\n      mipLevel = 0,\n      x = 0,\n      y = 0,\n      z = 0,\n      aspect = 'all',\n      colorSpace = 'srgb',\n      premultipliedAlpha = false\n    } = options;\n\n    // TODO - max out width\n\n    this.device.handle.queue.copyExternalImageToTexture(\n      // source: GPUImageCopyExternalImage\n      {\n        source,\n        origin: [sourceX, sourceY]\n      },\n      // destination: GPUImageCopyTextureTagged\n      {\n        texture: this.handle,\n        origin: [x, y, z],\n        mipLevel,\n        aspect,\n        colorSpace,\n        premultipliedAlpha\n      },\n      // copySize: GPUExtent3D\n      [\n        width,\n        height,\n        depth\n      ]\n    );\n    return this;\n  }\n\n  /*\n  async readPixels() {\n    const readbackBuffer = device.createBuffer({\n        usage: Buffer.COPY_DST | Buffer.MAP_READ,\n        size: 4 * textureWidth * textureHeight,\n    });\n\n    // Copy data from the texture to the buffer.\n    const encoder = device.createCommandEncoder();\n    encoder.copyTextureToBuffer(\n        { texture },\n        { buffer, rowPitch: textureWidth * 4 },\n        [textureWidth, textureHeight],\n    );\n    device.submit([encoder.finish()]);\n\n    // Get the data on the CPU.\n    await buffer.mapAsync(GPUMapMode.READ);\n    saveScreenshot(buffer.getMappedRange());\n    buffer.unmap();\n  }\n\n  setImageData(imageData, usage): this {\n    let data = null;\n\n    const bytesPerRow = Math.ceil((img.width * 4) / 256) * 256;\n    if (bytesPerRow == img.width * 4) {\n      data = imageData.data;\n    } else {\n      data = new Uint8Array(bytesPerRow * img.height);\n      let imagePixelIndex = 0;\n      for (let y = 0; y < img.height; ++y) {\n        for (let x = 0; x < img.width; ++x) {\n          const i = x * 4 + y * bytesPerRow;\n          data[i] = imageData.data[imagePixelIndex];\n          data[i + 1] = imageData.data[imagePixelIndex + 1];\n          data[i + 2] = imageData.data[imagePixelIndex + 2];\n          data[i + 3] = imageData.data[imagePixelIndex + 3];\n          imagePixelIndex += 4;\n        }\n      }\n    }\n    return this;\n  }\n\n  setData(data): this {\n    const textureDataBuffer = this.device.handle.createBuffer({\n      size: data.byteLength,\n      usage: Buffer.COPY_DST | Buffer.COPY_SRC,\n      mappedAtCreation: true\n    });\n    new Uint8Array(textureDataBuffer.getMappedRange()).set(data);\n    textureDataBuffer.unmap();\n\n    this.setBuffer(textureDataBuffer);\n\n    textureDataBuffer.destroy();\n    return this;\n  }\n\n  setBuffer(textureDataBuffer, {bytesPerRow}): this {\n    const commandEncoder = this.device.handle.createCommandEncoder();\n    commandEncoder.copyBufferToTexture(\n      {\n        buffer: textureDataBuffer,\n        bytesPerRow\n      },\n      {\n        texture: this.handle\n      },\n      {\n        width,\n        height,\n        depth\n      }\n    );\n\n    this.device.handle.defaultQueue.submit([commandEncoder.finish()]);\n    return this;\n  }\n  */\n}\n"],"file":"webgpu-texture.js"}
+{"version":3,"file":"webgpu-texture.js","names":["Texture","getWebGPUTextureFormat","WebGPUSampler","BASE_DIMENSIONS","WebGPUTexture","constructor","device","props","_defineProperty","format","Error","handle","createHandle","data","setData","sampler","view","createView","_this$props$data","_this$props$data2","width","height","createTexture","size","depthOrArrayLayers","depth","dimension","usage","mipLevelCount","mipLevels","sampleCount","samples","destroy","setSampler","options","setImage","source","sourceX","sourceY","mipLevel","x","y","z","aspect","colorSpace","premultipliedAlpha","queue","copyExternalImageToTexture","origin","texture"],"sources":["../../../src/adapter/resources/webgpu-texture.ts"],"sourcesContent":["// luma.gl, MIT license\nimport {Texture, TextureProps, Sampler, SamplerProps} from '@luma.gl/api';\nimport {getWebGPUTextureFormat} from '../helpers/convert-texture-format';\nimport type {WebGPUDevice} from '../webgpu-device';\nimport {WebGPUSampler} from './webgpu-sampler';\n\nconst BASE_DIMENSIONS: Record<string, '1d' | '2d' | '3d'> = {\n  '1d': '1d',\n  '2d': '2d',\n  '2d-array': '2d',\n  'cube': '2d',\n  'cube-array': '2d',\n  '3d': '3d'\n};\n\nexport class WebGPUTexture extends Texture {\n  readonly device: WebGPUDevice;\n  readonly handle: GPUTexture;\n  readonly view: GPUTextureView;\n  sampler: WebGPUSampler;\n\n  // static async createFromImageURL(src, usage = 0) {\n  //   const img = document.createElement('img');\n  //   img.src = src;\n  //   await img.decode();\n  //   return WebGPUTexture(img, usage);\n  // }\n\n  constructor(device: WebGPUDevice, props: TextureProps) {\n    super(device, props);\n\n    if (typeof this.props.format === 'number') {\n      throw new Error('number format');\n    }\n\n    this.device = device;\n    this.handle = this.props.handle || this.createHandle();\n\n    if (this.props.data) {\n      this.setData({data: this.props.data}  );\n    }\n\n    // Create a default sampler. This mimics the WebGL1 API where sampler props are stored on the texture\n    // this.setSampler(props.sampler);\n    this.sampler = props.sampler instanceof WebGPUSampler ? props.sampler : new WebGPUSampler(this.device, props.sampler);\n\n    // TODO - To support texture arrays we need to create custom views...\n    // But we are not ready to expose TextureViews to the public API.\n    this.view = this.handle.createView({\n      // format: this.props.format,\n      // dimension: this.props.dimension,\n      // aspect = \"all\";\n      // baseMipLevel: 0;\n      // mipLevelCount;\n      // baseArrayLayer = 0;\n      // arrayLayerCount;\n    });\n  }\n\n  protected createHandle(): GPUTexture {\n    if (typeof this.props.format === 'number') {\n      throw new Error('number format');\n    }\n\n    // Deduce size from data - TODO this is a hack\n    // @ts-expect-error\n    const width = this.props.width || this.props.data?.width || 1;\n    // @ts-expect-error\n    const height = this.props.height || this.props.data?.height || 1;\n\n    return this.device.handle.createTexture({\n      size: {\n        width,\n        height,\n        depthOrArrayLayers: this.props.depth\n      },\n      dimension: BASE_DIMENSIONS[this.props.dimension],\n      format: getWebGPUTextureFormat(this.props.format),\n      usage: this.props.usage,\n      mipLevelCount: this.props.mipLevels,\n      sampleCount: this.props.samples\n    });\n  }\n\n  override destroy(): void {\n    this.handle.destroy();\n  }\n\n  /**\n   * Set default sampler\n   * Accept a sampler instance or set of props;\n   */\n  setSampler(sampler: Sampler | SamplerProps): this {\n    this.sampler = sampler instanceof WebGPUSampler ? sampler : new WebGPUSampler(this.device, sampler);\n    return this;\n  }\n\n  setData(options: {\n    data: any;\n  }) {\n    return this.setImage({source: options.data});\n  }\n\n  /** Set image */\n  setImage(options: {\n    source: ImageBitmap | HTMLCanvasElement | OffscreenCanvas;\n    width?: number;\n    height?: number;\n    depth?: number;\n    sourceX?: number;\n    sourceY?: number;\n    mipLevel?: number;\n    x?: number;\n    y?: number;\n    z?: number;\n    aspect?: 'all' | 'stencil-only' | 'depth-only';\n    colorSpace?: 'srgb';\n    premultipliedAlpha?: boolean;\n  }): this {\n    const {\n      source,\n      width = options.source.width,\n      height = options.source.height,\n      depth = 1,\n      sourceX = 0,\n      sourceY = 0,\n      mipLevel = 0,\n      x = 0,\n      y = 0,\n      z = 0,\n      aspect = 'all',\n      colorSpace = 'srgb',\n      premultipliedAlpha = false\n    } = options;\n\n    // TODO - max out width\n\n    this.device.handle.queue.copyExternalImageToTexture(\n      // source: GPUImageCopyExternalImage\n      {\n        source,\n        origin: [sourceX, sourceY]\n      },\n      // destination: GPUImageCopyTextureTagged\n      {\n        texture: this.handle,\n        origin: [x, y, z],\n        mipLevel,\n        aspect,\n        colorSpace,\n        premultipliedAlpha\n      },\n      // copySize: GPUExtent3D\n      [\n        width,\n        height,\n        depth\n      ]\n    );\n    return this;\n  }\n\n  /*\n  async readPixels() {\n    const readbackBuffer = device.createBuffer({\n        usage: Buffer.COPY_DST | Buffer.MAP_READ,\n        size: 4 * textureWidth * textureHeight,\n    });\n\n    // Copy data from the texture to the buffer.\n    const encoder = device.createCommandEncoder();\n    encoder.copyTextureToBuffer(\n        { texture },\n        { buffer, rowPitch: textureWidth * 4 },\n        [textureWidth, textureHeight],\n    );\n    device.submit([encoder.finish()]);\n\n    // Get the data on the CPU.\n    await buffer.mapAsync(GPUMapMode.READ);\n    saveScreenshot(buffer.getMappedRange());\n    buffer.unmap();\n  }\n\n  setImageData(imageData, usage): this {\n    let data = null;\n\n    const bytesPerRow = Math.ceil((img.width * 4) / 256) * 256;\n    if (bytesPerRow == img.width * 4) {\n      data = imageData.data;\n    } else {\n      data = new Uint8Array(bytesPerRow * img.height);\n      let imagePixelIndex = 0;\n      for (let y = 0; y < img.height; ++y) {\n        for (let x = 0; x < img.width; ++x) {\n          const i = x * 4 + y * bytesPerRow;\n          data[i] = imageData.data[imagePixelIndex];\n          data[i + 1] = imageData.data[imagePixelIndex + 1];\n          data[i + 2] = imageData.data[imagePixelIndex + 2];\n          data[i + 3] = imageData.data[imagePixelIndex + 3];\n          imagePixelIndex += 4;\n        }\n      }\n    }\n    return this;\n  }\n\n  setData(data): this {\n    const textureDataBuffer = this.device.handle.createBuffer({\n      size: data.byteLength,\n      usage: Buffer.COPY_DST | Buffer.COPY_SRC,\n      mappedAtCreation: true\n    });\n    new Uint8Array(textureDataBuffer.getMappedRange()).set(data);\n    textureDataBuffer.unmap();\n\n    this.setBuffer(textureDataBuffer);\n\n    textureDataBuffer.destroy();\n    return this;\n  }\n\n  setBuffer(textureDataBuffer, {bytesPerRow}): this {\n    const commandEncoder = this.device.handle.createCommandEncoder();\n    commandEncoder.copyBufferToTexture(\n      {\n        buffer: textureDataBuffer,\n        bytesPerRow\n      },\n      {\n        texture: this.handle\n      },\n      {\n        width,\n        height,\n        depth\n      }\n    );\n\n    this.device.handle.defaultQueue.submit([commandEncoder.finish()]);\n    return this;\n  }\n  */\n}\n"],"mappings":"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"}

package/dist/adapter/webgpu-canvas-context.d.ts

@@ -1,24 +1,22 @@
-/// <reference types="@webgpu/types" />
+/// <reference types="dist" />
 import type { Texture, TextureFormat, CanvasContextProps } from '@luma.gl/api';
 import { CanvasContext } from '@luma.gl/api';
-import WebGPUDevice from './webgpu-device';
-import WEBGPUFramebuffer from './resources/webgpu-framebuffer';
+import { WebGPUDevice } from './webgpu-device';
+import { WebGPUFramebuffer } from './resources/webgpu-framebuffer';
 /**
  * Holds a WebGPU Canvas Context which handles resizing etc
  */
-export default class WebGPUCanvasContext extends CanvasContext {
+export declare class WebGPUCanvasContext extends CanvasContext {
     readonly device: WebGPUDevice;
     readonly gpuCanvasContext: GPUCanvasContext;
     readonly format: TextureFormat;
-    width: number;
-    height: number;
     depthStencilFormat: TextureFormat;
     sampleCount: number;
     private depthStencilAttachment;
     constructor(device: WebGPUDevice, adapter: GPUAdapter, props: CanvasContextProps);
     destroy(): void;
     /** Update framebuffer with properly resized "swap chain" texture views */
-    getCurrentFramebuffer(): WEBGPUFramebuffer;
+    getCurrentFramebuffer(): WebGPUFramebuffer;
     /** Resizes and updates render targets if necessary */
     update(): void;
     resize(options?: {

package/dist/adapter/webgpu-canvas-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webgpu-canvas-context.d.ts","sourceRoot":"","sources":["../../src/adapter/webgpu-canvas-context.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAC,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAC,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAC,aAAa,EAAM,MAAM,cAAc,CAAC;AAEhD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAE/D;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,aAAa;IAC5D,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IAC5C,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAM;IACnB,MAAM,EAAE,MAAM,CAAM;IACpB,kBAAkB,EAAE,aAAa,CAAiB;IAClD,WAAW,EAAE,MAAM,CAAK;IAExB,OAAO,CAAC,sBAAsB,CAAU;gBAE5B,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,kBAAkB;IAOhF,OAAO;IAIP,0EAA0E;IAC1E,qBAAqB,IAAI,iBAAiB;IAsB1C,sDAAsD;IACtD,MAAM;IA6BN,MAAM,CAAC,OAAO,CAAC,EAAE;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;KAAC,GAAG,IAAI;IAI7F,8FAA8F;IAC9F,6BAA6B;CAY9B"}
+{"version":3,"file":"webgpu-canvas-context.d.ts","sourceRoot":"","sources":["../../src/adapter/webgpu-canvas-context.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAC,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAC,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAC,aAAa,EAAM,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AAEjE;;GAEG;AACH,qBAAa,mBAAoB,SAAQ,aAAa;IACpD,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IAC5C,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC;IAC/B,kBAAkB,EAAE,aAAa,CAAiB;IAClD,WAAW,EAAE,MAAM,CAAK;IAExB,OAAO,CAAC,sBAAsB,CAAwB;gBAE1C,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,kBAAkB;IAahF,OAAO,IAAI,IAAI;IAIf,0EAA0E;IAC1E,qBAAqB,IAAI,iBAAiB;IAsB1C,sDAAsD;IACtD,MAAM;IA6BN,MAAM,CAAC,OAAO,CAAC,EAAE;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;KAAC,GAAG,IAAI;IAI7F,8FAA8F;IAC9F,6BAA6B;CAY9B"}

package/dist/adapter/webgpu-canvas-context.js

@@ -1,36 +1,26 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { CanvasContext, log } from '@luma.gl/api';
-import { getWebGPUTextureFormat } from './helpers/convert-texture-format';
-import WEBGPUFramebuffer from './resources/webgpu-framebuffer';
-export default class WebGPUCanvasContext extends CanvasContext {
+import { getWebGPUTextureFormat } from "./helpers/convert-texture-format.js";
+import { WebGPUFramebuffer } from "./resources/webgpu-framebuffer.js";
+export class WebGPUCanvasContext extends CanvasContext {
   constructor(device, adapter, props) {
     super(props);
-
     _defineProperty(this, "device", void 0);
-
     _defineProperty(this, "gpuCanvasContext", void 0);
-
     _defineProperty(this, "format", void 0);
-
-    _defineProperty(this, "width", -1);
-
-    _defineProperty(this, "height", -1);
-
     _defineProperty(this, "depthStencilFormat", 'depth24plus');
-
     _defineProperty(this, "sampleCount", 1);
-
-    _defineProperty(this, "depthStencilAttachment", void 0);
-
+    _defineProperty(this, "depthStencilAttachment", null);
     this.device = device;
+    this.width = -1;
+    this.height = -1;
+    this._setAutoCreatedCanvasId("".concat(this.device.id, "-canvas"));
     this.gpuCanvasContext = this.canvas.getContext('webgpu');
     this.format = this.gpuCanvasContext.getPreferredFormat(adapter);
   }
-
   destroy() {
     this.gpuCanvasContext.unconfigure();
   }
-
   getCurrentFramebuffer() {
     this.update();
     const currentColorAttachment = this.device.createTexture({
@@ -40,43 +30,34 @@ export default class WebGPUCanvasContext extends CanvasContext {
       width: this.width,
       height: this.height
     });
-
     this._createDepthStencilAttachment();
-
-    return new WEBGPUFramebuffer(this.device, {
+    return new WebGPUFramebuffer(this.device, {
       colorAttachments: [currentColorAttachment],
       depthStencilAttachment: this.depthStencilAttachment
     });
   }
-
   update() {
     const [width, height] = this.getPixelSize();
     const sizeChanged = width !== this.width || height !== this.height;
-
     if (sizeChanged) {
       this.width = width;
       this.height = height;
-
       if (this.depthStencilAttachment) {
         this.depthStencilAttachment.destroy();
-        this.depthStencilAttachment = undefined;
+        this.depthStencilAttachment = null;
       }
-
       this.gpuCanvasContext.configure({
         device: this.device.handle,
         format: getWebGPUTextureFormat(this.format),
-        size: [this.width, this.height],
         colorSpace: this.props.colorSpace,
-        compositingAlphaMode: this.props.compositingAlphaMode
+        alphaMode: this.props.alphaMode
       });
       log.log(1, "Resized to ".concat(this.width, "x").concat(this.height, "px"))();
     }
   }
-
   resize(options) {
     this.update();
   }
-
   _createDepthStencilAttachment() {
     if (!this.depthStencilAttachment) {
       this.depthStencilAttachment = this.device.createTexture({
@@ -87,9 +68,7 @@ export default class WebGPUCanvasContext extends CanvasContext {
         usage: GPUTextureUsage.RENDER_ATTACHMENT
       });
     }
-
     return this.depthStencilAttachment;
   }
-
 }
 //# sourceMappingURL=webgpu-canvas-context.js.map

package/dist/adapter/webgpu-canvas-context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/adapter/webgpu-canvas-context.ts"],"names":["CanvasContext","log","getWebGPUTextureFormat","WEBGPUFramebuffer","WebGPUCanvasContext","constructor","device","adapter","props","gpuCanvasContext","canvas","getContext","format","getPreferredFormat","destroy","unconfigure","getCurrentFramebuffer","update","currentColorAttachment","createTexture","id","handle","getCurrentTexture","width","height","_createDepthStencilAttachment","colorAttachments","depthStencilAttachment","getPixelSize","sizeChanged","undefined","configure","size","colorSpace","compositingAlphaMode","resize","options","depthStencilFormat","usage","GPUTextureUsage","RENDER_ATTACHMENT"],"mappings":"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","sourcesContent":["import type {Texture, TextureFormat, CanvasContextProps} from '@luma.gl/api';\nimport {CanvasContext, log} from '@luma.gl/api';\nimport {getWebGPUTextureFormat} from './helpers/convert-texture-format';\nimport WebGPUDevice from './webgpu-device';\nimport WEBGPUFramebuffer from './resources/webgpu-framebuffer';\n\n/** \n * Holds a WebGPU Canvas Context which handles resizing etc \n */\nexport default class WebGPUCanvasContext extends CanvasContext {\n  readonly device: WebGPUDevice;\n  readonly gpuCanvasContext: GPUCanvasContext;\n  readonly format: TextureFormat;\n  width: number = -1;\n  height: number = -1;\n  depthStencilFormat: TextureFormat = 'depth24plus';\n  sampleCount: number = 1;\n\n  private depthStencilAttachment: Texture;\n\n  constructor(device: WebGPUDevice, adapter: GPUAdapter, props: CanvasContextProps) {\n    super(props);\n    this.device = device;\n    this.gpuCanvasContext = this.canvas.getContext('webgpu') as GPUCanvasContext;\n    this.format = this.gpuCanvasContext.getPreferredFormat(adapter);\n  }\n\n  destroy() {\n    this.gpuCanvasContext.unconfigure();\n  }\n\n  /** Update framebuffer with properly resized \"swap chain\" texture views */\n  getCurrentFramebuffer(): WEBGPUFramebuffer {\n    // Ensure the canvas context size is updated\n    this.update();\n\n    // Wrap the current canvas context texture in a luma.gl texture \n    const currentColorAttachment = this.device.createTexture({\n      id: 'default-render-target',\n      handle: this.gpuCanvasContext.getCurrentTexture(),\n      format: this.format,\n      width: this.width,\n      height: this.height\n    });\n\n    // Resize the depth stencil attachment\n    this._createDepthStencilAttachment();\n\n    return new WEBGPUFramebuffer(this.device, {\n      colorAttachments: [currentColorAttachment],\n      depthStencilAttachment: this.depthStencilAttachment\n    });\n  }\n\n  /** Resizes and updates render targets if necessary */\n  update() {\n    const [width, height] = this.getPixelSize();\n\n    const sizeChanged = width !== this.width || height !== this.height;\n\n    if (sizeChanged) {\n      this.width = width;\n      this.height = height;\n\n      if (this.depthStencilAttachment) {\n        this.depthStencilAttachment.destroy();\n        this.depthStencilAttachment = undefined;\n      }\n\n      // Reconfigure the canvas size.\n      // https://www.w3.org/TR/webgpu/#canvas-configuration\n      this.gpuCanvasContext.configure({\n        device: this.device.handle,\n        format: getWebGPUTextureFormat(this.format),\n        size: [this.width, this.height],\n        colorSpace: this.props.colorSpace,\n        compositingAlphaMode: this.props.compositingAlphaMode\n      });\n\n      log.log(1, `Resized to ${this.width}x${this.height}px`)();\n    }\n\n  }\n\n  resize(options?: {width?: number; height?: number; useDevicePixels?: boolean | number}): void {\n    this.update();\n  }\n\n  /** We build render targets on demand (i.e. not when size changes but when about to render) */\n  _createDepthStencilAttachment() {\n    if (!this.depthStencilAttachment) {\n      this.depthStencilAttachment = this.device.createTexture({\n        id: 'depth-stencil-target',\n        format: this.depthStencilFormat,\n        width: this.width,\n        height: this.height,\n        usage: GPUTextureUsage.RENDER_ATTACHMENT\n      });\n    }\n    return this.depthStencilAttachment;\n  }\n}\n"],"file":"webgpu-canvas-context.js"}
+{"version":3,"file":"webgpu-canvas-context.js","names":["CanvasContext","log","getWebGPUTextureFormat","WebGPUFramebuffer","WebGPUCanvasContext","constructor","device","adapter","props","_defineProperty","width","height","_setAutoCreatedCanvasId","concat","id","gpuCanvasContext","canvas","getContext","format","getPreferredFormat","destroy","unconfigure","getCurrentFramebuffer","update","currentColorAttachment","createTexture","handle","getCurrentTexture","_createDepthStencilAttachment","colorAttachments","depthStencilAttachment","getPixelSize","sizeChanged","configure","colorSpace","alphaMode","resize","options","depthStencilFormat","usage","GPUTextureUsage","RENDER_ATTACHMENT"],"sources":["../../src/adapter/webgpu-canvas-context.ts"],"sourcesContent":["import type {Texture, TextureFormat, CanvasContextProps} from '@luma.gl/api';\nimport {CanvasContext, log} from '@luma.gl/api';\nimport {getWebGPUTextureFormat} from './helpers/convert-texture-format';\nimport {WebGPUDevice} from './webgpu-device';\nimport {WebGPUFramebuffer} from './resources/webgpu-framebuffer';\n\n/** \n * Holds a WebGPU Canvas Context which handles resizing etc \n */\nexport class WebGPUCanvasContext extends CanvasContext {\n  readonly device: WebGPUDevice;\n  readonly gpuCanvasContext: GPUCanvasContext;\n  readonly format: TextureFormat;\n  depthStencilFormat: TextureFormat = 'depth24plus';\n  sampleCount: number = 1;\n\n  private depthStencilAttachment: Texture | null = null;\n\n  constructor(device: WebGPUDevice, adapter: GPUAdapter, props: CanvasContextProps) {\n    super(props);\n    this.device = device;\n    // TODO - hack to trigger resize?\n    this.width = -1;\n    this.height = -1;\n  \n    this._setAutoCreatedCanvasId(`${this.device.id}-canvas`);\n    this.gpuCanvasContext = this.canvas.getContext('webgpu') as GPUCanvasContext;\n    // @ts-expect-error TODO this has been replaced\n    this.format = this.gpuCanvasContext.getPreferredFormat(adapter);\n  }\n\n  destroy(): void {\n    this.gpuCanvasContext.unconfigure();\n  }\n\n  /** Update framebuffer with properly resized \"swap chain\" texture views */\n  getCurrentFramebuffer(): WebGPUFramebuffer {\n    // Ensure the canvas context size is updated\n    this.update();\n\n    // Wrap the current canvas context texture in a luma.gl texture \n    const currentColorAttachment = this.device.createTexture({\n      id: 'default-render-target',\n      handle: this.gpuCanvasContext.getCurrentTexture(),\n      format: this.format,\n      width: this.width,\n      height: this.height\n    });\n\n    // Resize the depth stencil attachment\n    this._createDepthStencilAttachment();\n\n    return new WebGPUFramebuffer(this.device, {\n      colorAttachments: [currentColorAttachment],\n      depthStencilAttachment: this.depthStencilAttachment\n    });\n  }\n\n  /** Resizes and updates render targets if necessary */\n  update() {\n    const [width, height] = this.getPixelSize();\n\n    const sizeChanged = width !== this.width || height !== this.height;\n\n    if (sizeChanged) {\n      this.width = width;\n      this.height = height;\n\n      if (this.depthStencilAttachment) {\n        this.depthStencilAttachment.destroy();\n        this.depthStencilAttachment = null;\n      }\n\n      // Reconfigure the canvas size.\n      // https://www.w3.org/TR/webgpu/#canvas-configuration\n      this.gpuCanvasContext.configure({\n        device: this.device.handle,\n        format: getWebGPUTextureFormat(this.format),\n        // size: [this.width, this.height],\n        colorSpace: this.props.colorSpace,\n        alphaMode: this.props.alphaMode\n      });\n\n      log.log(1, `Resized to ${this.width}x${this.height}px`)();\n    }\n\n  }\n\n  resize(options?: {width?: number; height?: number; useDevicePixels?: boolean | number}): void {\n    this.update();\n  }\n\n  /** We build render targets on demand (i.e. not when size changes but when about to render) */\n  _createDepthStencilAttachment() {\n    if (!this.depthStencilAttachment) {\n      this.depthStencilAttachment = this.device.createTexture({\n        id: 'depth-stencil-target',\n        format: this.depthStencilFormat,\n        width: this.width,\n        height: this.height,\n        usage: GPUTextureUsage.RENDER_ATTACHMENT\n      });\n    }\n    return this.depthStencilAttachment;\n  }\n}\n"],"mappings":"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"}