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

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","_defineProperty","handle","importExternalTexture","source","colorSpace","sampler","destroy","setSampler"],"sources":["../../../src/adapter/resources/webgpu-external-texture.ts"],"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 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,cAAc;AAAC,SAElFC,aAAa;AAMrB,OAAO,MAAMC,qBAAqB,SAASF,eAAe,CAAC;EAKzDG,WAAWA,CAACC,MAAoB,EAAEC,KAA2B,EAAE;IAC7D,KAAK,CAACD,MAAM,EAAEC,KAAK,CAAC;IAACC,eAAA;IAAAA,eAAA;IAAAA,eAAA;IACrB,IAAI,CAACF,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACG,MAAM,GAAG,IAAI,CAACF,KAAK,CAACE,MAAM,IAAI,IAAI,CAACH,MAAM,CAACG,MAAM,CAACC,qBAAqB,CAAC;MAC1EC,MAAM,EAAEJ,KAAK,CAACI,MAAM;MACpBC,UAAU,EAAEL,KAAK,CAACK;IACpB,CAAC,CAAC;IACF,IAAI,CAACC,OAAO,GAAG,IAAI;EACrB;EAESC,OAAOA,CAAA,EAAS,CAIzB;EAGAC,UAAUA,CAACF,OAA+B,EAAQ;IAEhD,IAAI,CAACA,OAAO,GAAGA,OAAO,YAAYV,aAAa,GAAGU,OAAO,GAAG,IAAIV,aAAa,CAAC,IAAI,CAACG,MAAM,EAAEO,OAAO,CAAC;IACnG,OAAO,IAAI;EACb;AACF"}

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

@@ -1,16 +1,16 @@
-/// <reference types="@webgpu/types" />
+/// <reference types="dist" />
 import type { FramebufferProps } from '@luma.gl/api';
 import { Framebuffer } from '@luma.gl/api';
-import WebGPUDevice from '../webgpu-device';
-import WebGPUTexture from './webgpu-texture';
+import { WebGPUDevice } from '../webgpu-device';
+import { WebGPUTexture } from './webgpu-texture';
 /**
  * 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;
+    depthStencilAttachment: WebGPUTexture | null;
     /** Partial render pass descriptor. Used by WebGPURenderPass */
     renderPassDescriptor: {
         colorAttachments: GPURenderPassColorAttachment[];

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,EAAqB,MAAM,cAAc,CAAC;AACvE,OAAO,EAAC,WAAW,EAAU,MAAM,cAAc,CAAC;AAClD,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAM/C;;;GAGG;AACH,qBAAa,iBAAkB,SAAQ,WAAW;IAChD,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;IACH,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;CAiBlE"}

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

@@ -1,55 +1,44 @@
 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 { WebGPUTexture } from "./webgpu-texture.js";
+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, "depthStencilAttachment", null);
     _defineProperty(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(),
-        depthLoadValue: 1.0,
+        depthClearValue: 1.0,
         depthStoreOp: 'store',
-        stencilLoadValue: 0,
+        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'
       }));
     }
   }
-
   createDepthStencilTexture(props) {
-    if (props.depthStencilAttachment instanceof WEBGPUTexture) {
+    if (props.depthStencilAttachment instanceof WebGPUTexture) {
       return props.depthStencilAttachment;
     }
-
     if (typeof props.depthStencilAttachment === 'string') {
       return this.device._createTexture({
         id: 'depth-stencil-attachment',
@@ -59,15 +48,12 @@ export default class WebGPUFramebuffer extends Framebuffer {
         usage: Texture.RENDER_ATTACHMENT
       });
     }
-
     throw new Error('type');
   }
-
   createColorTexture(props, texture) {
-    if (texture instanceof WEBGPUTexture) {
+    if (texture instanceof WebGPUTexture) {
       return texture;
     }
-
     if (typeof texture === 'string') {
       return this.device._createTexture({
         id: 'color-attachment',
@@ -77,35 +63,31 @@ export default class WebGPUFramebuffer extends Framebuffer {
         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,
+        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,
+      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","Texture","WebGPUTexture","WebGPUFramebuffer","constructor","device","props","_defineProperty","colorAttachments","depthStencilAttachment","createDepthStencilTexture","map","colorAttachment","createColorTexture","renderPassDescriptor","view","handle","createView","depthClearValue","depthStoreOp","stencilClearValue","stencilStoreOp","length","loadOp","loadValue","storeOp","_createTexture","id","format","width","height","usage","RENDER_ATTACHMENT","Error","texture","_resizeAttachments","i","resizedTexture","destroy"],"sources":["../../../src/adapter/resources/webgpu-framebuffer.ts"],"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';\n\n// const DEFAULT_DEPTH_STENCIL_FORMAT: DepthStencilTextureFormat = 'depth24plus';\n\n// const 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 class WebGPUFramebuffer extends Framebuffer {\n  readonly device: WebGPUDevice;\n\n  colorAttachments: WebGPUTexture[] = [];\n  depthStencilAttachment: WebGPUTexture | null = null;\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        depthClearValue: 1.0,\n        depthStoreOp: 'store',\n        stencilClearValue: 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        loadOp: 'clear',\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"],"mappings":"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"}

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/api';\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" />
+/// <reference types="dist" />
 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 {
+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;

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,EAAC,MAAM,cAAc,CAAC;AACjF,OAAO,EAAC,MAAM,EAAE,UAAU,EAAE,cAAc,EAAO,MAAM,cAAc,CAAC;AACtE,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAG9C,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;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,56 +1,51 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { RenderPass, cast } from '@luma.gl/api';
-export default class WebGPURenderPass extends RenderPass {
-  constructor(device, props = {}) {
+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 = 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();
+  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, options.firstIndex, options.firstInstance);
     }
   }
-
   drawIndirect() {}
-
   setParameters(parameters) {
     const {
       blendConstant,
@@ -58,35 +53,27 @@ 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);
   }
-
 }
 //# sourceMappingURL=webgpu-render-pass.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/adapter/resources/webgpu-render-pass.ts"],"names":["RenderPass","cast","WebGPURenderPass","constructor","device","props","framebuffer","canvasContext","getCurrentFramebuffer","renderPassDescriptor","handle","commandEncoder","beginRenderPass","label","id","destroy","endPass","setPipeline","pipeline","setBindings","bindings","setBindGroup","_getBindGroup","setIndexBuffer","buffer","indexFormat","offset","size","setVertexBuffer","slot","draw","options","indexCount","drawIndexed","instanceCount","firstIndex","baseVertex","firstInstance","vertexCount","drawIndirect","setParameters","parameters","blendConstant","stencilReference","scissorRect","viewport","setBlendConstant","setStencilReference","setScissorRect","setViewport","pushDebugGroup","groupLabel","popDebugGroup","insertDebugMarker","markerLabel"],"mappings":"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","sourcesContent":["import type {RenderPassProps, RenderPassParameters, Binding} from '@luma.gl/api';\nimport {Buffer, RenderPass, RenderPipeline, cast, log} from '@luma.gl/api';\nimport WebGPUDevice from '../webgpu-device';\nimport WebGPUBuffer from './webgpu-buffer';\n// import WebGPUCommandEncoder from './webgpu-command-encoder';\nimport WebGPURenderPipeline from './webgpu-render-pipeline';\n\nexport default class WebGPURenderPass extends RenderPass {\n  readonly device: WebGPUDevice;\n  readonly handle: GPURenderPassEncoder;\n\n  /** Active pipeline */\n  pipeline: WebGPURenderPipeline | null = null;\n\n  constructor(device: WebGPUDevice, props: RenderPassProps = {}) {\n    super(device, props);\n    this.device = device;\n    const framebuffer = props.framebuffer || device.canvasContext.getCurrentFramebuffer();\n    // @ts-expect-error\n    const renderPassDescriptor = framebuffer.renderPassDescriptor;\n    this.handle = this.props.handle || device.commandEncoder.beginRenderPass(renderPassDescriptor);\n    this.handle.label = this.props.id;\n  }\n\n  destroy() {}\n\n  endPass(): void {\n    this.handle.endPass();\n  }\n\n  setPipeline(pipeline: RenderPipeline): void {\n    this.pipeline = cast<WebGPURenderPipeline>(pipeline);\n    this.handle.setPipeline(this.pipeline.handle);\n  }\n\n  /** Sets an array of bindings (uniform buffers, samplers, textures, ...) */\n  setBindings(bindings: Record<string, Binding>): void {\n    this.pipeline.setBindings(bindings);\n    this.handle.setBindGroup(0, this.pipeline._getBindGroup());\n  }\n\n  setIndexBuffer(\n    buffer: Buffer,\n    indexFormat: GPUIndexFormat,\n    offset: number = 0,\n    size?: number\n  ): void {\n    this.handle.setIndexBuffer(cast<WebGPUBuffer>(buffer).handle, indexFormat, offset, size);\n  }\n\n  setVertexBuffer(slot: number, buffer: Buffer, offset: number = 0): void {\n    this.handle.setVertexBuffer(slot, cast<WebGPUBuffer>(buffer).handle, offset);\n  }\n\n  draw(options: {\n    vertexCount?: number;\n    indexCount?: number;\n    instanceCount?: number;\n    firstVertex?: number;\n    firstIndex?: number;\n    firstInstance?: number;\n    baseVertex?: number;\n  }): void {\n    if (options.indexCount) {\n      this.handle.drawIndexed(\n        options.indexCount,\n        options.instanceCount,\n        options.firstIndex,\n        options.baseVertex,\n        options.firstInstance\n      );\n    } else {\n      this.handle.draw(\n        options.vertexCount,\n        options.instanceCount,\n        options.firstIndex,\n        options.firstInstance\n      );\n    }\n  }\n\n  drawIndirect(): void {\n    // drawIndirect(indirectBuffer: GPUBuffer, indirectOffset: number): void;\n    // drawIndexedIndirect(indirectBuffer: GPUBuffer, indirectOffset: number): void;\n  }\n\n  setParameters(parameters: RenderPassParameters): void {\n    const {blendConstant, stencilReference, scissorRect, viewport} = parameters;\n    if (blendConstant) {\n      this.handle.setBlendConstant(blendConstant);\n    }\n    if (stencilReference) {\n      this.handle.setStencilReference(stencilReference);\n    }\n    if (scissorRect) {\n      this.handle.setScissorRect(scissorRect[0], scissorRect[1], scissorRect[2], scissorRect[3]);\n    }\n    // TODO - explain how 3 dimensions vs 2 in WebGL works.\n    if (viewport) {\n      this.handle.setViewport(\n        viewport[0],\n        viewport[1],\n        viewport[2],\n        viewport[3],\n        viewport[4],\n        viewport[5]\n      );\n    }\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  // beginOcclusionQuery(queryIndex: number): void;\n  // endOcclusionQuery(): void;\n  // beginPipelineStatisticsQuery(querySet: GPUQuerySet, queryIndex: number): void;\n  // endPipelineStatisticsQuery(querySet: GPUQuerySet, queryIndex: number): void;\n\n  // executeBundles(bundles: Iterable<GPURenderBundle>): void;\n}\n"],"file":"webgpu-render-pass.js"}
+{"version":3,"file":"webgpu-render-pass.js","names":["RenderPass","cast","WebGPURenderPass","constructor","device","props","arguments","length","undefined","_defineProperty","framebuffer","canvasContext","getCurrentFramebuffer","renderPassDescriptor","handle","commandEncoder","beginRenderPass","label","id","destroy","end","setPipeline","pipeline","setBindings","bindings","_this$pipeline","_this$pipeline2","bindGroup","_getBindGroup","setBindGroup","setIndexBuffer","buffer","indexFormat","offset","size","setVertexBuffer","slot","draw","options","indexCount","drawIndexed","instanceCount","firstIndex","baseVertex","firstInstance","vertexCount","drawIndirect","setParameters","parameters","blendConstant","stencilReference","scissorRect","viewport","setBlendConstant","setStencilReference","setScissorRect","setViewport","pushDebugGroup","groupLabel","popDebugGroup","insertDebugMarker","markerLabel"],"sources":["../../../src/adapter/resources/webgpu-render-pass.ts"],"sourcesContent":["import type {RenderPassProps, RenderPassParameters, Binding} from '@luma.gl/api';\nimport {Buffer, RenderPass, RenderPipeline, cast} from '@luma.gl/api';\nimport {WebGPUDevice} from '../webgpu-device';\nimport {WebGPUBuffer} from './webgpu-buffer';\n// import {WebGPUCommandEncoder} from './webgpu-command-encoder';\nimport {WebGPURenderPipeline} from './webgpu-render-pipeline';\n\nexport class WebGPURenderPass extends RenderPass {\n  readonly device: WebGPUDevice;\n  readonly handle: GPURenderPassEncoder;\n\n  /** Active pipeline */\n  pipeline: WebGPURenderPipeline | null = null;\n\n  constructor(device: WebGPUDevice, props: RenderPassProps = {}) {\n    super(device, props);\n    this.device = device;\n    const framebuffer = props.framebuffer || device.canvasContext.getCurrentFramebuffer();\n    // @ts-expect-error\n    const renderPassDescriptor = framebuffer.renderPassDescriptor;\n    this.handle = this.props.handle || device.commandEncoder.beginRenderPass(renderPassDescriptor);\n    this.handle.label = this.props.id;\n  }\n\n  override destroy(): void {}\n\n  end(): void {\n    this.handle.end();\n  }\n\n  setPipeline(pipeline: RenderPipeline): void {\n    this.pipeline = cast<WebGPURenderPipeline>(pipeline);\n    this.handle.setPipeline(this.pipeline.handle);\n  }\n\n  /** Sets an array of bindings (uniform buffers, samplers, textures, ...) */\n  setBindings(bindings: Record<string, Binding>): void {\n    this.pipeline?.setBindings(bindings);\n    const bindGroup = this.pipeline?._getBindGroup();\n    if (bindGroup) {\n      this.handle.setBindGroup(0, bindGroup);\n    }\n  }\n\n  setIndexBuffer(\n    buffer: Buffer,\n    indexFormat: GPUIndexFormat,\n    offset: number = 0,\n    size?: number\n  ): void {\n    this.handle.setIndexBuffer(cast<WebGPUBuffer>(buffer).handle, indexFormat, offset, size);\n  }\n\n  setVertexBuffer(slot: number, buffer: Buffer, offset: number = 0): void {\n    this.handle.setVertexBuffer(slot, cast<WebGPUBuffer>(buffer).handle, offset);\n  }\n\n  draw(options: {\n    vertexCount?: number;\n    indexCount?: number;\n    instanceCount?: number;\n    firstVertex?: number;\n    firstIndex?: number;\n    firstInstance?: number;\n    baseVertex?: number;\n  }): void {\n    if (options.indexCount) {\n      this.handle.drawIndexed(\n        options.indexCount,\n        options.instanceCount,\n        options.firstIndex,\n        options.baseVertex,\n        options.firstInstance\n      );\n    } else {\n      this.handle.draw(\n        options.vertexCount || 0,\n        options.instanceCount,\n        options.firstIndex,\n        options.firstInstance\n      );\n    }\n  }\n\n  drawIndirect(): void {\n    // drawIndirect(indirectBuffer: GPUBuffer, indirectOffset: number): void;\n    // drawIndexedIndirect(indirectBuffer: GPUBuffer, indirectOffset: number): void;\n  }\n\n  setParameters(parameters: RenderPassParameters): void {\n    const {blendConstant, stencilReference, scissorRect, viewport} = parameters;\n    if (blendConstant) {\n      this.handle.setBlendConstant(blendConstant);\n    }\n    if (stencilReference) {\n      this.handle.setStencilReference(stencilReference);\n    }\n    if (scissorRect) {\n      this.handle.setScissorRect(scissorRect[0], scissorRect[1], scissorRect[2], scissorRect[3]);\n    }\n    // TODO - explain how 3 dimensions vs 2 in WebGL works.\n    if (viewport) {\n      this.handle.setViewport(\n        viewport[0],\n        viewport[1],\n        viewport[2],\n        viewport[3],\n        viewport[4],\n        viewport[5]\n      );\n    }\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  // beginOcclusionQuery(queryIndex: number): void;\n  // endOcclusionQuery(): void;\n  // beginPipelineStatisticsQuery(querySet: GPUQuerySet, queryIndex: number): void;\n  // endPipelineStatisticsQuery(querySet: GPUQuerySet, queryIndex: number): void;\n\n  // executeBundles(bundles: Iterable<GPURenderBundle>): void;\n}\n"],"mappings":"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"}

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

@@ -1,12 +1,15 @@
-/// <reference types="@webgpu/types" />
+/// <reference types="dist" />
 import type { Binding, RenderPass } from '@luma.gl/api';
 import { Buffer, RenderPipeline, RenderPipelineProps } from '@luma.gl/api';
-import type WebGPUDevice from '../webgpu-device';
-import type WebGPURenderPass from './webgpu-render-pass';
+import type { WebGPUDevice } from '../webgpu-device';
+import type { WebGPUShader } from './webgpu-shader';
+import type { WebGPURenderPass } from './webgpu-render-pass';
 /** Creates a new render pipeline when parameters change */
-export default class WebGPURenderPipeline extends RenderPipeline {
+export declare class WebGPURenderPipeline extends RenderPipeline {
     device: WebGPUDevice;
     handle: GPURenderPipeline;
+    vs: WebGPUShader;
+    fs: WebGPUShader | null;
     private _bufferSlots;
     private _buffers;
     private _indexBuffer;

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

@@ -1 +1 @@
-{"version":3,"file":"webgpu-render-pipeline.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgpu-render-pipeline.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAC,OAAO,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AACtD,OAAO,EAAC,MAAM,EAAE,cAAc,EAAE,mBAAmB,EAA2B,MAAM,cAAc,CAAC;AASnG,OAAO,KAAK,YAAY,MAAM,kBAAkB,CAAC;AAGjD,OAAO,KAAK,gBAAgB,MAAM,sBAAsB,CAAC;AAIzD,2DAA2D;AAC3D,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,cAAc;IAC9D,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,iBAAiB,CAAC;IAE1B,OAAO,CAAC,YAAY,CAAyB;IAC7C,OAAO,CAAC,QAAQ,CAAW;IAC3B,OAAO,CAAC,YAAY,CAAe;IAInC,4CAA4C;IAC5C,OAAO,CAAC,gBAAgB,CAAqB;IAC7C,OAAO,CAAC,UAAU,CAAsB;gBAE5B,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,mBAAmB;IAW5D,SAAS,CAAC,YAAY,IAAI,iBAAiB;IAS3C,OAAO;IAIP,cAAc,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;IAIzC,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI;IAmBvD,uBAAuB;IACvB,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAapD,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAMhD,WAAW;IAIX,iDAAiD;IACjD,aAAa;IAKb,8DAA8D;IAC9D,SAAS,CAAC,4BAA4B;IAqCtC,IAAI,CAAC,OAAO,EAAE;QACZ,UAAU,CAAC,EAAE,UAAU,CAAC;QACxB,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;IAkCR,oBAAoB,CAAC,gBAAgB,EAAE,gBAAgB;CAwCxD"}
+{"version":3,"file":"webgpu-render-pipeline.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgpu-render-pipeline.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAC,OAAO,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AACtD,OAAO,EAAC,MAAM,EAAE,cAAc,EAAE,mBAAmB,EAA2B,MAAM,cAAc,CAAC;AASnG,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAEnD,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAI3D,2DAA2D;AAC3D,qBAAa,oBAAqB,SAAQ,cAAc;IACtD,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,iBAAiB,CAAC;IAE1B,EAAE,EAAE,YAAY,CAAC;IACjB,EAAE,EAAE,YAAY,GAAG,IAAI,CAAQ;IAE/B,OAAO,CAAC,YAAY,CAAyB;IAC7C,OAAO,CAAC,QAAQ,CAAW;IAC3B,OAAO,CAAC,YAAY,CAA6B;IAIjD,4CAA4C;IAC5C,OAAO,CAAC,gBAAgB,CAAqB;IAC7C,OAAO,CAAC,UAAU,CAA6B;gBAEnC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,mBAAmB;IAc5D,SAAS,CAAC,YAAY,IAAI,iBAAiB;IASlC,OAAO,IAAI,IAAI;IAIxB,cAAc,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;IAIzC,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI;IAmBvD,uBAAuB;IACvB,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAapD,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAMhD,WAAW;IAIX,iDAAiD;IACjD,aAAa;IAKb,8DAA8D;IAC9D,SAAS,CAAC,4BAA4B;IA+CtC,IAAI,CAAC,OAAO,EAAE;QACZ,UAAU,CAAC,EAAE,UAAU,CAAC;QACxB,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;IAmCR,oBAAoB,CAAC,gBAAgB,EAAE,gBAAgB;CAwCxD"}

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

@@ -1,55 +1,45 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { RenderPipeline, cast, log, isObjectEmpty } from '@luma.gl/api';
-import { applyParametersToRenderPipelineDescriptor } from '../helpers/webgpu-parameters';
-import { getWebGPUTextureFormat } from '../helpers/convert-texture-format';
-import { getBindGroup } from '../helpers/get-bind-group';
-import { getVertexBufferLayout, getBufferSlots } from '../helpers/get-vertex-buffer-layout';
-export default class WebGPURenderPipeline extends RenderPipeline {
+import { applyParametersToRenderPipelineDescriptor } from "../helpers/webgpu-parameters.js";
+import { getWebGPUTextureFormat } from "../helpers/convert-texture-format.js";
+import { getBindGroup } from "../helpers/get-bind-group.js";
+import { getVertexBufferLayout, getBufferSlots } from "../helpers/get-vertex-buffer-layout.js";
+export class WebGPURenderPipeline extends RenderPipeline {
   constructor(device, props) {
     super(device, props);
-
     _defineProperty(this, "device", void 0);
-
     _defineProperty(this, "handle", void 0);
-
+    _defineProperty(this, "vs", void 0);
+    _defineProperty(this, "fs", null);
     _defineProperty(this, "_bufferSlots", void 0);
-
     _defineProperty(this, "_buffers", void 0);
-
-    _defineProperty(this, "_indexBuffer", void 0);
-
+    _defineProperty(this, "_indexBuffer", null);
     _defineProperty(this, "_bindGroupLayout", void 0);
-
     _defineProperty(this, "_bindGroup", null);
-
     this.device = device;
     this.handle = this.props.handle || this.createHandle();
     this.handle.label = this.props.id;
+    this.vs = cast(props.vs);
+    this.fs = cast(props.fs);
     this._bufferSlots = getBufferSlots(this.props.layout, this.props.bufferMap);
     this._buffers = new Array(Object.keys(this._bufferSlots).length).fill(null);
     this._bindGroupLayout = this.handle.getBindGroupLayout(0);
   }
-
   createHandle() {
     const descriptor = this._getRenderPipelineDescriptor();
-
     const renderPipeline = this.device.handle.createRenderPipeline(descriptor);
     log.groupCollapsed(1, "new WebGPRenderPipeline(".concat(this.id, ")"))();
     log.log(1, JSON.stringify(descriptor, null, 2))();
     log.groupEnd(1)();
     return renderPipeline;
   }
-
   destroy() {}
-
   setIndexBuffer(indexBuffer) {
     this._indexBuffer = cast(indexBuffer);
   }
-
   setAttributes(attributes) {
     for (const [name, buffer] of Object.entries(attributes)) {
       const bufferIndex = this._bufferSlots[name];
-
       if (bufferIndex >= 0) {
         this._buffers[bufferIndex] = buffer;
       } else {
@@ -57,28 +47,23 @@ export default class WebGPURenderPipeline extends RenderPipeline {
       }
     }
   }
-
   setBindings(bindings) {
     if (!isObjectEmpty(this.props.bindings)) {
       Object.assign(this.props.bindings, bindings);
       this._bindGroup = getBindGroup(this.device.handle, this._bindGroupLayout, this.props.layout, this.props.bindings);
     }
   }
-
   setUniforms(uniforms) {
     if (!isObjectEmpty(uniforms)) {
       throw new Error('WebGPU does not support uniforms');
     }
   }
-
   _getBuffers() {
     return this._buffers;
   }
-
   _getBindGroup() {
     return this._bindGroup;
   }
-
   _getRenderPipelineDescriptor() {
     const vertex = {
       module: cast(this.props.vs).handle,
@@ -86,63 +71,60 @@ export default class WebGPURenderPipeline extends RenderPipeline {
       buffers: getVertexBufferLayout(this.props.layout, this.props.bufferMap)
     };
     let fragment;
-
     if (this.props.fs) {
+      var _this$device, _this$device$canvasCo;
       fragment = {
         module: cast(this.props.fs).handle,
         entryPoint: this.props.fsEntryPoint || 'main',
         targets: [{
-          format: getWebGPUTextureFormat(this.device.canvasContext.format)
+          format: getWebGPUTextureFormat((_this$device = this.device) === null || _this$device === void 0 ? void 0 : (_this$device$canvasCo = _this$device.canvasContext) === null || _this$device$canvasCo === void 0 ? void 0 : _this$device$canvasCo.format)
         }]
       };
     }
-
-    let descriptor = {
+    switch (this.props.topology) {
+      case 'triangle-fan':
+      case 'line-loop':
+        throw new Error("WebGPU does not support primitive topology ".concat(this.props.topology));
+      default:
+    }
+    const descriptor = {
       vertex,
       fragment,
       primitive: {
         topology: this.props.topology
-      }
+      },
+      layout: 'auto'
     };
     applyParametersToRenderPipelineDescriptor(descriptor, this.props.parameters);
     return descriptor;
   }
-
   draw(options) {
     const webgpuRenderPass = cast(options.renderPass) || this.device.getDefaultRenderPass();
     webgpuRenderPass.handle.setPipeline(this.handle);
-
-    if (this._getBindGroup()) {
-      webgpuRenderPass.handle.setBindGroup(0, this._getBindGroup());
+    const bindGroup = this._getBindGroup();
+    if (bindGroup) {
+      webgpuRenderPass.handle.setBindGroup(0, bindGroup);
     }
-
     this._setAttributeBuffers(webgpuRenderPass);
-
     if (options.indexCount) {
       webgpuRenderPass.handle.drawIndexed(options.indexCount, options.instanceCount, options.firstIndex, options.baseVertex, options.firstInstance);
     } else {
-      webgpuRenderPass.handle.draw(options.vertexCount, options.instanceCount, options.firstIndex, options.firstInstance);
+      webgpuRenderPass.handle.draw(options.vertexCount || 0, options.instanceCount, options.firstIndex, options.firstInstance);
     }
   }
-
   _setAttributeBuffers(webgpuRenderPass) {
     if (this._indexBuffer) {
       webgpuRenderPass.handle.setIndexBuffer(this._indexBuffer.handle, this._indexBuffer.props.indexType);
     }
-
     const buffers = this._getBuffers();
-
     for (let i = 0; i < buffers.length; ++i) {
       const buffer = cast(buffers[i]);
-
       if (!buffer) {
         const attribute = this.props.layout.attributes.find(attribute => attribute.location === i);
         throw new Error("No buffer provided for attribute '".concat((attribute === null || attribute === void 0 ? void 0 : attribute.name) || '', "' in Model '").concat(this.props.id, "'"));
       }
-
       webgpuRenderPass.handle.setVertexBuffer(i, buffer.handle);
     }
   }
-
 }
 //# sourceMappingURL=webgpu-render-pipeline.js.map