@luma.gl/webgpu 9.0.0-alpha.14 → 9.0.0-alpha.16

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

@@ -1,58 +1,54 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { ComputePass, cast } from '@luma.gl/api';
 export default 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", null);
-
-    this.device = device;
-    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();
-  }
-
-  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);
-  }
-
-  dispatchIndirect(indirectBuffer, indirectOffset = 0) {
-    this.handle.dispatchIndirect(cast(indirectBuffer).handle, indirectOffset);
-  }
-
-  pushDebugGroup(groupLabel) {
-    this.handle.pushDebugGroup(groupLabel);
-  }
-
-  popDebugGroup() {
-    this.handle.popDebugGroup();
-  }
-
-  insertDebugMarker(markerLabel) {
-    this.handle.insertDebugMarker(markerLabel);
-  }
-
+    constructor(device, props) {
+        super(device, props);
+        this._bindGroupLayout = null;
+        this.device = device;
+        this.handle = this.props.handle || device.commandEncoder?.beginComputePass({
+            label: this.props.id,
+            // timestampWrites?: GPUComputePassTimestampWrites;
+        });
+    }
+    /** @note no WebGPU destroy method, just gc */
+    destroy() { }
+    end() {
+        this.handle.end();
+    }
+    setPipeline(pipeline) {
+        const wgpuPipeline = cast(pipeline);
+        this.handle.setPipeline(wgpuPipeline.handle);
+        this._bindGroupLayout = wgpuPipeline._getBindGroupLayout();
+    }
+    /** Sets an array of bindings (uniform buffers, samplers, textures, ...) */
+    setBindings(bindings) {
+        throw new Error('fix me');
+        // const bindGroup = getBindGroup(this.device.handle, this._bindGroupLayout, this.props.bindings);
+        // this.handle.setBindGroup(0, bindGroup);
+    }
+    /**
+     * Dispatch work to be performed with the current ComputePipeline.
+     * @param x X dimension of the grid of workgroups to dispatch.
+     * @param y Y dimension of the grid of workgroups to dispatch.
+     * @param z Z dimension of the grid of workgroups to dispatch.
+     */
+    dispatch(x, y, z) {
+        this.handle.dispatchWorkgroups(x, y, z);
+    }
+    /**
+     * Dispatch work to be performed with the current ComputePipeline.
+     * @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()
+     * @param indirectOffset
+     */
+    dispatchIndirect(indirectBuffer, indirectOffset = 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-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,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;IAgB7D,wCAAwC;IACxC,mBAAmB;CAIpB"}

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

@@ -1,27 +1,25 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+// prettier-ignore
 import { ComputePipeline, cast } from '@luma.gl/api';
+// COMPUTE PIPELINE
+/** Creates a new compute pipeline when parameters change */
 export default class WebGPUComputePipeline extends ComputePipeline {
-  constructor(device, props) {
-    super(device, props);
-
-    _defineProperty(this, "device", void 0);
-
-    _defineProperty(this, "handle", void 0);
-
-    this.device = device;
-    const module = cast(this.props.cs).handle;
-    this.handle = this.props.handle || this.device.handle.createComputePipeline({
-      label: this.props.id,
-      compute: {
-        module,
-        entryPoint: this.props.csEntryPoint
-      }
-    });
-  }
-
-  _getBindGroupLayout() {
-    return this.handle.getBindGroupLayout(0);
-  }
-
+    constructor(device, props) {
+        super(device, props);
+        this.device = device;
+        const module = cast(this.props.cs).handle;
+        this.handle = this.props.handle || this.device.handle.createComputePipeline({
+            label: this.props.id,
+            compute: {
+                module,
+                entryPoint: this.props.csEntryPoint,
+                // constants: this.props.csConstants
+            },
+            layout: 'auto'
+        });
+    }
+    /** For internal use in render passes */
+    _getBindGroupLayout() {
+        // TODO: Cache?
+        return this.handle.getBindGroupLayout(0);
+    }
 }
-//# sourceMappingURL=webgpu-compute-pipeline.js.map

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

@@ -1,30 +1,29 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+// luma.gl, MIT license
 import { ExternalTexture } from '@luma.gl/api';
-import WebGPUSampler from './webgpu-sampler';
+import WebGPUSampler from './webgpu-sampler.js';
+/**
+ * Cheap, temporary texture view for videos
+ * Only valid within same callback, destroyed automatically as a microtask.
+ */
 export default 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 = device;
-    this.handle = this.props.handle || this.device.handle.importExternalTexture({
-      source: props.source,
-      colorSpace: props.colorSpace
-    });
-    this.sampler = null;
-  }
-
-  destroy() {}
-
-  setSampler(sampler) {
-    this.sampler = sampler instanceof WebGPUSampler ? sampler : new WebGPUSampler(this.device, sampler);
-    return this;
-  }
-
+    constructor(device, props) {
+        super(device, props);
+        this.device = device;
+        this.handle = this.props.handle || this.device.handle.importExternalTexture({
+            source: props.source,
+            colorSpace: props.colorSpace
+        });
+        this.sampler = null;
+    }
+    destroy() {
+        // External textures are destroyed automatically,
+        // as a microtask, instead of manually or upon garbage collection like other resources.
+        // this.handle.destroy();
+    }
+    /** Set default sampler */
+    setSampler(sampler) {
+        // We can accept a sampler instance or set of props;
+        this.sampler = sampler instanceof WebGPUSampler ? sampler : new WebGPUSampler(this.device, sampler);
+        return this;
+    }
 }
-//# sourceMappingURL=webgpu-external-texture.js.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,GAAG,IAAI,CAAQ;IAEpD,+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,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,GAAG,IAAI,CAAQ;IAEpD,+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;IAiCzD,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"}

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

@@ -1,110 +1,96 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { Framebuffer, Texture } from '@luma.gl/api';
-import WEBGPUTexture from './webgpu-texture';
+// import WebGPUCanvasContext from '../webgpu-canvas-context.js';
+import WEBGPUTexture from './webgpu-texture.js';
+// const DEFAULT_DEPTH_STENCIL_FORMAT: DepthStencilTextureFormat = 'depth24plus';
+// const MAX_COLOR_ATTACHMENTS = 8;
+/**
+ * Create new textures with correct size for all attachments.
+ * @note resize() destroys existing textures (if size has changed).
+ */
 export default class WebGPUFramebuffer extends Framebuffer {
-  constructor(device, props) {
-    super(device, props);
-
-    _defineProperty(this, "device", void 0);
-
-    _defineProperty(this, "colorAttachments", []);
-
-    _defineProperty(this, "depthStencilAttachment", null);
-
-    _defineProperty(this, "renderPassDescriptor", {
-      colorAttachments: []
-    });
-
-    this.device = device;
-
-    if (props.depthStencilAttachment) {
-      this.depthStencilAttachment = this.createDepthStencilTexture(props);
+    constructor(device, props) {
+        super(device, props);
+        this.colorAttachments = [];
+        this.depthStencilAttachment = null;
+        /** Partial render pass descriptor. Used by WebGPURenderPass */
+        this.renderPassDescriptor = {
+            colorAttachments: []
+        };
+        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(),
+                // Add default clear values
+                depthClearValue: 1.0,
+                depthStoreOp: 'store',
+                stencilClearValue: 0,
+                stencilStoreOp: 'store',
+            };
+        }
+        if (this.colorAttachments.length > 0) {
+            this.renderPassDescriptor.colorAttachments = this.colorAttachments.map(colorAttachment => ({
+                view: colorAttachment.handle.createView(),
+                loadOp: 'clear',
+                loadValue: [0.0, 0.0, 0.0, 0.0],
+                storeOp: 'store'
+            }));
+        }
     }
-
-    if (props.colorAttachments) {
-      this.colorAttachments = props.colorAttachments.map(colorAttachment => this.createColorTexture(this.props, colorAttachment));
+    /** Create depth stencil texture */
+    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');
     }
-
-    if (this.depthStencilAttachment) {
-      this.renderPassDescriptor.depthStencilAttachment = {
-        view: this.depthStencilAttachment.handle.createView(),
-        depthLoadValue: 1.0,
-        depthStoreOp: 'store',
-        stencilLoadValue: 0,
-        stencilStoreOp: 'store'
-      };
+    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');
     }
-
-    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'
-      }));
+    /**
+     * Create new textures with correct size for all attachments.
+     * @note destroys existing textures.
+     */
+    _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();
+        }
     }
-  }
-
-  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-query.js

@@ -1,2 +1,43 @@
+/*
+import {Resource, Query, QueryProps} from '@luma.gl/api';
+import WebGPUDevice from '../webgpu-device.js';
 
-//# sourceMappingURL=webgpu-query.js.map
+export type WebGPUQueryProps = QueryProps & {
+  handle?: any;
+};
+
+const DEFAULT_QUERY_PROPS: Required<WebGPUQueryProps> = {
+  id: undefined,
+  handle: undefined,
+  userData: undefined,
+  type: 'timestamp',
+  count: 1,
+  pipelineStatistics: []
+};
+
+/**
+ * Immutable
+ *
+class WebGPUQuery extends Resource<WebGPUQueryProps> implements Query {
+  readonly device: WebGPUDevice;
+  readonly handle: GPUQuerySet;
+
+  constructor(device: WebGPUDevice, props: WebGPUQueryProps) {
+    super(device, props, DEFAULT_QUERY_PROPS);
+    this.handle = this.props.handle as GPUQuerySet || this.createHandle();
+    this.handle.label = this.props.id;
+  }
+
+  protected createHandle() {
+    return this.device.handle.createQuerySet({
+      type: this.props.type,
+      count: this.props.count,
+      pipelineStatistics: this.props.pipelineStatistics
+    });
+  }
+
+  override destroy(): void {
+    this.handle.destroy();
+  }
+}
+*/ 

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

@@ -10,7 +10,7 @@ export default class WebGPURenderPass extends RenderPass {
     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;

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,EAAO,MAAM,cAAc,CAAC;AACtE,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;IAUpD,OAAO,IAAI,IAAI;IAExB,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;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;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,EAAC,MAAM,cAAc,CAAC;AACjF,OAAO,EAAC,MAAM,EAAE,UAAU,EAAE,cAAc,EAAO,MAAM,cAAc,CAAC;AACtE,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;IAUpD,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;CAW7C"}

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

@@ -1,98 +1,73 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { RenderPass, cast } from '@luma.gl/api';
 export default class WebGPURenderPass extends RenderPass {
-  constructor(device, props = {}) {
-    super(device, props);
-
-    _defineProperty(this, "device", void 0);
-
-    _defineProperty(this, "handle", void 0);
-
-    _defineProperty(this, "pipeline", null);
-
-    this.device = device;
-    const framebuffer = props.framebuffer || device.canvasContext.getCurrentFramebuffer();
-    const renderPassDescriptor = framebuffer.renderPassDescriptor;
-    this.handle = this.props.handle || device.commandEncoder.beginRenderPass(renderPassDescriptor);
-    this.handle.label = this.props.id;
-  }
-
-  destroy() {}
-
-  endPass() {
-    this.handle.endPass();
-  }
-
-  setPipeline(pipeline) {
-    this.pipeline = cast(pipeline);
-    this.handle.setPipeline(this.pipeline.handle);
-  }
-
-  setBindings(bindings) {
-    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);
+    constructor(device, props = {}) {
+        super(device, props);
+        /** Active pipeline */
+        this.pipeline = null;
+        this.device = device;
+        const framebuffer = props.framebuffer || device.canvasContext.getCurrentFramebuffer();
+        // @ts-expect-error
+        const renderPassDescriptor = framebuffer.renderPassDescriptor;
+        this.handle = this.props.handle || device.commandEncoder.beginRenderPass(renderPassDescriptor);
+        this.handle.label = this.props.id;
     }
-  }
-
-  setIndexBuffer(buffer, indexFormat, offset = 0, size) {
-    this.handle.setIndexBuffer(cast(buffer).handle, indexFormat, offset, size);
-  }
-
-  setVertexBuffer(slot, buffer, offset = 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 || 0, options.instanceCount, options.firstIndex, options.firstInstance);
+    destroy() { }
+    end() {
+        this.handle.end();
     }
-  }
-
-  drawIndirect() {}
-
-  setParameters(parameters) {
-    const {
-      blendConstant,
-      stencilReference,
-      scissorRect,
-      viewport
-    } = parameters;
-
-    if (blendConstant) {
-      this.handle.setBlendConstant(blendConstant);
+    setPipeline(pipeline) {
+        this.pipeline = cast(pipeline);
+        this.handle.setPipeline(this.pipeline.handle);
     }
-
-    if (stencilReference) {
-      this.handle.setStencilReference(stencilReference);
+    /** Sets an array of bindings (uniform buffers, samplers, textures, ...) */
+    setBindings(bindings) {
+        this.pipeline?.setBindings(bindings);
+        const bindGroup = this.pipeline?._getBindGroup();
+        if (bindGroup) {
+            this.handle.setBindGroup(0, bindGroup);
+        }
     }
-
-    if (scissorRect) {
-      this.handle.setScissorRect(scissorRect[0], scissorRect[1], scissorRect[2], scissorRect[3]);
+    setIndexBuffer(buffer, indexFormat, offset = 0, size) {
+        this.handle.setIndexBuffer(cast(buffer).handle, indexFormat, offset, size);
     }
-
-    if (viewport) {
-      this.handle.setViewport(viewport[0], viewport[1], viewport[2], viewport[3], viewport[4], viewport[5]);
+    setVertexBuffer(slot, buffer, offset = 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 || 0, options.instanceCount, options.firstIndex, options.firstInstance);
+        }
+    }
+    drawIndirect() {
+        // drawIndirect(indirectBuffer: GPUBuffer, indirectOffset: number): void;
+        // drawIndexedIndirect(indirectBuffer: GPUBuffer, indirectOffset: number): void;
+    }
+    setParameters(parameters) {
+        const { blendConstant, stencilReference, 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]);
+        }
+        // TODO - explain how 3 dimensions vs 2 in WebGL works.
+        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);
     }
-  }
-
-  pushDebugGroup(groupLabel) {
-    this.handle.pushDebugGroup(groupLabel);
-  }
-
-  popDebugGroup() {
-    this.handle.popDebugGroup();
-  }
-
-  insertDebugMarker(markerLabel) {
-    this.handle.insertDebugMarker(markerLabel);
-  }
-
 }
-//# sourceMappingURL=webgpu-render-pass.js.map