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

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

@@ -0,0 +1,138 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _api = require("@luma.gl/api");
+var _convertTextureFormat = require("../helpers/convert-texture-format");
+var _webgpuSampler = _interopRequireDefault(require("./webgpu-sampler"));
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var BASE_DIMENSIONS = {
+  '1d': '1d',
+  '2d': '2d',
+  '2d-array': '2d',
+  'cube': '2d',
+  'cube-array': '2d',
+  '3d': '3d'
+};
+var WebGPUTexture = function (_Texture) {
+  (0, _inherits2.default)(WebGPUTexture, _Texture);
+  var _super = _createSuper(WebGPUTexture);
+  function WebGPUTexture(device, props) {
+    var _this;
+    (0, _classCallCheck2.default)(this, WebGPUTexture);
+    _this = _super.call(this, device, props);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "device", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handle", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "view", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "sampler", void 0);
+    if (typeof _this.props.format === 'number') {
+      throw new Error('number format');
+    }
+    _this.device = device;
+    _this.handle = _this.props.handle || _this.createHandle();
+    if (_this.props.data) {
+      _this.setData({
+        data: _this.props.data
+      });
+    }
+    _this.sampler = props.sampler instanceof _webgpuSampler.default ? props.sampler : new _webgpuSampler.default(_this.device, props.sampler);
+    _this.view = _this.handle.createView({});
+    return _this;
+  }
+  (0, _createClass2.default)(WebGPUTexture, [{
+    key: "createHandle",
+    value: function createHandle() {
+      var _this$props$data, _this$props$data2;
+      if (typeof this.props.format === 'number') {
+        throw new Error('number format');
+      }
+      var width = this.props.width || ((_this$props$data = this.props.data) === null || _this$props$data === void 0 ? void 0 : _this$props$data.width) || 1;
+      var 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({
+        size: {
+          width: width,
+          height: height,
+          depthOrArrayLayers: this.props.depth
+        },
+        dimension: BASE_DIMENSIONS[this.props.dimension],
+        format: (0, _convertTextureFormat.getWebGPUTextureFormat)(this.props.format),
+        usage: this.props.usage,
+        mipLevelCount: this.props.mipLevels,
+        sampleCount: this.props.samples
+      });
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this.handle.destroy();
+    }
+  }, {
+    key: "setSampler",
+    value: function setSampler(sampler) {
+      this.sampler = sampler instanceof _webgpuSampler.default ? sampler : new _webgpuSampler.default(this.device, sampler);
+      return this;
+    }
+  }, {
+    key: "setData",
+    value: function setData(options) {
+      return this.setImage({
+        source: options.data
+      });
+    }
+  }, {
+    key: "setImage",
+    value: function setImage(options) {
+      var source = options.source,
+        _options$width = options.width,
+        width = _options$width === void 0 ? options.source.width : _options$width,
+        _options$height = options.height,
+        height = _options$height === void 0 ? options.source.height : _options$height,
+        _options$depth = options.depth,
+        depth = _options$depth === void 0 ? 1 : _options$depth,
+        _options$sourceX = options.sourceX,
+        sourceX = _options$sourceX === void 0 ? 0 : _options$sourceX,
+        _options$sourceY = options.sourceY,
+        sourceY = _options$sourceY === void 0 ? 0 : _options$sourceY,
+        _options$mipLevel = options.mipLevel,
+        mipLevel = _options$mipLevel === void 0 ? 0 : _options$mipLevel,
+        _options$x = options.x,
+        x = _options$x === void 0 ? 0 : _options$x,
+        _options$y = options.y,
+        y = _options$y === void 0 ? 0 : _options$y,
+        _options$z = options.z,
+        z = _options$z === void 0 ? 0 : _options$z,
+        _options$aspect = options.aspect,
+        aspect = _options$aspect === void 0 ? 'all' : _options$aspect,
+        _options$colorSpace = options.colorSpace,
+        colorSpace = _options$colorSpace === void 0 ? 'srgb' : _options$colorSpace,
+        _options$premultiplie = options.premultipliedAlpha,
+        premultipliedAlpha = _options$premultiplie === void 0 ? false : _options$premultiplie;
+      this.device.handle.queue.copyExternalImageToTexture({
+        source: source,
+        origin: [sourceX, sourceY]
+      }, {
+        texture: this.handle,
+        origin: [x, y, z],
+        mipLevel: mipLevel,
+        aspect: aspect,
+        colorSpace: colorSpace,
+        premultipliedAlpha: premultipliedAlpha
+      }, [width, height, depth]);
+      return this;
+    }
+  }]);
+  return WebGPUTexture;
+}(_api.Texture);
+exports.default = WebGPUTexture;
+//# sourceMappingURL=webgpu-texture.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"webgpu-texture.js","names":["_api","require","_convertTextureFormat","_webgpuSampler","_interopRequireDefault","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","default","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","BASE_DIMENSIONS","WebGPUTexture","_Texture","_inherits2","_super","device","props","_this","_classCallCheck2","_defineProperty2","_assertThisInitialized2","format","Error","handle","createHandle","data","setData","sampler","WebGPUSampler","view","createView","_createClass2","key","value","_this$props$data","_this$props$data2","width","height","createTexture","size","depthOrArrayLayers","depth","dimension","getWebGPUTextureFormat","usage","mipLevelCount","mipLevels","sampleCount","samples","destroy","setSampler","options","setImage","source","_options$width","_options$height","_options$depth","_options$sourceX","sourceX","_options$sourceY","sourceY","_options$mipLevel","mipLevel","_options$x","x","_options$y","y","_options$z","z","_options$aspect","aspect","_options$colorSpace","colorSpace","_options$premultiplie","premultipliedAlpha","queue","copyExternalImageToTexture","origin","texture","Texture","exports"],"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 default 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":"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"}

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

@@ -0,0 +1,111 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _api = require("@luma.gl/api");
+var _convertTextureFormat = require("./helpers/convert-texture-format");
+var _webgpuFramebuffer = _interopRequireDefault(require("./resources/webgpu-framebuffer"));
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var WebGPUCanvasContext = function (_CanvasContext) {
+  (0, _inherits2.default)(WebGPUCanvasContext, _CanvasContext);
+  var _super = _createSuper(WebGPUCanvasContext);
+  function WebGPUCanvasContext(device, adapter, props) {
+    var _this;
+    (0, _classCallCheck2.default)(this, WebGPUCanvasContext);
+    _this = _super.call(this, props);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "device", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "gpuCanvasContext", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "format", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "depthStencilFormat", 'depth24plus');
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "sampleCount", 1);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "depthStencilAttachment", null);
+    _this.device = device;
+    _this.width = -1;
+    _this.height = -1;
+    _this._setAutoCreatedCanvasId("".concat(_this.device.id, "-canvas"));
+    _this.gpuCanvasContext = _this.canvas.getContext('webgpu');
+    _this.format = _this.gpuCanvasContext.getPreferredFormat(adapter);
+    return _this;
+  }
+  (0, _createClass2.default)(WebGPUCanvasContext, [{
+    key: "destroy",
+    value: function destroy() {
+      this.gpuCanvasContext.unconfigure();
+    }
+  }, {
+    key: "getCurrentFramebuffer",
+    value: function getCurrentFramebuffer() {
+      this.update();
+      var currentColorAttachment = this.device.createTexture({
+        id: 'default-render-target',
+        handle: this.gpuCanvasContext.getCurrentTexture(),
+        format: this.format,
+        width: this.width,
+        height: this.height
+      });
+      this._createDepthStencilAttachment();
+      return new _webgpuFramebuffer.default(this.device, {
+        colorAttachments: [currentColorAttachment],
+        depthStencilAttachment: this.depthStencilAttachment
+      });
+    }
+  }, {
+    key: "update",
+    value: function update() {
+      var _this$getPixelSize = this.getPixelSize(),
+        _this$getPixelSize2 = (0, _slicedToArray2.default)(_this$getPixelSize, 2),
+        width = _this$getPixelSize2[0],
+        height = _this$getPixelSize2[1];
+      var 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: (0, _convertTextureFormat.getWebGPUTextureFormat)(this.format),
+          colorSpace: this.props.colorSpace,
+          alphaMode: this.props.alphaMode
+        });
+        _api.log.log(1, "Resized to ".concat(this.width, "x").concat(this.height, "px"))();
+      }
+    }
+  }, {
+    key: "resize",
+    value: function resize(options) {
+      this.update();
+    }
+  }, {
+    key: "_createDepthStencilAttachment",
+    value: function _createDepthStencilAttachment() {
+      if (!this.depthStencilAttachment) {
+        this.depthStencilAttachment = this.device.createTexture({
+          id: 'depth-stencil-target',
+          format: this.depthStencilFormat,
+          width: this.width,
+          height: this.height,
+          usage: GPUTextureUsage.RENDER_ATTACHMENT
+        });
+      }
+      return this.depthStencilAttachment;
+    }
+  }]);
+  return WebGPUCanvasContext;
+}(_api.CanvasContext);
+exports.default = WebGPUCanvasContext;
+//# sourceMappingURL=webgpu-canvas-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"webgpu-canvas-context.js","names":["_api","require","_convertTextureFormat","_webgpuFramebuffer","_interopRequireDefault","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","default","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","WebGPUCanvasContext","_CanvasContext","_inherits2","_super","device","adapter","props","_this","_classCallCheck2","_defineProperty2","_assertThisInitialized2","width","height","_setAutoCreatedCanvasId","concat","id","gpuCanvasContext","canvas","getContext","format","getPreferredFormat","_createClass2","key","value","destroy","unconfigure","getCurrentFramebuffer","update","currentColorAttachment","createTexture","handle","getCurrentTexture","_createDepthStencilAttachment","WEBGPUFramebuffer","colorAttachments","depthStencilAttachment","_this$getPixelSize","getPixelSize","_this$getPixelSize2","_slicedToArray2","sizeChanged","configure","getWebGPUTextureFormat","colorSpace","alphaMode","log","resize","options","depthStencilFormat","usage","GPUTextureUsage","RENDER_ATTACHMENT","CanvasContext","exports"],"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 default 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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"}

package/dist/es5/adapter/webgpu-device.js

@@ -0,0 +1,317 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _api = require("@luma.gl/api");
+var _webgpuBuffer = _interopRequireDefault(require("./resources/webgpu-buffer"));
+var _webgpuTexture = _interopRequireDefault(require("./resources/webgpu-texture"));
+var _webgpuExternalTexture = _interopRequireDefault(require("./resources/webgpu-external-texture"));
+var _webgpuSampler = _interopRequireDefault(require("./resources/webgpu-sampler"));
+var _webgpuShader = _interopRequireDefault(require("./resources/webgpu-shader"));
+var _webgpuRenderPipeline = _interopRequireDefault(require("./resources/webgpu-render-pipeline"));
+var _webgpuComputePipeline = _interopRequireDefault(require("./resources/webgpu-compute-pipeline"));
+var _webgpuRenderPass = _interopRequireDefault(require("./resources/webgpu-render-pass"));
+var _webgpuComputePass = _interopRequireDefault(require("./resources/webgpu-compute-pass"));
+var _webgpuCanvasContext = _interopRequireDefault(require("./webgpu-canvas-context"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var WebGPUDevice = function (_Device) {
+  (0, _inherits2.default)(WebGPUDevice, _Device);
+  var _super = _createSuper(WebGPUDevice);
+  function WebGPUDevice(device, adapter, props) {
+    var _this;
+    (0, _classCallCheck2.default)(this, WebGPUDevice);
+    _this = _super.call(this, _objectSpread(_objectSpread({}, props), {}, {
+      id: props.id || (0, _api.uid)('webgpu-device')
+    }));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handle", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "adapter", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "lost", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "canvasContext", null);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "commandEncoder", null);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderPass", null);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_info", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_isLost", false);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "features", void 0);
+    _this.handle = device;
+    _this.adapter = adapter;
+    _this._info = {
+      type: 'webgpu',
+      vendor: _this.adapter.__brand,
+      renderer: '',
+      version: '',
+      gpu: 'unknown',
+      shadingLanguages: ['glsl', 'wgsl'],
+      shadingLanguageVersions: {
+        glsl: '450',
+        wgsl: '100'
+      },
+      vendorMasked: '',
+      rendererMasked: ''
+    };
+    _this.lost = new Promise(function () {
+      var _ref = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee(resolve) {
+        var lostInfo;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return _this.handle.lost;
+            case 2:
+              lostInfo = _context.sent;
+              _this._isLost = true;
+              resolve({
+                reason: 'destroyed',
+                message: lostInfo.message
+              });
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+    if (props.canvas) {
+      _this.canvasContext = new _webgpuCanvasContext.default((0, _assertThisInitialized2.default)(_this), _this.adapter, {
+        canvas: props.canvas
+      });
+    }
+    _this.features = _this._getFeatures();
+    return _this;
+  }
+  (0, _createClass2.default)(WebGPUDevice, [{
+    key: "destroy",
+    value: function destroy() {
+      this.handle.destroy();
+    }
+  }, {
+    key: "info",
+    get: function get() {
+      return this._info;
+    }
+  }, {
+    key: "limits",
+    get: function get() {
+      return this.handle.limits;
+    }
+  }, {
+    key: "isTextureFormatSupported",
+    value: function isTextureFormatSupported(format) {
+      return !format.includes('webgl');
+    }
+  }, {
+    key: "isTextureFormatFilterable",
+    value: function isTextureFormatFilterable(format) {
+      return this.isTextureFormatSupported(format);
+    }
+  }, {
+    key: "isTextureFormatRenderable",
+    value: function isTextureFormatRenderable(format) {
+      return this.isTextureFormatSupported(format);
+    }
+  }, {
+    key: "isLost",
+    get: function get() {
+      return this._isLost;
+    }
+  }, {
+    key: "_createBuffer",
+    value: function _createBuffer(props) {
+      return new _webgpuBuffer.default(this, props);
+    }
+  }, {
+    key: "_createTexture",
+    value: function _createTexture(props) {
+      return new _webgpuTexture.default(this, props);
+    }
+  }, {
+    key: "createExternalTexture",
+    value: function createExternalTexture(props) {
+      return new _webgpuExternalTexture.default(this, props);
+    }
+  }, {
+    key: "createShader",
+    value: function createShader(props) {
+      return new _webgpuShader.default(this, props);
+    }
+  }, {
+    key: "createSampler",
+    value: function createSampler(props) {
+      return new _webgpuSampler.default(this, props);
+    }
+  }, {
+    key: "createRenderPipeline",
+    value: function createRenderPipeline(props) {
+      return new _webgpuRenderPipeline.default(this, props);
+    }
+  }, {
+    key: "createFramebuffer",
+    value: function createFramebuffer(props) {
+      throw new Error('Not implemented');
+    }
+  }, {
+    key: "createComputePipeline",
+    value: function createComputePipeline(props) {
+      return new _webgpuComputePipeline.default(this, props);
+    }
+  }, {
+    key: "beginRenderPass",
+    value: function beginRenderPass(props) {
+      this.commandEncoder = this.commandEncoder || this.handle.createCommandEncoder();
+      return new _webgpuRenderPass.default(this, props);
+    }
+  }, {
+    key: "beginComputePass",
+    value: function beginComputePass(props) {
+      this.commandEncoder = this.commandEncoder || this.handle.createCommandEncoder();
+      return new _webgpuComputePass.default(this, props);
+    }
+  }, {
+    key: "createCanvasContext",
+    value: function createCanvasContext(props) {
+      return new _webgpuCanvasContext.default(this, this.adapter, props);
+    }
+  }, {
+    key: "getDefaultRenderPass",
+    value: function getDefaultRenderPass() {
+      var _this$canvasContext;
+      this.renderPass = this.renderPass || this.beginRenderPass({
+        framebuffer: (_this$canvasContext = this.canvasContext) === null || _this$canvasContext === void 0 ? void 0 : _this$canvasContext.getCurrentFramebuffer()
+      });
+      return this.renderPass;
+    }
+  }, {
+    key: "submit",
+    value: function submit() {
+      var _this$renderPass, _this$commandEncoder;
+      (_this$renderPass = this.renderPass) === null || _this$renderPass === void 0 ? void 0 : _this$renderPass.end();
+      var commandBuffer = (_this$commandEncoder = this.commandEncoder) === null || _this$commandEncoder === void 0 ? void 0 : _this$commandEncoder.finish();
+      if (commandBuffer) {
+        this.handle.queue.submit([commandBuffer]);
+      }
+      this.commandEncoder = null;
+      this.renderPass = null;
+    }
+  }, {
+    key: "_getFeatures",
+    value: function _getFeatures() {
+      var features = new Set(this.handle.features);
+      if (features.has('depth-clamping')) {
+        features.delete('depth-clamping');
+        features.add('depth-clip-control');
+      }
+      if (features.has('texture-compression-bc')) {
+        features.add('texture-compression-bc5-webgl');
+      }
+      features.add('webgpu');
+      features.add('timer-query-webgl');
+      features.add('vertex-array-object-webgl1');
+      features.add('instanced-rendering-webgl1');
+      features.add('multiple-render-targets-webgl1');
+      features.add('index-uint32-webgl1');
+      features.add('blend-minmax-webgl1');
+      features.add('texture-blend-float-webgl1');
+      features.add('texture-formats-srgb-webgl1');
+      features.add('texture-formats-depth-webgl1');
+      features.add('texture-formats-float32-webgl1');
+      features.add('texture-formats-float16-webgl1');
+      features.add('texture-filter-linear-float32-webgl');
+      features.add('texture-filter-linear-float16-webgl');
+      features.add('texture-filter-anisotropic-webgl');
+      features.add('texture-renderable-rgba32float-webgl');
+      features.add('texture-renderable-float32-webgl');
+      features.add('texture-renderable-float16-webgl');
+      features.add('glsl-frag-data');
+      features.add('glsl-frag-depth');
+      features.add('glsl-derivatives');
+      features.add('glsl-texture-lod');
+      return features;
+    }
+  }], [{
+    key: "isSupported",
+    value: function isSupported() {
+      return Boolean(typeof navigator !== 'undefined' && navigator.gpu);
+    }
+  }, {
+    key: "create",
+    value: function () {
+      var _create = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee2(props) {
+        var adapter, gpuDevice, device;
+        return _regenerator.default.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              if (navigator.gpu) {
+                _context2.next = 2;
+                break;
+              }
+              throw new Error('WebGPU not available. Open in Chrome Canary and turn on chrome://flags/#enable-unsafe-webgpu');
+            case 2:
+              _api.log.groupCollapsed(1, 'WebGPUDevice created')();
+              _context2.next = 5;
+              return navigator.gpu.requestAdapter({
+                powerPreference: 'high-performance'
+              });
+            case 5:
+              adapter = _context2.sent;
+              if (adapter) {
+                _context2.next = 8;
+                break;
+              }
+              throw new Error('Failed to request WebGPU adapter');
+            case 8:
+              _api.log.probe(1, 'Adapter available')();
+              _context2.next = 11;
+              return adapter.requestDevice({
+                requiredFeatures: adapter.features
+              });
+            case 11:
+              gpuDevice = _context2.sent;
+              _api.log.probe(1, 'GPUDevice available')();
+              if (!(typeof props.canvas === 'string')) {
+                _context2.next = 17;
+                break;
+              }
+              _context2.next = 16;
+              return _api.CanvasContext.pageLoaded;
+            case 16:
+              _api.log.probe(1, 'DOM is loaded')();
+            case 17:
+              device = new WebGPUDevice(gpuDevice, adapter, props);
+              _api.log.probe(1, 'Device created', device.info)();
+              _api.log.table(1, device.info)();
+              _api.log.groupEnd(1)();
+              return _context2.abrupt("return", device);
+            case 22:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }));
+      function create(_x2) {
+        return _create.apply(this, arguments);
+      }
+      return create;
+    }()
+  }]);
+  return WebGPUDevice;
+}(_api.Device);
+exports.default = WebGPUDevice;
+(0, _defineProperty2.default)(WebGPUDevice, "type", 'webgpu');
+//# sourceMappingURL=webgpu-device.js.map