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

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

@@ -1,5 +1,5 @@
 /// <reference types="dist" />
-import { CommandEncoder, CommandEncoderProps, Buffer, Texture } from '@luma.gl/api';
+import { CommandEncoder, CommandEncoderProps, Buffer, Texture, CopyTextureToTextureOptions, CopyTextureToBufferOptions } from '@luma.gl/api';
 import { WebGPUDevice } from '../webgpu-device';
 export declare class WebGPUCommandEncoder extends CommandEncoder {
     readonly device: WebGPUDevice;
@@ -27,16 +27,8 @@ export declare class WebGPUCommandEncoder extends CommandEncoder {
         origin?: number[] | [number, number, number];
         extent?: number[] | [number, number, number];
     }): void;
-    copyTextureToBuffer(options: {
-        source: GPUImageCopyTexture;
-        destination: GPUImageCopyBuffer;
-        copySize: GPUExtent3D;
-    }): void;
-    copyTextureToTexture(options: {
-        source: GPUImageCopyTexture;
-        destination: GPUImageCopyTexture;
-        copySize: GPUExtent3D;
-    }): void;
+    copyTextureToBuffer(options: CopyTextureToBufferOptions): void;
+    copyTextureToTexture(options: CopyTextureToTextureOptions): void;
     pushDebugGroup(groupLabel: string): void;
     popDebugGroup(): void;
     insertDebugMarker(markerLabel: string): void;

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

@@ -1 +1 @@
-{"version":3,"file":"webgpu-command-encoder.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgpu-command-encoder.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,cAAc,EAAE,mBAAmB,EAAE,MAAM,EAAE,OAAO,EAAO,MAAM,cAAc,CAAC;AACxF,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAI9C,qBAAa,oBAAqB,SAAQ,cAAc;IACtD,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,iBAAiB,CAAC;gBAEvB,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,mBAAmB;IAUnD,OAAO,IAAI,IAAI;IAExB,MAAM,CAAC,OAAO,CAAC,EAAE;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAC,GAAG,gBAAgB;IAOjD,kBAAkB,CAAC,OAAO,EAAE;QAC1B,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,WAAW,EAAE,MAAM,CAAC;QACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,GAAG,IAAI;IAUR,mBAAmB,CAAC,OAAO,EAAE;QAC3B,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;QAErB,WAAW,EAAE,OAAO,CAAC;QACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,KAAK,GAAG,cAAc,GAAG,YAAY,CAAC;QAE/C,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QAC7C,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;KAC7C,GAAG,IAAI;IAuBR,mBAAmB,CAAC,OAAO,EAAE;QAC3B,MAAM,EAAE,mBAAmB,CAAC;QAC5B,WAAW,EAAE,kBAAkB,CAAC;QAChC,QAAQ,EAAE,WAAW,CAAA;KACtB,GAAG,IAAI;IAER,oBAAoB,CAAC,OAAO,EAAE;QAC5B,MAAM,EAAE,mBAAmB,CAAE;QAC7B,WAAW,EAAE,mBAAmB,CAAC;QACjC,QAAQ,EAAE,WAAW,CAAA;KACtB,GAAG,IAAI;IAEC,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAIxC,aAAa,IAAI,IAAI;IAIrB,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;CAatD"}
+{"version":3,"file":"webgpu-command-encoder.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgpu-command-encoder.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,cAAc,EAAE,mBAAmB,EAAE,MAAM,EAAE,OAAO,EAC1D,2BAA2B,EAC3B,0BAA0B,EAG3B,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAI9C,qBAAa,oBAAqB,SAAQ,cAAc;IACtD,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,iBAAiB,CAAC;gBAEvB,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,mBAAmB;IAUnD,OAAO,IAAI,IAAI;IAExB,MAAM,CAAC,OAAO,CAAC,EAAE;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAC,GAAG,gBAAgB;IAOjD,kBAAkB,CAAC,OAAO,EACxB;QACE,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,WAAW,EAAE,MAAM,CAAC;QACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,GACA,IAAI;IAUP,mBAAmB,CAAC,OAAO,EACzB;QACA,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;QAErB,WAAW,EAAE,OAAO,CAAC;QACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,KAAK,GAAG,cAAc,GAAG,YAAY,CAAC;QAE/C,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QAC7C,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;KAC7C,GACE,IAAI;IAuBP,mBAAmB,CAAC,OAAO,EAAE,0BAA0B,GAAG,IAAI;IAW9D,oBAAoB,CAAC,OAAO,EAAE,2BAA2B,GAAG,IAAI;IAWvD,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAIxC,aAAa,IAAI,IAAI;IAIrB,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;CAatD"}

package/dist/adapter/resources/webgpu-command-encoder.js.map

@@ -1 +1 @@
-{"version":3,"file":"webgpu-command-encoder.js","names":["CommandEncoder","cast","WebGPUCommandEncoder","constructor","device","props","_defineProperty","handle","createCommandEncoder","label","id","destroy","finish","options","copyBufferToBuffer","_options$sourceOffset","_options$destinationO","_options$size","source","sourceOffset","destination","destinationOffset","size","copyBufferToTexture","_options$offset","_options$mipLevel","_options$origin","buffer","offset","bytesPerRow","rowsPerImage","texture","mipLevel","origin","width","extent","height","depthOrArrayLayers","copyTextureToBuffer","copyTextureToTexture","pushDebugGroup","groupLabel","popDebugGroup","insertDebugMarker","markerLabel"],"sources":["../../../src/adapter/resources/webgpu-command-encoder.ts"],"sourcesContent":["import {CommandEncoder, CommandEncoderProps, Buffer, Texture, cast} from '@luma.gl/api';\nimport {WebGPUDevice} from '../webgpu-device';\nimport {WebGPUBuffer} from './webgpu-buffer';\nimport {WebGPUTexture} from './webgpu-texture';\n\nexport class WebGPUCommandEncoder extends CommandEncoder {\n  readonly device: WebGPUDevice;\n  readonly handle: GPUCommandEncoder;\n\n  constructor(device: WebGPUDevice, props: CommandEncoderProps) {\n    super(props);\n    this.device = device;\n    this.handle = props.handle || this.device.handle.createCommandEncoder({\n      // TODO was this removed in standard?\n      // measureExecutionTime: this.props.measureExecutionTime\n    });\n    this.handle.label = this.props.id;\n  }\n\n  override destroy(): void {}\n\n  finish(options?: {id?: string}): GPUCommandBuffer {\n    return this.finish(options);\n  }\n\n  // beginRenderPass(GPURenderPassDescriptor descriptor): GPURenderPassEncoder;\n  // beginComputePass(optional GPUComputePassDescriptor descriptor = {}): GPUComputePassEncoder;\n\n  copyBufferToBuffer(options: {\n    source: Buffer,\n    sourceOffset?: number,\n    destination: Buffer,\n    destinationOffset?: number,\n    size?: number\n  }): void {\n    this.handle.copyBufferToBuffer(\n      cast<WebGPUBuffer>(options.source).handle,\n      options.sourceOffset ?? 0,\n      cast<WebGPUBuffer>(options.destination).handle,\n      options.destinationOffset ?? 0,\n      options.size ?? 0\n    );\n  }\n\n  copyBufferToTexture(options: {\n    source: Buffer,\n    offset?: number,\n    bytesPerRow: number,\n    rowsPerImage: number,\n\n    destination: Texture,\n    mipLevel?: number;\n    aspect?: 'all' | 'stencil-only' | 'depth-only',\n\n    origin?: number[] | [number, number, number],\n    extent?: number[] | [number, number, number]\n  }): void {\n    this.handle.copyBufferToTexture(\n      {\n        buffer: cast<WebGPUBuffer>(options.source).handle,\n        offset: options.offset ?? 0,\n        bytesPerRow: options.bytesPerRow,\n        rowsPerImage: options.rowsPerImage,\n      },\n      {\n        texture: cast<WebGPUTexture>(options.destination).handle,\n        mipLevel: options.mipLevel ?? 0,\n        origin: options.origin ?? {},\n        // aspect: options.aspect\n      },\n      {\n        // TODO exclamation mark hack\n        width: options.extent[0],\n        height: options.extent[1],\n        depthOrArrayLayers: options.extent[2]\n      }\n    );\n  }\n\n  copyTextureToBuffer(options: {\n    source: GPUImageCopyTexture,\n    destination: GPUImageCopyBuffer,\n    copySize: GPUExtent3D\n  }): void {}\n\n  copyTextureToTexture(options: {\n    source: GPUImageCopyTexture ,\n    destination: GPUImageCopyTexture,\n    copySize: GPUExtent3D\n  }): void {}\n\n  override pushDebugGroup(groupLabel: string): void {\n    this.handle.pushDebugGroup(groupLabel);\n  }\n\n  override popDebugGroup(): void {\n    this.handle.popDebugGroup();\n  }\n\n  override insertDebugMarker(markerLabel: string): void {\n    this.handle.insertDebugMarker(markerLabel);\n  }\n\n  // writeTimestamp(querySet: Query, queryIndex: number): void {}\n\n  // resolveQuerySet(options: {\n  //   querySet: GPUQuerySet,\n  //   firstQuery: number,\n  //   queryCount: number,\n  //   destination: Buffer,\n  //   destinationOffset?: number;\n  // }): void;\n}"],"mappings":";AAAA,SAAQA,cAAc,EAAwCC,IAAI,QAAO,cAAc;AAKvF,OAAO,MAAMC,oBAAoB,SAASF,cAAc,CAAC;EAIvDG,WAAWA,CAACC,MAAoB,EAAEC,KAA0B,EAAE;IAC5D,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA;IAAAA,eAAA;IACb,IAAI,CAACF,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACG,MAAM,GAAGF,KAAK,CAACE,MAAM,IAAI,IAAI,CAACH,MAAM,CAACG,MAAM,CAACC,oBAAoB,CAAC,CAGtE,CAAC,CAAC;IACF,IAAI,CAACD,MAAM,CAACE,KAAK,GAAG,IAAI,CAACJ,KAAK,CAACK,EAAE;EACnC;EAESC,OAAOA,CAAA,EAAS,CAAC;EAE1BC,MAAMA,CAACC,OAAuB,EAAoB;IAChD,OAAO,IAAI,CAACD,MAAM,CAACC,OAAO,CAAC;EAC7B;EAKAC,kBAAkBA,CAACD,OAMlB,EAAQ;IAAA,IAAAE,qBAAA,EAAAC,qBAAA,EAAAC,aAAA;IACP,IAAI,CAACV,MAAM,CAACO,kBAAkB,CAC5Bb,IAAI,CAAeY,OAAO,CAACK,MAAM,CAAC,CAACX,MAAM,GAAAQ,qBAAA,GACzCF,OAAO,CAACM,YAAY,cAAAJ,qBAAA,cAAAA,qBAAA,GAAI,CAAC,EACzBd,IAAI,CAAeY,OAAO,CAACO,WAAW,CAAC,CAACb,MAAM,GAAAS,qBAAA,GAC9CH,OAAO,CAACQ,iBAAiB,cAAAL,qBAAA,cAAAA,qBAAA,GAAI,CAAC,GAAAC,aAAA,GAC9BJ,OAAO,CAACS,IAAI,cAAAL,aAAA,cAAAA,aAAA,GAAI,CAAC,CAClB;EACH;EAEAM,mBAAmBA,CAACV,OAYnB,EAAQ;IAAA,IAAAW,eAAA,EAAAC,iBAAA,EAAAC,eAAA;IACP,IAAI,CAACnB,MAAM,CAACgB,mBAAmB,CAC7B;MACEI,MAAM,EAAE1B,IAAI,CAAeY,OAAO,CAACK,MAAM,CAAC,CAACX,MAAM;MACjDqB,MAAM,GAAAJ,eAAA,GAAEX,OAAO,CAACe,MAAM,cAAAJ,eAAA,cAAAA,eAAA,GAAI,CAAC;MAC3BK,WAAW,EAAEhB,OAAO,CAACgB,WAAW;MAChCC,YAAY,EAAEjB,OAAO,CAACiB;IACxB,CAAC,EACD;MACEC,OAAO,EAAE9B,IAAI,CAAgBY,OAAO,CAACO,WAAW,CAAC,CAACb,MAAM;MACxDyB,QAAQ,GAAAP,iBAAA,GAAEZ,OAAO,CAACmB,QAAQ,cAAAP,iBAAA,cAAAA,iBAAA,GAAI,CAAC;MAC/BQ,MAAM,GAAAP,eAAA,GAAEb,OAAO,CAACoB,MAAM,cAAAP,eAAA,cAAAA,eAAA,GAAI,CAAC;IAE7B,CAAC,EACD;MAEEQ,KAAK,EAAErB,OAAO,CAACsB,MAAM,CAAC,CAAC,CAAC;MACxBC,MAAM,EAAEvB,OAAO,CAACsB,MAAM,CAAC,CAAC,CAAC;MACzBE,kBAAkB,EAAExB,OAAO,CAACsB,MAAM,CAAC,CAAC;IACtC,CAAC,CACF;EACH;EAEAG,mBAAmBA,CAACzB,OAInB,EAAQ,CAAC;EAEV0B,oBAAoBA,CAAC1B,OAIpB,EAAQ,CAAC;EAED2B,cAAcA,CAACC,UAAkB,EAAQ;IAChD,IAAI,CAAClC,MAAM,CAACiC,cAAc,CAACC,UAAU,CAAC;EACxC;EAESC,aAAaA,CAAA,EAAS;IAC7B,IAAI,CAACnC,MAAM,CAACmC,aAAa,EAAE;EAC7B;EAESC,iBAAiBA,CAACC,WAAmB,EAAQ;IACpD,IAAI,CAACrC,MAAM,CAACoC,iBAAiB,CAACC,WAAW,CAAC;EAC5C;AAWF"}
+{"version":3,"file":"webgpu-command-encoder.js","names":["CommandEncoder","cast","WebGPUCommandEncoder","constructor","device","props","_defineProperty","handle","createCommandEncoder","label","id","destroy","finish","options","copyBufferToBuffer","_options$sourceOffset","_options$destinationO","_options$size","source","sourceOffset","destination","destinationOffset","size","copyBufferToTexture","_options$offset","_options$mipLevel","_options$origin","buffer","offset","bytesPerRow","rowsPerImage","texture","mipLevel","origin","width","extent","height","depthOrArrayLayers","copyTextureToBuffer","copyTextureToTexture","pushDebugGroup","groupLabel","popDebugGroup","insertDebugMarker","markerLabel"],"sources":["../../../src/adapter/resources/webgpu-command-encoder.ts"],"sourcesContent":["import {CommandEncoder, CommandEncoderProps, Buffer, Texture, cast, \n  CopyTextureToTextureOptions, \n  CopyTextureToBufferOptions\n  // CopyBufferToTextureOptions,\n  // CopyBufferToBufferOptions,\n} from '@luma.gl/api';\nimport {WebGPUDevice} from '../webgpu-device';\nimport {WebGPUBuffer} from './webgpu-buffer';\nimport {WebGPUTexture} from './webgpu-texture';\n\nexport class WebGPUCommandEncoder extends CommandEncoder {\n  readonly device: WebGPUDevice;\n  readonly handle: GPUCommandEncoder;\n\n  constructor(device: WebGPUDevice, props: CommandEncoderProps) {\n    super(props);\n    this.device = device;\n    this.handle = props.handle || this.device.handle.createCommandEncoder({\n      // TODO was this removed in standard?\n      // measureExecutionTime: this.props.measureExecutionTime\n    });\n    this.handle.label = this.props.id;\n  }\n\n  override destroy(): void {}\n\n  finish(options?: {id?: string}): GPUCommandBuffer {\n    return this.finish(options);\n  }\n\n  // beginRenderPass(GPURenderPassDescriptor descriptor): GPURenderPassEncoder;\n  // beginComputePass(optional GPUComputePassDescriptor descriptor = {}): GPUComputePassEncoder;\n\n  copyBufferToBuffer(options: // CopyBufferToBufferOptions\n    {\n      source: Buffer,\n      sourceOffset?: number,\n      destination: Buffer,\n      destinationOffset?: number,\n      size?: number\n    }\n  ): void {\n    this.handle.copyBufferToBuffer(\n      cast<WebGPUBuffer>(options.source).handle,\n      options.sourceOffset ?? 0,\n      cast<WebGPUBuffer>(options.destination).handle,\n      options.destinationOffset ?? 0,\n      options.size ?? 0\n    );\n  }\n\n  copyBufferToTexture(options: // CopyBufferToTextureOptions\n    {\n    source: Buffer,\n    offset?: number,\n    bytesPerRow: number,\n    rowsPerImage: number,\n\n    destination: Texture,\n    mipLevel?: number;\n    aspect?: 'all' | 'stencil-only' | 'depth-only',\n\n    origin?: number[] | [number, number, number],\n    extent?: number[] | [number, number, number]\n  }\n  ): void {\n    this.handle.copyBufferToTexture(\n      {\n        buffer: cast<WebGPUBuffer>(options.source).handle,\n        offset: options.offset ?? 0,\n        bytesPerRow: options.bytesPerRow,\n        rowsPerImage: options.rowsPerImage,\n      },\n      {\n        texture: cast<WebGPUTexture>(options.destination).handle,\n        mipLevel: options.mipLevel ?? 0,\n        origin: options.origin ?? {},\n        // aspect: options.aspect\n      },\n      {\n        // TODO exclamation mark hack\n        width: options.extent[0],\n        height: options.extent[1],\n        depthOrArrayLayers: options.extent[2]\n      }\n    );\n  }\n\n  copyTextureToBuffer(options: CopyTextureToBufferOptions): void {\n    // this.handle.copyTextureToBuffer(\n    //   // source\n    //   {},\n    //   // destination\n    //   {},\n    //   // copySize\n    //   {}\n    // );\n  }\n\n  copyTextureToTexture(options: CopyTextureToTextureOptions): void {\n    // this.handle.copyTextureToTexture(\n    //   // source\n    //   {},\n    //   // destination\n    //   {},\n    //   // copySize\n    //   {}\n    // );\n  }\n\n  override pushDebugGroup(groupLabel: string): void {\n    this.handle.pushDebugGroup(groupLabel);\n  }\n\n  override popDebugGroup(): void {\n    this.handle.popDebugGroup();\n  }\n\n  override insertDebugMarker(markerLabel: string): void {\n    this.handle.insertDebugMarker(markerLabel);\n  }\n\n  // writeTimestamp(querySet: Query, queryIndex: number): void {}\n\n  // resolveQuerySet(options: {\n  //   querySet: GPUQuerySet,\n  //   firstQuery: number,\n  //   queryCount: number,\n  //   destination: Buffer,\n  //   destinationOffset?: number;\n  // }): void;\n}"],"mappings":";AAAA,SAAQA,cAAc,EAAwCC,IAAI,QAK3D,cAAc;AAKrB,OAAO,MAAMC,oBAAoB,SAASF,cAAc,CAAC;EAIvDG,WAAWA,CAACC,MAAoB,EAAEC,KAA0B,EAAE;IAC5D,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA;IAAAA,eAAA;IACb,IAAI,CAACF,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACG,MAAM,GAAGF,KAAK,CAACE,MAAM,IAAI,IAAI,CAACH,MAAM,CAACG,MAAM,CAACC,oBAAoB,CAAC,CAGtE,CAAC,CAAC;IACF,IAAI,CAACD,MAAM,CAACE,KAAK,GAAG,IAAI,CAACJ,KAAK,CAACK,EAAE;EACnC;EAESC,OAAOA,CAAA,EAAS,CAAC;EAE1BC,MAAMA,CAACC,OAAuB,EAAoB;IAChD,OAAO,IAAI,CAACD,MAAM,CAACC,OAAO,CAAC;EAC7B;EAKAC,kBAAkBA,CAACD,OAOhB,EACK;IAAA,IAAAE,qBAAA,EAAAC,qBAAA,EAAAC,aAAA;IACN,IAAI,CAACV,MAAM,CAACO,kBAAkB,CAC5Bb,IAAI,CAAeY,OAAO,CAACK,MAAM,CAAC,CAACX,MAAM,GAAAQ,qBAAA,GACzCF,OAAO,CAACM,YAAY,cAAAJ,qBAAA,cAAAA,qBAAA,GAAI,CAAC,EACzBd,IAAI,CAAeY,OAAO,CAACO,WAAW,CAAC,CAACb,MAAM,GAAAS,qBAAA,GAC9CH,OAAO,CAACQ,iBAAiB,cAAAL,qBAAA,cAAAA,qBAAA,GAAI,CAAC,GAAAC,aAAA,GAC9BJ,OAAO,CAACS,IAAI,cAAAL,aAAA,cAAAA,aAAA,GAAI,CAAC,CAClB;EACH;EAEAM,mBAAmBA,CAACV,OAanB,EACO;IAAA,IAAAW,eAAA,EAAAC,iBAAA,EAAAC,eAAA;IACN,IAAI,CAACnB,MAAM,CAACgB,mBAAmB,CAC7B;MACEI,MAAM,EAAE1B,IAAI,CAAeY,OAAO,CAACK,MAAM,CAAC,CAACX,MAAM;MACjDqB,MAAM,GAAAJ,eAAA,GAAEX,OAAO,CAACe,MAAM,cAAAJ,eAAA,cAAAA,eAAA,GAAI,CAAC;MAC3BK,WAAW,EAAEhB,OAAO,CAACgB,WAAW;MAChCC,YAAY,EAAEjB,OAAO,CAACiB;IACxB,CAAC,EACD;MACEC,OAAO,EAAE9B,IAAI,CAAgBY,OAAO,CAACO,WAAW,CAAC,CAACb,MAAM;MACxDyB,QAAQ,GAAAP,iBAAA,GAAEZ,OAAO,CAACmB,QAAQ,cAAAP,iBAAA,cAAAA,iBAAA,GAAI,CAAC;MAC/BQ,MAAM,GAAAP,eAAA,GAAEb,OAAO,CAACoB,MAAM,cAAAP,eAAA,cAAAA,eAAA,GAAI,CAAC;IAE7B,CAAC,EACD;MAEEQ,KAAK,EAAErB,OAAO,CAACsB,MAAM,CAAC,CAAC,CAAC;MACxBC,MAAM,EAAEvB,OAAO,CAACsB,MAAM,CAAC,CAAC,CAAC;MACzBE,kBAAkB,EAAExB,OAAO,CAACsB,MAAM,CAAC,CAAC;IACtC,CAAC,CACF;EACH;EAEAG,mBAAmBA,CAACzB,OAAmC,EAAQ,CAS/D;EAEA0B,oBAAoBA,CAAC1B,OAAoC,EAAQ,CASjE;EAES2B,cAAcA,CAACC,UAAkB,EAAQ;IAChD,IAAI,CAAClC,MAAM,CAACiC,cAAc,CAACC,UAAU,CAAC;EACxC;EAESC,aAAaA,CAAA,EAAS;IAC7B,IAAI,CAACnC,MAAM,CAACmC,aAAa,EAAE;EAC7B;EAESC,iBAAiBA,CAACC,WAAmB,EAAQ;IACpD,IAAI,CAACrC,MAAM,CAACoC,iBAAiB,CAACC,WAAW,CAAC;EAC5C;AAWF"}

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

@@ -1,29 +1,12 @@
-/// <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';
 /**
  * Create new textures with correct size for all attachments.
  * @note resize() destroys existing textures (if size has changed).
  */
 export declare class WebGPUFramebuffer extends Framebuffer {
     readonly device: WebGPUDevice;
-    colorAttachments: WebGPUTexture[];
-    depthStencilAttachment: WebGPUTexture | null;
-    /** 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,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"}
+{"version":3,"file":"webgpu-framebuffer.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgpu-framebuffer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AACnD,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AACzC,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,93 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { Framebuffer, Texture } from '@luma.gl/api';
-import { WebGPUTexture } from "./webgpu-texture.js";
+import { Framebuffer } from '@luma.gl/api';
 export 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);
-    }
-    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(),
-        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'
-      }));
-    }
-  }
-  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();
-    }
+    this.autoCreateAttachmentTextures();
   }
 }
 //# sourceMappingURL=webgpu-framebuffer.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"webgpu-framebuffer.js","names":["Framebuffer","WebGPUFramebuffer","constructor","device","props","_defineProperty","autoCreateAttachmentTextures"],"sources":["../../../src/adapter/resources/webgpu-framebuffer.ts"],"sourcesContent":["import type {FramebufferProps} from '@luma.gl/api';\nimport {Framebuffer} from '@luma.gl/api';\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,cAAc;AAOxC,OAAO,MAAMC,iBAAiB,SAASD,WAAW,CAAC;EAGjDE,WAAWA,CAACC,MAAoB,EAAEC,KAAuB,EAAE;IACzD,KAAK,CAACD,MAAM,EAAEC,KAAK,CAAC;IAACC,eAAA;IACrB,IAAI,CAACF,MAAM,GAAGA,MAAM;IAGpB,IAAI,CAACG,4BAA4B,EAAE;EACrC;AACF"}

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

@@ -1,5 +1,5 @@
 /// <reference types="dist" />
-import type { RenderPassProps, RenderPassParameters, Binding } from '@luma.gl/api';
+import type { RenderPassProps, RenderPassParameters, Binding, Framebuffer } from '@luma.gl/api';
 import { Buffer, RenderPass, RenderPipeline } from '@luma.gl/api';
 import { WebGPUDevice } from '../webgpu-device';
 import { WebGPURenderPipeline } from './webgpu-render-pipeline';
@@ -30,5 +30,10 @@ export declare 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,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"}
+{"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,cAAc,CAAC;AAC9F,OAAO,EAAC,MAAM,EAAE,UAAU,EAAE,cAAc,EAAO,MAAM,cAAc,CAAC;AACtE,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;IASpD,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;CAuBrF"}

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

@@ -9,7 +9,7 @@ export class WebGPURenderPass extends RenderPass {
     _defineProperty(this, "pipeline", null);
     this.device = device;
     const framebuffer = props.framebuffer || device.canvasContext.getCurrentFramebuffer();
-    const renderPassDescriptor = framebuffer.renderPassDescriptor;
+    const renderPassDescriptor = this.getRenderPassDescriptor(framebuffer);
     this.handle = this.props.handle || device.commandEncoder.beginRenderPass(renderPassDescriptor);
     this.handle.label = this.props.id;
   }
@@ -75,5 +75,23 @@ export class WebGPURenderPass extends RenderPass {
   insertDebugMarker(markerLabel) {
     this.handle.insertDebugMarker(markerLabel);
   }
+  getRenderPassDescriptor(framebuffer) {
+    const renderPassDescriptor = {
+      colorAttachments: []
+    };
+    renderPassDescriptor.colorAttachments = framebuffer.colorAttachments.map(colorAttachment => ({
+      loadOp: 'clear',
+      colorClearValue: this.props.clearColor || [0, 0, 0, 0],
+      storeOp: this.props.discard ? 'discard' : 'store',
+      view: colorAttachment.handle.createView()
+    }));
+    if (framebuffer.depthStencilAttachment) {
+      renderPassDescriptor.depthStencilAttachment = {
+        ...this.props,
+        view: framebuffer.depthStencilAttachment.handle.createView()
+      };
+    }
+    return renderPassDescriptor;
+  }
 }
 //# sourceMappingURL=webgpu-render-pass.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"webgpu-render-pass.js","names":["RenderPass","cast","WebGPURenderPass","constructor","device","props","arguments","length","undefined","_defineProperty","framebuffer","canvasContext","getCurrentFramebuffer","renderPassDescriptor","getRenderPassDescriptor","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","colorAttachments","map","colorAttachment","loadOp","colorClearValue","clearColor","storeOp","discard","view","createView","depthStencilAttachment"],"sources":["../../../src/adapter/resources/webgpu-render-pass.ts"],"sourcesContent":["import type {RenderPassProps, RenderPassParameters, Binding, Framebuffer} from '@luma.gl/api';\nimport {Buffer, RenderPass, RenderPipeline, cast} from '@luma.gl/api';\nimport {WebGPUDevice} from '../webgpu-device';\nimport {WebGPUBuffer} from './webgpu-buffer';\nimport {WebGPUTexture} from './webgpu-texture';\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    const renderPassDescriptor = this.getRenderPassDescriptor(framebuffer);\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  // INTERNAL\n\n  /** \n   * Partial render pass descriptor. Used by WebGPURenderPass.\n   * @returns attachments fields of a renderpass descriptor. \n   */\n  protected getRenderPassDescriptor(framebuffer: Framebuffer): GPURenderPassDescriptor {\n    const renderPassDescriptor: GPURenderPassDescriptor = {\n      colorAttachments: []\n    };\n\n    renderPassDescriptor.colorAttachments = framebuffer.colorAttachments.map(colorAttachment => ({\n      // clear values\n      loadOp: 'clear',\n      colorClearValue: this.props.clearColor || [0, 0, 0, 0],\n      storeOp: this.props.discard? 'discard': 'store',\n      // ...colorAttachment,\n      view: (colorAttachment as WebGPUTexture).handle.createView()\n    }));\n\n    if (framebuffer.depthStencilAttachment) {\n      renderPassDescriptor.depthStencilAttachment = {\n        ...this.props,\n        view: (framebuffer.depthStencilAttachment as WebGPUTexture).handle.createView()\n      };\n    }\n\n    return renderPassDescriptor;\n  }\n}\n"],"mappings":"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"}

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

@@ -22,7 +22,8 @@ export class WebGPUShader extends Shader {
   destroy() {}
   createHandle() {
     const {
-      source
+      source,
+      stage
     } = this.props;
     let language = this.props.language;
     if (!language) {
@@ -36,7 +37,7 @@ export class WebGPUShader extends Shader {
       case 'glsl':
         return this.device.handle.createShaderModule({
           code: source,
-          transform: glsl => this.device.glslang.compileGLSL(glsl, type)
+          transform: glsl => this.device.glslang.compileGLSL(glsl, stage)
         });
       default:
         throw new Error(language);

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

@@ -1 +1 @@
-{"version":3,"file":"webgpu-shader.js","names":["Shader","log","WebGPUShader","constructor","device","props","_defineProperty","handle","pushErrorScope","createHandle","label","id","_checkCompilationError","popErrorScope","errorScope","error","shaderLog","compilationInfo","concat","message","Error","destroy","source","language","includes","createShaderModule","code","transform","glsl","glslang","compileGLSL","type","getCompilationInfo","messages"],"sources":["../../../src/adapter/resources/webgpu-shader.ts"],"sourcesContent":["// luma.gl, MIT license\n\nimport type {ShaderProps, CompilerMessage} from '@luma.gl/api';\nimport {Shader, log} from '@luma.gl/api';\nimport type {WebGPUDevice} from '../webgpu-device';\n\nexport type WebGPUShaderProps = ShaderProps & {\n  handle?: GPUShaderModule;\n};\n\n/**\n * Immutable shader\n */\nexport class WebGPUShader extends Shader {\n  readonly device: WebGPUDevice;\n  readonly handle: GPUShaderModule;\n\n  constructor(device: WebGPUDevice, props: WebGPUShaderProps) {\n    super(device, props);\n    this.device = device;\n\n    this.device.handle.pushErrorScope('validation');\n\n    this.handle = this.props.handle || this.createHandle();\n    this.handle.label = this.props.id;\n\n    this._checkCompilationError(this.device.handle.popErrorScope());\n  }\n\n  async _checkCompilationError(errorScope: Promise<GPUError | null>): Promise<void> {\n    const error = await errorScope as GPUValidationError;\n    if (error) {\n      const shaderLog = await this.compilationInfo();\n      log.error(`Shader compilation error: ${error.message}`, shaderLog)();\n      // Note: Even though this error is asynchronous and thrown after the constructor completes,\n      // it will result in a useful stack trace leading back to the constructor\n      throw new Error(`Shader compilation error: ${error.message}`);\n    }\n  }\n\n  override destroy(): void {\n    // this.handle.destroy();\n  }\n\n  protected createHandle(): GPUShaderModule {\n    const {source} = this.props;\n\n    let language = this.props.language;\n    // Compile from src\n    if (!language) {\n      // wgsl uses C++ \"auto\" style arrow notation\n      language = source.includes('->') ? 'wgsl' : 'glsl';\n    }\n\n    switch(language) {\n      case 'wgsl':\n        return this.device.handle.createShaderModule({code: source});\n      case 'glsl':\n        return this.device.handle.createShaderModule({\n          code: source,\n          // @ts-expect-error\n          transform: (glsl) => this.device.glslang.compileGLSL(glsl, type)\n        });\n      default:\n        throw new Error(language);\n    }\n  }\n\n  /** Returns compilation info for this shader */\n  async compilationInfo(): Promise<readonly CompilerMessage[]> {\n    const compilationInfo = await this.handle.getCompilationInfo();\n    return compilationInfo.messages;\n  }\n}\n"],"mappings":";AAGA,SAAQA,MAAM,EAAEC,GAAG,QAAO,cAAc;AAUxC,OAAO,MAAMC,YAAY,SAASF,MAAM,CAAC;EAIvCG,WAAWA,CAACC,MAAoB,EAAEC,KAAwB,EAAE;IAC1D,KAAK,CAACD,MAAM,EAAEC,KAAK,CAAC;IAACC,eAAA;IAAAA,eAAA;IACrB,IAAI,CAACF,MAAM,GAAGA,MAAM;IAEpB,IAAI,CAACA,MAAM,CAACG,MAAM,CAACC,cAAc,CAAC,YAAY,CAAC;IAE/C,IAAI,CAACD,MAAM,GAAG,IAAI,CAACF,KAAK,CAACE,MAAM,IAAI,IAAI,CAACE,YAAY,EAAE;IACtD,IAAI,CAACF,MAAM,CAACG,KAAK,GAAG,IAAI,CAACL,KAAK,CAACM,EAAE;IAEjC,IAAI,CAACC,sBAAsB,CAAC,IAAI,CAACR,MAAM,CAACG,MAAM,CAACM,aAAa,EAAE,CAAC;EACjE;EAEA,MAAMD,sBAAsBA,CAACE,UAAoC,EAAiB;IAChF,MAAMC,KAAK,GAAG,MAAMD,UAAgC;IACpD,IAAIC,KAAK,EAAE;MACT,MAAMC,SAAS,GAAG,MAAM,IAAI,CAACC,eAAe,EAAE;MAC9ChB,GAAG,CAACc,KAAK,8BAAAG,MAAA,CAA8BH,KAAK,CAACI,OAAO,GAAIH,SAAS,CAAC,EAAE;MAGpE,MAAM,IAAII,KAAK,8BAAAF,MAAA,CAA8BH,KAAK,CAACI,OAAO,EAAG;IAC/D;EACF;EAESE,OAAOA,CAAA,EAAS,CAEzB;EAEUZ,YAAYA,CAAA,EAAoB;IACxC,MAAM;MAACa;IAAM,CAAC,GAAG,IAAI,CAACjB,KAAK;IAE3B,IAAIkB,QAAQ,GAAG,IAAI,CAAClB,KAAK,CAACkB,QAAQ;IAElC,IAAI,CAACA,QAAQ,EAAE;MAEbA,QAAQ,GAAGD,MAAM,CAACE,QAAQ,CAAC,IAAI,CAAC,GAAG,MAAM,GAAG,MAAM;IACpD;IAEA,QAAOD,QAAQ;MACb,KAAK,MAAM;QACT,OAAO,IAAI,CAACnB,MAAM,CAACG,MAAM,CAACkB,kBAAkB,CAAC;UAACC,IAAI,EAAEJ;QAAM,CAAC,CAAC;MAC9D,KAAK,MAAM;QACT,OAAO,IAAI,CAAClB,MAAM,CAACG,MAAM,CAACkB,kBAAkB,CAAC;UAC3CC,IAAI,EAAEJ,MAAM;UAEZK,SAAS,EAAGC,IAAI,IAAK,IAAI,CAACxB,MAAM,CAACyB,OAAO,CAACC,WAAW,CAACF,IAAI,EAAEG,IAAI;QACjE,CAAC,CAAC;MACJ;QACE,MAAM,IAAIX,KAAK,CAACG,QAAQ,CAAC;IAAC;EAEhC;EAGA,MAAMN,eAAeA,CAAA,EAAwC;IAC3D,MAAMA,eAAe,GAAG,MAAM,IAAI,CAACV,MAAM,CAACyB,kBAAkB,EAAE;IAC9D,OAAOf,eAAe,CAACgB,QAAQ;EACjC;AACF"}
+{"version":3,"file":"webgpu-shader.js","names":["Shader","log","WebGPUShader","constructor","device","props","_defineProperty","handle","pushErrorScope","createHandle","label","id","_checkCompilationError","popErrorScope","errorScope","error","shaderLog","compilationInfo","concat","message","Error","destroy","source","stage","language","includes","createShaderModule","code","transform","glsl","glslang","compileGLSL","getCompilationInfo","messages"],"sources":["../../../src/adapter/resources/webgpu-shader.ts"],"sourcesContent":["// luma.gl, MIT license\n\nimport type {ShaderProps, CompilerMessage} from '@luma.gl/api';\nimport {Shader, log} from '@luma.gl/api';\nimport type {WebGPUDevice} from '../webgpu-device';\n\nexport type WebGPUShaderProps = ShaderProps & {\n  handle?: GPUShaderModule;\n};\n\n/**\n * Immutable shader\n */\nexport class WebGPUShader extends Shader {\n  readonly device: WebGPUDevice;\n  readonly handle: GPUShaderModule;\n\n  constructor(device: WebGPUDevice, props: WebGPUShaderProps) {\n    super(device, props);\n    this.device = device;\n\n    this.device.handle.pushErrorScope('validation');\n\n    this.handle = this.props.handle || this.createHandle();\n    this.handle.label = this.props.id;\n\n    this._checkCompilationError(this.device.handle.popErrorScope());\n  }\n\n  async _checkCompilationError(errorScope: Promise<GPUError | null>): Promise<void> {\n    const error = await errorScope as GPUValidationError;\n    if (error) {\n      const shaderLog = await this.compilationInfo();\n      log.error(`Shader compilation error: ${error.message}`, shaderLog)();\n      // Note: Even though this error is asynchronous and thrown after the constructor completes,\n      // it will result in a useful stack trace leading back to the constructor\n      throw new Error(`Shader compilation error: ${error.message}`);\n    }\n  }\n\n  override destroy(): void {\n    // this.handle.destroy();\n  }\n\n  protected createHandle(): GPUShaderModule {\n    const {source, stage} = this.props;\n\n    let language = this.props.language;\n    // Compile from src\n    if (!language) {\n      // wgsl uses C++ \"auto\" style arrow notation\n      language = source.includes('->') ? 'wgsl' : 'glsl';\n    }\n\n    switch(language) {\n      case 'wgsl':\n        return this.device.handle.createShaderModule({code: source});\n      case 'glsl':\n        return this.device.handle.createShaderModule({\n          code: source,\n          // @ts-expect-error\n          transform: (glsl) => this.device.glslang.compileGLSL(glsl, stage)\n        });\n      default:\n        throw new Error(language);\n    }\n  }\n\n  /** Returns compilation info for this shader */\n  async compilationInfo(): Promise<readonly CompilerMessage[]> {\n    const compilationInfo = await this.handle.getCompilationInfo();\n    return compilationInfo.messages;\n  }\n}\n"],"mappings":";AAGA,SAAQA,MAAM,EAAEC,GAAG,QAAO,cAAc;AAUxC,OAAO,MAAMC,YAAY,SAASF,MAAM,CAAC;EAIvCG,WAAWA,CAACC,MAAoB,EAAEC,KAAwB,EAAE;IAC1D,KAAK,CAACD,MAAM,EAAEC,KAAK,CAAC;IAACC,eAAA;IAAAA,eAAA;IACrB,IAAI,CAACF,MAAM,GAAGA,MAAM;IAEpB,IAAI,CAACA,MAAM,CAACG,MAAM,CAACC,cAAc,CAAC,YAAY,CAAC;IAE/C,IAAI,CAACD,MAAM,GAAG,IAAI,CAACF,KAAK,CAACE,MAAM,IAAI,IAAI,CAACE,YAAY,EAAE;IACtD,IAAI,CAACF,MAAM,CAACG,KAAK,GAAG,IAAI,CAACL,KAAK,CAACM,EAAE;IAEjC,IAAI,CAACC,sBAAsB,CAAC,IAAI,CAACR,MAAM,CAACG,MAAM,CAACM,aAAa,EAAE,CAAC;EACjE;EAEA,MAAMD,sBAAsBA,CAACE,UAAoC,EAAiB;IAChF,MAAMC,KAAK,GAAG,MAAMD,UAAgC;IACpD,IAAIC,KAAK,EAAE;MACT,MAAMC,SAAS,GAAG,MAAM,IAAI,CAACC,eAAe,EAAE;MAC9ChB,GAAG,CAACc,KAAK,8BAAAG,MAAA,CAA8BH,KAAK,CAACI,OAAO,GAAIH,SAAS,CAAC,EAAE;MAGpE,MAAM,IAAII,KAAK,8BAAAF,MAAA,CAA8BH,KAAK,CAACI,OAAO,EAAG;IAC/D;EACF;EAESE,OAAOA,CAAA,EAAS,CAEzB;EAEUZ,YAAYA,CAAA,EAAoB;IACxC,MAAM;MAACa,MAAM;MAAEC;IAAK,CAAC,GAAG,IAAI,CAAClB,KAAK;IAElC,IAAImB,QAAQ,GAAG,IAAI,CAACnB,KAAK,CAACmB,QAAQ;IAElC,IAAI,CAACA,QAAQ,EAAE;MAEbA,QAAQ,GAAGF,MAAM,CAACG,QAAQ,CAAC,IAAI,CAAC,GAAG,MAAM,GAAG,MAAM;IACpD;IAEA,QAAOD,QAAQ;MACb,KAAK,MAAM;QACT,OAAO,IAAI,CAACpB,MAAM,CAACG,MAAM,CAACmB,kBAAkB,CAAC;UAACC,IAAI,EAAEL;QAAM,CAAC,CAAC;MAC9D,KAAK,MAAM;QACT,OAAO,IAAI,CAAClB,MAAM,CAACG,MAAM,CAACmB,kBAAkB,CAAC;UAC3CC,IAAI,EAAEL,MAAM;UAEZM,SAAS,EAAGC,IAAI,IAAK,IAAI,CAACzB,MAAM,CAAC0B,OAAO,CAACC,WAAW,CAACF,IAAI,EAAEN,KAAK;QAClE,CAAC,CAAC;MACJ;QACE,MAAM,IAAIH,KAAK,CAACI,QAAQ,CAAC;IAAC;EAEhC;EAGA,MAAMP,eAAeA,CAAA,EAAwC;IAC3D,MAAMA,eAAe,GAAG,MAAM,IAAI,CAACV,MAAM,CAACyB,kBAAkB,EAAE;IAC9D,OAAOf,eAAe,CAACgB,QAAQ;EACjC;AACF"}

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

@@ -8,6 +8,8 @@ export declare class WebGPUTexture extends Texture {
     readonly handle: GPUTexture;
     readonly view: GPUTextureView;
     sampler: WebGPUSampler;
+    height: number;
+    width: number;
     constructor(device: WebGPUDevice, props: TextureProps);
     protected createHandle(): GPUTexture;
     destroy(): void;
@@ -18,7 +20,10 @@ export declare class WebGPUTexture extends Texture {
     setSampler(sampler: Sampler | SamplerProps): this;
     setData(options: {
         data: any;
-    }): this;
+    }): {
+        width: number;
+        height: number;
+    };
     /** Set image */
     setImage(options: {
         source: ImageBitmap | HTMLCanvasElement | OffscreenCanvas;
@@ -34,6 +39,9 @@ export declare class WebGPUTexture extends Texture {
         aspect?: 'all' | 'stencil-only' | 'depth-only';
         colorSpace?: 'srgb';
         premultipliedAlpha?: boolean;
-    }): this;
+    }): {
+        width: number;
+        height: number;
+    };
 }
 //# sourceMappingURL=webgpu-texture.d.ts.map

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

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

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

@@ -17,6 +17,8 @@ export class WebGPUTexture extends Texture {
     _defineProperty(this, "handle", void 0);
     _defineProperty(this, "view", void 0);
     _defineProperty(this, "sampler", void 0);
+    _defineProperty(this, "height", void 0);
+    _defineProperty(this, "width", void 0);
     if (typeof this.props.format === 'number') {
       throw new Error('number format');
     }
@@ -27,6 +29,8 @@ export class WebGPUTexture extends Texture {
         data: this.props.data
       });
     }
+    this.width = this.handle.width;
+    this.height = this.handle.height;
     this.sampler = props.sampler instanceof WebGPUSampler ? props.sampler : new WebGPUSampler(this.device, props.sampler);
     this.view = this.handle.createView({});
   }
@@ -89,7 +93,10 @@ export class WebGPUTexture extends Texture {
       colorSpace,
       premultipliedAlpha
     }, [width, height, depth]);
-    return this;
+    return {
+      width,
+      height
+    };
   }
 }
 //# sourceMappingURL=webgpu-texture.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"webgpu-texture.js","names":["Texture","getWebGPUTextureFormat","WebGPUSampler","BASE_DIMENSIONS","WebGPUTexture","constructor","device","props","_defineProperty","format","Error","handle","createHandle","data","setData","sampler","view","createView","_this$props$data","_this$props$data2","width","height","createTexture","size","depthOrArrayLayers","depth","dimension","usage","mipLevelCount","mipLevels","sampleCount","samples","destroy","setSampler","options","setImage","source","sourceX","sourceY","mipLevel","x","y","z","aspect","colorSpace","premultipliedAlpha","queue","copyExternalImageToTexture","origin","texture"],"sources":["../../../src/adapter/resources/webgpu-texture.ts"],"sourcesContent":["// luma.gl, MIT license\nimport {Texture, TextureProps, Sampler, SamplerProps} from '@luma.gl/api';\nimport {getWebGPUTextureFormat} from '../helpers/convert-texture-format';\nimport type {WebGPUDevice} from '../webgpu-device';\nimport {WebGPUSampler} from './webgpu-sampler';\n\nconst BASE_DIMENSIONS: Record<string, '1d' | '2d' | '3d'> = {\n  '1d': '1d',\n  '2d': '2d',\n  '2d-array': '2d',\n  'cube': '2d',\n  'cube-array': '2d',\n  '3d': '3d'\n};\n\nexport class WebGPUTexture extends Texture {\n  readonly device: WebGPUDevice;\n  readonly handle: GPUTexture;\n  readonly view: GPUTextureView;\n  sampler: WebGPUSampler;\n\n  // static async createFromImageURL(src, usage = 0) {\n  //   const img = document.createElement('img');\n  //   img.src = src;\n  //   await img.decode();\n  //   return WebGPUTexture(img, usage);\n  // }\n\n  constructor(device: WebGPUDevice, props: TextureProps) {\n    super(device, props);\n\n    if (typeof this.props.format === 'number') {\n      throw new Error('number format');\n    }\n\n    this.device = device;\n    this.handle = this.props.handle || this.createHandle();\n\n    if (this.props.data) {\n      this.setData({data: this.props.data}  );\n    }\n\n    // Create a default sampler. This mimics the WebGL1 API where sampler props are stored on the texture\n    // this.setSampler(props.sampler);\n    this.sampler = props.sampler instanceof WebGPUSampler ? props.sampler : new WebGPUSampler(this.device, props.sampler);\n\n    // TODO - To support texture arrays we need to create custom views...\n    // But we are not ready to expose TextureViews to the public API.\n    this.view = this.handle.createView({\n      // format: this.props.format,\n      // dimension: this.props.dimension,\n      // aspect = \"all\";\n      // baseMipLevel: 0;\n      // mipLevelCount;\n      // baseArrayLayer = 0;\n      // arrayLayerCount;\n    });\n  }\n\n  protected createHandle(): GPUTexture {\n    if (typeof this.props.format === 'number') {\n      throw new Error('number format');\n    }\n\n    // Deduce size from data - TODO this is a hack\n    // @ts-expect-error\n    const width = this.props.width || this.props.data?.width || 1;\n    // @ts-expect-error\n    const height = this.props.height || this.props.data?.height || 1;\n\n    return this.device.handle.createTexture({\n      size: {\n        width,\n        height,\n        depthOrArrayLayers: this.props.depth\n      },\n      dimension: BASE_DIMENSIONS[this.props.dimension],\n      format: getWebGPUTextureFormat(this.props.format),\n      usage: this.props.usage,\n      mipLevelCount: this.props.mipLevels,\n      sampleCount: this.props.samples\n    });\n  }\n\n  override destroy(): void {\n    this.handle.destroy();\n  }\n\n  /**\n   * Set default sampler\n   * Accept a sampler instance or set of props;\n   */\n  setSampler(sampler: Sampler | SamplerProps): this {\n    this.sampler = sampler instanceof WebGPUSampler ? sampler : new WebGPUSampler(this.device, sampler);\n    return this;\n  }\n\n  setData(options: {\n    data: any;\n  }) {\n    return this.setImage({source: options.data});\n  }\n\n  /** Set image */\n  setImage(options: {\n    source: ImageBitmap | HTMLCanvasElement | OffscreenCanvas;\n    width?: number;\n    height?: number;\n    depth?: number;\n    sourceX?: number;\n    sourceY?: number;\n    mipLevel?: number;\n    x?: number;\n    y?: number;\n    z?: number;\n    aspect?: 'all' | 'stencil-only' | 'depth-only';\n    colorSpace?: 'srgb';\n    premultipliedAlpha?: boolean;\n  }): this {\n    const {\n      source,\n      width = options.source.width,\n      height = options.source.height,\n      depth = 1,\n      sourceX = 0,\n      sourceY = 0,\n      mipLevel = 0,\n      x = 0,\n      y = 0,\n      z = 0,\n      aspect = 'all',\n      colorSpace = 'srgb',\n      premultipliedAlpha = false\n    } = options;\n\n    // TODO - max out width\n\n    this.device.handle.queue.copyExternalImageToTexture(\n      // source: GPUImageCopyExternalImage\n      {\n        source,\n        origin: [sourceX, sourceY]\n      },\n      // destination: GPUImageCopyTextureTagged\n      {\n        texture: this.handle,\n        origin: [x, y, z],\n        mipLevel,\n        aspect,\n        colorSpace,\n        premultipliedAlpha\n      },\n      // copySize: GPUExtent3D\n      [\n        width,\n        height,\n        depth\n      ]\n    );\n    return this;\n  }\n\n  /*\n  async readPixels() {\n    const readbackBuffer = device.createBuffer({\n        usage: Buffer.COPY_DST | Buffer.MAP_READ,\n        size: 4 * textureWidth * textureHeight,\n    });\n\n    // Copy data from the texture to the buffer.\n    const encoder = device.createCommandEncoder();\n    encoder.copyTextureToBuffer(\n        { texture },\n        { buffer, rowPitch: textureWidth * 4 },\n        [textureWidth, textureHeight],\n    );\n    device.submit([encoder.finish()]);\n\n    // Get the data on the CPU.\n    await buffer.mapAsync(GPUMapMode.READ);\n    saveScreenshot(buffer.getMappedRange());\n    buffer.unmap();\n  }\n\n  setImageData(imageData, usage): this {\n    let data = null;\n\n    const bytesPerRow = Math.ceil((img.width * 4) / 256) * 256;\n    if (bytesPerRow == img.width * 4) {\n      data = imageData.data;\n    } else {\n      data = new Uint8Array(bytesPerRow * img.height);\n      let imagePixelIndex = 0;\n      for (let y = 0; y < img.height; ++y) {\n        for (let x = 0; x < img.width; ++x) {\n          const i = x * 4 + y * bytesPerRow;\n          data[i] = imageData.data[imagePixelIndex];\n          data[i + 1] = imageData.data[imagePixelIndex + 1];\n          data[i + 2] = imageData.data[imagePixelIndex + 2];\n          data[i + 3] = imageData.data[imagePixelIndex + 3];\n          imagePixelIndex += 4;\n        }\n      }\n    }\n    return this;\n  }\n\n  setData(data): this {\n    const textureDataBuffer = this.device.handle.createBuffer({\n      size: data.byteLength,\n      usage: Buffer.COPY_DST | Buffer.COPY_SRC,\n      mappedAtCreation: true\n    });\n    new Uint8Array(textureDataBuffer.getMappedRange()).set(data);\n    textureDataBuffer.unmap();\n\n    this.setBuffer(textureDataBuffer);\n\n    textureDataBuffer.destroy();\n    return this;\n  }\n\n  setBuffer(textureDataBuffer, {bytesPerRow}): this {\n    const commandEncoder = this.device.handle.createCommandEncoder();\n    commandEncoder.copyBufferToTexture(\n      {\n        buffer: textureDataBuffer,\n        bytesPerRow\n      },\n      {\n        texture: this.handle\n      },\n      {\n        width,\n        height,\n        depth\n      }\n    );\n\n    this.device.handle.defaultQueue.submit([commandEncoder.finish()]);\n    return this;\n  }\n  */\n}\n"],"mappings":";AACA,SAAQA,OAAO,QAA4C,cAAc;AAAC,SAClEC,sBAAsB;AAAA,SAEtBC,aAAa;AAErB,MAAMC,eAAmD,GAAG;EAC1D,IAAI,EAAE,IAAI;EACV,IAAI,EAAE,IAAI;EACV,UAAU,EAAE,IAAI;EAChB,MAAM,EAAE,IAAI;EACZ,YAAY,EAAE,IAAI;EAClB,IAAI,EAAE;AACR,CAAC;AAED,OAAO,MAAMC,aAAa,SAASJ,OAAO,CAAC;EAazCK,WAAWA,CAACC,MAAoB,EAAEC,KAAmB,EAAE;IACrD,KAAK,CAACD,MAAM,EAAEC,KAAK,CAAC;IAACC,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAErB,IAAI,OAAO,IAAI,CAACD,KAAK,CAACE,MAAM,KAAK,QAAQ,EAAE;MACzC,MAAM,IAAIC,KAAK,CAAC,eAAe,CAAC;IAClC;IAEA,IAAI,CAACJ,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACK,MAAM,GAAG,IAAI,CAACJ,KAAK,CAACI,MAAM,IAAI,IAAI,CAACC,YAAY,EAAE;IAEtD,IAAI,IAAI,CAACL,KAAK,CAACM,IAAI,EAAE;MACnB,IAAI,CAACC,OAAO,CAAC;QAACD,IAAI,EAAE,IAAI,CAACN,KAAK,CAACM;MAAI,CAAC,CAAG;IACzC;IAIA,IAAI,CAACE,OAAO,GAAGR,KAAK,CAACQ,OAAO,YAAYb,aAAa,GAAGK,KAAK,CAACQ,OAAO,GAAG,IAAIb,aAAa,CAAC,IAAI,CAACI,MAAM,EAAEC,KAAK,CAACQ,OAAO,CAAC;IAIrH,IAAI,CAACC,IAAI,GAAG,IAAI,CAACL,MAAM,CAACM,UAAU,CAAC,CAQnC,CAAC,CAAC;EACJ;EAEUL,YAAYA,CAAA,EAAe;IAAA,IAAAM,gBAAA,EAAAC,iBAAA;IACnC,IAAI,OAAO,IAAI,CAACZ,KAAK,CAACE,MAAM,KAAK,QAAQ,EAAE;MACzC,MAAM,IAAIC,KAAK,CAAC,eAAe,CAAC;IAClC;IAIA,MAAMU,KAAK,GAAG,IAAI,CAACb,KAAK,CAACa,KAAK,MAAAF,gBAAA,GAAI,IAAI,CAACX,KAAK,CAACM,IAAI,cAAAK,gBAAA,uBAAfA,gBAAA,CAAiBE,KAAK,KAAI,CAAC;IAE7D,MAAMC,MAAM,GAAG,IAAI,CAACd,KAAK,CAACc,MAAM,MAAAF,iBAAA,GAAI,IAAI,CAACZ,KAAK,CAACM,IAAI,cAAAM,iBAAA,uBAAfA,iBAAA,CAAiBE,MAAM,KAAI,CAAC;IAEhE,OAAO,IAAI,CAACf,MAAM,CAACK,MAAM,CAACW,aAAa,CAAC;MACtCC,IAAI,EAAE;QACJH,KAAK;QACLC,MAAM;QACNG,kBAAkB,EAAE,IAAI,CAACjB,KAAK,CAACkB;MACjC,CAAC;MACDC,SAAS,EAAEvB,eAAe,CAAC,IAAI,CAACI,KAAK,CAACmB,SAAS,CAAC;MAChDjB,MAAM,EAAER,sBAAsB,CAAC,IAAI,CAACM,KAAK,CAACE,MAAM,CAAC;MACjDkB,KAAK,EAAE,IAAI,CAACpB,KAAK,CAACoB,KAAK;MACvBC,aAAa,EAAE,IAAI,CAACrB,KAAK,CAACsB,SAAS;MACnCC,WAAW,EAAE,IAAI,CAACvB,KAAK,CAACwB;IAC1B,CAAC,CAAC;EACJ;EAESC,OAAOA,CAAA,EAAS;IACvB,IAAI,CAACrB,MAAM,CAACqB,OAAO,EAAE;EACvB;EAMAC,UAAUA,CAAClB,OAA+B,EAAQ;IAChD,IAAI,CAACA,OAAO,GAAGA,OAAO,YAAYb,aAAa,GAAGa,OAAO,GAAG,IAAIb,aAAa,CAAC,IAAI,CAACI,MAAM,EAAES,OAAO,CAAC;IACnG,OAAO,IAAI;EACb;EAEAD,OAAOA,CAACoB,OAEP,EAAE;IACD,OAAO,IAAI,CAACC,QAAQ,CAAC;MAACC,MAAM,EAAEF,OAAO,CAACrB;IAAI,CAAC,CAAC;EAC9C;EAGAsB,QAAQA,CAACD,OAcR,EAAQ;IACP,MAAM;MACJE,MAAM;MACNhB,KAAK,GAAGc,OAAO,CAACE,MAAM,CAAChB,KAAK;MAC5BC,MAAM,GAAGa,OAAO,CAACE,MAAM,CAACf,MAAM;MAC9BI,KAAK,GAAG,CAAC;MACTY,OAAO,GAAG,CAAC;MACXC,OAAO,GAAG,CAAC;MACXC,QAAQ,GAAG,CAAC;MACZC,CAAC,GAAG,CAAC;MACLC,CAAC,GAAG,CAAC;MACLC,CAAC,GAAG,CAAC;MACLC,MAAM,GAAG,KAAK;MACdC,UAAU,GAAG,MAAM;MACnBC,kBAAkB,GAAG;IACvB,CAAC,GAAGX,OAAO;IAIX,IAAI,CAAC5B,MAAM,CAACK,MAAM,CAACmC,KAAK,CAACC,0BAA0B,CAEjD;MACEX,MAAM;MACNY,MAAM,EAAE,CAACX,OAAO,EAAEC,OAAO;IAC3B,CAAC,EAED;MACEW,OAAO,EAAE,IAAI,CAACtC,MAAM;MACpBqC,MAAM,EAAE,CAACR,CAAC,EAAEC,CAAC,EAAEC,CAAC,CAAC;MACjBH,QAAQ;MACRI,MAAM;MACNC,UAAU;MACVC;IACF,CAAC,EAED,CACEzB,KAAK,EACLC,MAAM,EACNI,KAAK,CACN,CACF;IACD,OAAO,IAAI;EACb;AAmFF"}
+{"version":3,"file":"webgpu-texture.js","names":["Texture","getWebGPUTextureFormat","WebGPUSampler","BASE_DIMENSIONS","WebGPUTexture","constructor","device","props","_defineProperty","format","Error","handle","createHandle","data","setData","width","height","sampler","view","createView","_this$props$data","_this$props$data2","createTexture","size","depthOrArrayLayers","depth","dimension","usage","mipLevelCount","mipLevels","sampleCount","samples","destroy","setSampler","options","setImage","source","sourceX","sourceY","mipLevel","x","y","z","aspect","colorSpace","premultipliedAlpha","queue","copyExternalImageToTexture","origin","texture"],"sources":["../../../src/adapter/resources/webgpu-texture.ts"],"sourcesContent":["// luma.gl, MIT license\nimport {Texture, TextureProps, Sampler, SamplerProps} from '@luma.gl/api';\nimport {getWebGPUTextureFormat} from '../helpers/convert-texture-format';\nimport type {WebGPUDevice} from '../webgpu-device';\nimport {WebGPUSampler} from './webgpu-sampler';\n\nconst BASE_DIMENSIONS: Record<string, '1d' | '2d' | '3d'> = {\n  '1d': '1d',\n  '2d': '2d',\n  '2d-array': '2d',\n  'cube': '2d',\n  'cube-array': '2d',\n  '3d': '3d'\n};\n\nexport class WebGPUTexture extends Texture {\n  readonly device: WebGPUDevice;\n  readonly handle: GPUTexture;\n  readonly view: GPUTextureView;\n  sampler: WebGPUSampler;\n\n  override height: number;\n  override width: number;\n\n  // static async createFromImageURL(src, usage = 0) {\n  //   const img = document.createElement('img');\n  //   img.src = src;\n  //   await img.decode();\n  //   return WebGPUTexture(img, usage);\n  // }\n\n  constructor(device: WebGPUDevice, props: TextureProps) {\n    super(device, props);\n\n    if (typeof this.props.format === 'number') {\n      throw new Error('number format');\n    }\n\n    this.device = device;\n    this.handle = this.props.handle || this.createHandle();\n\n    if (this.props.data) {\n      this.setData({data: this.props.data}  );\n    }\n\n    this.width = this.handle.width;\n    this.height = this.handle.height;\n\n    // Create a default sampler. This mimics the WebGL1 API where sampler props are stored on the texture\n    // this.setSampler(props.sampler);\n    this.sampler = props.sampler instanceof WebGPUSampler ? props.sampler : new WebGPUSampler(this.device, props.sampler);\n\n    // TODO - To support texture arrays we need to create custom views...\n    // But we are not ready to expose TextureViews to the public API.\n    this.view = this.handle.createView({\n      // format: this.props.format,\n      // dimension: this.props.dimension,\n      // aspect = \"all\";\n      // baseMipLevel: 0;\n      // mipLevelCount;\n      // baseArrayLayer = 0;\n      // arrayLayerCount;\n    });\n  }\n\n  protected createHandle(): GPUTexture {\n    if (typeof this.props.format === 'number') {\n      throw new Error('number format');\n    }\n\n    // Deduce size from data - TODO this is a hack\n    // @ts-expect-error\n    const width = this.props.width || this.props.data?.width || 1;\n    // @ts-expect-error\n    const height = this.props.height || this.props.data?.height || 1;\n\n    return this.device.handle.createTexture({\n      size: {\n        width,\n        height,\n        depthOrArrayLayers: this.props.depth\n      },\n      dimension: BASE_DIMENSIONS[this.props.dimension],\n      format: getWebGPUTextureFormat(this.props.format),\n      usage: this.props.usage,\n      mipLevelCount: this.props.mipLevels,\n      sampleCount: this.props.samples\n    });\n  }\n\n  override destroy(): void {\n    this.handle.destroy();\n  }\n\n  /**\n   * Set default sampler\n   * Accept a sampler instance or set of props;\n   */\n  setSampler(sampler: Sampler | SamplerProps): this {\n    this.sampler = sampler instanceof WebGPUSampler ? sampler : new WebGPUSampler(this.device, sampler);\n    return this;\n  }\n\n  setData(options: {\n    data: any;\n  }) {\n    return this.setImage({source: options.data});\n  }\n\n  /** Set image */\n  setImage(options: {\n    source: ImageBitmap | HTMLCanvasElement | OffscreenCanvas;\n    width?: number;\n    height?: number;\n    depth?: number;\n    sourceX?: number;\n    sourceY?: number;\n    mipLevel?: number;\n    x?: number;\n    y?: number;\n    z?: number;\n    aspect?: 'all' | 'stencil-only' | 'depth-only';\n    colorSpace?: 'srgb';\n    premultipliedAlpha?: boolean;\n  }): {width: number, height: number} {\n    const {\n      source,\n      width = options.source.width,\n      height = options.source.height,\n      depth = 1,\n      sourceX = 0,\n      sourceY = 0,\n      mipLevel = 0,\n      x = 0,\n      y = 0,\n      z = 0,\n      aspect = 'all',\n      colorSpace = 'srgb',\n      premultipliedAlpha = false\n    } = options;\n\n    // TODO - max out width\n\n    this.device.handle.queue.copyExternalImageToTexture(\n      // source: GPUImageCopyExternalImage\n      {\n        source,\n        origin: [sourceX, sourceY]\n      },\n      // destination: GPUImageCopyTextureTagged\n      {\n        texture: this.handle,\n        origin: [x, y, z],\n        mipLevel,\n        aspect,\n        colorSpace,\n        premultipliedAlpha\n      },\n      // copySize: GPUExtent3D\n      [\n        width,\n        height,\n        depth\n      ]\n    );\n    return {width, height};\n  }\n\n  /*\n  async readPixels() {\n    const readbackBuffer = device.createBuffer({\n        usage: Buffer.COPY_DST | Buffer.MAP_READ,\n        size: 4 * textureWidth * textureHeight,\n    });\n\n    // Copy data from the texture to the buffer.\n    const encoder = device.createCommandEncoder();\n    encoder.copyTextureToBuffer(\n        { texture },\n        { buffer, rowPitch: textureWidth * 4 },\n        [textureWidth, textureHeight],\n    );\n    device.submit([encoder.finish()]);\n\n    // Get the data on the CPU.\n    await buffer.mapAsync(GPUMapMode.READ);\n    saveScreenshot(buffer.getMappedRange());\n    buffer.unmap();\n  }\n\n  setImageData(imageData, usage): this {\n    let data = null;\n\n    const bytesPerRow = Math.ceil((img.width * 4) / 256) * 256;\n    if (bytesPerRow == img.width * 4) {\n      data = imageData.data;\n    } else {\n      data = new Uint8Array(bytesPerRow * img.height);\n      let imagePixelIndex = 0;\n      for (let y = 0; y < img.height; ++y) {\n        for (let x = 0; x < img.width; ++x) {\n          const i = x * 4 + y * bytesPerRow;\n          data[i] = imageData.data[imagePixelIndex];\n          data[i + 1] = imageData.data[imagePixelIndex + 1];\n          data[i + 2] = imageData.data[imagePixelIndex + 2];\n          data[i + 3] = imageData.data[imagePixelIndex + 3];\n          imagePixelIndex += 4;\n        }\n      }\n    }\n    return this;\n  }\n\n  setData(data): this {\n    const textureDataBuffer = this.device.handle.createBuffer({\n      size: data.byteLength,\n      usage: Buffer.COPY_DST | Buffer.COPY_SRC,\n      mappedAtCreation: true\n    });\n    new Uint8Array(textureDataBuffer.getMappedRange()).set(data);\n    textureDataBuffer.unmap();\n\n    this.setBuffer(textureDataBuffer);\n\n    textureDataBuffer.destroy();\n    return this;\n  }\n\n  setBuffer(textureDataBuffer, {bytesPerRow}): this {\n    const commandEncoder = this.device.handle.createCommandEncoder();\n    commandEncoder.copyBufferToTexture(\n      {\n        buffer: textureDataBuffer,\n        bytesPerRow\n      },\n      {\n        texture: this.handle\n      },\n      {\n        width,\n        height,\n        depth\n      }\n    );\n\n    this.device.handle.defaultQueue.submit([commandEncoder.finish()]);\n    return this;\n  }\n  */\n}\n"],"mappings":"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"}

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

@@ -25,6 +25,6 @@ export declare class WebGPUCanvasContext extends CanvasContext {
         useDevicePixels?: boolean | number;
     }): void;
     /** We build render targets on demand (i.e. not when size changes but when about to render) */
-    _createDepthStencilAttachment(): Texture;
+    _createDepthStencilAttachment(): Texture<import("@luma.gl/api").TextureProps>;
 }
 //# sourceMappingURL=webgpu-canvas-context.d.ts.map

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

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

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

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

package/dist/adapter/webgpu-device.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="dist" />
-import type { DeviceProps, DeviceInfo, DeviceLimits, DeviceFeature, CanvasContextProps, BufferProps, SamplerProps, ShaderProps, TextureProps, TextureFormat, ExternalTextureProps, FramebufferProps, RenderPipelineProps, ComputePipelineProps, RenderPassProps, ComputePassProps } from '@luma.gl/api';
+/// <reference types="offscreencanvas" />
+import type { DeviceProps, DeviceInfo, DeviceLimits, DeviceFeature, CanvasContextProps, BufferProps, SamplerProps, ShaderProps, Texture, TextureProps, TextureFormat, ExternalTextureProps, FramebufferProps, RenderPipelineProps, ComputePipelineProps, RenderPassProps, ComputePassProps } from '@luma.gl/api';
 import { Device } from '@luma.gl/api';
 import { WebGPUBuffer } from './resources/webgpu-buffer';
 import { WebGPUTexture } from './resources/webgpu-texture';
@@ -40,7 +41,7 @@ export declare class WebGPUDevice extends Device {
     /** @todo implement proper check? */
     isTextureFormatRenderable(format: TextureFormat): boolean;
     get isLost(): boolean;
-    _createBuffer(props: BufferProps): WebGPUBuffer;
+    createBuffer(props: BufferProps | ArrayBuffer | ArrayBufferView): WebGPUBuffer;
     _createTexture(props: TextureProps): WebGPUTexture;
     createExternalTexture(props: ExternalTextureProps): WebGPUExternalTexture;
     createShader(props: ShaderProps): WebGPUShader;
@@ -63,5 +64,18 @@ export declare class WebGPUDevice extends Device {
     getDefaultRenderPass(): WebGPURenderPass;
     submit(): void;
     _getFeatures(): Set<DeviceFeature>;
+    copyExternalImageToTexture(options: {
+        texture: Texture;
+        mipLevel?: number;
+        aspect?: 'all' | 'stencil-only' | 'depth-only';
+        colorSpace?: 'display-p3' | 'srgb';
+        premultipliedAlpha?: boolean;
+        source: ImageBitmap | HTMLVideoElement | HTMLCanvasElement | OffscreenCanvas;
+        sourceX?: number;
+        sourceY?: number;
+        width?: number;
+        height?: number;
+        depth?: number;
+    }): void;
 }
 //# sourceMappingURL=webgpu-device.d.ts.map