@luma.gl/webgpu 9.0.0-alpha.4 → 9.0.0-alpha.41

package/dist/adapter/resources/webgpu-compute-pass.js

@@ -1,56 +1,43 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { ComputePass, cast } from '@luma.gl/api';
-export default class WebGPUComputePass extends ComputePass {
+import { ComputePass, cast } from '@luma.gl/core';
+export class WebGPUComputePass extends ComputePass {
   constructor(device, props) {
+    var _device$commandEncode;
     super(device, props);
-
-    _defineProperty(this, "device", void 0);
-
-    _defineProperty(this, "handle", void 0);
-
-    _defineProperty(this, "_bindGroupLayout", void 0);
-
+    this.device = void 0;
+    this.handle = void 0;
+    this._bindGroupLayout = null;
     this.device = device;
-    this.handle = this.props.handle || device.commandEncoder.beginComputePass({
+    this.handle = this.props.handle || ((_device$commandEncode = device.commandEncoder) === null || _device$commandEncode === void 0 ? void 0 : _device$commandEncode.beginComputePass({
       label: this.props.id
-    });
+    }));
   }
-
   destroy() {}
-
-  endPass() {
-    this.handle.endPass();
+  end() {
+    this.handle.end();
   }
-
   setPipeline(pipeline) {
     const wgpuPipeline = cast(pipeline);
     this.handle.setPipeline(wgpuPipeline.handle);
     this._bindGroupLayout = wgpuPipeline._getBindGroupLayout();
   }
-
   setBindings(bindings) {
     throw new Error('fix me');
   }
-
   dispatch(x, y, z) {
-    this.handle.dispatch(x, y, z);
+    this.handle.dispatchWorkgroups(x, y, z);
   }
-
-  dispatchIndirect(indirectBuffer, indirectOffset = 0) {
-    this.handle.dispatchIndirect(cast(indirectBuffer).handle, indirectOffset);
+  dispatchIndirect(indirectBuffer) {
+    let indirectOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    this.handle.dispatchWorkgroupsIndirect(cast(indirectBuffer).handle, indirectOffset);
   }
-
   pushDebugGroup(groupLabel) {
     this.handle.pushDebugGroup(groupLabel);
   }
-
   popDebugGroup() {
     this.handle.popDebugGroup();
   }
-
   insertDebugMarker(markerLabel) {
     this.handle.insertDebugMarker(markerLabel);
   }
-
 }
 //# sourceMappingURL=webgpu-compute-pass.js.map

package/dist/adapter/resources/webgpu-compute-pass.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/adapter/resources/webgpu-compute-pass.ts"],"names":["ComputePass","cast","WebGPUComputePass","constructor","device","props","handle","commandEncoder","beginComputePass","label","id","destroy","endPass","setPipeline","pipeline","wgpuPipeline","_bindGroupLayout","_getBindGroupLayout","setBindings","bindings","Error","dispatch","x","y","z","dispatchIndirect","indirectBuffer","indirectOffset","pushDebugGroup","groupLabel","popDebugGroup","insertDebugMarker","markerLabel"],"mappings":";AAAA,SAAQA,WAAR,EAAyEC,IAAzE,QAAoF,cAApF;AAMA,eAAe,MAAMC,iBAAN,SAAgCF,WAAhC,CAA4C;AAKzDG,EAAAA,WAAW,CAACC,MAAD,EAAuBC,KAAvB,EAAgD;AACzD,UAAMD,MAAN,EAAcC,KAAd;;AADyD;;AAAA;;AAAA;;AAEzD,SAAKD,MAAL,GAAcA,MAAd;AAEA,SAAKE,MAAL,GAAc,KAAKD,KAAL,CAAWC,MAAX,IAAqBF,MAAM,CAACG,cAAP,CAAsBC,gBAAtB,CAAuC;AACxEC,MAAAA,KAAK,EAAE,KAAKJ,KAAL,CAAWK;AADsD,KAAvC,CAAnC;AAID;;AAGDC,EAAAA,OAAO,GAAG,CAAE;;AAEZC,EAAAA,OAAO,GAAS;AACd,SAAKN,MAAL,CAAYM,OAAZ;AACD;;AAEDC,EAAAA,WAAW,CAACC,QAAD,EAAkC;AAC3C,UAAMC,YAAY,GAAGd,IAAI,CAAwBa,QAAxB,CAAzB;AACA,SAAKR,MAAL,CAAYO,WAAZ,CAAwBE,YAAY,CAACT,MAArC;AACA,SAAKU,gBAAL,GAAwBD,YAAY,CAACE,mBAAb,EAAxB;AACD;;AAGDC,EAAAA,WAAW,CAACC,QAAD,EAA4B;AACrC,UAAM,IAAIC,KAAJ,CAAU,QAAV,CAAN;AAGD;;AAQDC,EAAAA,QAAQ,CAACC,CAAD,EAAYC,CAAZ,EAAwBC,CAAxB,EAA0C;AAChD,SAAKlB,MAAL,CAAYe,QAAZ,CAAqBC,CAArB,EAAwBC,CAAxB,EAA2BC,CAA3B;AACD;;AAODC,EAAAA,gBAAgB,CAACC,cAAD,EAAyBC,cAAsB,GAAG,CAAlD,EAA2D;AACzE,SAAKrB,MAAL,CAAYmB,gBAAZ,CAA6BxB,IAAI,CAAeyB,cAAf,CAAJ,CAAmCpB,MAAhE,EAAwEqB,cAAxE;AACD;;AAEDC,EAAAA,cAAc,CAACC,UAAD,EAA2B;AACvC,SAAKvB,MAAL,CAAYsB,cAAZ,CAA2BC,UAA3B;AACD;;AACDC,EAAAA,aAAa,GAAS;AACpB,SAAKxB,MAAL,CAAYwB,aAAZ;AACD;;AACDC,EAAAA,iBAAiB,CAACC,WAAD,EAA4B;AAC3C,SAAK1B,MAAL,CAAYyB,iBAAZ,CAA8BC,WAA9B;AACD;;AA9DwD","sourcesContent":["import {ComputePass, ComputePassProps, ComputePipeline, Buffer, Binding, cast} from '@luma.gl/api';\nimport WebGPUDevice from '../webgpu-device';\nimport WebGPUBuffer from './webgpu-buffer';\n// import WebGPUCommandEncoder from './webgpu-command-encoder';\nimport WebGPUComputePipeline from './webgpu-compute-pipeline';\n\nexport default class WebGPUComputePass extends ComputePass {\n  readonly device: WebGPUDevice;\n  readonly handle: GPUComputePassEncoder;\n  _bindGroupLayout: GPUBindGroupLayout;\n\n  constructor(device: WebGPUDevice, props: ComputePassProps) {\n    super(device, props);\n    this.device = device;\n\n    this.handle = this.props.handle || device.commandEncoder.beginComputePass({\n      label: this.props.id,\n      // timestampWrites?: GPUComputePassTimestampWrites;\n    });\n  }\n\n  /** @note no WebGPU destroy method, just gc */\n  destroy() {}\n\n  endPass(): void {\n    this.handle.endPass();\n  }\n\n  setPipeline(pipeline: ComputePipeline): void {\n    const wgpuPipeline = cast<WebGPUComputePipeline>(pipeline);\n    this.handle.setPipeline(wgpuPipeline.handle);\n    this._bindGroupLayout = wgpuPipeline._getBindGroupLayout();\n  }\n\n  /** Sets an array of bindings (uniform buffers, samplers, textures, ...) */\n  setBindings(bindings: Binding[]): void {\n    throw new Error('fix me');\n    // const bindGroup = getBindGroup(this.device.handle, this._bindGroupLayout, this.props.bindings);\n    // this.handle.setBindGroup(0, bindGroup);\n  }\n\n  /**\n   * Dispatch work to be performed with the current ComputePipeline.\n   * @param x X dimension of the grid of workgroups to dispatch.\n   * @param y Y dimension of the grid of workgroups to dispatch.\n   * @param z Z dimension of the grid of workgroups to dispatch.\n   */\n  dispatch(x: number, y?: number, z?: number): void {\n    this.handle.dispatch(x, y, z);\n  }\n\n  /**\n   * Dispatch work to be performed with the current ComputePipeline.\n   * @param indirectBuffer buffer must be a tightly packed block of three 32-bit unsigned integer values (12 bytes total), given in the same order as the arguments for dispatch()\n   * @param indirectOffset\n   */\n  dispatchIndirect(indirectBuffer: Buffer, indirectOffset: number = 0): void {\n    this.handle.dispatchIndirect(cast<WebGPUBuffer>(indirectBuffer).handle, indirectOffset);\n  }\n\n  pushDebugGroup(groupLabel: string): void {\n    this.handle.pushDebugGroup(groupLabel);\n  }\n  popDebugGroup(): void {\n    this.handle.popDebugGroup();\n  }\n  insertDebugMarker(markerLabel: string): void {\n    this.handle.insertDebugMarker(markerLabel);\n  }\n\n  // writeTimestamp(querySet: GPUQuerySet, queryIndex: number): void;\n  // beginPipelineStatisticsQuery(querySet: GPUQuerySet, queryIndex: number): void;\n  // endPipelineStatisticsQuery(querySet: GPUQuerySet, queryIndex: number): void;\n}\n"],"file":"webgpu-compute-pass.js"}
+{"version":3,"file":"webgpu-compute-pass.js","names":["ComputePass","cast","WebGPUComputePass","constructor","device","props","_device$commandEncode","handle","_bindGroupLayout","commandEncoder","beginComputePass","label","id","destroy","end","setPipeline","pipeline","wgpuPipeline","_getBindGroupLayout","setBindings","bindings","Error","dispatch","x","y","z","dispatchWorkgroups","dispatchIndirect","indirectBuffer","indirectOffset","arguments","length","undefined","dispatchWorkgroupsIndirect","pushDebugGroup","groupLabel","popDebugGroup","insertDebugMarker","markerLabel"],"sources":["../../../src/adapter/resources/webgpu-compute-pass.ts"],"sourcesContent":["import {ComputePass, ComputePassProps, ComputePipeline, Buffer, Binding, cast} from '@luma.gl/core';\nimport {WebGPUDevice} from '../webgpu-device';\nimport {WebGPUBuffer} from './webgpu-buffer';\n// import {WebGPUCommandEncoder} from './webgpu-command-encoder';\nimport {WebGPUComputePipeline} from './webgpu-compute-pipeline';\n\nexport class WebGPUComputePass extends ComputePass {\n  readonly device: WebGPUDevice;\n  readonly handle: GPUComputePassEncoder;\n  _bindGroupLayout: GPUBindGroupLayout | null = null;\n\n  constructor(device: WebGPUDevice, props: ComputePassProps) {\n    super(device, props);\n    this.device = device;\n\n    this.handle = this.props.handle || device.commandEncoder?.beginComputePass({\n      label: this.props.id,\n      // timestampWrites?: GPUComputePassTimestampWrites;\n    });\n  }\n\n  /** @note no WebGPU destroy method, just gc */\n  override destroy(): void {}\n\n  end(): void {\n    this.handle.end();\n  }\n\n  setPipeline(pipeline: ComputePipeline): void {\n    const wgpuPipeline = cast<WebGPUComputePipeline>(pipeline);\n    this.handle.setPipeline(wgpuPipeline.handle);\n    this._bindGroupLayout = wgpuPipeline._getBindGroupLayout();\n  }\n\n  /** Sets an array of bindings (uniform buffers, samplers, textures, ...) */\n  setBindings(bindings: Binding[]): void {\n    throw new Error('fix me');\n    // const bindGroup = getBindGroup(this.device.handle, this._bindGroupLayout, this.props.bindings);\n    // this.handle.setBindGroup(0, bindGroup);\n  }\n\n  /**\n   * Dispatch work to be performed with the current ComputePipeline.\n   * @param x X dimension of the grid of workgroups to dispatch.\n   * @param y Y dimension of the grid of workgroups to dispatch.\n   * @param z Z dimension of the grid of workgroups to dispatch.\n   */\n  dispatch(x: number, y?: number, z?: number): void {\n    this.handle.dispatchWorkgroups(x, y, z);\n  }\n\n  /**\n   * Dispatch work to be performed with the current ComputePipeline.\n   * @param indirectBuffer buffer must be a tightly packed block of three 32-bit unsigned integer values (12 bytes total), given in the same order as the arguments for dispatch()\n   * @param indirectOffset\n   */\n  dispatchIndirect(indirectBuffer: Buffer, indirectOffset: number = 0): void {\n    this.handle.dispatchWorkgroupsIndirect(cast<WebGPUBuffer>(indirectBuffer).handle, indirectOffset);\n  }\n\n  pushDebugGroup(groupLabel: string): void {\n    this.handle.pushDebugGroup(groupLabel);\n  }\n  popDebugGroup(): void {\n    this.handle.popDebugGroup();\n  }\n  insertDebugMarker(markerLabel: string): void {\n    this.handle.insertDebugMarker(markerLabel);\n  }\n\n  // writeTimestamp(querySet: GPUQuerySet, queryIndex: number): void;\n  // beginPipelineStatisticsQuery(querySet: GPUQuerySet, queryIndex: number): void;\n  // endPipelineStatisticsQuery(querySet: GPUQuerySet, queryIndex: number): void;\n}\n"],"mappings":"AAAA,SAAQA,WAAW,EAAsDC,IAAI,QAAO,eAAe;AAMnG,OAAO,MAAMC,iBAAiB,SAASF,WAAW,CAAC;EAKjDG,WAAWA,CAACC,MAAoB,EAAEC,KAAuB,EAAE;IAAA,IAAAC,qBAAA;IACzD,KAAK,CAACF,MAAM,EAAEC,KAAK,CAAC;IAAC,KALdD,MAAM;IAAA,KACNG,MAAM;IAAA,KACfC,gBAAgB,GAA8B,IAAI;IAIhD,IAAI,CAACJ,MAAM,GAAGA,MAAM;IAEpB,IAAI,CAACG,MAAM,GAAG,IAAI,CAACF,KAAK,CAACE,MAAM,MAAAD,qBAAA,GAAIF,MAAM,CAACK,cAAc,cAAAH,qBAAA,uBAArBA,qBAAA,CAAuBI,gBAAgB,CAAC;MACzEC,KAAK,EAAE,IAAI,CAACN,KAAK,CAACO;IAEpB,CAAC,CAAC;EACJ;EAGSC,OAAOA,CAAA,EAAS,CAAC;EAE1BC,GAAGA,CAAA,EAAS;IACV,IAAI,CAACP,MAAM,CAACO,GAAG,CAAC,CAAC;EACnB;EAEAC,WAAWA,CAACC,QAAyB,EAAQ;IAC3C,MAAMC,YAAY,GAAGhB,IAAI,CAAwBe,QAAQ,CAAC;IAC1D,IAAI,CAACT,MAAM,CAACQ,WAAW,CAACE,YAAY,CAACV,MAAM,CAAC;IAC5C,IAAI,CAACC,gBAAgB,GAAGS,YAAY,CAACC,mBAAmB,CAAC,CAAC;EAC5D;EAGAC,WAAWA,CAACC,QAAmB,EAAQ;IACrC,MAAM,IAAIC,KAAK,CAAC,QAAQ,CAAC;EAG3B;EAQAC,QAAQA,CAACC,CAAS,EAAEC,CAAU,EAAEC,CAAU,EAAQ;IAChD,IAAI,CAAClB,MAAM,CAACmB,kBAAkB,CAACH,CAAC,EAAEC,CAAC,EAAEC,CAAC,CAAC;EACzC;EAOAE,gBAAgBA,CAACC,cAAsB,EAAoC;IAAA,IAAlCC,cAAsB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;IACjE,IAAI,CAACvB,MAAM,CAAC0B,0BAA0B,CAAChC,IAAI,CAAe2B,cAAc,CAAC,CAACrB,MAAM,EAAEsB,cAAc,CAAC;EACnG;EAEAK,cAAcA,CAACC,UAAkB,EAAQ;IACvC,IAAI,CAAC5B,MAAM,CAAC2B,cAAc,CAACC,UAAU,CAAC;EACxC;EACAC,aAAaA,CAAA,EAAS;IACpB,IAAI,CAAC7B,MAAM,CAAC6B,aAAa,CAAC,CAAC;EAC7B;EACAC,iBAAiBA,CAACC,WAAmB,EAAQ;IAC3C,IAAI,CAAC/B,MAAM,CAAC8B,iBAAiB,CAACC,WAAW,CAAC;EAC5C;AAKF"}

package/dist/adapter/resources/webgpu-compute-pipeline.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="@webgpu/types" />
-import { ComputePipeline, ComputePipelineProps } from '@luma.gl/api';
-import WebGPUDevice from '../webgpu-device';
+/// <reference types="dist" />
+import { ComputePipeline, ComputePipelineProps } from '@luma.gl/core';
+import { WebGPUDevice } from '../webgpu-device';
 /** Creates a new compute pipeline when parameters change */
-export default class WebGPUComputePipeline extends ComputePipeline {
+export declare class WebGPUComputePipeline extends ComputePipeline {
     device: WebGPUDevice;
     handle: GPUComputePipeline;
     constructor(device: WebGPUDevice, props: ComputePipelineProps);

package/dist/adapter/resources/webgpu-compute-pipeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webgpu-compute-pipeline.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgpu-compute-pipeline.ts"],"names":[],"mappings":";AACA,OAAO,EAAC,eAAe,EAAE,oBAAoB,EAAO,MAAM,cAAc,CAAC;AAEzE,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAK5C,4DAA4D;AAC5D,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,eAAe;IAChE,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,kBAAkB,CAAC;gBAEf,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,oBAAoB;IAe7D,wCAAwC;IACxC,mBAAmB;CAIpB"}
+{"version":3,"file":"webgpu-compute-pipeline.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgpu-compute-pipeline.ts"],"names":[],"mappings":";AACA,OAAO,EAAC,eAAe,EAAE,oBAAoB,EAAO,MAAM,eAAe,CAAC;AAE1E,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAK9C,4DAA4D;AAC5D,qBAAa,qBAAsB,SAAQ,eAAe;IACxD,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,kBAAkB,CAAC;gBAEf,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,oBAAoB;IAgB7D,wCAAwC;IACxC,mBAAmB;CAIpB"}

package/dist/adapter/resources/webgpu-compute-pipeline.js

@@ -1,13 +1,9 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { ComputePipeline, cast } from '@luma.gl/api';
-export default class WebGPUComputePipeline extends ComputePipeline {
+import { ComputePipeline, cast } from '@luma.gl/core';
+export class WebGPUComputePipeline extends ComputePipeline {
   constructor(device, props) {
     super(device, props);
-
-    _defineProperty(this, "device", void 0);
-
-    _defineProperty(this, "handle", void 0);
-
+    this.device = void 0;
+    this.handle = void 0;
     this.device = device;
     const module = cast(this.props.cs).handle;
     this.handle = this.props.handle || this.device.handle.createComputePipeline({
@@ -15,13 +11,12 @@ export default class WebGPUComputePipeline extends ComputePipeline {
       compute: {
         module,
         entryPoint: this.props.csEntryPoint
-      }
+      },
+      layout: 'auto'
     });
   }
-
   _getBindGroupLayout() {
     return this.handle.getBindGroupLayout(0);
   }
-
 }
 //# sourceMappingURL=webgpu-compute-pipeline.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/adapter/resources/webgpu-compute-pipeline.ts"],"names":["ComputePipeline","cast","WebGPUComputePipeline","constructor","device","props","module","cs","handle","createComputePipeline","label","id","compute","entryPoint","csEntryPoint","_getBindGroupLayout","getBindGroupLayout"],"mappings":";AACA,SAAQA,eAAR,EAA+CC,IAA/C,QAA0D,cAA1D;AAQA,eAAe,MAAMC,qBAAN,SAAoCF,eAApC,CAAoD;AAIjEG,EAAAA,WAAW,CAACC,MAAD,EAAuBC,KAAvB,EAAoD;AAC7D,UAAMD,MAAN,EAAcC,KAAd;;AAD6D;;AAAA;;AAE7D,SAAKD,MAAL,GAAcA,MAAd;AAEA,UAAME,MAAM,GAAGL,IAAI,CAAe,KAAKI,KAAL,CAAWE,EAA1B,CAAJ,CAAkCC,MAAjD;AACA,SAAKA,MAAL,GAAc,KAAKH,KAAL,CAAWG,MAAX,IAAqB,KAAKJ,MAAL,CAAYI,MAAZ,CAAmBC,qBAAnB,CAAyC;AAC1EC,MAAAA,KAAK,EAAE,KAAKL,KAAL,CAAWM,EADwD;AAE1EC,MAAAA,OAAO,EAAE;AACPN,QAAAA,MADO;AAEPO,QAAAA,UAAU,EAAE,KAAKR,KAAL,CAAWS;AAFhB;AAFiE,KAAzC,CAAnC;AAQD;;AAGDC,EAAAA,mBAAmB,GAAG;AAEpB,WAAO,KAAKP,MAAL,CAAYQ,kBAAZ,CAA+B,CAA/B,CAAP;AACD;;AAvBgE","sourcesContent":["// prettier-ignore\nimport {ComputePipeline, ComputePipelineProps, cast} from '@luma.gl/api';\n\nimport WebGPUDevice from '../webgpu-device';\nimport WebGPUShader from './webgpu-shader';\n\n// COMPUTE PIPELINE\n\n/** Creates a new compute pipeline when parameters change */\nexport default class WebGPUComputePipeline extends ComputePipeline {\n  device: WebGPUDevice;\n  handle: GPUComputePipeline;\n\n  constructor(device: WebGPUDevice, props: ComputePipelineProps) {\n    super(device, props);\n    this.device = device;\n\n    const module = cast<WebGPUShader>(this.props.cs).handle;\n    this.handle = this.props.handle || this.device.handle.createComputePipeline({\n      label: this.props.id,\n      compute: {\n        module,\n        entryPoint: this.props.csEntryPoint,\n        // constants: this.props.csConstants\n      }\n    });\n  }\n\n  /** For internal use in render passes */\n  _getBindGroupLayout() {\n    // TODO: Cache?\n    return this.handle.getBindGroupLayout(0);\n  }\n}\n"],"file":"webgpu-compute-pipeline.js"}
+{"version":3,"file":"webgpu-compute-pipeline.js","names":["ComputePipeline","cast","WebGPUComputePipeline","constructor","device","props","handle","module","cs","createComputePipeline","label","id","compute","entryPoint","csEntryPoint","layout","_getBindGroupLayout","getBindGroupLayout"],"sources":["../../../src/adapter/resources/webgpu-compute-pipeline.ts"],"sourcesContent":["// prettier-ignore\nimport {ComputePipeline, ComputePipelineProps, cast} from '@luma.gl/core';\n\nimport {WebGPUDevice} from '../webgpu-device';\nimport {WebGPUShader} from './webgpu-shader';\n\n// COMPUTE PIPELINE\n\n/** Creates a new compute pipeline when parameters change */\nexport class WebGPUComputePipeline extends ComputePipeline {\n  device: WebGPUDevice;\n  handle: GPUComputePipeline;\n\n  constructor(device: WebGPUDevice, props: ComputePipelineProps) {\n    super(device, props);\n    this.device = device;\n\n    const module = cast<WebGPUShader>(this.props.cs).handle;\n    this.handle = this.props.handle || this.device.handle.createComputePipeline({\n      label: this.props.id,\n      compute: {\n        module,\n        entryPoint: this.props.csEntryPoint,\n        // constants: this.props.csConstants\n      },\n      layout: 'auto'\n    });\n  }\n\n  /** For internal use in render passes */\n  _getBindGroupLayout() {\n    // TODO: Cache?\n    return this.handle.getBindGroupLayout(0);\n  }\n}\n"],"mappings":"AACA,SAAQA,eAAe,EAAwBC,IAAI,QAAO,eAAe;AAQzE,OAAO,MAAMC,qBAAqB,SAASF,eAAe,CAAC;EAIzDG,WAAWA,CAACC,MAAoB,EAAEC,KAA2B,EAAE;IAC7D,KAAK,CAACD,MAAM,EAAEC,KAAK,CAAC;IAAC,KAJvBD,MAAM;IAAA,KACNE,MAAM;IAIJ,IAAI,CAACF,MAAM,GAAGA,MAAM;IAEpB,MAAMG,MAAM,GAAGN,IAAI,CAAe,IAAI,CAACI,KAAK,CAACG,EAAE,CAAC,CAACF,MAAM;IACvD,IAAI,CAACA,MAAM,GAAG,IAAI,CAACD,KAAK,CAACC,MAAM,IAAI,IAAI,CAACF,MAAM,CAACE,MAAM,CAACG,qBAAqB,CAAC;MAC1EC,KAAK,EAAE,IAAI,CAACL,KAAK,CAACM,EAAE;MACpBC,OAAO,EAAE;QACPL,MAAM;QACNM,UAAU,EAAE,IAAI,CAACR,KAAK,CAACS;MAEzB,CAAC;MACDC,MAAM,EAAE;IACV,CAAC,CAAC;EACJ;EAGAC,mBAAmBA,CAAA,EAAG;IAEpB,OAAO,IAAI,CAACV,MAAM,CAACW,kBAAkB,CAAC,CAAC,CAAC;EAC1C;AACF"}

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

@@ -1,12 +1,12 @@
-/// <reference types="@webgpu/types" />
-import { ExternalTexture, ExternalTextureProps, Sampler, SamplerProps } from '@luma.gl/api';
-import type WebGPUDevice from '../webgpu-device';
-import WebGPUSampler from './webgpu-sampler';
+/// <reference types="dist" />
+import { ExternalTexture, ExternalTextureProps, Sampler, SamplerProps } from '@luma.gl/core';
+import type { WebGPUDevice } from '../webgpu-device';
+import { WebGPUSampler } from './webgpu-sampler';
 /**
  * Cheap, temporary texture view for videos
  * Only valid within same callback, destroyed automatically as a microtask.
  */
-export default class WebGPUExternalTexture extends ExternalTexture {
+export declare class WebGPUExternalTexture extends ExternalTexture {
     readonly device: WebGPUDevice;
     readonly handle: GPUExternalTexture;
     sampler: WebGPUSampler;

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

@@ -1 +1 @@
-{"version":3,"file":"webgpu-external-texture.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgpu-external-texture.ts"],"names":[],"mappings":";AACA,OAAO,EAAC,eAAe,EAAE,oBAAoB,EAAE,OAAO,EAAE,YAAY,EAAC,MAAM,cAAc,CAAC;AAC1F,OAAO,KAAK,YAAY,MAAM,kBAAkB,CAAC;AACjD,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,eAAe;IAChE,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,kBAAkB,CAAC;IACpC,OAAO,EAAE,aAAa,CAAC;gBAEX,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,oBAAoB;IAU7D,OAAO,IAAI,IAAI;IAMf,0BAA0B;IAC1B,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,YAAY,GAAG,IAAI;CAKlD"}
+{"version":3,"file":"webgpu-external-texture.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgpu-external-texture.ts"],"names":[],"mappings":";AACA,OAAO,EAAC,eAAe,EAAE,oBAAoB,EAAE,OAAO,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AAC3F,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE/C;;;GAGG;AACH,qBAAa,qBAAsB,SAAQ,eAAe;IACxD,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,kBAAkB,CAAC;IACpC,OAAO,EAAE,aAAa,CAAC;gBAEX,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,oBAAoB;IAUpD,OAAO,IAAI,IAAI;IAMxB,0BAA0B;IAC1B,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,YAAY,GAAG,IAAI;CAKlD"}

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

@@ -1,16 +1,11 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { ExternalTexture } from '@luma.gl/api';
-import WebGPUSampler from './webgpu-sampler';
-export default class WebGPUExternalTexture extends ExternalTexture {
+import { ExternalTexture } from '@luma.gl/core';
+import { WebGPUSampler } from "./webgpu-sampler.js";
+export class WebGPUExternalTexture extends ExternalTexture {
   constructor(device, props) {
     super(device, props);
-
-    _defineProperty(this, "device", void 0);
-
-    _defineProperty(this, "handle", void 0);
-
-    _defineProperty(this, "sampler", void 0);
-
+    this.device = void 0;
+    this.handle = void 0;
+    this.sampler = void 0;
     this.device = device;
     this.handle = this.props.handle || this.device.handle.importExternalTexture({
       source: props.source,
@@ -18,13 +13,10 @@ export default class WebGPUExternalTexture extends ExternalTexture {
     });
     this.sampler = null;
   }
-
   destroy() {}
-
   setSampler(sampler) {
     this.sampler = sampler instanceof WebGPUSampler ? sampler : new WebGPUSampler(this.device, sampler);
     return this;
   }
-
 }
 //# sourceMappingURL=webgpu-external-texture.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/adapter/resources/webgpu-external-texture.ts"],"names":["ExternalTexture","WebGPUSampler","WebGPUExternalTexture","constructor","device","props","handle","importExternalTexture","source","colorSpace","sampler","destroy","setSampler"],"mappings":";AACA,SAAQA,eAAR,QAA2E,cAA3E;AAEA,OAAOC,aAAP,MAA0B,kBAA1B;AAMA,eAAe,MAAMC,qBAAN,SAAoCF,eAApC,CAAoD;AAKjEG,EAAAA,WAAW,CAACC,MAAD,EAAuBC,KAAvB,EAAoD;AAC7D,UAAMD,MAAN,EAAcC,KAAd;;AAD6D;;AAAA;;AAAA;;AAE7D,SAAKD,MAAL,GAAcA,MAAd;AACA,SAAKE,MAAL,GAAc,KAAKD,KAAL,CAAWC,MAAX,IAAqB,KAAKF,MAAL,CAAYE,MAAZ,CAAmBC,qBAAnB,CAAyC;AAC1EC,MAAAA,MAAM,EAAEH,KAAK,CAACG,MAD4D;AAE1EC,MAAAA,UAAU,EAAEJ,KAAK,CAACI;AAFwD,KAAzC,CAAnC;AAIA,SAAKC,OAAL,GAAe,IAAf;AACD;;AAEDC,EAAAA,OAAO,GAAS,CAIf;;AAGDC,EAAAA,UAAU,CAACF,OAAD,EAAwC;AAEhD,SAAKA,OAAL,GAAeA,OAAO,YAAYT,aAAnB,GAAmCS,OAAnC,GAA6C,IAAIT,aAAJ,CAAkB,KAAKG,MAAvB,EAA+BM,OAA/B,CAA5D;AACA,WAAO,IAAP;AACD;;AA1BgE","sourcesContent":["// luma.gl, MIT license\nimport {ExternalTexture, ExternalTextureProps, Sampler, SamplerProps} from '@luma.gl/api';\nimport type WebGPUDevice from '../webgpu-device';\nimport WebGPUSampler from './webgpu-sampler';\n\n/**\n * Cheap, temporary texture view for videos\n * Only valid within same callback, destroyed automatically as a microtask.\n */\nexport default class WebGPUExternalTexture extends ExternalTexture {\n  readonly device: WebGPUDevice;\n  readonly handle: GPUExternalTexture;\n  sampler: WebGPUSampler;\n\n  constructor(device: WebGPUDevice, props: ExternalTextureProps) {\n    super(device, props);\n    this.device = device;\n    this.handle = this.props.handle || this.device.handle.importExternalTexture({\n      source: props.source,\n      colorSpace: props.colorSpace\n    });\n    this.sampler = null;\n  }\n\n  destroy(): void {\n    // External textures are destroyed automatically,\n    // as a microtask, instead of manually or upon garbage collection like other resources.\n    // this.handle.destroy();\n  }\n\n  /** Set default sampler */\n  setSampler(sampler: Sampler | SamplerProps): this {\n    // We can accept a sampler instance or set of props;\n    this.sampler = sampler instanceof WebGPUSampler ? sampler : new WebGPUSampler(this.device, sampler);\n    return this;\n  }\n}\n"],"file":"webgpu-external-texture.js"}
+{"version":3,"file":"webgpu-external-texture.js","names":["ExternalTexture","WebGPUSampler","WebGPUExternalTexture","constructor","device","props","handle","sampler","importExternalTexture","source","colorSpace","destroy","setSampler"],"sources":["../../../src/adapter/resources/webgpu-external-texture.ts"],"sourcesContent":["// luma.gl, MIT license\nimport {ExternalTexture, ExternalTextureProps, Sampler, SamplerProps} from '@luma.gl/core';\nimport type {WebGPUDevice} from '../webgpu-device';\nimport {WebGPUSampler} from './webgpu-sampler';\n\n/**\n * Cheap, temporary texture view for videos\n * Only valid within same callback, destroyed automatically as a microtask.\n */\nexport class WebGPUExternalTexture extends ExternalTexture {\n  readonly device: WebGPUDevice;\n  readonly handle: GPUExternalTexture;\n  sampler: WebGPUSampler;\n\n  constructor(device: WebGPUDevice, props: ExternalTextureProps) {\n    super(device, props);\n    this.device = device;\n    this.handle = this.props.handle || this.device.handle.importExternalTexture({\n      source: props.source,\n      colorSpace: props.colorSpace\n    });\n    this.sampler = null;\n  }\n\n  override destroy(): void {\n    // External textures are destroyed automatically,\n    // as a microtask, instead of manually or upon garbage collection like other resources.\n    // this.handle.destroy();\n  }\n\n  /** Set default sampler */\n  setSampler(sampler: Sampler | SamplerProps): this {\n    // We can accept a sampler instance or set of props;\n    this.sampler = sampler instanceof WebGPUSampler ? sampler : new WebGPUSampler(this.device, sampler);\n    return this;\n  }\n}\n"],"mappings":"AACA,SAAQA,eAAe,QAAoD,eAAe;AAAC,SAEnFC,aAAa;AAMrB,OAAO,MAAMC,qBAAqB,SAASF,eAAe,CAAC;EAKzDG,WAAWA,CAACC,MAAoB,EAAEC,KAA2B,EAAE;IAC7D,KAAK,CAACD,MAAM,EAAEC,KAAK,CAAC;IAAC,KALdD,MAAM;IAAA,KACNE,MAAM;IAAA,KACfC,OAAO;IAIL,IAAI,CAACH,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACE,MAAM,GAAG,IAAI,CAACD,KAAK,CAACC,MAAM,IAAI,IAAI,CAACF,MAAM,CAACE,MAAM,CAACE,qBAAqB,CAAC;MAC1EC,MAAM,EAAEJ,KAAK,CAACI,MAAM;MACpBC,UAAU,EAAEL,KAAK,CAACK;IACpB,CAAC,CAAC;IACF,IAAI,CAACH,OAAO,GAAG,IAAI;EACrB;EAESI,OAAOA,CAAA,EAAS,CAIzB;EAGAC,UAAUA,CAACL,OAA+B,EAAQ;IAEhD,IAAI,CAACA,OAAO,GAAGA,OAAO,YAAYN,aAAa,GAAGM,OAAO,GAAG,IAAIN,aAAa,CAAC,IAAI,CAACG,MAAM,EAAEG,OAAO,CAAC;IACnG,OAAO,IAAI;EACb;AACF"}

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

@@ -1,29 +1,12 @@
-/// <reference types="@webgpu/types" />
-import type { FramebufferProps } from '@luma.gl/api';
-import { Framebuffer } from '@luma.gl/api';
-import WebGPUDevice from '../webgpu-device';
-import WebGPUTexture from './webgpu-texture';
+import type { FramebufferProps } from '@luma.gl/core';
+import { Framebuffer } from '@luma.gl/core';
+import { WebGPUDevice } from '../webgpu-device';
 /**
  * Create new textures with correct size for all attachments.
  * @note resize() destroys existing textures (if size has changed).
  */
-export default class WebGPUFramebuffer extends Framebuffer {
+export declare class WebGPUFramebuffer extends Framebuffer {
     readonly device: WebGPUDevice;
-    colorAttachments: WebGPUTexture[];
-    depthStencilAttachment: WebGPUTexture;
-    /** Partial render pass descriptor. Used by WebGPURenderPass */
-    renderPassDescriptor: {
-        colorAttachments: GPURenderPassColorAttachment[];
-        depthStencilAttachment?: GPURenderPassDepthStencilAttachment;
-    };
     constructor(device: WebGPUDevice, props: FramebufferProps);
-    /** Create depth stencil texture */
-    private createDepthStencilTexture;
-    private createColorTexture;
-    /**
-     * Create new textures with correct size for all attachments.
-     * @note destroys existing textures.
-     */
-    protected _resizeAttachments(width: number, height: number): void;
 }
 //# sourceMappingURL=webgpu-framebuffer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"webgpu-framebuffer.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgpu-framebuffer.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAC,gBAAgB,EAAqB,MAAM,cAAc,CAAC;AACvE,OAAO,EAAC,WAAW,EAAU,MAAM,cAAc,CAAC;AAClD,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAG5C,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAM7C;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,WAAW;IACxD,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;IAE9B,gBAAgB,EAAE,aAAa,EAAE,CAAM;IACvC,sBAAsB,EAAE,aAAa,CAAC;IAEtC,+DAA+D;IAC/D,oBAAoB,EAAE;QACpB,gBAAgB,EAAE,4BAA4B,EAAE,CAAC;QACjD,sBAAsB,CAAC,EAAE,mCAAmC,CAAC;KAC9D,CAEC;gBAEU,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,gBAAgB;IAgCzD,mCAAmC;IACnC,OAAO,CAAC,yBAAyB;IAkBjC,OAAO,CAAC,kBAAkB;IAkB1B;;;OAGG;IACF,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;CAiBnE"}
+{"version":3,"file":"webgpu-framebuffer.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgpu-framebuffer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AACpD,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAE9C;;;GAGG;AACH,qBAAa,iBAAkB,SAAQ,WAAW;IAChD,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;gBAElB,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,gBAAgB;CAO1D"}

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

@@ -1,111 +1,10 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { Framebuffer, Texture } from '@luma.gl/api';
-import WEBGPUTexture from './webgpu-texture';
-const MAX_COLOR_ATTACHMENTS = 8;
-export default class WebGPUFramebuffer extends Framebuffer {
+import { Framebuffer } from '@luma.gl/core';
+export class WebGPUFramebuffer extends Framebuffer {
   constructor(device, props) {
     super(device, props);
-
-    _defineProperty(this, "device", void 0);
-
-    _defineProperty(this, "colorAttachments", []);
-
-    _defineProperty(this, "depthStencilAttachment", void 0);
-
-    _defineProperty(this, "renderPassDescriptor", {
-      colorAttachments: []
-    });
-
+    this.device = void 0;
     this.device = device;
-
-    if (props.depthStencilAttachment) {
-      this.depthStencilAttachment = this.createDepthStencilTexture(props);
-    }
-
-    if (props.colorAttachments) {
-      this.colorAttachments = props.colorAttachments.map(colorAttachment => this.createColorTexture(this.props, colorAttachment));
-    }
-
-    if (this.depthStencilAttachment) {
-      this.renderPassDescriptor.depthStencilAttachment = {
-        view: this.depthStencilAttachment.handle.createView(),
-        depthLoadValue: 1.0,
-        depthStoreOp: 'store',
-        stencilLoadValue: 0,
-        stencilStoreOp: 'store'
-      };
-    }
-
-    if (this.colorAttachments.length > 0) {
-      this.renderPassDescriptor.colorAttachments = this.colorAttachments.map(colorAttachment => ({
-        view: colorAttachment.handle.createView(),
-        loadValue: [0.0, 0.0, 0.0, 0.0],
-        storeOp: 'store'
-      }));
-    }
+    this.autoCreateAttachmentTextures();
   }
-
-  createDepthStencilTexture(props) {
-    if (props.depthStencilAttachment instanceof WEBGPUTexture) {
-      return props.depthStencilAttachment;
-    }
-
-    if (typeof props.depthStencilAttachment === 'string') {
-      return this.device._createTexture({
-        id: 'depth-stencil-attachment',
-        format: props.depthStencilAttachment,
-        width: props.width,
-        height: props.height,
-        usage: Texture.RENDER_ATTACHMENT
-      });
-    }
-
-    throw new Error('type');
-  }
-
-  createColorTexture(props, texture) {
-    if (texture instanceof WEBGPUTexture) {
-      return texture;
-    }
-
-    if (typeof texture === 'string') {
-      return this.device._createTexture({
-        id: 'color-attachment',
-        format: texture,
-        width: props.width,
-        height: props.height,
-        usage: Texture.RENDER_ATTACHMENT
-      });
-    }
-
-    throw new Error('type');
-  }
-
-  _resizeAttachments(width, height) {
-    for (let i = 0; i < this.colorAttachments.length; ++i) {
-      if (this.colorAttachments[i]) {
-        const resizedTexture = this.device._createTexture({ ...this.colorAttachments[i].props,
-          width,
-          height
-        });
-
-        this.colorAttachments[i].destroy();
-        this.colorAttachments[i] = resizedTexture;
-        this.renderPassDescriptor.colorAttachments[i].view = resizedTexture.handle.createView();
-      }
-    }
-
-    if (this.depthStencilAttachment) {
-      const resizedTexture = this.device._createTexture({ ...this.depthStencilAttachment.props,
-        width,
-        height
-      });
-
-      this.depthStencilAttachment.destroy();
-      this.depthStencilAttachment = resizedTexture;
-      this.renderPassDescriptor.depthStencilAttachment.view = resizedTexture.handle.createView();
-    }
-  }
-
 }
 //# sourceMappingURL=webgpu-framebuffer.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/adapter/resources/webgpu-framebuffer.ts"],"names":["Framebuffer","Texture","WEBGPUTexture","MAX_COLOR_ATTACHMENTS","WebGPUFramebuffer","constructor","device","props","colorAttachments","depthStencilAttachment","createDepthStencilTexture","map","colorAttachment","createColorTexture","renderPassDescriptor","view","handle","createView","depthLoadValue","depthStoreOp","stencilLoadValue","stencilStoreOp","length","loadValue","storeOp","_createTexture","id","format","width","height","usage","RENDER_ATTACHMENT","Error","texture","_resizeAttachments","i","resizedTexture","destroy"],"mappings":"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","sourcesContent":["import type {FramebufferProps, ColorTextureFormat} from '@luma.gl/api';\nimport {Framebuffer, Texture} from '@luma.gl/api';\nimport WebGPUDevice from '../webgpu-device';\n// import WebGPUCanvasContext from '../webgpu-canvas-context';\nimport WEBGPUTexture from './webgpu-texture';\nimport WebGPUTexture from './webgpu-texture';\n\n// const DEFAULT_DEPTH_STENCIL_FORMAT: DepthStencilTextureFormat = 'depth24plus';\n\nconst MAX_COLOR_ATTACHMENTS = 8;\n\n/**\n * Create new textures with correct size for all attachments. \n * @note resize() destroys existing textures (if size has changed). \n */\nexport default class WebGPUFramebuffer extends Framebuffer {\n  readonly device: WebGPUDevice;\n\n  colorAttachments: WebGPUTexture[] = [];\n  depthStencilAttachment: WebGPUTexture;\n\n  /** Partial render pass descriptor. Used by WebGPURenderPass */\n  renderPassDescriptor: {\n    colorAttachments: GPURenderPassColorAttachment[];\n    depthStencilAttachment?: GPURenderPassDepthStencilAttachment;\n  } = {\n    colorAttachments: []\n  };\n\n  constructor(device: WebGPUDevice, props: FramebufferProps) {\n    super(device, props);\n    this.device = device;\n\n    if (props.depthStencilAttachment) {\n      this.depthStencilAttachment = this.createDepthStencilTexture(props);\n    }\n\n    if (props.colorAttachments) {\n      this.colorAttachments = props.colorAttachments.map(colorAttachment => this.createColorTexture(this.props, colorAttachment));\n    }\n\n    if (this.depthStencilAttachment) {\n      this.renderPassDescriptor.depthStencilAttachment = {\n        view: this.depthStencilAttachment.handle.createView(),\n        // Add default clear values\n        depthLoadValue: 1.0,\n        depthStoreOp: 'store',\n        stencilLoadValue: 0,\n        stencilStoreOp: 'store',\n      }\n    }\n\n    if (this.colorAttachments.length > 0) {\n      this.renderPassDescriptor.colorAttachments = this.colorAttachments.map(colorAttachment => ({\n        view: colorAttachment.handle.createView(),\n        loadValue: [0.0, 0.0, 0.0, 0.0],\n        storeOp: 'store'\n      }));\n    }\n  }\n\n  /** Create depth stencil texture */\n  private createDepthStencilTexture(props: FramebufferProps): WEBGPUTexture {\n    if (props.depthStencilAttachment instanceof WEBGPUTexture) {\n      return props.depthStencilAttachment;\n    }\n\n    if (typeof props.depthStencilAttachment === 'string') {\n      return this.device._createTexture({\n        id: 'depth-stencil-attachment',\n        format: props.depthStencilAttachment,\n        width: props.width,\n        height: props.height,\n        usage: Texture.RENDER_ATTACHMENT\n      });\n    }\n\n    throw new Error('type');\n  }\n\n  private createColorTexture(props: FramebufferProps, texture: Texture | ColorTextureFormat): WEBGPUTexture {\n    if (texture instanceof WEBGPUTexture) {\n      return texture;\n    }\n\n    if (typeof texture === 'string') {\n      return this.device._createTexture({\n        id: 'color-attachment',\n        format: texture,\n        width: props.width,\n        height: props.height,\n        usage: Texture.RENDER_ATTACHMENT\n      });\n    }\n\n    throw new Error('type');\n  }\n\n  /**\n   * Create new textures with correct size for all attachments.\n   * @note destroys existing textures.\n   */\n   protected _resizeAttachments(width: number, height: number): void {\n    for (let i = 0; i < this.colorAttachments.length; ++i) {\n      if (this.colorAttachments[i]) {\n        const resizedTexture = this.device._createTexture({...this.colorAttachments[i].props, width, height})\n        this.colorAttachments[i].destroy();\n        this.colorAttachments[i] = resizedTexture;\n        this.renderPassDescriptor.colorAttachments[i].view = resizedTexture.handle.createView();\n      }\n    }\n\n    if (this.depthStencilAttachment) {\n       const resizedTexture = this.device._createTexture({...this.depthStencilAttachment.props, width, height})\n       this.depthStencilAttachment.destroy();\n       this.depthStencilAttachment = resizedTexture;\n       this.renderPassDescriptor.depthStencilAttachment.view = resizedTexture.handle.createView();\n    }\n  }\n}\n"],"file":"webgpu-framebuffer.js"}
+{"version":3,"file":"webgpu-framebuffer.js","names":["Framebuffer","WebGPUFramebuffer","constructor","device","props","autoCreateAttachmentTextures"],"sources":["../../../src/adapter/resources/webgpu-framebuffer.ts"],"sourcesContent":["import type {FramebufferProps} from '@luma.gl/core';\nimport {Framebuffer} from '@luma.gl/core';\nimport {WebGPUDevice} from '../webgpu-device';\n\n/**\n * Create new textures with correct size for all attachments.\n * @note resize() destroys existing textures (if size has changed).\n */\nexport class WebGPUFramebuffer extends Framebuffer {\n  readonly device: WebGPUDevice;\n\n  constructor(device: WebGPUDevice, props: FramebufferProps) {\n    super(device, props);\n    this.device = device;\n\n    // Auto create textures for attachments if needed\n    this.autoCreateAttachmentTextures();\n  }\n}\n"],"mappings":"AACA,SAAQA,WAAW,QAAO,eAAe;AAOzC,OAAO,MAAMC,iBAAiB,SAASD,WAAW,CAAC;EAGjDE,WAAWA,CAACC,MAAoB,EAAEC,KAAuB,EAAE;IACzD,KAAK,CAACD,MAAM,EAAEC,KAAK,CAAC;IAAC,KAHdD,MAAM;IAIb,IAAI,CAACA,MAAM,GAAGA,MAAM;IAGpB,IAAI,CAACE,4BAA4B,CAAC,CAAC;EACrC;AACF"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"webgpu-query.js"}
+{"version":3,"file":"webgpu-query.js","names":[],"sources":["../../../src/adapter/resources/webgpu-query.ts"],"sourcesContent":["/*\nimport {Resource, Query, QueryProps} from '@luma.gl/core';\nimport {WebGPUDevice} from '../webgpu-device';\n\nexport type WebGPUQueryProps = QueryProps & {\n  handle?: any;\n};\n\nconst DEFAULT_QUERY_PROPS: Required<WebGPUQueryProps> = {\n  id: undefined,\n  handle: undefined,\n  userData: undefined,\n  type: 'timestamp',\n  count: 1,\n  pipelineStatistics: []\n};\n\n/**\n * Immutable\n *\nclass WebGPUQuery extends Resource<WebGPUQueryProps> implements Query {\n  readonly device: WebGPUDevice;\n  readonly handle: GPUQuerySet;\n\n  constructor(device: WebGPUDevice, props: WebGPUQueryProps) {\n    super(device, props, DEFAULT_QUERY_PROPS);\n    this.handle = this.props.handle as GPUQuerySet || this.createHandle();\n    this.handle.label = this.props.id;\n  }\n\n  protected createHandle() {\n    return this.device.handle.createQuerySet({\n      type: this.props.type,\n      count: this.props.count,\n      pipelineStatistics: this.props.pipelineStatistics\n    });\n  }\n\n  override destroy(): void {\n    this.handle.destroy();\n  }\n}\n*/"],"mappings":""}

package/dist/adapter/resources/webgpu-render-pass.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="@webgpu/types" />
-import type { RenderPassProps, RenderPassParameters, Binding } from '@luma.gl/api';
-import { Buffer, RenderPass, RenderPipeline } from '@luma.gl/api';
-import WebGPUDevice from '../webgpu-device';
-import WebGPURenderPipeline from './webgpu-render-pipeline';
-export default class WebGPURenderPass extends RenderPass {
+/// <reference types="dist" />
+import type { RenderPassProps, RenderPassParameters, Binding, Framebuffer } from '@luma.gl/core';
+import { Buffer, RenderPass, RenderPipeline } from '@luma.gl/core';
+import { WebGPUDevice } from '../webgpu-device';
+import { WebGPURenderPipeline } from './webgpu-render-pipeline';
+export declare class WebGPURenderPass extends RenderPass {
     readonly device: WebGPUDevice;
     readonly handle: GPURenderPassEncoder;
     /** Active pipeline */
     pipeline: WebGPURenderPipeline | null;
     constructor(device: WebGPUDevice, props?: RenderPassProps);
     destroy(): void;
-    endPass(): void;
+    end(): void;
     setPipeline(pipeline: RenderPipeline): void;
     /** Sets an array of bindings (uniform buffers, samplers, textures, ...) */
     setBindings(bindings: Record<string, Binding>): void;
@@ -30,5 +30,10 @@ export default class WebGPURenderPass extends RenderPass {
     pushDebugGroup(groupLabel: string): void;
     popDebugGroup(): void;
     insertDebugMarker(markerLabel: string): void;
+    /**
+     * Partial render pass descriptor. Used by WebGPURenderPass.
+     * @returns attachments fields of a renderpass descriptor.
+     */
+    protected getRenderPassDescriptor(framebuffer: Framebuffer): GPURenderPassDescriptor;
 }
 //# sourceMappingURL=webgpu-render-pass.d.ts.map

package/dist/adapter/resources/webgpu-render-pass.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webgpu-render-pass.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgpu-render-pass.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAC,eAAe,EAAE,oBAAoB,EAAE,OAAO,EAAC,MAAM,cAAc,CAAC;AACjF,OAAO,EAAC,MAAM,EAAE,UAAU,EAAE,cAAc,EAAY,MAAM,cAAc,CAAC;AAC3E,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAG5C,OAAO,oBAAoB,MAAM,0BAA0B,CAAC;AAE5D,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,UAAU;IACtD,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,oBAAoB,CAAC;IAEtC,sBAAsB;IACtB,QAAQ,EAAE,oBAAoB,GAAG,IAAI,CAAQ;gBAEjC,MAAM,EAAE,YAAY,EAAE,KAAK,GAAE,eAAoB;IAU7D,OAAO;IAEP,OAAO,IAAI,IAAI;IAIf,WAAW,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI;IAK3C,2EAA2E;IAC3E,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAKpD,cAAc,CACZ,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,cAAc,EAC3B,MAAM,GAAE,MAAU,EAClB,IAAI,CAAC,EAAE,MAAM,GACZ,IAAI;IAIP,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAE,MAAU,GAAG,IAAI;IAIvE,IAAI,CAAC,OAAO,EAAE;QACZ,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,GAAG,IAAI;IAmBR,YAAY,IAAI,IAAI;IAKpB,aAAa,CAAC,UAAU,EAAE,oBAAoB,GAAG,IAAI;IAwBrD,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAGxC,aAAa,IAAI,IAAI;IAGrB,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;CAW7C"}
+{"version":3,"file":"webgpu-render-pass.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgpu-render-pass.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAC,eAAe,EAAE,oBAAoB,EAAE,OAAO,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAC/F,OAAO,EAAC,MAAM,EAAE,UAAU,EAAE,cAAc,EAAY,MAAM,eAAe,CAAC;AAC5E,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAI9C,OAAO,EAAC,oBAAoB,EAAC,MAAM,0BAA0B,CAAC;AAE9D,qBAAa,gBAAiB,SAAQ,UAAU;IAC9C,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,oBAAoB,CAAC;IAEtC,sBAAsB;IACtB,QAAQ,EAAE,oBAAoB,GAAG,IAAI,CAAQ;gBAEjC,MAAM,EAAE,YAAY,EAAE,KAAK,GAAE,eAAoB;IAYpD,OAAO,IAAI,IAAI;IAExB,GAAG,IAAI,IAAI;IAIX,WAAW,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI;IAK3C,2EAA2E;IAC3E,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAQpD,cAAc,CACZ,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,cAAc,EAC3B,MAAM,GAAE,MAAU,EAClB,IAAI,CAAC,EAAE,MAAM,GACZ,IAAI;IAIP,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAE,MAAU,GAAG,IAAI;IAIvE,IAAI,CAAC,OAAO,EAAE;QACZ,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,GAAG,IAAI;IAmBR,YAAY,IAAI,IAAI;IAKpB,aAAa,CAAC,UAAU,EAAE,oBAAoB,GAAG,IAAI;IAwBrD,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAGxC,aAAa,IAAI,IAAI;IAGrB,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;IAc5C;;;OAGG;IACH,SAAS,CAAC,uBAAuB,CAAC,WAAW,EAAE,WAAW,GAAG,uBAAuB;CA2CrF"}

package/dist/adapter/resources/webgpu-render-pass.js

@@ -1,56 +1,53 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { RenderPass, cast } from '@luma.gl/api';
-export default class WebGPURenderPass extends RenderPass {
-  constructor(device, props = {}) {
+import { RenderPass, cast, log } from '@luma.gl/core';
+export class WebGPURenderPass extends RenderPass {
+  constructor(device) {
+    let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     super(device, props);
-
-    _defineProperty(this, "device", void 0);
-
-    _defineProperty(this, "handle", void 0);
-
-    _defineProperty(this, "pipeline", null);
-
+    this.device = void 0;
+    this.handle = void 0;
+    this.pipeline = null;
     this.device = device;
     const framebuffer = props.framebuffer || device.canvasContext.getCurrentFramebuffer();
-    const renderPassDescriptor = framebuffer.renderPassDescriptor;
+    const renderPassDescriptor = this.getRenderPassDescriptor(framebuffer);
+    log.groupCollapsed(1, `new WebGPURenderPass(${this.id})`)();
+    log.probe(1, JSON.stringify(renderPassDescriptor, null, 2))();
+    log.groupEnd(1)();
     this.handle = this.props.handle || device.commandEncoder.beginRenderPass(renderPassDescriptor);
     this.handle.label = this.props.id;
   }
-
   destroy() {}
-
-  endPass() {
-    this.handle.endPass();
+  end() {
+    this.handle.end();
   }
-
   setPipeline(pipeline) {
     this.pipeline = cast(pipeline);
     this.handle.setPipeline(this.pipeline.handle);
   }
-
   setBindings(bindings) {
-    this.pipeline.setBindings(bindings);
-    this.handle.setBindGroup(0, this.pipeline._getBindGroup());
+    var _this$pipeline, _this$pipeline2;
+    (_this$pipeline = this.pipeline) === null || _this$pipeline === void 0 ? void 0 : _this$pipeline.setBindings(bindings);
+    const bindGroup = (_this$pipeline2 = this.pipeline) === null || _this$pipeline2 === void 0 ? void 0 : _this$pipeline2._getBindGroup();
+    if (bindGroup) {
+      this.handle.setBindGroup(0, bindGroup);
+    }
   }
-
-  setIndexBuffer(buffer, indexFormat, offset = 0, size) {
+  setIndexBuffer(buffer, indexFormat) {
+    let offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+    let size = arguments.length > 3 ? arguments[3] : undefined;
     this.handle.setIndexBuffer(cast(buffer).handle, indexFormat, offset, size);
   }
-
-  setVertexBuffer(slot, buffer, offset = 0) {
+  setVertexBuffer(slot, buffer) {
+    let offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
     this.handle.setVertexBuffer(slot, cast(buffer).handle, offset);
   }
-
   draw(options) {
     if (options.indexCount) {
       this.handle.drawIndexed(options.indexCount, options.instanceCount, options.firstIndex, options.baseVertex, options.firstInstance);
     } else {
-      this.handle.draw(options.vertexCount, options.instanceCount, options.firstIndex, options.firstInstance);
+      this.handle.draw(options.vertexCount || 0, options.instanceCount || 1, options.firstIndex, options.firstInstance);
     }
   }
-
   drawIndirect() {}
-
   setParameters(parameters) {
     const {
       blendConstant,
@@ -58,35 +55,61 @@ export default class WebGPURenderPass extends RenderPass {
       scissorRect,
       viewport
     } = parameters;
-
     if (blendConstant) {
       this.handle.setBlendConstant(blendConstant);
     }
-
     if (stencilReference) {
       this.handle.setStencilReference(stencilReference);
     }
-
     if (scissorRect) {
       this.handle.setScissorRect(scissorRect[0], scissorRect[1], scissorRect[2], scissorRect[3]);
     }
-
     if (viewport) {
       this.handle.setViewport(viewport[0], viewport[1], viewport[2], viewport[3], viewport[4], viewport[5]);
     }
   }
-
   pushDebugGroup(groupLabel) {
     this.handle.pushDebugGroup(groupLabel);
   }
-
   popDebugGroup() {
     this.handle.popDebugGroup();
   }
-
   insertDebugMarker(markerLabel) {
     this.handle.insertDebugMarker(markerLabel);
   }
-
+  getRenderPassDescriptor(framebuffer) {
+    const renderPassDescriptor = {
+      colorAttachments: []
+    };
+    renderPassDescriptor.colorAttachments = framebuffer.colorAttachments.map(colorAttachment => ({
+      loadOp: this.props.clearColor !== false ? 'clear' : 'load',
+      colorClearValue: this.props.clearColor || [0, 0, 0, 0],
+      storeOp: this.props.discard ? 'discard' : 'store',
+      view: colorAttachment.handle.createView()
+    }));
+    if (framebuffer.depthStencilAttachment) {
+      renderPassDescriptor.depthStencilAttachment = {
+        view: framebuffer.depthStencilAttachment.handle.createView()
+      };
+      const {
+        depthStencilAttachment
+      } = renderPassDescriptor;
+      if (this.props.depthReadOnly) {
+        depthStencilAttachment.depthReadOnly = true;
+      }
+      depthStencilAttachment.depthClearValue = this.props.clearDepth || 0;
+      const hasDepthAspect = true;
+      if (hasDepthAspect) {
+        depthStencilAttachment.depthLoadOp = this.props.clearDepth !== false ? 'clear' : 'load';
+        depthStencilAttachment.depthStoreOp = 'store';
+      }
+      const hasStencilAspect = false;
+      if (hasStencilAspect) {
+        depthStencilAttachment.stencilLoadOp = this.props.clearStencil !== false ? 'clear' : 'load';
+        depthStencilAttachment.stencilStoreOp = 'store';
+      }
+    }
+    return renderPassDescriptor;
+  }
 }
 //# sourceMappingURL=webgpu-render-pass.js.map