@luma.gl/webgpu 9.0.0-alpha.47 → 9.0.0-alpha.48

package/dist/dist.dev.js

@@ -824,8 +824,6 @@ var __exports__ = (() => {
         VERSION: VERSION3,
         version: VERSION3,
         log,
-        // A global stats object that various components can add information to
-        // E.g. see webgl/resource.js
         stats: lumaStats
       };
     }
@@ -851,17 +849,10 @@ var __exports__ = (() => {
 
   // ../core/src/adapter/resources/resource.ts
   var Resource = class {
-    /** props.id, for debugging. */
     userData = {};
-    /** Whether this resource has been destroyed */
     destroyed = false;
-    /** For resources that allocate GPU memory */
     allocatedBytes = 0;
-    /** Attached resources will be destroyed when this resource is destroyed. Tracks auto-created "sub" resources. */
     _attachedResources = /* @__PURE__ */ new Set();
-    /**
-     * Create a new Resource. Called from Subclass
-     */
     constructor(device, props, defaultProps) {
       if (!device) {
         throw new Error("no device");
@@ -874,13 +865,9 @@ var __exports__ = (() => {
       this.userData = this.props.userData || {};
       this.addStats();
     }
-    /**
-     * destroy can be called on any resource to release it before it is garbage collected.
-     */
     destroy() {
       this.destroyResource();
     }
-    /** @deprecated Use destroy() */
     delete() {
       this.destroy();
       return this;
@@ -888,70 +875,48 @@ var __exports__ = (() => {
     toString() {
       return `${this[Symbol.toStringTag] || this.constructor.name}(${this.id})`;
     }
-    /**
-     * Combines a map of user props and default props, only including props from defaultProps
-     * @returns returns a map of overridden default props
-     */
     getProps() {
       return this.props;
     }
-    // ATTACHED RESOURCES
-    /** 
-     * Attaches a resource. Attached resources are auto destroyed when this resource is destroyed
-     * Called automatically when sub resources are auto created but can be called by application
-     */
     attachResource(resource) {
       this._attachedResources.add(resource);
     }
-    /** 
-     * Detach an attached resource. The resource will no longer be auto-destroyed when this resource is destroyed.
-     */
     detachResource(resource) {
       this._attachedResources.delete(resource);
     }
-    /** 
-     * Destroys a resource (only if owned), and removes from the owned (auto-destroy) list for this resource.
-     */
     destroyAttachedResource(resource) {
       if (this._attachedResources.delete(resource)) {
         resource.destroy();
       }
     }
-    /** Destroy all owned resources. Make sure the resources are no longer needed before calling. */
     destroyAttachedResources() {
       for (const resource of Object.values(this._attachedResources)) {
         resource.destroy();
       }
       this._attachedResources = /* @__PURE__ */ new Set();
     }
-    // PROTECTED METHODS
-    /** Perform all destroy steps. Can be called by derived resources when overriding destroy() */
     destroyResource() {
       this.destroyAttachedResources();
       this.removeStats();
       this.destroyed = true;
     }
-    /** Called by .destroy() to track object destruction. Subclass must call if overriding destroy() */
     removeStats() {
       const stats = this._device.statsManager.getStats("Resource Counts");
       const name2 = this[Symbol.toStringTag];
       stats.get(`${name2}s Active`).decrementCount();
     }
-    /** Called by subclass to track memory allocations */
     trackAllocatedMemory(bytes, name2 = this[Symbol.toStringTag]) {
       const stats = this._device.statsManager.getStats("Resource Counts");
       stats.get("GPU Memory").addCount(bytes);
       stats.get(`${name2} Memory`).addCount(bytes);
       this.allocatedBytes = bytes;
     }
-    /** Called by subclass to track memory deallocations */
     trackDeallocatedMemory(name2 = this[Symbol.toStringTag]) {
       const stats = this._device.statsManager.getStats("Resource Counts");
       stats.get("GPU Memory").subtractCount(this.allocatedBytes);
       stats.get(`${name2} Memory`).subtractCount(this.allocatedBytes);
       this.allocatedBytes = 0;
     }
-    /** Called by resource constructor to track object creation */
     addStats() {
       const stats = this._device.statsManager.getStats("Resource Counts");
       const name2 = this[Symbol.toStringTag];
@@ -960,7 +925,6 @@ var __exports__ = (() => {
       stats.get(`${name2}s Active`).incrementCount();
     }
   };
-  /** Default properties for resource */
   __publicField(Resource, "defaultProps", {
     id: "undefined",
     handle: void 0,
@@ -983,9 +947,6 @@ var __exports__ = (() => {
     get [Symbol.toStringTag]() {
       return "Buffer";
     }
-    /** The usage with which this buffer was created */
-    /** For index buffers, whether indices are 16 or 32 bit */
-    /** Length of buffer in bytes */
     constructor(device, props) {
       const deducedProps = {
         ...props
@@ -1007,159 +968,55 @@ var __exports__ = (() => {
     readAsync(byteOffset, byteLength) {
       throw new Error("not implemented");
     }
-    // TODO - can sync read be supported in WebGPU?
     getData() {
       throw new Error("not implemented");
     }
-    // Convenience API
-    /** Read data from the buffer *
-    async readAsync(options: {
-      byteOffset?: number,
-      byteLength?: number,
-      map?: boolean,
-      unmap?: boolean
-    }): Promise<ArrayBuffer> {
-      if (options.map ?? true) {
-        await this.mapAsync(Buffer.MAP_READ, options.byteOffset, options.byteLength);
-      }
-      const arrayBuffer = this.getMappedRange(options.byteOffset, options.byteLength);
-      if (options.unmap ?? true) {
-        this.unmap();
-      }
-      return arrayBuffer;
-    }
-     /** Write data to the buffer *
-    async writeAsync(options: {
-      data: ArrayBuffer,
-      byteOffset?: number,
-      byteLength?: number,
-      map?: boolean,
-      unmap?: boolean
-    }): Promise<void> {
-      if (options.map ?? true) {
-        await this.mapAsync(Buffer.MAP_WRITE, options.byteOffset, options.byteLength);
-      }
-      const arrayBuffer = this.getMappedRange(options.byteOffset, options.byteLength);
-      const destArray = new Uint8Array(arrayBuffer);
-      const srcArray = new Uint8Array(options.data);
-      destArray.set(srcArray);
-      if (options.unmap ?? true) {
-        this.unmap();
-      }
-    }
-    */
-    // Mapped API (WebGPU)
-    /** Maps the memory so that it can be read */
-    // abstract mapAsync(mode, byteOffset, byteLength): Promise<void>
-    /** Get the mapped range of data for reading or writing */
-    // abstract getMappedRange(byteOffset, byteLength): ArrayBuffer;
-    /** unmap makes the contents of the buffer available to the GPU again */
-    // abstract unmap(): void;
   };
   var Buffer2 = _Buffer;
   __publicField(Buffer2, "defaultProps", {
     ...Resource.defaultProps,
     usage: 0,
-    // Buffer.COPY_DST | Buffer.COPY_SRC
     byteLength: 0,
     byteOffset: 0,
     data: null,
     indexType: "uint16",
     mappedAtCreation: false
   });
-  // Usage Flags
   __publicField(Buffer2, "MAP_READ", 1);
   __publicField(Buffer2, "MAP_WRITE", 2);
   __publicField(Buffer2, "COPY_SRC", 4);
   __publicField(Buffer2, "COPY_DST", 8);
-  /** Index buffer */
   __publicField(Buffer2, "INDEX", 16);
-  /** Vertex buffer */
   __publicField(Buffer2, "VERTEX", 32);
-  /** Uniform buffer */
   __publicField(Buffer2, "UNIFORM", 64);
-  /** Storage buffer */
   __publicField(Buffer2, "STORAGE", 128);
   __publicField(Buffer2, "INDIRECT", 256);
   __publicField(Buffer2, "QUERY_RESOLVE", 512);
 
   // ../core/src/adapter/device.ts
-  var DEFAULT_DEVICE_PROPS = {
-    id: null,
-    type: "best-available",
-    canvas: null,
-    container: null,
-    webgl2: true,
-    // Attempt to create a WebGL2 context
-    webgl1: true,
-    // Attempt to create a WebGL1 context (false to fail if webgl2 not available)
-    manageState: true,
-    width: 800,
-    // width are height are only used by headless gl
-    height: 600,
-    debug: Boolean(log.get("debug")),
-    // Instrument context (at the expense of performance)
-    break: [],
-    // alpha: undefined,
-    // depth: undefined,
-    // stencil: undefined,
-    // antialias: undefined,
-    // premultipliedAlpha: undefined,
-    // preserveDrawingBuffer: undefined,
-    // failIfMajorPerformanceCaveat: undefined
-    gl: null
-  };
-  var Device = class {
+  var _Device = class {
     get [Symbol.toStringTag]() {
       return "Device";
     }
     constructor(props) {
       this.props = {
-        ...DEFAULT_DEVICE_PROPS,
+        ..._Device.defaultProps,
         ...props
       };
       this.id = this.props.id || uid(this[Symbol.toStringTag].toLowerCase());
     }
-    /** id of this device, primarily for debugging */
-    /** stats */
     statsManager = lumaStats;
-    /** A copy of the device props  */
-    /** Available for the application to store data on the device */
     userData = {};
-    /** Used by other luma.gl modules to store data on the device */
     _lumaData = {};
-    // Capabilities
-    /** Information about the device (vendor, versions etc) */
-    /** Optional capability discovery */
-    /** WebGPU style device limits */
-    /** Check if device supports a specific texture format (creation and `nearest` sampling) */
-    /** Check if linear filtering (sampler interpolation) is supported for a specific texture format */
-    /** Check if device supports rendering to a specific texture format */
-    // Device loss
-    /** `true` if device is already lost */
-    /** Promise that resolves when device is lost */
-    /**
-     * Trigger device loss.
-     * @returns `true` if context loss could actually be triggered.
-     * @note primarily intended for testing how application reacts to device loss
-     */
     loseDevice() {
       return false;
     }
-    // Canvas context
-    /** Default / primary canvas context. Can be null as WebGPU devices can be created without a CanvasContext */
-    /** Returns the default / primary canvas context. Throws an error if no canvas context is available (a WebGPU compute device) */
     getCanvasContext() {
       if (!this.canvasContext) {
         throw new Error("Device has no CanvasContext");
       }
       return this.canvasContext;
     }
-    /** Creates a new CanvasContext (WebGPU only) */
-    /** Call after rendering a frame (necessary e.g. on WebGL OffscreenCanvas) */
-    // Resource creation
-    /** Create a buffer */
-    /** Create a texture */
     createTexture(props) {
       if (props instanceof Promise || typeof props === "string") {
         props = {
@@ -1168,21 +1025,9 @@ var __exports__ = (() => {
       }
       return this._createTexture(props);
     }
-    /** Create a temporary texture view of a video source */
-    /** Create a sampler */
-    /** Create a Framebuffer. Must have at least one attachment. */
-    /** Create a shader */
-    /** Create a render pipeline (aka program) */
-    /** Create a compute pipeline (aka program). WebGPU only. */
     createCommandEncoder(props = {}) {
       throw new Error("not implemented");
     }
-    /** Create a vertex array */
-    /** Create a RenderPass */
-    /** Create a ComputePass */
-    /** Get a renderpass that is set up to render to the primary CanvasContext */
-    /** Create a transform feedback (immutable set of output buffer bindings). WebGL 2 only. */
-    // Implementation
     _getBufferProps(props) {
       if (props instanceof ArrayBuffer || ArrayBuffer.isView(props)) {
         props = {
@@ -1204,6 +1049,21 @@ var __exports__ = (() => {
       return newProps;
     }
   };
+  var Device = _Device;
+  __publicField(Device, "defaultProps", {
+    id: null,
+    type: "best-available",
+    canvas: null,
+    container: null,
+    webgl2: true,
+    webgl1: true,
+    manageState: true,
+    width: 800,
+    height: 600,
+    debug: Boolean(log.get("debug")),
+    break: [],
+    gl: null
+  });
   __publicField(Device, "VERSION", VERSION2);
 
   // ../core/src/adapter/canvas-context.ts
@@ -1212,7 +1072,6 @@ var __exports__ = (() => {
   var DEFAULT_CANVAS_CONTEXT_PROPS = {
     canvas: null,
     width: 800,
-    // width are height are only used by headless gl
     height: 600,
     useDevicePixels: true,
     autoResize: true,
@@ -1224,13 +1083,11 @@ var __exports__ = (() => {
   var CanvasContext = class {
     width = 1;
     height = 1;
-    /** State used by luma.gl classes: TODO - move to canvasContext*/
     _canvasSizeInfo = {
       clientWidth: 0,
       clientHeight: 0,
       devicePixelRatio: 1
     };
-    /** Check if the DOM is loaded */
     static get isPageLoaded() {
       return isPageLoaded();
     }
@@ -1281,11 +1138,6 @@ var __exports__ = (() => {
         this.resizeObserver.observe(this.canvas);
       }
     }
-    /** Returns a framebuffer with properly resized current 'swap chain' textures */
-    /**
-     * Returns the current DPR, if props.useDevicePixels is true
-     * Device refers to physical
-     */
     getDevicePixelRatio(useDevicePixels) {
       if (typeof OffscreenCanvas !== "undefined" && this.canvas instanceof OffscreenCanvas) {
         return 1;
@@ -1300,12 +1152,6 @@ var __exports__ = (() => {
       }
       return useDevicePixels;
     }
-    /**
-     * Returns the size of drawing buffer in device pixels.
-     * @note This can be different from the 'CSS' size of a canvas, and also from the
-     * canvas' internal drawing buffer size (.width, .height).
-     * This is the size required to cover the canvas, adjusted for DPR
-     */
     getPixelSize() {
       switch (this.type) {
         case "node":
@@ -1324,9 +1170,6 @@ var __exports__ = (() => {
       const [width, height] = this.getPixelSize();
       return width / height;
     }
-    /**
-     * Returns multiplier need to convert CSS size to Device size
-     */
     cssToDeviceRatio() {
       try {
         const [drawingBufferWidth] = this.getDrawingBufferSize();
@@ -1338,18 +1181,11 @@ var __exports__ = (() => {
         return 1;
       }
     }
-    /**
-     * Maps CSS pixel position to device pixel position
-     */
     cssToDevicePixels(cssPixel, yInvert = true) {
       const ratio = this.cssToDeviceRatio();
       const [width, height] = this.getDrawingBufferSize();
       return scalePixels(cssPixel, ratio, width, height, yInvert);
     }
-    /**
-     * Use devicePixelRatio to set canvas width and height
-     * @note this is a raw port of luma.gl v8 code. Might be worth a review
-     */
     setDevicePixelRatio(devicePixelRatio, options = {}) {
       if (!this.htmlCanvas) {
         return;
@@ -1381,8 +1217,6 @@ var __exports__ = (() => {
         this._canvasSizeInfo.devicePixelRatio = devicePixelRatio;
       }
     }
-    // PRIVATE
-    /** @todo Major hack done to port the CSS methods above, base canvas context should not depend on WebGL */
     getDrawingBufferSize() {
       const gl = this.device.gl;
       if (!gl) {
@@ -1390,23 +1224,12 @@ var __exports__ = (() => {
       }
       return [gl.drawingBufferWidth, gl.drawingBufferHeight];
     }
-    /** Perform platform specific updates (WebGPU vs WebGL) */
-    /**
-     * Allows subclass constructor to override the canvas id for auto created canvases.
-     * This can really help when debugging DOM in apps that create multiple devices
-     */
     _setAutoCreatedCanvasId(id) {
       if (this.htmlCanvas?.id === "lumagl-auto-created-canvas") {
         this.htmlCanvas.id = id;
       }
     }
   };
-  /**
-   * Get a 'lazy' promise that resolves when the DOM is loaded.
-   * @note Since there may be limitations on number of `load` event listeners,
-   * it is recommended avoid calling this function until actually needed.
-   * I.e. don't call it until you know that you will be looking up a string in the DOM.
-   */
   __publicField(CanvasContext, "pageLoaded", getPageLoadPromise());
   function getPageLoadPromise() {
     if (isPageLoaded() || typeof window === "undefined") {
@@ -1472,7 +1295,6 @@ var __exports__ = (() => {
     return {
       x,
       y,
-      // when ratio < 1, current css pixel and next css pixel may point to same device pixel, set width/height to 1 in those cases.
       width: Math.max(xHigh - x + 1, 1),
       height: Math.max(yHigh - y + 1, 1)
     };
@@ -1490,12 +1312,6 @@ var __exports__ = (() => {
     get [Symbol.toStringTag]() {
       return "Texture";
     }
-    /** dimension of this texture */
-    /** format of this texture */
-    /** width in pixels of this texture */
-    /** height in pixels of this texture */
-    /** depth of this texture */
-    /** Default sampler for this texture */
     constructor(device, props, defaultProps = _Texture.defaultProps) {
       super(device, props, defaultProps);
       this.dimension = this.props.dimension;
@@ -1516,11 +1332,8 @@ var __exports__ = (() => {
     depth: 1,
     mipmaps: true,
     sampler: {},
-    // type: undefined,
     compressed: false,
-    // mipLevels: 1,
     usage: 0,
-    // usage: GPUTextureUsage.COPY_DST
     mipLevels: void 0,
     samples: void 0,
     type: void 0
@@ -1589,7 +1402,6 @@ var __exports__ = (() => {
     mipmapFilter: "nearest",
     lodMinClamp: 0,
     lodMaxClamp: 32,
-    // Per WebGPU spec
     compare: "less-equal",
     maxAnisotropy: 1
   });
@@ -1599,21 +1411,13 @@ var __exports__ = (() => {
     get [Symbol.toStringTag]() {
       return "Framebuffer";
     }
-    /** Width of all attachments in this framebuffer */
-    /** Height of all attachments in this framebuffer */
-    /** Color attachments */
     colorAttachments = [];
-    /** Depth-stencil attachment, if provided */
     depthStencilAttachment = null;
     constructor(device, props = {}) {
       super(device, props, _Framebuffer.defaultProps);
       this.width = this.props.width;
       this.height = this.props.height;
     }
-    /**
-     * Resizes all attachments
-     * @note resize() destroys existing textures (if size has changed).
-     */
     resize(size) {
       let updateSize = !size;
       if (size) {
@@ -1627,51 +1431,6 @@ var __exports__ = (() => {
         this.resizeAttachments(this.width, this.height);
       }
     }
-    // /** Returns fully populated attachment object. */
-    // protected normalizeColorAttachment(
-    //   attachment: Texture | ColorTextureFormat
-    // ): Required<ColorAttachment> {
-    //   const COLOR_ATTACHMENT_DEFAULTS: Required<ColorAttachment> = {
-    //     texture: undefined!,
-    //     format: undefined!,
-    //     clearValue: [0.0, 0.0, 0.0, 0.0],
-    //     loadOp: 'clear',
-    //     storeOp: 'store'
-    //   };
-    //   if (attachment instanceof Texture) {
-    //     return {...COLOR_ATTACHMENT_DEFAULTS, texture: attachment};
-    //   }
-    //   if (typeof attachment === 'string') {
-    //     return {...COLOR_ATTACHMENT_DEFAULTS, format: attachment};
-    //   }
-    //   return {...COLOR_ATTACHMENT_DEFAULTS, ...attachment};
-    // }
-    // /** Wraps texture inside fully populated attachment object. */
-    // protected normalizeDepthStencilAttachment(
-    //   attachment: DepthStencilAttachment | Texture | DepthStencilTextureFormat
-    // ): Required<DepthStencilAttachment> {
-    //   const DEPTH_STENCIL_ATTACHMENT_DEFAULTS: Required<DepthStencilAttachment> = {
-    //     texture: undefined!,
-    //     format: undefined!,
-    //     depthClearValue: 1.0,
-    //     depthLoadOp: 'clear',
-    //     depthStoreOp: 'store',
-    //     depthReadOnly: false,
-    //     stencilClearValue: 0,
-    //     stencilLoadOp: 'clear',
-    //     stencilStoreOp: 'store',
-    //     stencilReadOnly: false
-    //   };
-    //   if (typeof attachment === 'string') {
-    //     return {...DEPTH_STENCIL_ATTACHMENT_DEFAULTS, format: attachment};
-    //   }
-    //   // @ts-expect-error attachment instanceof Texture doesn't cover Renderbuffer
-    //   if (attachment.handle || attachment instanceof Texture) {
-    //     return {...DEPTH_STENCIL_ATTACHMENT_DEFAULTS, texture: attachment as Texture};
-    //   }
-    //   return {...DEPTH_STENCIL_ATTACHMENT_DEFAULTS, ...attachment};
-    // }
-    /** Auto creates any textures */
     autoCreateAttachmentTextures() {
       this.colorAttachments = this.props.colorAttachments.map((attachment) => {
         if (typeof attachment === "string") {
@@ -1691,7 +1450,6 @@ var __exports__ = (() => {
         }
       }
     }
-    /** Create a color texture */
     createColorTexture(format) {
       return this.device.createTexture({
         id: "color-attachment",
@@ -1701,7 +1459,6 @@ var __exports__ = (() => {
         height: this.height
       });
     }
-    /** Create depth stencil texture */
     createDepthStencilTexture(format) {
       return this.device.createTexture({
         id: "depth-stencil-attachment",
@@ -1711,11 +1468,6 @@ var __exports__ = (() => {
         height: this.height
       });
     }
-    /**
-     * Default implementation of resize
-     * Creates new textures with correct size for all attachments.
-     * and destroys existing textures if owned
-     */
     resizeAttachments(width, height) {
       for (let i = 0; i < this.colorAttachments.length; ++i) {
         if (this.colorAttachments[i]) {
@@ -1740,37 +1492,6 @@ var __exports__ = (() => {
         this.attachResource(resizedTexture);
       }
     }
-    /** Create a color attachment for WebGL *
-    protected override createColorTexture(colorAttachment: Required<ColorAttachment>): Required<ColorAttachment> {
-      return this.device._createTexture({
-        id: `${this.id}-color`,
-        data: null, // reserves texture memory, but texels are undefined
-        format,
-        // type: GL.UNSIGNED_BYTE,
-        width: this.width,
-        height: this.height,
-        // Note: Mipmapping can be disabled by texture resource when we resize the texture
-        // to a non-power-of-two dimenstion (NPOT texture) under WebGL1. To have consistant
-        // behavior we always disable mipmaps.
-        mipmaps: false,
-        // Set MIN and MAG filtering parameters so mipmaps are not used in sampling.
-        // Use LINEAR so subpixel algos like fxaa work.
-        // Set WRAP modes that support NPOT textures too.
-        sampler: {
-          minFilter: 'linear',
-          magFilter: 'linear',
-          addressModeU: 'clamp-to-edge',
-          addressModeV: 'clamp-to-edge'
-        }
-        // parameters: {
-        //   [GL.TEXTURE_MIN_FILTER]: GL.LINEAR,
-        //   [GL.TEXTURE_MAG_FILTER]: GL.LINEAR,
-        //   [GL.TEXTURE_WRAP_S]: GL.CLAMP_TO_EDGE,
-        //   [GL.TEXTURE_WRAP_T]: GL.CLAMP_TO_EDGE
-        // }
-      });
-    }
-    */
   };
   var Framebuffer = _Framebuffer;
   __publicField(Framebuffer, "defaultProps", {
@@ -1778,9 +1499,7 @@ var __exports__ = (() => {
     width: 1,
     height: 1,
     colorAttachments: [],
-    // ['rgba8unorm-unsized'],
     depthStencilAttachment: null
-    // 'depth24plus-stencil8'
   });
 
   // ../core/src/adapter/resources/render-pipeline.ts
@@ -1789,31 +1508,20 @@ var __exports__ = (() => {
       return "RenderPipeline";
     }
     hash = "";
-    /** The merged layout */
-    /** Buffer map describing buffer interleaving etc */
     constructor(device, props) {
       super(device, props, _RenderPipeline.defaultProps);
       this.shaderLayout = this.props.shaderLayout;
       this.bufferLayout = this.props.bufferLayout || [];
     }
-    /** Set bindings (stored on pipeline and set before each call) */
-    /** Uniforms
-     * @deprecated Only supported on WebGL devices.
-     * @note textures, samplers and uniform buffers should be set via `setBindings()`, these are not considered uniforms.
-     * @note In WebGL uniforms have a performance penalty, they are reset before each call to enable pipeline sharing.
-     */
-    /** Draw call */
   };
   var RenderPipeline = _RenderPipeline;
   __publicField(RenderPipeline, "defaultProps", {
     ...Resource.defaultProps,
     vs: null,
     vsEntryPoint: "",
-    // main
     vsConstants: {},
     fs: null,
     fsEntryPoint: "",
-    // main
     fsConstants: {},
     shaderLayout: null,
     bufferLayout: [],
@@ -1852,43 +1560,8 @@ var __exports__ = (() => {
     constructor(device, props) {
       super(device, props, _RenderPass.defaultProps);
     }
-    /** Call when rendering is done in this pass. */
-    /** 
-     * A small set of parameters can be changed between every draw call 
-     * (viewport, scissorRect, blendColor, stencilReference) 
-     */
-    // writeTimestamp(querySet: GPUQuerySet, queryIndex: number): void;
-    // beginOcclusionQuery(queryIndex: number): void;
-    // endOcclusionQuery(): void;
-    // executeBundles(bundles: Iterable<GPURenderBundle>): void;
-    // In WebGPU the following methods are on the renderpass.
-    // luma.gl keeps them on the pipeline for now
-    /*
-    setPipeline(pipeline: RenderPipeline): void {}
-     setIndexBuffer(
-      buffer: Buffer,
-      indexFormat: 'uint16' | 'uint32',
-      offset?: number,
-      size?: number
-    ): void {}
-     abstract setVertexBuffer(slot: number, buffer: Buffer, offset: number): void;
-     abstract setBindings(bindings: Record<string, Binding>): void;
-     abstract setParameters(parameters: RenderPassParameters);
-     draw(options: {
-      vertexCount?: number; // Either vertexCount or indexCount must be provided
-      indexCount?: number;  // Activates indexed drawing (call setIndexBuffer())
-      instanceCount?: number; //
-      firstVertex?: number;
-      firstIndex?: number; // requires device.features.has('indirect-first-instance')?
-      firstInstance?: number;
-      baseVertex?: number;
-    }): void {}
-     drawIndirect(indirectBuffer: GPUBuffer, indirectOffset: number): void;
-    drawIndexedIndirect(indirectBuffer: GPUBuffer, indirectOffset: number): void;
-    */
   };
   var RenderPass = _RenderPass;
-  /** Default properties for RenderPass */
   __publicField(RenderPass, "defaultProps", {
     ...Resource.defaultProps,
     framebuffer: null,
@@ -1909,22 +1582,6 @@ var __exports__ = (() => {
     constructor(device, props) {
       super(device, props, Resource.defaultProps);
     }
-    /** Sets an array of bindings (uniform buffers, samplers, textures, ...) */
-    // abstract setBindings(bindings: Binding[]): void;
-    /**
-     * Dispatch work to be performed with the current ComputePipeline.
-     * @param x X dimension of the grid of workgroups to dispatch.
-     * @param y Y dimension of the grid of workgroups to dispatch.
-     * @param z Z dimension of the grid of workgroups to dispatch.
-     */
-    /**
-     * Dispatch work to be performed with the current ComputePipeline.
-     * @param indirectBuffer buffer must be a tightly packed block of three 32-bit unsigned integer values (12 bytes total), given in the same order as the arguments for dispatch()
-     * @param indirectOffset
-     */
-    // writeTimestamp(querySet: GPUQuerySet, queryIndex: number): void;
-    // beginPipelineStatisticsQuery(querySet: GPUQuerySet, queryIndex: number): void;
-    // endPipelineStatisticsQuery(querySet: GPUQuerySet, queryIndex: number): void;
   };
   __publicField(ComputePass, "defaultProps", {
     ...Resource.defaultProps
@@ -1989,7 +1646,6 @@ var __exports__ = (() => {
     f16: 2,
     i32: 4,
     u32: 4
-    // 'bool-webgl': 4,  
   };
 
   // ../core/src/adapter/type-utils/decode-data-type.ts
@@ -2096,9 +1752,7 @@ var __exports__ = (() => {
       vertexFormat,
       bufferDataType: vertexFormatInfo.type,
       bufferComponents: vertexFormatInfo.components,
-      // normalized is a property of the buffer's vertex format
       normalized: vertexFormatInfo.normalized,
-      // integer is a property of the shader declaration
       integer: attributeTypeInfo.integer,
       stepMode: bufferMapping?.stepMode || shaderDeclaration.stepMode,
       byteOffset: bufferMapping?.byteOffset || 0,
@@ -2140,7 +1794,6 @@ var __exports__ = (() => {
           bufferName: name2,
           stepMode: bufferLayout.stepMode,
           vertexFormat: bufferLayout.format,
-          // If offset is needed, use `attributes` field.
           byteOffset: 0,
           byteStride: bufferLayout.byteStride || 0
         };
@@ -2177,8 +1830,6 @@ var __exports__ = (() => {
     get [Symbol.toStringTag]() {
       return "VertexArray";
     }
-    /** Max number of vertex attributes */
-    /** Attribute infos indexed by location - TODO only needed by webgl module? */
     indexBuffer = null;
     constructor(device, props) {
       super(device, props, _VertexArray.defaultProps);
@@ -2186,9 +1837,6 @@ var __exports__ = (() => {
       this.attributes = new Array(this.maxVertexAttributes).fill(null);
       this.attributeInfos = getAttributeInfosByLocation(props.renderPipeline.shaderLayout, props.renderPipeline.bufferLayout, this.maxVertexAttributes);
     }
-    /** Set attributes (stored on pipeline and set before each call) */
-    /** Set attributes (stored on pipeline and set before each call) */
-    /** Set constant attributes (WebGL only) */
   };
   var VertexArray = _VertexArray;
   __publicField(VertexArray, "defaultProps", {
@@ -2214,7 +1862,6 @@ var __exports__ = (() => {
       const size = Math.ceil(this.byteLength / 4) * 4;
       this.handle = this.props.handle || this.device.handle.createBuffer({
         size,
-        // usage defaults to vertex
         usage: this.props.usage || GPUBufferUsage.VERTEX | GPUBufferUsage.COPY_DST,
         mappedAtCreation: this.props.mappedAtCreation || mapBuffer,
         label: this.props.id
@@ -2229,7 +1876,6 @@ var __exports__ = (() => {
     destroy() {
       this.handle.destroy();
     }
-    // WebGPU provides multiple ways to write a buffer...
     write(data, byteOffset = 0) {
       this.device.handle.queue.writeBuffer(this.handle, byteOffset, data.buffer, data.byteOffset, data.byteLength);
     }
@@ -2251,7 +1897,6 @@ var __exports__ = (() => {
       const arrayBuffer = this.handle.getMappedRange();
       new typedArray.constructor(arrayBuffer).set(typedArray);
     }
-    // WEBGPU API
     mapAsync(mode, offset = 0, size) {
       return this.handle.mapAsync(mode, offset, size);
     }
@@ -2299,12 +1944,8 @@ var __exports__ = (() => {
     "3d": "3d"
   };
   var WebGPUTexture = class extends Texture {
-    // static async createFromImageURL(src, usage = 0) {
-    //   const img = document.createElement('img');
-    //   img.src = src;
-    //   await img.decode();
-    //   return WebGPUTexture(img, usage);
-    // }
+    height = 1;
+    width = 1;
     constructor(device, props) {
       super(device, props);
       if (typeof this.props.format === "number") {
@@ -2320,15 +1961,7 @@ var __exports__ = (() => {
       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({
-        // format: this.props.format,
-        // dimension: this.props.dimension,
-        // aspect = "all";
-        // baseMipLevel: 0;
-        // mipLevelCount;
-        // baseArrayLayer = 0;
-        // arrayLayerCount;
-      });
+      this.view = this.handle.createView({});
     }
     createHandle() {
       if (typeof this.props.format === "number") {
@@ -2352,10 +1985,6 @@ var __exports__ = (() => {
     destroy() {
       this.handle.destroy();
     }
-    /**
-     * Set default sampler
-     * Accept a sampler instance or set of props;
-     */
     setSampler(sampler) {
       this.sampler = sampler instanceof WebGPUSampler ? sampler : new WebGPUSampler(this.device, sampler);
       return this;
@@ -2365,7 +1994,6 @@ var __exports__ = (() => {
         source: options.data
       });
     }
-    /** Set image */
     setImage(options) {
       const {
         source,
@@ -2382,101 +2010,22 @@ var __exports__ = (() => {
         colorSpace = "srgb",
         premultipliedAlpha = false
       } = options;
-      this.device.handle.queue.copyExternalImageToTexture(
-        // source: GPUImageCopyExternalImage
-        {
-          source,
-          origin: [sourceX, sourceY]
-        },
-        // destination: GPUImageCopyTextureTagged
-        {
-          texture: this.handle,
-          origin: [x, y, z],
-          mipLevel,
-          aspect,
-          colorSpace,
-          premultipliedAlpha
-        },
-        // copySize: GPUExtent3D
-        [width, height, depth]
-      );
+      this.device.handle.queue.copyExternalImageToTexture({
+        source,
+        origin: [sourceX, sourceY]
+      }, {
+        texture: this.handle,
+        origin: [x, y, z],
+        mipLevel,
+        aspect,
+        colorSpace,
+        premultipliedAlpha
+      }, [width, height, depth]);
       return {
         width,
         height
       };
     }
-    /*
-    async readPixels() {
-      const readbackBuffer = device.createBuffer({
-          usage: Buffer.COPY_DST | Buffer.MAP_READ,
-          size: 4 * textureWidth * textureHeight,
-      });
-       // Copy data from the texture to the buffer.
-      const encoder = device.createCommandEncoder();
-      encoder.copyTextureToBuffer(
-          { texture },
-          { buffer, rowPitch: textureWidth * 4 },
-          [textureWidth, textureHeight],
-      );
-      device.submit([encoder.finish()]);
-       // Get the data on the CPU.
-      await buffer.mapAsync(GPUMapMode.READ);
-      saveScreenshot(buffer.getMappedRange());
-      buffer.unmap();
-    }
-     setImageData(imageData, usage): this {
-      let data = null;
-       const bytesPerRow = Math.ceil((img.width * 4) / 256) * 256;
-      if (bytesPerRow == img.width * 4) {
-        data = imageData.data;
-      } else {
-        data = new Uint8Array(bytesPerRow * img.height);
-        let imagePixelIndex = 0;
-        for (let y = 0; y < img.height; ++y) {
-          for (let x = 0; x < img.width; ++x) {
-            const i = x * 4 + y * bytesPerRow;
-            data[i] = imageData.data[imagePixelIndex];
-            data[i + 1] = imageData.data[imagePixelIndex + 1];
-            data[i + 2] = imageData.data[imagePixelIndex + 2];
-            data[i + 3] = imageData.data[imagePixelIndex + 3];
-            imagePixelIndex += 4;
-          }
-        }
-      }
-      return this;
-    }
-     setData(data): this {
-      const textureDataBuffer = this.device.handle.createBuffer({
-        size: data.byteLength,
-        usage: Buffer.COPY_DST | Buffer.COPY_SRC,
-        mappedAtCreation: true
-      });
-      new Uint8Array(textureDataBuffer.getMappedRange()).set(data);
-      textureDataBuffer.unmap();
-       this.setBuffer(textureDataBuffer);
-       textureDataBuffer.destroy();
-      return this;
-    }
-     setBuffer(textureDataBuffer, {bytesPerRow}): this {
-      const commandEncoder = this.device.handle.createCommandEncoder();
-      commandEncoder.copyBufferToTexture(
-        {
-          buffer: textureDataBuffer,
-          bytesPerRow
-        },
-        {
-          texture: this.handle
-        },
-        {
-          width,
-          height,
-          depth
-        }
-      );
-       this.device.handle.defaultQueue.submit([commandEncoder.finish()]);
-      return this;
-    }
-    */
   };
 
   // src/adapter/resources/webgpu-external-texture.ts
@@ -2492,7 +2041,6 @@ var __exports__ = (() => {
     }
     destroy() {
     }
-    /** Set default sampler */
     setSampler(sampler) {
       this.sampler = sampler instanceof WebGPUSampler ? sampler : new WebGPUSampler(this.device, sampler);
       return this;
@@ -2536,14 +2084,12 @@ var __exports__ = (() => {
         case "glsl":
           return this.device.handle.createShaderModule({
             code: source,
-            // @ts-expect-error
             transform: (glsl) => this.device.glslang.compileGLSL(glsl, stage)
           });
         default:
           throw new Error(language);
       }
     }
-    /** Returns compilation info for this shader */
     async compilationInfo() {
       const compilationInfo = await this.handle.getCompilationInfo();
       return compilationInfo.messages;
@@ -2553,18 +2099,15 @@ var __exports__ = (() => {
   // src/adapter/helpers/webgpu-parameters.ts
   function addDepthStencil(descriptor) {
     descriptor.depthStencil = descriptor.depthStencil || {
-      // required, set something
       format: "depth24plus",
       stencilFront: {},
       stencilBack: {},
-      // TODO can this cause trouble? Should we set to WebGPU defaults? Are there defaults?
       depthWriteEnabled: false,
       depthCompare: "less-equal"
     };
     return descriptor.depthStencil;
   }
   var PARAMETER_TABLE = {
-    // RASTERIZATION PARAMETERS
     cullMode: (parameter, value, descriptor) => {
       descriptor.primitive = descriptor.primitive || {};
       descriptor.primitive.cullMode = value;
@@ -2573,7 +2116,6 @@ var __exports__ = (() => {
       descriptor.primitive = descriptor.primitive || {};
       descriptor.primitive.frontFace = value;
     },
-    // DEPTH
     depthWriteEnabled: (parameter, value, descriptor) => {
       const depthStencil = addDepthStencil(descriptor);
       depthStencil.depthWriteEnabled = value;
@@ -2598,7 +2140,6 @@ var __exports__ = (() => {
       const depthStencil = addDepthStencil(descriptor);
       depthStencil.depthBiasClamp = value;
     },
-    // STENCIL
     stencilReadMask: (parameter, value, descriptor) => {
       const depthStencil = addDepthStencil(descriptor);
       depthStencil.stencilReadMask = value;
@@ -2627,7 +2168,6 @@ var __exports__ = (() => {
       depthStencil.stencilFront.depthFailOp = value;
       depthStencil.stencilBack.depthFailOp = value;
     },
-    // MULTISAMPLE
     sampleCount: (parameter, value, descriptor) => {
       descriptor.multisample = descriptor.multisample || {};
       descriptor.multisample.count = value;
@@ -2640,7 +2180,6 @@ var __exports__ = (() => {
       descriptor.multisample = descriptor.multisample || {};
       descriptor.multisample.alphaToCoverageEnabled = value;
     },
-    // COLOR
     colorMask: (parameter, value, descriptor) => {
       const targets = addColorState(descriptor);
       targets[0].writeMask = value;
@@ -2648,47 +2187,8 @@ var __exports__ = (() => {
     blendColorOperation: (parameter, value, descriptor) => {
       addColorState(descriptor);
     }
-    /*
-    blendColorSrcTarget: (parameter, value, descriptor: GPURenderPipelineDescriptor) => {
-      addColorState(descriptor);
-      targets[0].blend = targets[0].blend || {};
-      targets[0].blend.color = targets[0].blend.color || {};
-      targets[0].blend.color.srcTarget = value;
-    },
-     blendColorDstTarget: (parameter, value, descriptor: GPURenderPipelineDescriptor) => {
-      addColorState(descriptor);
-      targets[0].blend = targets[0].blend || {};
-      targets[0].blend.color = targets[0].blend.color || {};
-      targets[0].blend.color.dstTarget = value;
-    },
-     blendAlphaOperation: (parameter, value, descriptor: GPURenderPipelineDescriptor) => {
-      addColorState(descriptor);
-      targets[0].blend = targets[0].blend || {};
-      targets[0].blend.alpha = targets[0].blend.alpha || {};
-      targets[0].blend.alpha.operation = value;
-    },
-     blendAlphaSrcTarget: (parameter, value, descriptor: GPURenderPipelineDescriptor) => {
-      addColorState(descriptor);
-      targets[0].blend = targets[0].blend || {};
-      targets[0].blend.alpha = targets[0].blend.alpha || {};
-      targets[0].blend.alpha.srcTarget = value;
-    },
-     blendAlphaDstTarget: (parameter, value, descriptor: GPURenderPipelineDescriptor) => {
-      addColorState(descriptor);
-      targets[0].blend = targets[0].blend || {};
-      targets[0].blend.alpha = targets[0].blend.alpha || {};
-      targets[0].blend.alpha.dstTarget = value;
-    },
-    */
   };
   var DEFAULT_PIPELINE_DESCRIPTOR = {
-    // depthStencil: {
-    //   stencilFront: {},
-    //   stencilBack: {},
-    //   // depthWriteEnabled: true,
-    //   // depthCompare: 'less',
-    //   // format: 'depth24plus-stencil8',
-    // },
     primitive: {
       cullMode: "back",
       topology: "triangle-list"
@@ -2700,9 +2200,7 @@ var __exports__ = (() => {
     fragment: {
       module: void 0,
       entryPoint: "main",
-      targets: [
-        // { format: props.color0Format || 'bgra8unorm' }
-      ]
+      targets: []
     },
     layout: "auto"
   };
@@ -2814,7 +2312,6 @@ var __exports__ = (() => {
         stepMode = attributeLayout.stepMode || "vertex";
         vertexAttributes.push({
           format: getWebGPUVertexFormat(mapping.format),
-          // We only support 0 offset for non-interleaved buffer layouts
           offset: 0,
           shaderLocation: attributeLayout.location
         });
@@ -2877,9 +2374,6 @@ var __exports__ = (() => {
   var WebGPURenderPipeline = class extends RenderPipeline {
     fs = null;
     _indexBuffer = null;
-    // private _firstIndex: number;
-    // private _lastIndex: number;
-    /** For internal use to create BindGroups */
     _bindGroupLayout = null;
     _bindGroup = null;
     constructor(device, props) {
@@ -2932,13 +2426,9 @@ var __exports__ = (() => {
     _getBuffers() {
       return this._buffers;
     }
-    /** Return a bind group created by setBindings */
     _getBindGroup() {
       return this._bindGroup;
     }
-    /** 
-     * Populate the complex WebGPU GPURenderPipelineDescriptor 
-     */
     _getRenderPipelineDescriptor() {
       const vertex = {
         module: cast(this.props.vs).handle,
@@ -2951,7 +2441,6 @@ var __exports__ = (() => {
           module: cast(this.props.fs).handle,
           entryPoint: this.props.fsEntryPoint || "main",
           targets: [{
-            // TODO exclamation mark hack!
             format: getWebGPUTextureFormat(this.device?.canvasContext?.format)
           }]
         };
@@ -2984,12 +2473,7 @@ var __exports__ = (() => {
       if (options.indexCount) {
         webgpuRenderPass.handle.drawIndexed(options.indexCount, options.instanceCount, options.firstIndex, options.baseVertex, options.firstInstance);
       } else {
-        webgpuRenderPass.handle.draw(
-          options.vertexCount || 0,
-          options.instanceCount || 1,
-          // If 0, nothing will be drawn
-          options.firstInstance
-        );
+        webgpuRenderPass.handle.draw(options.vertexCount || 0, options.instanceCount || 1, options.firstInstance);
       }
     }
     _setAttributeBuffers(webgpuRenderPass) {
@@ -3019,12 +2503,10 @@ var __exports__ = (() => {
         compute: {
           module,
           entryPoint: this.props.csEntryPoint
-          // constants: this.props.csConstants
         },
         layout: "auto"
       });
     }
-    /** For internal use in render passes */
     _getBindGroupLayout() {
       return this.handle.getBindGroupLayout(0);
     }
@@ -3032,7 +2514,6 @@ var __exports__ = (() => {
 
   // src/adapter/resources/webgpu-render-pass.ts
   var WebGPURenderPass = class extends RenderPass {
-    /** Active pipeline */
     pipeline = null;
     constructor(device, props = {}) {
       super(device, props);
@@ -3054,7 +2535,6 @@ var __exports__ = (() => {
       this.pipeline = cast(pipeline);
       this.handle.setPipeline(this.pipeline.handle);
     }
-    /** Sets an array of bindings (uniform buffers, samplers, textures, ...) */
     setBindings(bindings) {
       this.pipeline?.setBindings(bindings);
       const bindGroup = this.pipeline?._getBindGroup();
@@ -3106,27 +2586,14 @@ var __exports__ = (() => {
     insertDebugMarker(markerLabel) {
       this.handle.insertDebugMarker(markerLabel);
     }
-    // writeTimestamp(querySet: GPUQuerySet, queryIndex: number): void;
-    // beginOcclusionQuery(queryIndex: number): void;
-    // endOcclusionQuery(): void;
-    // beginPipelineStatisticsQuery(querySet: GPUQuerySet, queryIndex: number): void;
-    // endPipelineStatisticsQuery(querySet: GPUQuerySet, queryIndex: number): void;
-    // executeBundles(bundles: Iterable<GPURenderBundle>): void;
-    // INTERNAL
-    /** 
-     * Partial render pass descriptor. Used by WebGPURenderPass.
-     * @returns attachments fields of a renderpass descriptor. 
-     */
     getRenderPassDescriptor(framebuffer) {
       const renderPassDescriptor = {
         colorAttachments: []
       };
       renderPassDescriptor.colorAttachments = framebuffer.colorAttachments.map((colorAttachment) => ({
-        // clear values
         loadOp: this.props.clearColor !== false ? "clear" : "load",
         colorClearValue: this.props.clearColor || [0, 0, 0, 0],
         storeOp: this.props.discard ? "discard" : "store",
-        // ...colorAttachment,
         view: colorAttachment.handle.createView()
       }));
       if (framebuffer.depthStencilAttachment) {
@@ -3163,10 +2630,8 @@ var __exports__ = (() => {
       this.device = device;
       this.handle = this.props.handle || device.commandEncoder?.beginComputePass({
         label: this.props.id
-        // timestampWrites?: GPUComputePassTimestampWrites;
       });
     }
-    /** @note no WebGPU destroy method, just gc */
     destroy() {
     }
     end() {
@@ -3177,24 +2642,12 @@ var __exports__ = (() => {
       this.handle.setPipeline(wgpuPipeline.handle);
       this._bindGroupLayout = wgpuPipeline._getBindGroupLayout();
     }
-    /** Sets an array of bindings (uniform buffers, samplers, textures, ...) */
     setBindings(bindings) {
       throw new Error("fix me");
     }
-    /**
-     * Dispatch work to be performed with the current ComputePipeline.
-     * @param x X dimension of the grid of workgroups to dispatch.
-     * @param y Y dimension of the grid of workgroups to dispatch.
-     * @param z Z dimension of the grid of workgroups to dispatch.
-     */
     dispatch(x, y, z) {
       this.handle.dispatchWorkgroups(x, y, z);
     }
-    /**
-     * Dispatch work to be performed with the current ComputePipeline.
-     * @param indirectBuffer buffer must be a tightly packed block of three 32-bit unsigned integer values (12 bytes total), given in the same order as the arguments for dispatch()
-     * @param indirectOffset
-     */
     dispatchIndirect(indirectBuffer, indirectOffset = 0) {
       this.handle.dispatchWorkgroupsIndirect(cast(indirectBuffer).handle, indirectOffset);
     }
@@ -3207,9 +2660,6 @@ var __exports__ = (() => {
     insertDebugMarker(markerLabel) {
       this.handle.insertDebugMarker(markerLabel);
     }
-    // writeTimestamp(querySet: GPUQuerySet, queryIndex: number): void;
-    // beginPipelineStatisticsQuery(querySet: GPUQuerySet, queryIndex: number): void;
-    // endPipelineStatisticsQuery(querySet: GPUQuerySet, queryIndex: number): void;
   };
 
   // src/adapter/resources/webgpu-vertex-array.ts
@@ -3217,30 +2667,21 @@ var __exports__ = (() => {
     get [Symbol.toStringTag]() {
       return "WebGPUVertexArray";
     }
-    /** Vertex Array is a helper class under WebGPU */
-    /** * Attribute 0 can not be disable on most desktop OpenGL based browsers */
     static isConstantAttributeZeroSupported(device) {
       return device.info.type === "webgl2" || getBrowser() === "Chrome";
     }
-    // Create a VertexArray
     constructor(device, props) {
       super(device, props);
       this.device = device;
     }
     destroy() {
     }
-    /**
-     * Set an elements buffer, for indexed rendering.
-     * Must be a Buffer bound to buffer with usage bit Buffer.INDEX set. 
-     */
     setIndexBuffer(buffer) {
       this.indexBuffer = buffer;
     }
-    /** Set a location in vertex attributes array to a buffer, enables the location, sets divisor */
     setBuffer(location, buffer) {
       this.attributes[location] = buffer;
     }
-    /** Set a location in vertex attributes array to a constant value, disables the location */
     setConstant(location, value) {
       log.warn(`${this.id} constant attributes not supported on WebGPU`);
     }
@@ -3268,9 +2709,7 @@ var __exports__ = (() => {
 
   // src/adapter/webgpu-canvas-context.ts
   var WebGPUCanvasContext = class extends CanvasContext {
-    /** Format of returned textures: "bgra8unorm", "rgba8unorm", "rgba16float". */
     format = navigator.gpu.getPreferredCanvasFormat();
-    /** Default stencil format for depth textures */
     depthStencilFormat = "depth24plus";
     depthStencilAttachment = null;
     constructor(device, adapter, props) {
@@ -3282,7 +2721,6 @@ var __exports__ = (() => {
       this.gpuCanvasContext = this.canvas.getContext("webgpu");
       this.format = "bgra8unorm";
     }
-    /** Destroy any textures produced while configured and remove the context configuration. */
     destroy() {
       this.gpuCanvasContext.unconfigure();
     }
@@ -3292,7 +2730,6 @@ var __exports__ = (() => {
         handle: this.gpuCanvasContext.getCurrentTexture()
       });
     }
-    /** Update framebuffer with properly resized "swap chain" texture views */
     getCurrentFramebuffer() {
       this.update();
       const currentColorAttachment = this.getCurrentTexture();
@@ -3304,7 +2741,6 @@ var __exports__ = (() => {
         depthStencilAttachment: this.depthStencilAttachment
       });
     }
-    /** Resizes and updates render targets if necessary */
     update() {
       const [width, height] = this.getPixelSize();
       const sizeChanged = width !== this.width || height !== this.height;
@@ -3318,8 +2754,6 @@ var __exports__ = (() => {
         this.gpuCanvasContext.configure({
           device: this.device.handle,
           format: getWebGPUTextureFormat(this.format),
-          // Can be used to define e.g. -srgb views
-          // viewFormats: [...]
           colorSpace: this.props.colorSpace,
           alphaMode: this.props.alphaMode
         });
@@ -3329,7 +2763,6 @@ var __exports__ = (() => {
     resize(options) {
       this.update();
     }
-    /** We build render targets on demand (i.e. not when size changes but when about to render) */
     _createDepthStencilAttachment() {
       if (!this.depthStencilAttachment) {
         this.depthStencilAttachment = this.device.createTexture({
@@ -3350,7 +2783,6 @@ var __exports__ = (() => {
     commandEncoder = null;
     renderPass = null;
     _isLost = false;
-    /** Check if WebGPU is available */
     static isSupported() {
       return Boolean(typeof navigator !== "undefined" && navigator.gpu);
     }
@@ -3361,7 +2793,6 @@ var __exports__ = (() => {
       log.groupCollapsed(1, "WebGPUDevice created")();
       const adapter = await navigator.gpu.requestAdapter({
         powerPreference: "high-performance"
-        // forceSoftware: false
       });
       if (!adapter) {
         throw new Error("Failed to request WebGPU adapter");
@@ -3370,8 +2801,6 @@ var __exports__ = (() => {
       log.probe(1, "Adapter available", adapterInfo)();
       const gpuDevice = await adapter.requestDevice({
         requiredFeatures: adapter.features
-        // TODO ensure we obtain best limits
-        // requiredLimits: adapter.limits
       });
       log.probe(1, "GPUDevice available")();
       if (typeof props.canvas === "string") {
@@ -3397,12 +2826,8 @@ var __exports__ = (() => {
         renderer: "",
         version: "",
         gpu: "unknown",
-        // 'nvidia' | 'amd' | 'intel' | 'apple' | 'unknown',
-        shadingLanguages: ["wgsl"],
-        shadingLanguageVersions: {
-          glsl: "450",
-          wgsl: "100"
-        },
+        shadingLanguage: "wgsl",
+        shadingLanguageVersion: 100,
         vendorMasked: "",
         rendererMasked: ""
       };
@@ -3422,10 +2847,6 @@ var __exports__ = (() => {
       });
       this.features = this._getFeatures();
     }
-    // TODO
-    // Load the glslang module now so that it is available synchronously when compiling shaders
-    // const {glsl = true} = props;
-    // this.glslang = glsl && await loadGlslangModule();
     destroy() {
       this.handle.destroy();
     }
@@ -3438,11 +2859,9 @@ var __exports__ = (() => {
     isTextureFormatSupported(format) {
       return !format.includes("webgl");
     }
-    /** @todo implement proper check? */
     isTextureFormatFilterable(format) {
       return this.isTextureFormatSupported(format);
     }
-    /** @todo implement proper check? */
     isTextureFormatRenderable(format) {
       return this.isTextureFormatSupported(format);
     }
@@ -3477,11 +2896,6 @@ var __exports__ = (() => {
     createVertexArray(props) {
       return new WebGPUVertexArray(this, props);
     }
-    // WebGPU specifics
-    /**
-     * Allows a render pass to begin against a canvas context
-     * @todo need to support a "Framebuffer" equivalent (aka preconfigured RenderPassDescriptors?).
-     */
     beginRenderPass(props) {
       this.commandEncoder = this.commandEncoder || this.handle.createCommandEncoder();
       return new WebGPURenderPass(this, props);
@@ -3490,21 +2904,12 @@ var __exports__ = (() => {
       this.commandEncoder = this.commandEncoder || this.handle.createCommandEncoder();
       return new WebGPUComputePass(this, props);
     }
-    // createCommandEncoder(props: CommandEncoderProps): WebGPUCommandEncoder {
-    //   return new WebGPUCommandEncoder(this, props);
-    // }
     createTransformFeedback(props) {
       throw new Error("Transform feedback not supported in WebGPU");
     }
     createCanvasContext(props) {
       return new WebGPUCanvasContext(this, this.adapter, props);
     }
-    /**
-     * 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() {
       throw new Error("a");
     }
@@ -3558,33 +2963,22 @@ var __exports__ = (() => {
         aspect = "all",
         colorSpace = "display-p3",
         premultipliedAlpha = false,
-        // destinationX,
-        // destinationY,
-        // desitnationZ,
         width = texture.width,
         height = texture.height,
         depth = 1
       } = options;
       const webGpuTexture = texture;
-      this.handle?.queue.copyExternalImageToTexture(
-        // source: GPUImageCopyExternalImage
-        {
-          source,
-          origin: [sourceX, sourceY]
-        },
-        // destination: GPUImageCopyTextureTagged
-        {
-          texture: webGpuTexture.handle,
-          origin: [0, 0, 0],
-          // [x, y, z],
-          mipLevel,
-          aspect,
-          colorSpace,
-          premultipliedAlpha
-        },
-        // copySize: GPUExtent3D
-        [width, height, depth]
-      );
+      this.handle?.queue.copyExternalImageToTexture({
+        source,
+        origin: [sourceX, sourceY]
+      }, {
+        texture: webGpuTexture.handle,
+        origin: [0, 0, 0],
+        mipLevel,
+        aspect,
+        colorSpace,
+        premultipliedAlpha
+      }, [width, height, depth]);
     }
   };
   var WebGPUDevice = _WebGPUDevice;