@luma.gl/webgpu 9.0.0-alpha.9 → 9.0.0-beta.1

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

@@ -1,7 +1,6 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { Texture } from '@luma.gl/api';
-import { getWebGPUTextureFormat } from '../helpers/convert-texture-format';
-import WebGPUSampler from './webgpu-sampler';
+import { Texture } from '@luma.gl/core';
+import { getWebGPUTextureFormat } from "../helpers/convert-texture-format.js";
+import { WebGPUSampler } from "./webgpu-sampler.js";
 const BASE_DIMENSIONS = {
   '1d': '1d',
   '2d': '2d',
@@ -10,45 +9,48 @@ const BASE_DIMENSIONS = {
   'cube-array': '2d',
   '3d': '3d'
 };
-export default class WebGPUTexture extends Texture {
+export class WebGPUTexture extends Texture {
   constructor(device, props) {
     super(device, props);
-
-    _defineProperty(this, "device", void 0);
-
-    _defineProperty(this, "handle", void 0);
-
-    _defineProperty(this, "view", void 0);
-
-    _defineProperty(this, "sampler", null);
-
-    if (typeof this.props.format === 'number') {
-      throw new Error('number format');
-    }
-
+    this.device = void 0;
+    this.handle = void 0;
+    this.view = void 0;
+    this.sampler = void 0;
+    this.height = 1;
+    this.width = 1;
     this.device = device;
+    if (props.data instanceof Promise) {
+      props.data.then(resolvedImageData => {
+        this.props = {
+          ...props,
+          data: resolvedImageData
+        };
+        this.initialize(this.props);
+      });
+      return;
+    }
+    this.initialize(props);
+  }
+  initialize(props) {
+    var _this$handle;
     this.handle = this.props.handle || this.createHandle();
-
+    (_this$handle = this.handle).label || (_this$handle.label = this.id);
     if (this.props.data) {
       this.setData({
         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({});
+    this.view = this.createView();
   }
-
   createHandle() {
     var _this$props$data, _this$props$data2;
-
-    if (typeof this.props.format === 'number') {
-      throw new Error('number format');
-    }
-
     const width = this.props.width || ((_this$props$data = this.props.data) === null || _this$props$data === void 0 ? void 0 : _this$props$data.width) || 1;
     const height = this.props.height || ((_this$props$data2 = this.props.data) === null || _this$props$data2 === void 0 ? void 0 : _this$props$data2.height) || 1;
     return this.device.handle.createTexture({
+      label: this.id,
       size: {
         width,
         height,
@@ -61,22 +63,18 @@ export default class WebGPUTexture extends Texture {
       sampleCount: this.props.samples
     });
   }
-
   destroy() {
     this.handle.destroy();
   }
-
   setSampler(sampler) {
     this.sampler = sampler instanceof WebGPUSampler ? sampler : new WebGPUSampler(this.device, sampler);
     return this;
   }
-
   setData(options) {
     return this.setImage({
       source: options.data
     });
   }
-
   setImage(options) {
     const {
       source,
@@ -104,8 +102,15 @@ export default class WebGPUTexture extends Texture {
       colorSpace,
       premultipliedAlpha
     }, [width, height, depth]);
-    return this;
+    return {
+      width,
+      height
+    };
+  }
+  createView() {
+    return this.handle.createView({
+      label: this.id
+    });
   }
-
 }
 //# sourceMappingURL=webgpu-texture.js.map

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

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

@@ -0,0 +1,26 @@
+import type { Device, Buffer, VertexArrayProps, RenderPass, TypedArray } from '@luma.gl/core';
+import { VertexArray } from '@luma.gl/core';
+import { WebGPUDevice } from '../webgpu-device';
+/** VertexArrayObject wrapper */
+export declare class WebGPUVertexArray extends VertexArray {
+    get [Symbol.toStringTag](): string;
+    readonly device: WebGPUDevice;
+    /** Vertex Array is a helper class under WebGPU */
+    readonly handle: never;
+    /** * Attribute 0 can not be disable on most desktop OpenGL based browsers */
+    static isConstantAttributeZeroSupported(device: Device): boolean;
+    constructor(device: WebGPUDevice, props?: VertexArrayProps);
+    destroy(): void;
+    /**
+     * Set an elements buffer, for indexed rendering.
+     * Must be a Buffer bound to buffer with usage bit Buffer.INDEX set.
+     */
+    setIndexBuffer(buffer: Buffer | null): void;
+    /** Set a location in vertex attributes array to a buffer, enables the location, sets divisor */
+    setBuffer(location: number, buffer: Buffer): void;
+    /** Set a location in vertex attributes array to a constant value, disables the location */
+    setConstant(location: number, value: TypedArray): void;
+    bindBeforeRender(renderPass: RenderPass, firstIndex?: number, indexCount?: number): void;
+    unbindAfterRender(renderPass: RenderPass): void;
+}
+//# sourceMappingURL=webgpu-vertex-array.d.ts.map

package/dist/adapter/resources/webgpu-vertex-array.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webgpu-vertex-array.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgpu-vertex-array.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAC,WAAW,EAAM,MAAM,eAAe,CAAC;AAG/C,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAK9C,gCAAgC;AAChC,qBAAa,iBAAkB,SAAQ,WAAW;IAChD,IAAa,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,MAAM,CAE1C;IAED,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;IAC9B,kDAAkD;IAClD,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC;IAEvB,6EAA6E;IAC7E,MAAM,CAAC,gCAAgC,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;gBAKpD,MAAM,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,gBAAgB;IAKjD,OAAO,IAAI,IAAI;IAExB;;;OAGG;IACH,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAK3C,gGAAgG;IAChG,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IASjD,2FAA2F;IAClF,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI;IAItD,gBAAgB,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI;IAkBxF,iBAAiB,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI;CAKzD"}

package/dist/adapter/resources/webgpu-vertex-array.js

@@ -0,0 +1,45 @@
+let _Symbol$toStringTag;
+import { VertexArray, log } from '@luma.gl/core';
+import { getBrowser } from '@probe.gl/env';
+_Symbol$toStringTag = Symbol.toStringTag;
+export class WebGPUVertexArray extends VertexArray {
+  get [_Symbol$toStringTag]() {
+    return 'WebGPUVertexArray';
+  }
+  static isConstantAttributeZeroSupported(device) {
+    return device.info.type === 'webgl2' || getBrowser() === 'Chrome';
+  }
+  constructor(device, props) {
+    super(device, props);
+    this.device = void 0;
+    this.handle = void 0;
+    this.device = device;
+  }
+  destroy() {}
+  setIndexBuffer(buffer) {
+    this.indexBuffer = buffer;
+  }
+  setBuffer(location, buffer) {
+    this.attributes[location] = buffer;
+  }
+  setConstant(location, value) {
+    log.warn(`${this.id} constant attributes not supported on WebGPU`);
+  }
+  bindBeforeRender(renderPass, firstIndex, indexCount) {
+    const webgpuRenderPass = renderPass;
+    const webgpuIndexBuffer = this.indexBuffer;
+    if (webgpuIndexBuffer !== null && webgpuIndexBuffer !== void 0 && webgpuIndexBuffer.handle) {
+      log.warn('setting index buffer', webgpuIndexBuffer === null || webgpuIndexBuffer === void 0 ? void 0 : webgpuIndexBuffer.handle, webgpuIndexBuffer === null || webgpuIndexBuffer === void 0 ? void 0 : webgpuIndexBuffer.indexType)();
+      webgpuRenderPass.handle.setIndexBuffer(webgpuIndexBuffer === null || webgpuIndexBuffer === void 0 ? void 0 : webgpuIndexBuffer.handle, webgpuIndexBuffer === null || webgpuIndexBuffer === void 0 ? void 0 : webgpuIndexBuffer.indexType);
+    }
+    for (let location = 0; location < this.maxVertexAttributes; location++) {
+      const webgpuBuffer = this.attributes[location];
+      if (webgpuBuffer !== null && webgpuBuffer !== void 0 && webgpuBuffer.handle) {
+        log.warn('setting vertex buffer', location, webgpuBuffer === null || webgpuBuffer === void 0 ? void 0 : webgpuBuffer.handle)();
+        webgpuRenderPass.handle.setVertexBuffer(location, webgpuBuffer === null || webgpuBuffer === void 0 ? void 0 : webgpuBuffer.handle);
+      }
+    }
+  }
+  unbindAfterRender(renderPass) {}
+}
+//# sourceMappingURL=webgpu-vertex-array.js.map

package/dist/adapter/resources/webgpu-vertex-array.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webgpu-vertex-array.js","names":["VertexArray","log","getBrowser","_Symbol$toStringTag","Symbol","toStringTag","WebGPUVertexArray","isConstantAttributeZeroSupported","device","info","type","constructor","props","handle","destroy","setIndexBuffer","buffer","indexBuffer","setBuffer","location","attributes","setConstant","value","warn","id","bindBeforeRender","renderPass","firstIndex","indexCount","webgpuRenderPass","webgpuIndexBuffer","indexType","maxVertexAttributes","webgpuBuffer","setVertexBuffer","unbindAfterRender"],"sources":["../../../src/adapter/resources/webgpu-vertex-array.ts"],"sourcesContent":["// luma.gl, MIT license\n// Copyright (c) vis.gl contributors\n\nimport type {Device, Buffer, VertexArrayProps, RenderPass, TypedArray} from '@luma.gl/core';\nimport {VertexArray, log} from '@luma.gl/core';\nimport {getBrowser} from '@probe.gl/env';\n\nimport {WebGPUDevice} from '../webgpu-device';\nimport {WebGPUBuffer} from '../resources/webgpu-buffer';\n\nimport {WebGPURenderPass} from './webgpu-render-pass';\n\n/** VertexArrayObject wrapper */\nexport class WebGPUVertexArray extends VertexArray {\n  override get [Symbol.toStringTag](): string {\n    return 'WebGPUVertexArray';\n  }\n\n  readonly device: WebGPUDevice;\n  /** Vertex Array is a helper class under WebGPU */\n  readonly handle: never;\n\n  /** * Attribute 0 can not be disable on most desktop OpenGL based browsers */\n  static isConstantAttributeZeroSupported(device: Device): boolean {\n    return device.info.type === 'webgl2' || getBrowser() === 'Chrome';\n  }\n\n  // Create a VertexArray\n  constructor(device: WebGPUDevice, props?: VertexArrayProps) {\n    super(device, props);\n    this.device = device;\n  }\n\n  override destroy(): void {}\n\n  /**\n   * Set an elements buffer, for indexed rendering.\n   * Must be a Buffer bound to buffer with usage bit Buffer.INDEX set. \n   */\n  setIndexBuffer(buffer: Buffer | null): void {\n    // assert(!elementBuffer || elementBuffer.glTarget === GL.ELEMENT_ARRAY_BUFFER, ERR_ELEMENTS);\n    this.indexBuffer = buffer;\n  }\n\n  /** Set a location in vertex attributes array to a buffer, enables the location, sets divisor */\n  setBuffer(location: number, buffer: Buffer): void {\n    // Sanity check target\n    // if (buffer.glUsage === GL.ELEMENT_ARRAY_BUFFER) {\n    //   throw new Error('Use setIndexBuffer');\n    // }\n\n    this.attributes[location] = buffer;\n  }\n\n  /** Set a location in vertex attributes array to a constant value, disables the location */\n  override setConstant(location: number, value: TypedArray): void {\n    log.warn(`${this.id} constant attributes not supported on WebGPU`)\n  }\n\n  override bindBeforeRender(renderPass: RenderPass, firstIndex?: number, indexCount?: number): void {\n    const webgpuRenderPass = renderPass as WebGPURenderPass;\n    const webgpuIndexBuffer = this.indexBuffer as WebGPUBuffer;\n    if (webgpuIndexBuffer?.handle) {\n      // Note we can't unset an index buffer\n      log.warn('setting index buffer', webgpuIndexBuffer?.handle, webgpuIndexBuffer?.indexType)();\n      webgpuRenderPass.handle.setIndexBuffer(webgpuIndexBuffer?.handle, webgpuIndexBuffer?.indexType);\n    }\n    for (let location = 0; location < this.maxVertexAttributes; location++) {\n      const webgpuBuffer = this.attributes[location] as WebGPUBuffer;\n      if (webgpuBuffer?.handle) {\n        log.warn('setting vertex buffer', location, webgpuBuffer?.handle)();\n        webgpuRenderPass.handle.setVertexBuffer(location, webgpuBuffer?.handle);\n      }\n    }\n    // TODO - emit warnings/errors/throw if constants have been set on this vertex array\n  }\n\n  override unbindAfterRender(renderPass: RenderPass): void {\n    // On WebGPU we don't need to unbind. \n    // In fact we can't easily do it. setIndexBuffer/setVertexBuffer don't accept null.\n    // Unbinding presumably happens automatically when the render pass is ended.\n  }\n}\n"],"mappings":";AAIA,SAAQA,WAAW,EAAEC,GAAG,QAAO,eAAe;AAC9C,SAAQC,UAAU,QAAO,eAAe;AAACC,mBAAA,GASzBC,MAAM,CAACC,WAAW;AADlC,OAAO,MAAMC,iBAAiB,SAASN,WAAW,CAAC;EACjD,KAAAG,mBAAA,IAA4C;IAC1C,OAAO,mBAAmB;EAC5B;EAOA,OAAOI,gCAAgCA,CAACC,MAAc,EAAW;IAC/D,OAAOA,MAAM,CAACC,IAAI,CAACC,IAAI,KAAK,QAAQ,IAAIR,UAAU,CAAC,CAAC,KAAK,QAAQ;EACnE;EAGAS,WAAWA,CAACH,MAAoB,EAAEI,KAAwB,EAAE;IAC1D,KAAK,CAACJ,MAAM,EAAEI,KAAK,CAAC;IAAC,KAXdJ,MAAM;IAAA,KAENK,MAAM;IAUb,IAAI,CAACL,MAAM,GAAGA,MAAM;EACtB;EAESM,OAAOA,CAAA,EAAS,CAAC;EAM1BC,cAAcA,CAACC,MAAqB,EAAQ;IAE1C,IAAI,CAACC,WAAW,GAAGD,MAAM;EAC3B;EAGAE,SAASA,CAACC,QAAgB,EAAEH,MAAc,EAAQ;IAMhD,IAAI,CAACI,UAAU,CAACD,QAAQ,CAAC,GAAGH,MAAM;EACpC;EAGSK,WAAWA,CAACF,QAAgB,EAAEG,KAAiB,EAAQ;IAC9DrB,GAAG,CAACsB,IAAI,CAAE,GAAE,IAAI,CAACC,EAAG,8CAA6C,CAAC;EACpE;EAESC,gBAAgBA,CAACC,UAAsB,EAAEC,UAAmB,EAAEC,UAAmB,EAAQ;IAChG,MAAMC,gBAAgB,GAAGH,UAA8B;IACvD,MAAMI,iBAAiB,GAAG,IAAI,CAACb,WAA2B;IAC1D,IAAIa,iBAAiB,aAAjBA,iBAAiB,eAAjBA,iBAAiB,CAAEjB,MAAM,EAAE;MAE7BZ,GAAG,CAACsB,IAAI,CAAC,sBAAsB,EAAEO,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEjB,MAAM,EAAEiB,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEC,SAAS,CAAC,CAAC,CAAC;MAC3FF,gBAAgB,CAAChB,MAAM,CAACE,cAAc,CAACe,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEjB,MAAM,EAAEiB,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEC,SAAS,CAAC;IACjG;IACA,KAAK,IAAIZ,QAAQ,GAAG,CAAC,EAAEA,QAAQ,GAAG,IAAI,CAACa,mBAAmB,EAAEb,QAAQ,EAAE,EAAE;MACtE,MAAMc,YAAY,GAAG,IAAI,CAACb,UAAU,CAACD,QAAQ,CAAiB;MAC9D,IAAIc,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAEpB,MAAM,EAAE;QACxBZ,GAAG,CAACsB,IAAI,CAAC,uBAAuB,EAAEJ,QAAQ,EAAEc,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEpB,MAAM,CAAC,CAAC,CAAC;QACnEgB,gBAAgB,CAAChB,MAAM,CAACqB,eAAe,CAACf,QAAQ,EAAEc,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEpB,MAAM,CAAC;MACzE;IACF;EAEF;EAESsB,iBAAiBA,CAACT,UAAsB,EAAQ,CAIzD;AACF"}

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

@@ -1,24 +1,27 @@
-/// <reference types="@webgpu/types" />
-import type { Texture, TextureFormat, CanvasContextProps } from '@luma.gl/api';
-import { CanvasContext } from '@luma.gl/api';
-import WebGPUDevice from './webgpu-device';
-import WEBGPUFramebuffer from './resources/webgpu-framebuffer';
+/// <reference types="dist" />
+import type { Texture, TextureFormat, CanvasContextProps } from '@luma.gl/core';
+import { CanvasContext } from '@luma.gl/core';
+import { WebGPUDevice } from './webgpu-device';
+import { WebGPUFramebuffer } from './resources/webgpu-framebuffer';
+import { WebGPUTexture } from './resources/webgpu-texture';
 /**
- * Holds a WebGPU Canvas Context which handles resizing etc
+ * Holds a WebGPU Canvas Context
+ * The primary job of the CanvasContext is to generate textures for rendering into the current canvas
+ * It also manages canvas sizing calculations and resizing.
  */
-export default class WebGPUCanvasContext extends CanvasContext {
+export declare class WebGPUCanvasContext extends CanvasContext {
     readonly device: WebGPUDevice;
     readonly gpuCanvasContext: GPUCanvasContext;
+    /** Format of returned textures: "bgra8unorm", "rgba8unorm", "rgba16float". */
     readonly format: TextureFormat;
-    width: number;
-    height: number;
+    /** Default stencil format for depth textures */
     depthStencilFormat: TextureFormat;
-    sampleCount: number;
     private depthStencilAttachment;
     constructor(device: WebGPUDevice, adapter: GPUAdapter, props: CanvasContextProps);
+    /** Destroy any textures produced while configured and remove the context configuration. */
     destroy(): void;
     /** Update framebuffer with properly resized "swap chain" texture views */
-    getCurrentFramebuffer(): WEBGPUFramebuffer;
+    getCurrentFramebuffer(): WebGPUFramebuffer;
     /** Resizes and updates render targets if necessary */
     update(): void;
     resize(options?: {
@@ -26,7 +29,9 @@ export default class WebGPUCanvasContext extends CanvasContext {
         height?: number;
         useDevicePixels?: boolean | number;
     }): void;
+    /** Wrap the current canvas context texture in a luma.gl texture */
+    getCurrentTexture(): WebGPUTexture;
     /** We build render targets on demand (i.e. not when size changes but when about to render) */
-    _createDepthStencilAttachment(): Texture;
+    _createDepthStencilAttachment(): Texture<import("@luma.gl/core").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,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAE/D;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,aAAa;IAC5D,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IAC5C,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAM;IACnB,MAAM,EAAE,MAAM,CAAM;IACpB,kBAAkB,EAAE,aAAa,CAAiB;IAClD,WAAW,EAAE,MAAM,CAAK;IAExB,OAAO,CAAC,sBAAsB,CAAwB;gBAE1C,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,kBAAkB;IAOhF,OAAO;IAIP,0EAA0E;IAC1E,qBAAqB,IAAI,iBAAiB;IAsB1C,sDAAsD;IACtD,MAAM;IA6BN,MAAM,CAAC,OAAO,CAAC,EAAE;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;KAAC,GAAG,IAAI;IAI7F,8FAA8F;IAC9F,6BAA6B;CAY9B"}
+{"version":3,"file":"webgpu-canvas-context.d.ts","sourceRoot":"","sources":["../../src/adapter/webgpu-canvas-context.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAC,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAC,aAAa,EAAM,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAEzD;;;;GAIG;AACH,qBAAa,mBAAoB,SAAQ,aAAa;IACpD,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IAC5C,8EAA8E;IAC9E,QAAQ,CAAC,MAAM,EAAE,aAAa,CAA4C;IAC1E,gDAAgD;IAChD,kBAAkB,EAAE,aAAa,CAAiB;IAElD,OAAO,CAAC,sBAAsB,CAAwB;gBAE1C,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,kBAAkB;IAehF,2FAA2F;IAC3F,OAAO,IAAI,IAAI;IAIf,0EAA0E;IAC1E,qBAAqB,IAAI,iBAAiB;IA2B1C,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,mEAAmE;IACnE,iBAAiB,IAAI,aAAa;IAOlC,8FAA8F;IAC9F,6BAA6B;CAY9B"}

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

@@ -1,95 +1,74 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { CanvasContext, log } from '@luma.gl/api';
-import { getWebGPUTextureFormat } from './helpers/convert-texture-format';
-import WEBGPUFramebuffer from './resources/webgpu-framebuffer';
-export default class WebGPUCanvasContext extends CanvasContext {
+import { CanvasContext, log } from '@luma.gl/core';
+import { getWebGPUTextureFormat } from "./helpers/convert-texture-format.js";
+import { WebGPUFramebuffer } from "./resources/webgpu-framebuffer.js";
+export class WebGPUCanvasContext extends CanvasContext {
   constructor(device, adapter, props) {
     super(props);
-
-    _defineProperty(this, "device", void 0);
-
-    _defineProperty(this, "gpuCanvasContext", void 0);
-
-    _defineProperty(this, "format", void 0);
-
-    _defineProperty(this, "width", -1);
-
-    _defineProperty(this, "height", -1);
-
-    _defineProperty(this, "depthStencilFormat", 'depth24plus');
-
-    _defineProperty(this, "sampleCount", 1);
-
-    _defineProperty(this, "depthStencilAttachment", null);
-
+    this.device = void 0;
+    this.gpuCanvasContext = void 0;
+    this.format = navigator.gpu.getPreferredCanvasFormat();
+    this.depthStencilFormat = 'depth24plus';
+    this.depthStencilAttachment = null;
     this.device = device;
+    this.width = -1;
+    this.height = -1;
+    this._setAutoCreatedCanvasId(`${this.device.id}-canvas`);
     this.gpuCanvasContext = this.canvas.getContext('webgpu');
-    this.format = this.gpuCanvasContext.getPreferredFormat(adapter);
+    this.format = 'bgra8unorm';
   }
-
   destroy() {
     this.gpuCanvasContext.unconfigure();
   }
-
   getCurrentFramebuffer() {
     this.update();
-    const currentColorAttachment = this.device.createTexture({
-      id: 'default-render-target',
-      handle: this.gpuCanvasContext.getCurrentTexture(),
-      format: this.format,
-      width: this.width,
-      height: this.height
-    });
-
+    const currentColorAttachment = this.getCurrentTexture();
+    this.width = currentColorAttachment.width;
+    this.height = currentColorAttachment.height;
     this._createDepthStencilAttachment();
-
-    return new WEBGPUFramebuffer(this.device, {
+    return new WebGPUFramebuffer(this.device, {
       colorAttachments: [currentColorAttachment],
       depthStencilAttachment: this.depthStencilAttachment
     });
   }
-
   update() {
     const [width, height] = this.getPixelSize();
     const sizeChanged = width !== this.width || height !== this.height;
-
     if (sizeChanged) {
       this.width = width;
       this.height = height;
-
       if (this.depthStencilAttachment) {
         this.depthStencilAttachment.destroy();
         this.depthStencilAttachment = null;
       }
-
       this.gpuCanvasContext.configure({
         device: this.device.handle,
         format: getWebGPUTextureFormat(this.format),
-        size: [this.width, this.height],
         colorSpace: this.props.colorSpace,
-        compositingAlphaMode: this.props.compositingAlphaMode
+        alphaMode: this.props.alphaMode
       });
-      log.log(1, "Resized to ".concat(this.width, "x").concat(this.height, "px"))();
+      log.log(1, `Resized to ${this.width}x${this.height}px`)();
     }
   }
-
   resize(options) {
     this.update();
   }
-
+  getCurrentTexture() {
+    return this.device._createTexture({
+      id: `${this.id}#color-texture`,
+      handle: this.gpuCanvasContext.getCurrentTexture()
+    });
+  }
   _createDepthStencilAttachment() {
     if (!this.depthStencilAttachment) {
       this.depthStencilAttachment = this.device.createTexture({
-        id: 'depth-stencil-target',
+        id: `${this.id}#depth-stencil-texture`,
         format: this.depthStencilFormat,
         width: this.width,
         height: this.height,
         usage: GPUTextureUsage.RENDER_ATTACHMENT
       });
     }
-
     return this.depthStencilAttachment;
   }
-
 }
 //# sourceMappingURL=webgpu-canvas-context.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/adapter/webgpu-canvas-context.ts"],"names":["CanvasContext","log","getWebGPUTextureFormat","WEBGPUFramebuffer","WebGPUCanvasContext","constructor","device","adapter","props","gpuCanvasContext","canvas","getContext","format","getPreferredFormat","destroy","unconfigure","getCurrentFramebuffer","update","currentColorAttachment","createTexture","id","handle","getCurrentTexture","width","height","_createDepthStencilAttachment","colorAttachments","depthStencilAttachment","getPixelSize","sizeChanged","configure","size","colorSpace","compositingAlphaMode","resize","options","depthStencilFormat","usage","GPUTextureUsage","RENDER_ATTACHMENT"],"mappings":";AACA,SAAQA,aAAR,EAAuBC,GAAvB,QAAiC,cAAjC;AACA,SAAQC,sBAAR,QAAqC,kCAArC;AAEA,OAAOC,iBAAP,MAA8B,gCAA9B;AAKA,eAAe,MAAMC,mBAAN,SAAkCJ,aAAlC,CAAgD;AAW7DK,EAAAA,WAAW,CAACC,MAAD,EAAuBC,OAAvB,EAA4CC,KAA5C,EAAuE;AAChF,UAAMA,KAAN;;AADgF;;AAAA;;AAAA;;AAAA,mCAPlE,CAAC,CAOiE;;AAAA,oCANjE,CAAC,CAMgE;;AAAA,gDAL9C,aAK8C;;AAAA,yCAJ5D,CAI4D;;AAAA,oDAFjC,IAEiC;;AAEhF,SAAKF,MAAL,GAAcA,MAAd;AACA,SAAKG,gBAAL,GAAwB,KAAKC,MAAL,CAAYC,UAAZ,CAAuB,QAAvB,CAAxB;AACA,SAAKC,MAAL,GAAc,KAAKH,gBAAL,CAAsBI,kBAAtB,CAAyCN,OAAzC,CAAd;AACD;;AAEDO,EAAAA,OAAO,GAAG;AACR,SAAKL,gBAAL,CAAsBM,WAAtB;AACD;;AAGDC,EAAAA,qBAAqB,GAAsB;AAEzC,SAAKC,MAAL;AAGA,UAAMC,sBAAsB,GAAG,KAAKZ,MAAL,CAAYa,aAAZ,CAA0B;AACvDC,MAAAA,EAAE,EAAE,uBADmD;AAEvDC,MAAAA,MAAM,EAAE,KAAKZ,gBAAL,CAAsBa,iBAAtB,EAF+C;AAGvDV,MAAAA,MAAM,EAAE,KAAKA,MAH0C;AAIvDW,MAAAA,KAAK,EAAE,KAAKA,KAJ2C;AAKvDC,MAAAA,MAAM,EAAE,KAAKA;AAL0C,KAA1B,CAA/B;;AASA,SAAKC,6BAAL;;AAEA,WAAO,IAAItB,iBAAJ,CAAsB,KAAKG,MAA3B,EAAmC;AACxCoB,MAAAA,gBAAgB,EAAE,CAACR,sBAAD,CADsB;AAExCS,MAAAA,sBAAsB,EAAE,KAAKA;AAFW,KAAnC,CAAP;AAID;;AAGDV,EAAAA,MAAM,GAAG;AACP,UAAM,CAACM,KAAD,EAAQC,MAAR,IAAkB,KAAKI,YAAL,EAAxB;AAEA,UAAMC,WAAW,GAAGN,KAAK,KAAK,KAAKA,KAAf,IAAwBC,MAAM,KAAK,KAAKA,MAA5D;;AAEA,QAAIK,WAAJ,EAAiB;AACf,WAAKN,KAAL,GAAaA,KAAb;AACA,WAAKC,MAAL,GAAcA,MAAd;;AAEA,UAAI,KAAKG,sBAAT,EAAiC;AAC/B,aAAKA,sBAAL,CAA4Bb,OAA5B;AACA,aAAKa,sBAAL,GAA8B,IAA9B;AACD;;AAID,WAAKlB,gBAAL,CAAsBqB,SAAtB,CAAgC;AAC9BxB,QAAAA,MAAM,EAAE,KAAKA,MAAL,CAAYe,MADU;AAE9BT,QAAAA,MAAM,EAAEV,sBAAsB,CAAC,KAAKU,MAAN,CAFA;AAG9BmB,QAAAA,IAAI,EAAE,CAAC,KAAKR,KAAN,EAAa,KAAKC,MAAlB,CAHwB;AAI9BQ,QAAAA,UAAU,EAAE,KAAKxB,KAAL,CAAWwB,UAJO;AAK9BC,QAAAA,oBAAoB,EAAE,KAAKzB,KAAL,CAAWyB;AALH,OAAhC;AAQAhC,MAAAA,GAAG,CAACA,GAAJ,CAAQ,CAAR,uBAAyB,KAAKsB,KAA9B,cAAuC,KAAKC,MAA5C;AACD;AAEF;;AAEDU,EAAAA,MAAM,CAACC,OAAD,EAAwF;AAC5F,SAAKlB,MAAL;AACD;;AAGDQ,EAAAA,6BAA6B,GAAG;AAC9B,QAAI,CAAC,KAAKE,sBAAV,EAAkC;AAChC,WAAKA,sBAAL,GAA8B,KAAKrB,MAAL,CAAYa,aAAZ,CAA0B;AACtDC,QAAAA,EAAE,EAAE,sBADkD;AAEtDR,QAAAA,MAAM,EAAE,KAAKwB,kBAFyC;AAGtDb,QAAAA,KAAK,EAAE,KAAKA,KAH0C;AAItDC,QAAAA,MAAM,EAAE,KAAKA,MAJyC;AAKtDa,QAAAA,KAAK,EAAEC,eAAe,CAACC;AAL+B,OAA1B,CAA9B;AAOD;;AACD,WAAO,KAAKZ,sBAAZ;AACD;;AA3F4D","sourcesContent":["import type {Texture, TextureFormat, CanvasContextProps} from '@luma.gl/api';\nimport {CanvasContext, log} from '@luma.gl/api';\nimport {getWebGPUTextureFormat} from './helpers/convert-texture-format';\nimport WebGPUDevice from './webgpu-device';\nimport WEBGPUFramebuffer from './resources/webgpu-framebuffer';\n\n/** \n * Holds a WebGPU Canvas Context which handles resizing etc \n */\nexport default class WebGPUCanvasContext extends CanvasContext {\n  readonly device: WebGPUDevice;\n  readonly gpuCanvasContext: GPUCanvasContext;\n  readonly format: TextureFormat;\n  width: number = -1;\n  height: number = -1;\n  depthStencilFormat: TextureFormat = 'depth24plus';\n  sampleCount: number = 1;\n\n  private depthStencilAttachment: Texture | null = null;\n\n  constructor(device: WebGPUDevice, adapter: GPUAdapter, props: CanvasContextProps) {\n    super(props);\n    this.device = device;\n    this.gpuCanvasContext = this.canvas.getContext('webgpu') as GPUCanvasContext;\n    this.format = this.gpuCanvasContext.getPreferredFormat(adapter);\n  }\n\n  destroy() {\n    this.gpuCanvasContext.unconfigure();\n  }\n\n  /** Update framebuffer with properly resized \"swap chain\" texture views */\n  getCurrentFramebuffer(): WEBGPUFramebuffer {\n    // Ensure the canvas context size is updated\n    this.update();\n\n    // Wrap the current canvas context texture in a luma.gl texture \n    const currentColorAttachment = this.device.createTexture({\n      id: 'default-render-target',\n      handle: this.gpuCanvasContext.getCurrentTexture(),\n      format: this.format,\n      width: this.width,\n      height: this.height\n    });\n\n    // Resize the depth stencil attachment\n    this._createDepthStencilAttachment();\n\n    return new WEBGPUFramebuffer(this.device, {\n      colorAttachments: [currentColorAttachment],\n      depthStencilAttachment: this.depthStencilAttachment\n    });\n  }\n\n  /** Resizes and updates render targets if necessary */\n  update() {\n    const [width, height] = this.getPixelSize();\n\n    const sizeChanged = width !== this.width || height !== this.height;\n\n    if (sizeChanged) {\n      this.width = width;\n      this.height = height;\n\n      if (this.depthStencilAttachment) {\n        this.depthStencilAttachment.destroy();\n        this.depthStencilAttachment = 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        compositingAlphaMode: this.props.compositingAlphaMode\n      });\n\n      log.log(1, `Resized to ${this.width}x${this.height}px`)();\n    }\n\n  }\n\n  resize(options?: {width?: number; height?: number; useDevicePixels?: boolean | number}): void {\n    this.update();\n  }\n\n  /** We build render targets on demand (i.e. not when size changes but when about to render) */\n  _createDepthStencilAttachment() {\n    if (!this.depthStencilAttachment) {\n      this.depthStencilAttachment = this.device.createTexture({\n        id: 'depth-stencil-target',\n        format: this.depthStencilFormat,\n        width: this.width,\n        height: this.height,\n        usage: GPUTextureUsage.RENDER_ATTACHMENT\n      });\n    }\n    return this.depthStencilAttachment;\n  }\n}\n"],"file":"webgpu-canvas-context.js"}
+{"version":3,"file":"webgpu-canvas-context.js","names":["CanvasContext","log","getWebGPUTextureFormat","WebGPUFramebuffer","WebGPUCanvasContext","constructor","device","adapter","props","gpuCanvasContext","format","navigator","gpu","getPreferredCanvasFormat","depthStencilFormat","depthStencilAttachment","width","height","_setAutoCreatedCanvasId","id","canvas","getContext","destroy","unconfigure","getCurrentFramebuffer","update","currentColorAttachment","getCurrentTexture","_createDepthStencilAttachment","colorAttachments","getPixelSize","sizeChanged","configure","handle","colorSpace","alphaMode","resize","options","_createTexture","createTexture","usage","GPUTextureUsage","RENDER_ATTACHMENT"],"sources":["../../src/adapter/webgpu-canvas-context.ts"],"sourcesContent":["// / <reference types=\"@webgpu/types\" />\nimport type {Texture, TextureFormat, CanvasContextProps} from '@luma.gl/core';\nimport {CanvasContext, log} from '@luma.gl/core';\nimport {getWebGPUTextureFormat} from './helpers/convert-texture-format';\nimport {WebGPUDevice} from './webgpu-device';\nimport {WebGPUFramebuffer} from './resources/webgpu-framebuffer';\nimport {WebGPUTexture} from './resources/webgpu-texture';\n\n/** \n * Holds a WebGPU Canvas Context\n * The primary job of the CanvasContext is to generate textures for rendering into the current canvas\n * It also manages canvas sizing calculations and resizing.\n */\nexport class WebGPUCanvasContext extends CanvasContext {\n  readonly device: WebGPUDevice;\n  readonly gpuCanvasContext: GPUCanvasContext;\n  /** Format of returned textures: \"bgra8unorm\", \"rgba8unorm\", \"rgba16float\". */\n  readonly format: TextureFormat = navigator.gpu.getPreferredCanvasFormat();\n  /** Default stencil format for depth textures */\n  depthStencilFormat: TextureFormat = 'depth24plus';\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    // TODO this has been replaced\n    // this.format = this.gpuCanvasContext.getPreferredFormat(adapter);\n    this.format = 'bgra8unorm';\n  }\n\n  /** Destroy any textures produced while configured and remove the context configuration. */\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    // Wrap the current canvas context texture in a luma.gl texture \n    const currentColorAttachment = this.getCurrentTexture();\n    this.width = currentColorAttachment.width;\n    this.height = currentColorAttachment.height;\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        // Can be used to define e.g. -srgb views\n        // viewFormats: [...]\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  resize(options?: {width?: number; height?: number; useDevicePixels?: boolean | number}): void {\n    this.update();\n  }\n\n  /** Wrap the current canvas context texture in a luma.gl texture */\n  getCurrentTexture(): WebGPUTexture {\n    return this.device._createTexture({\n      id: `${this.id}#color-texture`,\n      handle: this.gpuCanvasContext.getCurrentTexture()\n    });\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: `${this.id}#depth-stencil-texture`,\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,19 +1,20 @@
-/// <reference types="@webgpu/types" />
-import type { DeviceProps, DeviceInfo, DeviceLimits, DeviceFeature, CanvasContextProps, BufferProps, SamplerProps, ShaderProps, 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';
-import WebGPUExternalTexture from './resources/webgpu-external-texture';
-import WebGPUSampler from './resources/webgpu-sampler';
-import WebGPUShader from './resources/webgpu-shader';
-import WebGPURenderPipeline from './resources/webgpu-render-pipeline';
-import WebGPUFramebuffer from './resources/webgpu-framebuffer';
-import WebGPUComputePipeline from './resources/webgpu-compute-pipeline';
-import WebGPURenderPass from './resources/webgpu-render-pass';
-import WebGPUComputePass from './resources/webgpu-compute-pass';
-import WebGPUCanvasContext from './webgpu-canvas-context';
+/// <reference types="dist" />
+import type { DeviceProps, DeviceInfo, DeviceLimits, DeviceFeature, CanvasContextProps, BufferProps, SamplerProps, ShaderProps, Texture, TextureProps, TextureFormat, ExternalTextureProps, FramebufferProps, RenderPipelineProps, ComputePipelineProps, RenderPassProps, ComputePassProps, VertexArrayProps, TransformFeedback, TransformFeedbackProps } from '@luma.gl/core';
+import { Device } from '@luma.gl/core';
+import { WebGPUBuffer } from './resources/webgpu-buffer';
+import { WebGPUTexture } from './resources/webgpu-texture';
+import { WebGPUExternalTexture } from './resources/webgpu-external-texture';
+import { WebGPUSampler } from './resources/webgpu-sampler';
+import { WebGPUShader } from './resources/webgpu-shader';
+import { WebGPURenderPipeline } from './resources/webgpu-render-pipeline';
+import { WebGPUFramebuffer } from './resources/webgpu-framebuffer';
+import { WebGPUComputePipeline } from './resources/webgpu-compute-pipeline';
+import { WebGPURenderPass } from './resources/webgpu-render-pass';
+import { WebGPUComputePass } from './resources/webgpu-compute-pass';
+import { WebGPUVertexArray } from './resources/webgpu-vertex-array';
+import { WebGPUCanvasContext } from './webgpu-canvas-context';
 /** WebGPU Device implementation */
-export default class WebGPUDevice extends Device {
+export declare class WebGPUDevice extends Device {
     readonly handle: GPUDevice;
     readonly adapter: GPUAdapter;
     readonly lost: Promise<{
@@ -29,7 +30,7 @@ export default class WebGPUDevice extends Device {
     /** Check if WebGPU is available */
     static isSupported(): boolean;
     static create(props: DeviceProps): Promise<WebGPUDevice>;
-    constructor(device: GPUDevice, adapter: GPUAdapter, props: DeviceProps);
+    constructor(device: GPUDevice, adapter: GPUAdapter, adapterInfo: GPUAdapterInfo, props: DeviceProps);
     destroy(): void;
     get info(): DeviceInfo;
     features: Set<DeviceFeature>;
@@ -40,7 +41,7 @@ export default 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;
@@ -48,20 +49,36 @@ export default class WebGPUDevice extends Device {
     createRenderPipeline(props: RenderPipelineProps): WebGPURenderPipeline;
     createFramebuffer(props: FramebufferProps): WebGPUFramebuffer;
     createComputePipeline(props: ComputePipelineProps): WebGPUComputePipeline;
+    createVertexArray(props: VertexArrayProps): WebGPUVertexArray;
     /**
      * Allows a render pass to begin against a canvas context
      * @todo need to support a "Framebuffer" equivalent (aka preconfigured RenderPassDescriptors?).
      */
     beginRenderPass(props: RenderPassProps): WebGPURenderPass;
     beginComputePass(props: ComputePassProps): WebGPUComputePass;
+    createTransformFeedback(props: TransformFeedbackProps): TransformFeedback;
     createCanvasContext(props: CanvasContextProps): WebGPUCanvasContext;
     /**
      * Gets default renderpass encoder.
      * Creates a new encoder against default canvasContext if not already created
      * @note Called internally by Model.
+     * @deprecated Create explicit pass with device.beginRenderPass
      */
     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

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

@@ -1 +1 @@
-{"version":3,"file":"webgpu-device.d.ts","sourceRoot":"","sources":["../../src/adapter/webgpu-device.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"webgpu-device.d.ts","sourceRoot":"","sources":["../../src/adapter/webgpu-device.ts"],"names":[],"mappings":"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"}