@luma.gl/webgpu 9.0.0-alpha.10

package/LICENSE

@@ -0,0 +1,32 @@
+Copyright (c) 2020 Urban Computing Foundation
+
+This software includes parts initially developed by Uber and open sourced under MIT license.
+Copyright (c) 2015 Uber Technologies, Inc.
+
+This software includes parts of PhiloGL (https://github.com/philogb/philogl)
+under MIT license. PhiloGL parts Copyright © 2013 Sencha Labs.
+
+This software includes adaptations of some postprocessing code from 
+THREE.js (https://github.com/mrdoob/three.js/) under MIT license. 
+THREE.js parts Copyright © 2010-2018 three.js authors. 
+
+Additional attribution given in specific source files. 
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+

package/README.md

@@ -0,0 +1 @@
+# luma.gl/webgpu

package/dist/adapter/helpers/accessor-to-format.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=accessor-to-format.d.ts.map

package/dist/adapter/helpers/accessor-to-format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessor-to-format.d.ts","sourceRoot":"","sources":["../../../src/adapter/helpers/accessor-to-format.ts"],"names":[],"mappings":""}

package/dist/adapter/helpers/accessor-to-format.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=accessor-to-format.js.map

package/dist/adapter/helpers/accessor-to-format.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"accessor-to-format.js"}

package/dist/adapter/helpers/convert-texture-format.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="@webgpu/types" />
+import { TextureFormat } from '@luma.gl/api';
+/** Ensure a texture format is WebGPU compatible */
+export declare function getWebGPUTextureFormat(format: TextureFormat): GPUTextureFormat;
+//# sourceMappingURL=convert-texture-format.d.ts.map

package/dist/adapter/helpers/convert-texture-format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"convert-texture-format.d.ts","sourceRoot":"","sources":["../../../src/adapter/helpers/convert-texture-format.ts"],"names":[],"mappings":";AACA,OAAO,EAAC,aAAa,EAAC,MAAM,cAAc,CAAC;AAE3C,mDAAmD;AACnD,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,aAAa,GAAG,gBAAgB,CAK9E"}

package/dist/adapter/helpers/convert-texture-format.js

@@ -0,0 +1,8 @@
+export function getWebGPUTextureFormat(format) {
+  if (format.includes('webgl')) {
+    throw new Error('webgl-only format');
+  }
+
+  return format;
+}
+//# sourceMappingURL=convert-texture-format.js.map

package/dist/adapter/helpers/convert-texture-format.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/adapter/helpers/convert-texture-format.ts"],"names":["getWebGPUTextureFormat","format","includes","Error"],"mappings":"AAIA,OAAO,SAASA,sBAAT,CAAgCC,MAAhC,EAAyE;AAC9E,MAAIA,MAAM,CAACC,QAAP,CAAgB,OAAhB,CAAJ,EAA8B;AAC5B,UAAM,IAAIC,KAAJ,CAAU,mBAAV,CAAN;AACD;;AACD,SAAOF,MAAP;AACD","sourcesContent":["// luma.gl, MIT license\nimport {TextureFormat} from '@luma.gl/api';\n\n/** Ensure a texture format is WebGPU compatible */\nexport function getWebGPUTextureFormat(format: TextureFormat): GPUTextureFormat {\n  if (format.includes('webgl')) {\n    throw new Error('webgl-only format');\n  }\n  return format as GPUTextureFormat;\n}\n"],"file":"convert-texture-format.js"}

package/dist/adapter/helpers/generate-mipmaps.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="@webgpu/types" />
+/** WebGPU does not have built-in mipmap creation */
+export declare class WebGPUMipmapGenerator {
+    device: GPUDevice;
+    mipmapSampler: GPUSampler;
+    mipmapPipeline: GPURenderPipeline;
+    constructor(device: GPUDevice, glslang: any);
+    generateMipmappedTexture(imageBitmap: ImageBitmap): GPUTexture;
+}
+//# sourceMappingURL=generate-mipmaps.d.ts.map

package/dist/adapter/helpers/generate-mipmaps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-mipmaps.d.ts","sourceRoot":"","sources":["../../../src/adapter/helpers/generate-mipmaps.ts"],"names":[],"mappings":";AAuBA,oDAAoD;AACpD,qBAAa,qBAAqB;IAChC,MAAM,EAAE,SAAS,CAAC;IAClB,aAAa,EAAE,UAAU,CAAC;IAC1B,cAAc,EAAE,iBAAiB,CAAC;gBAEtB,MAAM,EAAE,SAAS,EAAE,OAAO,KAAA;IAyBtC,wBAAwB,CAAC,WAAW,EAAE,WAAW;CAoDlD"}

package/dist/adapter/helpers/generate-mipmaps.js

@@ -0,0 +1,95 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+const VS_GEN_MIPMAP = "#version 450\nconst vec2 pos[4] = vec2[4](vec2(-1.0f, 1.0f), vec2(1.0f, 1.0f), vec2(-1.0f, -1.0f), vec2(1.0f, -1.0f));\nlayout(location = 0) out vec2 vTex;\nvoid main() {\n  gl_Position = vec4(pos[gl_VertexIndex], 0.0, 1.0);\n  vTex = gl_Position / 2.0f + vec2(0.5f);\n}";
+const FS_GEN_MIPMAP = "#version 450\nlayout(set = 0, binding = 0) uniform sampler imgSampler;\nlayout(set = 0, binding = 1) uniform texture2D img;\nlayout(location = 0) in vec2 vTex;\nlayout(location = 0) out vec4 outColor;\nvoid main() {\n  outColor = texture(sampler2D(img, imgSampler), vTex);\n}";
+export class WebGPUMipmapGenerator {
+  constructor(device, glslang) {
+    _defineProperty(this, "device", void 0);
+
+    _defineProperty(this, "mipmapSampler", void 0);
+
+    _defineProperty(this, "mipmapPipeline", void 0);
+
+    this.device = device;
+    this.mipmapSampler = device.createSampler({
+      minFilter: 'linear'
+    });
+    this.mipmapPipeline = device.createRenderPipeline({
+      vertexStage: {
+        module: device.createShaderModule({
+          code: glslang.compileGLSL(VS_GEN_MIPMAP, 'vertex')
+        }),
+        entryPoint: 'main'
+      },
+      fragmentStage: {
+        module: device.createShaderModule({
+          code: glslang.compileGLSL(FS_GEN_MIPMAP, 'fragment')
+        }),
+        entryPoint: 'main'
+      },
+      primitiveTopology: 'triangle-strip',
+      colorStates: [{
+        format: 'rgba8unorm'
+      }]
+    });
+  }
+
+  generateMipmappedTexture(imageBitmap) {
+    let textureSize = {
+      width: imageBitmap.width,
+      height: imageBitmap.height,
+      depth: 1
+    };
+    const mipLevelCount = Math.floor(Math.log2(Math.max(imageBitmap.width, imageBitmap.height))) + 1;
+    const texture = this.device.createTexture({
+      size: textureSize,
+      format: 'rgba8unorm',
+      usage: GPUTextureUsage.COPY_DST | GPUTextureUsage.SAMPLED | GPUTextureUsage.OUTPUT_ATTACHMENT,
+      mipLevelCount
+    });
+    this.device.queue.copyImageBitmapToTexture({
+      imageBitmap
+    }, {
+      texture: srcTexture
+    }, textureSize);
+    const commandEncoder = this.device.createCommandEncoder({});
+
+    for (let i = 1; i < mipLevelCount; ++i) {
+      const passEncoder = commandEncoder.beginRenderPass({
+        colorAttachments: [{
+          attachment: texture.createView({
+            baseMipLevel: i,
+            mipLevelCount: 1
+          }),
+          loadValue: {
+            r: 1.0,
+            g: 0.0,
+            b: 0.0,
+            a: 0.0
+          }
+        }]
+      });
+      const bindGroup = this.device.createBindGroup({
+        layout: this.mipmapPipeline.getBindGroupLayout(0),
+        bindings: [{
+          binding: 0,
+          resource: this.mipmapSampler
+        }, {
+          binding: 1,
+          resource: texture.createView({
+            baseMipLevel: i - 1,
+            mipLevelCount: 1
+          })
+        }]
+      });
+      passEncoder.setPipeline(this.mipmapPipeline);
+      passEncoder.setBindGroup(0, bindGroup);
+      passEncoder.draw(4);
+      passEncoder.endPass();
+    }
+
+    this.device.queue.submit([commandEncoder.finish()]);
+    return texture;
+  }
+
+}
+//# sourceMappingURL=generate-mipmaps.js.map

package/dist/adapter/helpers/generate-mipmaps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/adapter/helpers/generate-mipmaps.ts"],"names":["VS_GEN_MIPMAP","FS_GEN_MIPMAP","WebGPUMipmapGenerator","constructor","device","glslang","mipmapSampler","createSampler","minFilter","mipmapPipeline","createRenderPipeline","vertexStage","module","createShaderModule","code","compileGLSL","entryPoint","fragmentStage","primitiveTopology","colorStates","format","generateMipmappedTexture","imageBitmap","textureSize","width","height","depth","mipLevelCount","Math","floor","log2","max","texture","createTexture","size","usage","GPUTextureUsage","COPY_DST","SAMPLED","OUTPUT_ATTACHMENT","queue","copyImageBitmapToTexture","srcTexture","commandEncoder","createCommandEncoder","i","passEncoder","beginRenderPass","colorAttachments","attachment","createView","baseMipLevel","loadValue","r","g","b","a","bindGroup","createBindGroup","layout","getBindGroupLayout","bindings","binding","resource","setPipeline","setBindGroup","draw","endPass","submit","finish"],"mappings":"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","sourcesContent":["// luma.gl, MIT license\n// Forked from Kangz/mipmapper.js under MIT license Copyright 2020 Brandon Jones\n// https://gist.github.com/Kangz/782d5f1ae502daf53910a13f55db2f83\n\n// @ts-nocheck this is written against outdated WebGPU API, needs an update pass\n\nconst VS_GEN_MIPMAP = `\\#version 450\nconst vec2 pos[4] = vec2[4](vec2(-1.0f, 1.0f), vec2(1.0f, 1.0f), vec2(-1.0f, -1.0f), vec2(1.0f, -1.0f));\nlayout(location = 0) out vec2 vTex;\nvoid main() {\n  gl_Position = vec4(pos[gl_VertexIndex], 0.0, 1.0);\n  vTex = gl_Position / 2.0f + vec2(0.5f);\n}`;\n\nconst FS_GEN_MIPMAP = `#version 450\nlayout(set = 0, binding = 0) uniform sampler imgSampler;\nlayout(set = 0, binding = 1) uniform texture2D img;\nlayout(location = 0) in vec2 vTex;\nlayout(location = 0) out vec4 outColor;\nvoid main() {\n  outColor = texture(sampler2D(img, imgSampler), vTex);\n}`;\n\n/** WebGPU does not have built-in mipmap creation */\nexport class WebGPUMipmapGenerator {\n  device: GPUDevice;\n  mipmapSampler: GPUSampler;\n  mipmapPipeline: GPURenderPipeline;\n\n  constructor(device: GPUDevice, glslang) {\n    this.device = device;\n\n    this.mipmapSampler = device.createSampler({ minFilter: 'linear' });\n\n    this.mipmapPipeline = device.createRenderPipeline({\n      vertexStage: {\n        module: device.createShaderModule({\n          code: glslang.compileGLSL(VS_GEN_MIPMAP, 'vertex')\n        }),\n        entryPoint: 'main'\n      },\n      fragmentStage: {\n        module: device.createShaderModule({\n          code: glslang.compileGLSL(FS_GEN_MIPMAP, 'fragment')\n        }),\n        entryPoint: 'main'\n      },\n      primitiveTopology: 'triangle-strip',\n      colorStates: [{\n        format: 'rgba8unorm',\n      }]\n    });\n  }\n\n  generateMipmappedTexture(imageBitmap: ImageBitmap) {\n    let textureSize = {\n      width: imageBitmap.width,\n      height: imageBitmap.height,\n      depth: 1,\n    }\n    const mipLevelCount = Math.floor(Math.log2(Math.max(imageBitmap.width, imageBitmap.height))) + 1;\n\n    // Populate the top level of the srcTexture with the imageBitmap.\n    const texture = this.device.createTexture({\n      size: textureSize,\n      format: 'rgba8unorm',\n      usage: GPUTextureUsage.COPY_DST | GPUTextureUsage.SAMPLED | GPUTextureUsage.OUTPUT_ATTACHMENT,\n      mipLevelCount\n    });\n    this.device.queue.copyImageBitmapToTexture({ imageBitmap }, { texture: srcTexture }, textureSize);\n\n    const commandEncoder = this.device.createCommandEncoder({});\n    for (let i = 1; i < mipLevelCount; ++i) {\n      const passEncoder = commandEncoder.beginRenderPass({\n        colorAttachments: [{\n          attachment: texture.createView({\n            baseMipLevel: i,\n            mipLevelCount: 1\n          }),\n          loadValue: { r: 1.0, g: 0.0, b: 0.0, a: 0.0 },\n        }],\n      });\n\n      const bindGroup = this.device.createBindGroup({\n        layout: this.mipmapPipeline.getBindGroupLayout(0),\n        bindings: [{\n          binding: 0,\n          resource: this.mipmapSampler,\n        }, {\n          binding: 1,\n          resource: texture.createView({\n            baseMipLevel: i - 1,\n            mipLevelCount: 1\n          }),\n        }],\n      });\n\n      passEncoder.setPipeline(this.mipmapPipeline);\n      passEncoder.setBindGroup(0, bindGroup);\n      passEncoder.draw(4);\n      passEncoder.endPass();\n    }\n\n    this.device.queue.submit([commandEncoder.finish()]);\n    return texture;\n  }\n}\n"],"file":"generate-mipmaps.js"}

package/dist/adapter/helpers/get-bind-group.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="@webgpu/types" />
+import type { ShaderLayout, BindingLayout, Binding } from '@luma.gl/api';
+/**
+ * Create a WebGPU "bind group layout" from an array of luma.gl bindings
+ * @note bind groups can be automatically generated by WebGPU.
+ */
+export declare function makeBindGroupLayout(device: GPUDevice, layout: GPUBindGroupLayout, bindings: Binding[]): GPUBindGroupLayout;
+/**
+ * Create a WebGPU "bind group" from an array of luma.gl bindings
+ */
+export declare function getBindGroup(device: GPUDevice, bindGroupLayout: GPUBindGroupLayout, layout: ShaderLayout, bindings: Record<string, Binding>): GPUBindGroup;
+export declare function getShaderLayoutBinding(layout: ShaderLayout, bindingName: string): BindingLayout;
+//# sourceMappingURL=get-bind-group.d.ts.map

package/dist/adapter/helpers/get-bind-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-bind-group.d.ts","sourceRoot":"","sources":["../../../src/adapter/helpers/get-bind-group.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAC,YAAY,EAAE,aAAa,EAAE,OAAO,EAAC,MAAM,cAAc,CAAC;AAMvE;;;GAGG;AACF,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,kBAAkB,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,kBAAkB,CAM3H;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,MAAM,EAAE,SAAS,EACjB,eAAe,EAAE,kBAAkB,EACnC,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAChC,YAAY,CAMd;AAED,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,GAAG,aAAa,CAM/F"}

package/dist/adapter/helpers/get-bind-group.js

@@ -0,0 +1,60 @@
+import { Buffer, Sampler, Texture, log, cast } from '@luma.gl/api';
+export function makeBindGroupLayout(device, layout, bindings) {
+  throw new Error('not implemented');
+}
+export function getBindGroup(device, bindGroupLayout, layout, bindings) {
+  const entries = getBindGroupEntries(bindings, layout);
+  return device.createBindGroup({
+    layout: bindGroupLayout,
+    entries
+  });
+}
+export function getShaderLayoutBinding(layout, bindingName) {
+  const bindingLayout = layout.bindings.find(binding => binding.name === bindingName);
+
+  if (!bindingLayout) {
+    log.warn("Binding ".concat(bindingName, " not set: Not found in shader layout."))();
+  }
+
+  return bindingLayout;
+}
+
+function getBindGroupEntries(bindings, layout) {
+  const entries = [];
+
+  for (const [bindingName, value] of Object.entries(bindings)) {
+    const bindingLayout = getShaderLayoutBinding(layout, bindingName);
+
+    if (bindingLayout) {
+      entries.push(getBindGroupEntry(value, bindingLayout.location));
+    }
+  }
+
+  return entries;
+}
+
+function getBindGroupEntry(binding, index) {
+  if (binding instanceof Buffer) {
+    return {
+      binding: index,
+      resource: {
+        buffer: cast(binding).handle
+      }
+    };
+  }
+
+  if (binding instanceof Sampler) {
+    return {
+      binding: index,
+      resource: cast(binding).handle
+    };
+  } else if (binding instanceof Texture) {
+    return {
+      binding: index,
+      resource: cast(binding).handle.createView()
+    };
+  }
+
+  throw new Error('invalid binding');
+}
+//# sourceMappingURL=get-bind-group.js.map

package/dist/adapter/helpers/get-bind-group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/adapter/helpers/get-bind-group.ts"],"names":["Buffer","Sampler","Texture","log","cast","makeBindGroupLayout","device","layout","bindings","Error","getBindGroup","bindGroupLayout","entries","getBindGroupEntries","createBindGroup","getShaderLayoutBinding","bindingName","bindingLayout","find","binding","name","warn","value","Object","push","getBindGroupEntry","location","index","resource","buffer","handle","createView"],"mappings":"AAEA,SAAQA,MAAR,EAAgBC,OAAhB,EAAyBC,OAAzB,EAAkCC,GAAlC,EAAuCC,IAAvC,QAAkD,cAAlD;AASC,OAAO,SAASC,mBAAT,CAA6BC,MAA7B,EAAgDC,MAAhD,EAA4EC,QAA5E,EAAqH;AAC3H,QAAM,IAAIC,KAAJ,CAAU,iBAAV,CAAN;AAKD;AAKD,OAAO,SAASC,YAAT,CACLJ,MADK,EAELK,eAFK,EAGLJ,MAHK,EAILC,QAJK,EAKS;AACd,QAAMI,OAAO,GAAGC,mBAAmB,CAACL,QAAD,EAAWD,MAAX,CAAnC;AACA,SAAOD,MAAM,CAACQ,eAAP,CAAuB;AAC5BP,IAAAA,MAAM,EAAEI,eADoB;AAE5BC,IAAAA;AAF4B,GAAvB,CAAP;AAID;AAED,OAAO,SAASG,sBAAT,CAAgCR,MAAhC,EAAsDS,WAAtD,EAA0F;AAC/F,QAAMC,aAAa,GAAGV,MAAM,CAACC,QAAP,CAAgBU,IAAhB,CAAqBC,OAAO,IAAIA,OAAO,CAACC,IAAR,KAAiBJ,WAAjD,CAAtB;;AACA,MAAI,CAACC,aAAL,EAAoB;AAClBd,IAAAA,GAAG,CAACkB,IAAJ,mBAAoBL,WAApB;AACD;;AACD,SAAOC,aAAP;AACD;;AAMD,SAASJ,mBAAT,CAA6BL,QAA7B,EAAgED,MAAhE,EAA2G;AACzG,QAAMK,OAA4B,GAAG,EAArC;;AAEA,OAAK,MAAM,CAACI,WAAD,EAAcM,KAAd,CAAX,IAAmCC,MAAM,CAACX,OAAP,CAAeJ,QAAf,CAAnC,EAA6D;AAC3D,UAAMS,aAAa,GAAGF,sBAAsB,CAACR,MAAD,EAASS,WAAT,CAA5C;;AACA,QAAIC,aAAJ,EAAmB;AACjBL,MAAAA,OAAO,CAACY,IAAR,CAAaC,iBAAiB,CAACH,KAAD,EAAQL,aAAa,CAACS,QAAtB,CAA9B;AACD;AACF;;AAED,SAAOd,OAAP;AACD;;AAED,SAASa,iBAAT,CAA2BN,OAA3B,EAA6CQ,KAA7C,EAA+E;AAC7E,MAAIR,OAAO,YAAYnB,MAAvB,EAA+B;AAC7B,WAAO;AACLmB,MAAAA,OAAO,EAAEQ,KADJ;AAELC,MAAAA,QAAQ,EAAE;AACRC,QAAAA,MAAM,EAAEzB,IAAI,CAAee,OAAf,CAAJ,CAA4BW;AAD5B;AAFL,KAAP;AAMD;;AACD,MAAIX,OAAO,YAAYlB,OAAvB,EAAgC;AAC9B,WAAO;AACLkB,MAAAA,OAAO,EAAEQ,KADJ;AAELC,MAAAA,QAAQ,EAAExB,IAAI,CAAgBe,OAAhB,CAAJ,CAA6BW;AAFlC,KAAP;AAID,GALD,MAKO,IAAIX,OAAO,YAAYjB,OAAvB,EAAgC;AACrC,WAAO;AACLiB,MAAAA,OAAO,EAAEQ,KADJ;AAELC,MAAAA,QAAQ,EAAExB,IAAI,CAAgBe,OAAhB,CAAJ,CAA6BW,MAA7B,CAAoCC,UAApC;AAFL,KAAP;AAID;;AACD,QAAM,IAAItB,KAAJ,CAAU,iBAAV,CAAN;AACD","sourcesContent":["// luma.gl, MIT license\nimport type {ShaderLayout, BindingLayout, Binding} from '@luma.gl/api';\nimport {Buffer, Sampler, Texture, log, cast} from '@luma.gl/api';\nimport type WebGPUBuffer from '../resources/webgpu-buffer';\nimport type WebGPUSampler from '../resources/webgpu-sampler';\nimport type WebGPUTexture from '../resources/webgpu-texture';\n\n/**\n * Create a WebGPU \"bind group layout\" from an array of luma.gl bindings\n * @note bind groups can be automatically generated by WebGPU.\n */\n export function makeBindGroupLayout(device: GPUDevice, layout: GPUBindGroupLayout, bindings: Binding[]): GPUBindGroupLayout {\n  throw new Error('not implemented');\n  // return device.createBindGroupLayout({\n  //   layout,\n  //   entries: getBindGroupEntries(bindings)\n  // })\n}\n\n/**\n * Create a WebGPU \"bind group\" from an array of luma.gl bindings\n */\nexport function getBindGroup(\n  device: GPUDevice,\n  bindGroupLayout: GPUBindGroupLayout,\n  layout: ShaderLayout,\n  bindings: Record<string, Binding>\n): GPUBindGroup {\n  const entries = getBindGroupEntries(bindings, layout);\n  return device.createBindGroup({\n    layout: bindGroupLayout,\n    entries\n  });\n}\n\nexport function getShaderLayoutBinding(layout: ShaderLayout, bindingName: string): BindingLayout {\n  const bindingLayout = layout.bindings.find(binding => binding.name === bindingName);\n  if (!bindingLayout) {\n    log.warn(`Binding ${bindingName} not set: Not found in shader layout.`)();\n  }\n  return bindingLayout;\n}\n\n/**\n * @param bindings\n * @returns\n */\nfunction getBindGroupEntries(bindings: Record<string, Binding>, layout: ShaderLayout): GPUBindGroupEntry[] {\n  const entries: GPUBindGroupEntry[] = [];\n\n  for (const [bindingName, value] of Object.entries(bindings)) {\n    const bindingLayout = getShaderLayoutBinding(layout, bindingName);\n    if (bindingLayout) {\n      entries.push(getBindGroupEntry(value, bindingLayout.location));\n    }\n  }\n\n  return entries;\n}\n\nfunction getBindGroupEntry(binding: Binding, index: number): GPUBindGroupEntry {\n  if (binding instanceof Buffer) {\n    return {\n      binding: index,\n      resource: {\n        buffer: cast<WebGPUBuffer>(binding).handle\n      }\n    };\n  }\n  if (binding instanceof Sampler) {\n    return {\n      binding: index,\n      resource: cast<WebGPUSampler>(binding).handle\n    };\n  } else if (binding instanceof Texture) {\n    return {\n      binding: index,\n      resource: cast<WebGPUTexture>(binding).handle.createView()\n    };\n  }\n  throw new Error('invalid binding');\n}\n"],"file":"get-bind-group.js"}

package/dist/adapter/helpers/get-vertex-buffer-layout.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="@webgpu/types" />
+import type { ShaderLayout, BufferMapping } from '@luma.gl/api';
+/**
+ * Build a WebGPU vertex buffer layout intended for use in a GPURenderPassDescriptor.
+ * Converts luma.gl attribute definitions to a WebGPU GPUVertexBufferLayout[] array
+ * @param layout
+ * @param bufferMap The buffer map is optional
+ * @returns WebGPU layout intended for a GPURenderPassDescriptor.
+ */
+export declare function getVertexBufferLayout(layout: ShaderLayout, bufferMap: BufferMapping[]): GPUVertexBufferLayout[];
+export declare function getBufferSlots(layout: ShaderLayout, bufferMap: BufferMapping[]): Record<string, number>;
+//# sourceMappingURL=get-vertex-buffer-layout.d.ts.map

package/dist/adapter/helpers/get-vertex-buffer-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-vertex-buffer-layout.d.ts","sourceRoot":"","sources":["../../../src/adapter/helpers/get-vertex-buffer-layout.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAC,YAAY,EAAE,aAAa,EAAkB,MAAM,cAAc,CAAC;AAG/E;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,qBAAqB,EAAE,CAkE/G;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA2BvG"}

package/dist/adapter/helpers/get-vertex-buffer-layout.js

@@ -0,0 +1,98 @@
+import { decodeVertexFormat } from '@luma.gl/api';
+export function getVertexBufferLayout(layout, bufferMap) {
+  const vertexBufferLayouts = [];
+  const usedAttributes = new Set();
+
+  for (const mapping of bufferMap) {
+    const vertexAttributes = [];
+    let stepMode = 'vertex';
+    let byteStride = 0;
+    let byteOffset = mapping.byteOffset || 0;
+
+    if ('attributes' in mapping) {
+      const arrayStride = mapping.byteStride;
+
+      for (const interleaved of mapping.attributes) {
+        const attributeLayout = findAttributeLayout(layout, interleaved.name, usedAttributes);
+        stepMode = attributeLayout.stepMode || 'vertex';
+        vertexAttributes.push({
+          format: attributeLayout.format,
+          offset: byteOffset + byteStride,
+          shaderLocation: attributeLayout.location
+        });
+        byteStride += decodeVertexFormat(attributeLayout.format).byteLength;
+      }
+    } else {
+      const attributeLayout = findAttributeLayout(layout, mapping.name, usedAttributes);
+      byteStride = decodeVertexFormat(attributeLayout.format).byteLength, stepMode = attributeLayout.stepMode || 'vertex';
+      vertexAttributes.push({
+        format: attributeLayout.format,
+        offset: byteOffset,
+        shaderLocation: attributeLayout.location
+      });
+    }
+
+    vertexBufferLayouts.push({
+      arrayStride: mapping.byteStride || byteStride,
+      stepMode: stepMode || 'vertex',
+      attributes: vertexAttributes
+    });
+  }
+
+  for (const attribute of layout.attributes) {
+    if (!usedAttributes.has(attribute.name)) {
+      vertexBufferLayouts.push({
+        arrayStride: decodeVertexFormat(attribute.format).byteLength,
+        stepMode: attribute.stepMode || 'vertex',
+        attributes: [{
+          format: attribute.format,
+          offset: 0,
+          shaderLocation: attribute.location
+        }]
+      });
+    }
+  }
+
+  return vertexBufferLayouts;
+}
+export function getBufferSlots(layout, bufferMap) {
+  const usedAttributes = new Set();
+  let bufferSlot = 0;
+  const bufferSlots = {};
+
+  for (const mapping of bufferMap) {
+    if ('attributes' in mapping) {
+      for (const interleaved of mapping.attributes) {
+        usedAttributes.add(interleaved.name);
+      }
+    } else {
+      usedAttributes.add(mapping.name);
+    }
+
+    bufferSlots[mapping.name] = bufferSlot++;
+  }
+
+  for (const attribute of layout.attributes) {
+    if (!usedAttributes.has(attribute.name)) {
+      bufferSlots[attribute.name] = bufferSlot++;
+    }
+  }
+
+  return bufferSlots;
+}
+
+function findAttributeLayout(layout, name, attributeNames) {
+  const attribute = layout.attributes.find(attribute => attribute.name === name);
+
+  if (!attribute) {
+    throw new Error("Unknown attribute ".concat(name));
+  }
+
+  if (attributeNames.has(name)) {
+    throw new Error("Duplicate attribute ".concat(name));
+  }
+
+  attributeNames.add(name);
+  return attribute;
+}
+//# sourceMappingURL=get-vertex-buffer-layout.js.map

package/dist/adapter/helpers/get-vertex-buffer-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/adapter/helpers/get-vertex-buffer-layout.ts"],"names":["decodeVertexFormat","getVertexBufferLayout","layout","bufferMap","vertexBufferLayouts","usedAttributes","Set","mapping","vertexAttributes","stepMode","byteStride","byteOffset","arrayStride","interleaved","attributes","attributeLayout","findAttributeLayout","name","push","format","offset","shaderLocation","location","byteLength","attribute","has","getBufferSlots","bufferSlot","bufferSlots","add","attributeNames","find","Error"],"mappings":"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","sourcesContent":["import type {ShaderLayout, BufferMapping, AttributeLayout} from '@luma.gl/api';\nimport {decodeVertexFormat} from '@luma.gl/api';\n\n/**\n * Build a WebGPU vertex buffer layout intended for use in a GPURenderPassDescriptor.\n * Converts luma.gl attribute definitions to a WebGPU GPUVertexBufferLayout[] array\n * @param layout\n * @param bufferMap The buffer map is optional\n * @returns WebGPU layout intended for a GPURenderPassDescriptor.\n */\nexport function getVertexBufferLayout(layout: ShaderLayout, bufferMap: BufferMapping[]): GPUVertexBufferLayout[] {\n  const vertexBufferLayouts: GPUVertexBufferLayout[] = [];\n  const usedAttributes = new Set<string>();\n\n  // First handle any buffers mentioned in `bufferMapping`\n  for (const mapping of bufferMap) {\n    // Build vertex attributes for one buffer\n    const vertexAttributes: GPUVertexAttribute[] = [];\n\n    // TODO verify that all stepModes for one buffer are the same\n    let stepMode: 'vertex' | 'instance' = 'vertex';\n    let byteStride = 0;\n    let byteOffset = mapping.byteOffset || 0;\n\n    // interleaved mapping {..., attributes: [{...}, ...]}\n    if ('attributes' in mapping) {\n      const arrayStride = mapping.byteStride;\n      for (const interleaved of mapping.attributes) {\n        const attributeLayout = findAttributeLayout(layout, interleaved.name, usedAttributes);\n\n        stepMode = attributeLayout.stepMode || 'vertex';\n        vertexAttributes.push({\n          format: attributeLayout.format,\n          offset: byteOffset + byteStride,\n          shaderLocation: attributeLayout.location\n        });\n\n        byteStride += decodeVertexFormat(attributeLayout.format).byteLength;\n      }\n      // non-interleaved mapping (just set offset and stride)\n    } else {\n      const attributeLayout = findAttributeLayout(layout, mapping.name, usedAttributes);\n      byteStride = decodeVertexFormat(attributeLayout.format).byteLength,\n\n      stepMode = attributeLayout.stepMode || 'vertex';\n      vertexAttributes.push({\n        format: attributeLayout.format,\n        offset: byteOffset,\n        shaderLocation: attributeLayout.location\n      });\n    }\n\n    // Store all the attribute bindings for one buffer\n    vertexBufferLayouts.push({\n      arrayStride: mapping.byteStride || byteStride,\n      stepMode: stepMode || 'vertex',\n      attributes: vertexAttributes\n    });\n  }\n\n  // Add any non-mapped attributes\n  for (const attribute of layout.attributes) {\n    if (!usedAttributes.has(attribute.name)) {\n      vertexBufferLayouts.push({\n        arrayStride: decodeVertexFormat(attribute.format).byteLength,\n        stepMode: attribute.stepMode || 'vertex',\n        attributes: [{\n          format: attribute.format,\n          offset: 0,\n          shaderLocation: attribute.location\n        }]\n      });\n    }\n  }\n\n  return vertexBufferLayouts;\n}\n\nexport function getBufferSlots(layout: ShaderLayout, bufferMap: BufferMapping[]): Record<string, number> {\n  const usedAttributes = new Set<string>();\n  let bufferSlot = 0;\n  const bufferSlots: Record<string, number> = {};\n\n  // First handle any buffers mentioned in `bufferMapping`\n  for (const mapping of bufferMap) {\n    // interleaved mapping {..., attributes: [{...}, ...]}\n    if ('attributes' in mapping) {\n      for (const interleaved of mapping.attributes) {\n        usedAttributes.add(interleaved.name);\n      }\n      // non-interleaved mapping (just set offset and stride)\n    } else {\n      usedAttributes.add(mapping.name);\n    }\n    bufferSlots[mapping.name] = bufferSlot++;\n  }\n\n  // Add any non-mapped attributes\n  for (const attribute of layout.attributes) {\n    if (!usedAttributes.has(attribute.name)) {\n      bufferSlots[attribute.name] = bufferSlot++;\n    }\n  }\n\n  return bufferSlots;\n}\n\n/**\n * Looks up an attribute in the ShaderLayout.\n * @throws if name is not in ShaderLayout\n * @throws if name has already been referenced\n */\nfunction findAttributeLayout(layout: ShaderLayout, name: string, attributeNames: Set<string>): AttributeLayout {\n  const attribute = layout.attributes.find(attribute => attribute.name === name);\n  if (!attribute) {\n    throw new Error(`Unknown attribute ${name}`);\n  }\n  if (attributeNames.has(name)) {\n    throw new Error(`Duplicate attribute ${name}`);\n  }\n  attributeNames.add(name);\n  return attribute;\n}\n"],"file":"get-vertex-buffer-layout.js"}

package/dist/adapter/helpers/webgpu-parameters.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="@webgpu/types" />
+import { Parameters } from '@luma.gl/api';
+/**
+ * Supports for luma.gl's flat parameter space
+ * Populates the corresponding sub-objects in a GPURenderPipelineDescriptor
+ */
+export declare const PARAMETER_TABLE: Record<keyof Parameters, Function>;
+export declare function applyParametersToRenderPipelineDescriptor(pipelineDescriptor: GPURenderPipelineDescriptor, parameters?: Parameters): void;
+//# sourceMappingURL=webgpu-parameters.d.ts.map

package/dist/adapter/helpers/webgpu-parameters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webgpu-parameters.d.ts","sourceRoot":"","sources":["../../../src/adapter/helpers/webgpu-parameters.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAYxC;;;GAGG;AAEH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,UAAU,EAAE,QAAQ,CAqJ9D,CAAC;AA8BF,wBAAgB,yCAAyC,CACvD,kBAAkB,EAAE,2BAA2B,EAC/C,UAAU,GAAE,UAAe,GAC1B,IAAI,CAIN"}

package/dist/adapter/helpers/webgpu-parameters.js

@@ -0,0 +1,143 @@
+function addDepthStencil(descriptor) {
+  descriptor.depthStencil = descriptor.depthStencil || {
+    format: 'depth24plus',
+    stencilFront: {},
+    stencilBack: {}
+  };
+  return descriptor.depthStencil;
+}
+
+export const PARAMETER_TABLE = {
+  cullMode: (parameter, value, descriptor) => {
+    descriptor.primitive = descriptor.primitive || {};
+    descriptor.primitive.cullMode = value;
+  },
+  frontFace: (parameter, value, descriptor) => {
+    descriptor.primitive = descriptor.primitive || {};
+    descriptor.primitive.frontFace = value;
+  },
+  depthWriteEnabled: (parameter, value, descriptor) => {
+    const depthStencil = addDepthStencil(descriptor);
+    depthStencil.depthWriteEnabled = value;
+  },
+  depthCompare: (parameter, value, descriptor) => {
+    const depthStencil = addDepthStencil(descriptor);
+    depthStencil.depthCompare = value;
+  },
+  depthFormat: (parameter, value, descriptor) => {
+    const depthStencil = addDepthStencil(descriptor);
+    depthStencil.format = value;
+  },
+  depthBias: (parameter, value, descriptor) => {
+    const depthStencil = addDepthStencil(descriptor);
+    depthStencil.depthBias = value;
+  },
+  depthBiasSlopeScale: (parameter, value, descriptor) => {
+    const depthStencil = addDepthStencil(descriptor);
+    depthStencil.depthBiasSlopeScale = value;
+  },
+  depthBiasClamp: (parameter, value, descriptor) => {
+    const depthStencil = addDepthStencil(descriptor);
+    depthStencil.depthBiasClamp = value;
+  },
+  stencilReadMask: (parameter, value, descriptor) => {
+    const depthStencil = addDepthStencil(descriptor);
+    depthStencil.stencilReadMask = value;
+  },
+  stencilWriteMask: (parameter, value, descriptor) => {
+    const depthStencil = addDepthStencil(descriptor);
+    depthStencil.stencilWriteMask = value;
+  },
+  stencilCompare: (parameter, value, descriptor) => {
+    const depthStencil = addDepthStencil(descriptor);
+    depthStencil.stencilFront.compare = value;
+    depthStencil.stencilBack.compare = value;
+  },
+  stencilPassOperation: (parameter, value, descriptor) => {
+    const depthStencil = addDepthStencil(descriptor);
+    depthStencil.stencilFront.passOp = value;
+    depthStencil.stencilBack.passOp = value;
+  },
+  stencilFailOperation: (parameter, value, descriptor) => {
+    const depthStencil = addDepthStencil(descriptor);
+    depthStencil.stencilFront.failOp = value;
+    depthStencil.stencilBack.failOp = value;
+  },
+  stencilDepthFailOperation: (parameter, value, descriptor) => {
+    const depthStencil = addDepthStencil(descriptor);
+    depthStencil.stencilFront.depthFailOp = value;
+    depthStencil.stencilBack.depthFailOp = value;
+  },
+  sampleCount: (parameter, value, descriptor) => {
+    descriptor.multisample = descriptor.multisample || {};
+    descriptor.multisample.count = value;
+  },
+  sampleMask: (parameter, value, descriptor) => {
+    descriptor.multisample = descriptor.multisample || {};
+    descriptor.multisample.mask = value;
+  },
+  sampleAlphaToCoverageEnabled: (parameter, value, descriptor) => {
+    descriptor.multisample = descriptor.multisample || {};
+    descriptor.multisample.alphaToCoverageEnabled = value;
+  },
+  colorMask: (parameter, value, descriptor) => {
+    const targets = addColorState(descriptor);
+    targets[0].writeMask = value;
+  },
+  blendColorOperation: (parameter, value, descriptor) => {
+    const targets = addColorState(descriptor);
+    const target = targets[0];
+  }
+};
+const DEFAULT_PIPELINE_DESCRIPTOR = {
+  primitive: {
+    cullMode: 'back',
+    topology: 'triangle-list'
+  },
+  vertex: {
+    module: undefined,
+    entryPoint: 'main'
+  },
+  fragment: {
+    module: undefined,
+    entryPoint: 'main',
+    targets: []
+  }
+};
+export function applyParametersToRenderPipelineDescriptor(pipelineDescriptor, parameters = {}) {
+  Object.assign(pipelineDescriptor, { ...DEFAULT_PIPELINE_DESCRIPTOR,
+    ...pipelineDescriptor
+  });
+  setParameters(pipelineDescriptor, parameters);
+}
+
+function setParameters(pipelineDescriptor, parameters) {
+  for (const [key, value] of Object.entries(parameters)) {
+    const setterFunction = PARAMETER_TABLE[key];
+
+    if (!setterFunction) {
+      throw new Error("Illegal parameter ".concat(key));
+    }
+
+    setterFunction(key, value, pipelineDescriptor);
+  }
+}
+
+function addColorState(descriptor) {
+  var _descriptor$fragment, _descriptor$fragment2, _descriptor$fragment3, _descriptor$fragment4, _descriptor$fragment5;
+
+  descriptor.fragment.targets = ((_descriptor$fragment = descriptor.fragment) === null || _descriptor$fragment === void 0 ? void 0 : _descriptor$fragment.targets) || [];
+
+  if (!Array.isArray((_descriptor$fragment2 = descriptor.fragment) === null || _descriptor$fragment2 === void 0 ? void 0 : _descriptor$fragment2.targets)) {
+    throw new Error('colorstate');
+  }
+
+  if (((_descriptor$fragment3 = descriptor.fragment) === null || _descriptor$fragment3 === void 0 ? void 0 : (_descriptor$fragment4 = _descriptor$fragment3.targets) === null || _descriptor$fragment4 === void 0 ? void 0 : _descriptor$fragment4.length) === 0) {
+    var _descriptor$fragment$;
+
+    (_descriptor$fragment$ = descriptor.fragment.targets) === null || _descriptor$fragment$ === void 0 ? void 0 : _descriptor$fragment$.push({});
+  }
+
+  return (_descriptor$fragment5 = descriptor.fragment) === null || _descriptor$fragment5 === void 0 ? void 0 : _descriptor$fragment5.targets;
+}
+//# sourceMappingURL=webgpu-parameters.js.map

package/dist/adapter/helpers/webgpu-parameters.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/adapter/helpers/webgpu-parameters.ts"],"names":["addDepthStencil","descriptor","depthStencil","format","stencilFront","stencilBack","PARAMETER_TABLE","cullMode","parameter","value","primitive","frontFace","depthWriteEnabled","depthCompare","depthFormat","depthBias","depthBiasSlopeScale","depthBiasClamp","stencilReadMask","stencilWriteMask","stencilCompare","compare","stencilPassOperation","passOp","stencilFailOperation","failOp","stencilDepthFailOperation","depthFailOp","sampleCount","multisample","count","sampleMask","mask","sampleAlphaToCoverageEnabled","alphaToCoverageEnabled","colorMask","targets","addColorState","writeMask","blendColorOperation","target","DEFAULT_PIPELINE_DESCRIPTOR","topology","vertex","module","undefined","entryPoint","fragment","applyParametersToRenderPipelineDescriptor","pipelineDescriptor","parameters","Object","assign","setParameters","key","entries","setterFunction","Error","Array","isArray","length","push"],"mappings":"AAEA,SAASA,eAAT,CAAyBC,UAAzB,EAAwF;AACtFA,EAAAA,UAAU,CAACC,YAAX,GAA0BD,UAAU,CAACC,YAAX,IAA2B;AAEnDC,IAAAA,MAAM,EAAE,aAF2C;AAGnDC,IAAAA,YAAY,EAAE,EAHqC;AAInDC,IAAAA,WAAW,EAAE;AAJsC,GAArD;AAMA,SAAOJ,UAAU,CAACC,YAAlB;AACD;;AAOD,OAAO,MAAMI,eAAmD,GAAG;AAGjEC,EAAAA,QAAQ,EAAE,CAACC,SAAD,EAA8BC,KAA9B,EAA0CR,UAA1C,KAAsF;AAC9FA,IAAAA,UAAU,CAACS,SAAX,GAAuBT,UAAU,CAACS,SAAX,IAAwB,EAA/C;AACAT,IAAAA,UAAU,CAACS,SAAX,CAAqBH,QAArB,GAAgCE,KAAhC;AACD,GANgE;AAQjEE,EAAAA,SAAS,EAAE,CAACH,SAAD,EAA8BC,KAA9B,EAA0CR,UAA1C,KAAsF;AAC/FA,IAAAA,UAAU,CAACS,SAAX,GAAuBT,UAAU,CAACS,SAAX,IAAwB,EAA/C;AACAT,IAAAA,UAAU,CAACS,SAAX,CAAqBC,SAArB,GAAiCF,KAAjC;AACD,GAXgE;AAejEG,EAAAA,iBAAiB,EAAE,CAACJ,SAAD,EAA8BC,KAA9B,EAA0CR,UAA1C,KAAsF;AACvG,UAAMC,YAAY,GAAGF,eAAe,CAACC,UAAD,CAApC;AACAC,IAAAA,YAAY,CAACU,iBAAb,GAAiCH,KAAjC;AACD,GAlBgE;AAoBjEI,EAAAA,YAAY,EAAE,CAACL,SAAD,EAA8BC,KAA9B,EAA0CR,UAA1C,KAAsF;AAClG,UAAMC,YAAY,GAAGF,eAAe,CAACC,UAAD,CAApC;AACAC,IAAAA,YAAY,CAACW,YAAb,GAA4BJ,KAA5B;AACD,GAvBgE;AAyBjEK,EAAAA,WAAW,EAAE,CAACN,SAAD,EAA8BC,KAA9B,EAA0CR,UAA1C,KAAsF;AACjG,UAAMC,YAAY,GAAGF,eAAe,CAACC,UAAD,CAApC;AACAC,IAAAA,YAAY,CAACC,MAAb,GAAsBM,KAAtB;AACD,GA5BgE;AA8BjEM,EAAAA,SAAS,EAAE,CAACP,SAAD,EAA8BC,KAA9B,EAA0CR,UAA1C,KAAsF;AAC/F,UAAMC,YAAY,GAAGF,eAAe,CAACC,UAAD,CAApC;AACAC,IAAAA,YAAY,CAACa,SAAb,GAAyBN,KAAzB;AACD,GAjCgE;AAmCjEO,EAAAA,mBAAmB,EAAE,CAACR,SAAD,EAA8BC,KAA9B,EAA0CR,UAA1C,KAAsF;AACzG,UAAMC,YAAY,GAAGF,eAAe,CAACC,UAAD,CAApC;AACAC,IAAAA,YAAY,CAACc,mBAAb,GAAmCP,KAAnC;AACD,GAtCgE;AAwCjEQ,EAAAA,cAAc,EAAE,CAACT,SAAD,EAA8BC,KAA9B,EAA0CR,UAA1C,KAAsF;AACpG,UAAMC,YAAY,GAAGF,eAAe,CAACC,UAAD,CAApC;AACAC,IAAAA,YAAY,CAACe,cAAb,GAA8BR,KAA9B;AACD,GA3CgE;AA+CjES,EAAAA,eAAe,EAAE,CAACV,SAAD,EAA8BC,KAA9B,EAA0CR,UAA1C,KAAsF;AACrG,UAAMC,YAAY,GAAGF,eAAe,CAACC,UAAD,CAApC;AACAC,IAAAA,YAAY,CAACgB,eAAb,GAA+BT,KAA/B;AACD,GAlDgE;AAoDjEU,EAAAA,gBAAgB,EAAE,CAACX,SAAD,EAA8BC,KAA9B,EAA0CR,UAA1C,KAAsF;AACtG,UAAMC,YAAY,GAAGF,eAAe,CAACC,UAAD,CAApC;AACAC,IAAAA,YAAY,CAACiB,gBAAb,GAAgCV,KAAhC;AACD,GAvDgE;AAyDjEW,EAAAA,cAAc,EAAE,CAACZ,SAAD,EAA8BC,KAA9B,EAA0CR,UAA1C,KAAsF;AACpG,UAAMC,YAAY,GAAGF,eAAe,CAACC,UAAD,CAApC;AACAC,IAAAA,YAAY,CAACE,YAAb,CAA2BiB,OAA3B,GAAqCZ,KAArC;AACAP,IAAAA,YAAY,CAACG,WAAb,CAA0BgB,OAA1B,GAAoCZ,KAApC;AACD,GA7DgE;AA+DjEa,EAAAA,oBAAoB,EAAE,CAACd,SAAD,EAA8BC,KAA9B,EAA0CR,UAA1C,KAAsF;AAC1G,UAAMC,YAAY,GAAGF,eAAe,CAACC,UAAD,CAApC;AACAC,IAAAA,YAAY,CAACE,YAAb,CAA2BmB,MAA3B,GAAoCd,KAApC;AACAP,IAAAA,YAAY,CAACG,WAAb,CAA0BkB,MAA1B,GAAmCd,KAAnC;AACD,GAnEgE;AAqEjEe,EAAAA,oBAAoB,EAAE,CAAChB,SAAD,EAA8BC,KAA9B,EAA0CR,UAA1C,KAAsF;AAC1G,UAAMC,YAAY,GAAGF,eAAe,CAACC,UAAD,CAApC;AACAC,IAAAA,YAAY,CAACE,YAAb,CAA2BqB,MAA3B,GAAoChB,KAApC;AACAP,IAAAA,YAAY,CAACG,WAAb,CAA0BoB,MAA1B,GAAmChB,KAAnC;AACD,GAzEgE;AA2EjEiB,EAAAA,yBAAyB,EAAE,CAAClB,SAAD,EAA8BC,KAA9B,EAA0CR,UAA1C,KAAsF;AAC/G,UAAMC,YAAY,GAAGF,eAAe,CAACC,UAAD,CAApC;AACAC,IAAAA,YAAY,CAACE,YAAb,CAA2BuB,WAA3B,GAAyClB,KAAzC;AACAP,IAAAA,YAAY,CAACG,WAAb,CAA0BsB,WAA1B,GAAwClB,KAAxC;AACD,GA/EgE;AAmFjEmB,EAAAA,WAAW,EAAE,CAACpB,SAAD,EAA8BC,KAA9B,EAA0CR,UAA1C,KAAsF;AACjGA,IAAAA,UAAU,CAAC4B,WAAX,GAAyB5B,UAAU,CAAC4B,WAAX,IAA0B,EAAnD;AACA5B,IAAAA,UAAU,CAAC4B,WAAX,CAAuBC,KAAvB,GAA+BrB,KAA/B;AACD,GAtFgE;AAwFjEsB,EAAAA,UAAU,EAAE,CAACvB,SAAD,EAA8BC,KAA9B,EAA0CR,UAA1C,KAAsF;AAChGA,IAAAA,UAAU,CAAC4B,WAAX,GAAyB5B,UAAU,CAAC4B,WAAX,IAA0B,EAAnD;AACA5B,IAAAA,UAAU,CAAC4B,WAAX,CAAuBG,IAAvB,GAA8BvB,KAA9B;AACD,GA3FgE;AA6FjEwB,EAAAA,4BAA4B,EAAE,CAACzB,SAAD,EAA8BC,KAA9B,EAA0CR,UAA1C,KAAsF;AAClHA,IAAAA,UAAU,CAAC4B,WAAX,GAAyB5B,UAAU,CAAC4B,WAAX,IAA0B,EAAnD;AACA5B,IAAAA,UAAU,CAAC4B,WAAX,CAAuBK,sBAAvB,GAAgDzB,KAAhD;AACD,GAhGgE;AAoGjE0B,EAAAA,SAAS,EAAE,CAAC3B,SAAD,EAA8BC,KAA9B,EAA0CR,UAA1C,KAAsF;AAC/F,UAAMmC,OAAO,GAAGC,aAAa,CAACpC,UAAD,CAA7B;AACAmC,IAAAA,OAAO,CAAC,CAAD,CAAP,CAAWE,SAAX,GAAuB7B,KAAvB;AACD,GAvGgE;AAyGjE8B,EAAAA,mBAAmB,EAAE,CAAC/B,SAAD,EAA8BC,KAA9B,EAA0CR,UAA1C,KAAsF;AACzG,UAAMmC,OAAO,GAAGC,aAAa,CAACpC,UAAD,CAA7B;AACA,UAAMuC,MAAM,GAAGJ,OAAO,CAAC,CAAD,CAAtB;AAID;AA/GgE,CAA5D;AAuJP,MAAMK,2BAAwD,GAAG;AAS/D/B,EAAAA,SAAS,EAAE;AACTH,IAAAA,QAAQ,EAAE,MADD;AAETmC,IAAAA,QAAQ,EAAE;AAFD,GAToD;AAc/DC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAEC,SADF;AAENC,IAAAA,UAAU,EAAE;AAFN,GAduD;AAmB/DC,EAAAA,QAAQ,EAAE;AACRH,IAAAA,MAAM,EAAEC,SADA;AAERC,IAAAA,UAAU,EAAE,MAFJ;AAGRV,IAAAA,OAAO,EAAE;AAHD;AAnBqD,CAAjE;AA4BA,OAAO,SAASY,yCAAT,CACLC,kBADK,EAELC,UAAsB,GAAG,EAFpB,EAGC;AAENC,EAAAA,MAAM,CAACC,MAAP,CAAcH,kBAAd,EAAkC,EAAC,GAAGR,2BAAJ;AAAiC,OAAGQ;AAApC,GAAlC;AACAI,EAAAA,aAAa,CAACJ,kBAAD,EAAqBC,UAArB,CAAb;AACD;;AAGD,SAASG,aAAT,CACEJ,kBADF,EAEEC,UAFF,EAGQ;AACN,OAAK,MAAM,CAACI,GAAD,EAAM7C,KAAN,CAAX,IAA2B0C,MAAM,CAACI,OAAP,CAAeL,UAAf,CAA3B,EAAuD;AACrD,UAAMM,cAAc,GAAGlD,eAAe,CAACgD,GAAD,CAAtC;;AACA,QAAI,CAACE,cAAL,EAAqB;AACnB,YAAM,IAAIC,KAAJ,6BAA+BH,GAA/B,EAAN;AACD;;AACDE,IAAAA,cAAc,CAACF,GAAD,EAAM7C,KAAN,EAAawC,kBAAb,CAAd;AACD;AACF;;AAED,SAASZ,aAAT,CAAuBpC,UAAvB,EAAuF;AAAA;;AACrFA,EAAAA,UAAU,CAAC8C,QAAX,CAAqBX,OAArB,GAA+B,yBAAAnC,UAAU,CAAC8C,QAAX,8EAAqBX,OAArB,KAAgC,EAA/D;;AACA,MAAI,CAACsB,KAAK,CAACC,OAAN,0BAAc1D,UAAU,CAAC8C,QAAzB,0DAAc,sBAAqBX,OAAnC,CAAL,EAAkD;AAChD,UAAM,IAAIqB,KAAJ,CAAU,YAAV,CAAN;AACD;;AACD,MAAI,0BAAAxD,UAAU,CAAC8C,QAAX,yGAAqBX,OAArB,gFAA8BwB,MAA9B,MAAyC,CAA7C,EAAgD;AAAA;;AAC9C,6BAAA3D,UAAU,CAAC8C,QAAX,CAAoBX,OAApB,gFAA6ByB,IAA7B,CAAkC,EAAlC;AACD;;AACD,kCAAO5D,UAAU,CAAC8C,QAAlB,0DAAO,sBAAqBX,OAA5B;AACD","sourcesContent":["import {Parameters} from '@luma.gl/api';\n\nfunction addDepthStencil(descriptor: GPURenderPipelineDescriptor): GPUDepthStencilState {\n  descriptor.depthStencil = descriptor.depthStencil || {\n    // required, set something\n    format: 'depth24plus',\n    stencilFront: {},\n    stencilBack: {}\n  };\n  return descriptor.depthStencil;\n}\n\n/**\n * Supports for luma.gl's flat parameter space\n * Populates the corresponding sub-objects in a GPURenderPipelineDescriptor\n */\n// @ts-expect-error\nexport const PARAMETER_TABLE: Record<keyof Parameters, Function> = {\n  // RASTERIZATION PARAMETERS\n\n  cullMode: (parameter: keyof Parameters, value: any, descriptor: GPURenderPipelineDescriptor) => {\n    descriptor.primitive = descriptor.primitive || {};\n    descriptor.primitive.cullMode = value;\n  },\n\n  frontFace: (parameter: keyof Parameters, value: any, descriptor: GPURenderPipelineDescriptor) => {\n    descriptor.primitive = descriptor.primitive || {};\n    descriptor.primitive.frontFace = value;\n  },\n\n  // DEPTH\n\n  depthWriteEnabled: (parameter: keyof Parameters, value: any, descriptor: GPURenderPipelineDescriptor) => {\n    const depthStencil = addDepthStencil(descriptor);\n    depthStencil.depthWriteEnabled = value;\n  },\n\n  depthCompare: (parameter: keyof Parameters, value: any, descriptor: GPURenderPipelineDescriptor) => {\n    const depthStencil = addDepthStencil(descriptor);\n    depthStencil.depthCompare = value;\n  },\n\n  depthFormat: (parameter: keyof Parameters, value: any, descriptor: GPURenderPipelineDescriptor) => {\n    const depthStencil = addDepthStencil(descriptor);\n    depthStencil.format = value;\n  },\n\n  depthBias: (parameter: keyof Parameters, value: any, descriptor: GPURenderPipelineDescriptor) => {\n    const depthStencil = addDepthStencil(descriptor);\n    depthStencil.depthBias = value;\n  },\n\n  depthBiasSlopeScale: (parameter: keyof Parameters, value: any, descriptor: GPURenderPipelineDescriptor) => {\n    const depthStencil = addDepthStencil(descriptor);\n    depthStencil.depthBiasSlopeScale = value;\n  },\n\n  depthBiasClamp: (parameter: keyof Parameters, value: any, descriptor: GPURenderPipelineDescriptor) => {\n    const depthStencil = addDepthStencil(descriptor);\n    depthStencil.depthBiasClamp = value;\n  },\n\n  // STENCIL\n\n  stencilReadMask: (parameter: keyof Parameters, value: any, descriptor: GPURenderPipelineDescriptor) => {\n    const depthStencil = addDepthStencil(descriptor);\n    depthStencil.stencilReadMask = value;\n  },\n\n  stencilWriteMask: (parameter: keyof Parameters, value: any, descriptor: GPURenderPipelineDescriptor) => {\n    const depthStencil = addDepthStencil(descriptor);\n    depthStencil.stencilWriteMask = value;\n  },\n\n  stencilCompare: (parameter: keyof Parameters, value: any, descriptor: GPURenderPipelineDescriptor) => {\n    const depthStencil = addDepthStencil(descriptor);\n    depthStencil.stencilFront!.compare = value;\n    depthStencil.stencilBack!.compare = value;\n  },\n\n  stencilPassOperation: (parameter: keyof Parameters, value: any, descriptor: GPURenderPipelineDescriptor) => {\n    const depthStencil = addDepthStencil(descriptor);\n    depthStencil.stencilFront!.passOp = value;\n    depthStencil.stencilBack!.passOp = value;\n  },\n\n  stencilFailOperation: (parameter: keyof Parameters, value: any, descriptor: GPURenderPipelineDescriptor) => {\n    const depthStencil = addDepthStencil(descriptor);\n    depthStencil.stencilFront!.failOp = value;\n    depthStencil.stencilBack!.failOp = value;\n  },\n\n  stencilDepthFailOperation: (parameter: keyof Parameters, value: any, descriptor: GPURenderPipelineDescriptor) => {\n    const depthStencil = addDepthStencil(descriptor);\n    depthStencil.stencilFront!.depthFailOp = value;\n    depthStencil.stencilBack!.depthFailOp = value;\n  },\n\n  // MULTISAMPLE\n\n  sampleCount: (parameter: keyof Parameters, value: any, descriptor: GPURenderPipelineDescriptor) => {\n    descriptor.multisample = descriptor.multisample || {};\n    descriptor.multisample.count = value;\n  },\n\n  sampleMask: (parameter: keyof Parameters, value: any, descriptor: GPURenderPipelineDescriptor) => {\n    descriptor.multisample = descriptor.multisample || {};\n    descriptor.multisample.mask = value;\n  },\n\n  sampleAlphaToCoverageEnabled: (parameter: keyof Parameters, value: any, descriptor: GPURenderPipelineDescriptor) => {\n    descriptor.multisample = descriptor.multisample || {};\n    descriptor.multisample.alphaToCoverageEnabled = value;\n  },\n\n  // COLOR\n\n  colorMask: (parameter: keyof Parameters, value: any, descriptor: GPURenderPipelineDescriptor) => {\n    const targets = addColorState(descriptor);\n    targets[0].writeMask = value;\n  },\n\n  blendColorOperation: (parameter: keyof Parameters, value: any, descriptor: GPURenderPipelineDescriptor) => {\n    const targets = addColorState(descriptor);\n    const target = targets[0];\n    // const blend: GPUBlendState = target.blend || {color: {alpha: 0}};\n    // blend.color = blend.color || {};\n    // target.blend.color.operation = value;\n  }\n\n  /*\n  blendColorSrcTarget: (parameter, value, descriptor: GPURenderPipelineDescriptor) => {\n    addColorState(descriptor);\n    targets[0].blend = targets[0].blend || {};\n    targets[0].blend.color = targets[0].blend.color || {};\n    targets[0].blend.color.srcTarget = value;\n  },\n\n  blendColorDstTarget: (parameter, value, descriptor: GPURenderPipelineDescriptor) => {\n    addColorState(descriptor);\n    targets[0].blend = targets[0].blend || {};\n    targets[0].blend.color = targets[0].blend.color || {};\n    targets[0].blend.color.dstTarget = value;\n  },\n\n  blendAlphaOperation: (parameter, value, descriptor: GPURenderPipelineDescriptor) => {\n    addColorState(descriptor);\n    targets[0].blend = targets[0].blend || {};\n    targets[0].blend.alpha = targets[0].blend.alpha || {};\n    targets[0].blend.alpha.operation = value;\n  },\n\n  blendAlphaSrcTarget: (parameter, value, descriptor: GPURenderPipelineDescriptor) => {\n    addColorState(descriptor);\n    targets[0].blend = targets[0].blend || {};\n    targets[0].blend.alpha = targets[0].blend.alpha || {};\n    targets[0].blend.alpha.srcTarget = value;\n  },\n\n  blendAlphaDstTarget: (parameter, value, descriptor: GPURenderPipelineDescriptor) => {\n    addColorState(descriptor);\n    targets[0].blend = targets[0].blend || {};\n    targets[0].blend.alpha = targets[0].blend.alpha || {};\n    targets[0].blend.alpha.dstTarget = value;\n  },\n  */\n};\n\nconst DEFAULT_PIPELINE_DESCRIPTOR: GPURenderPipelineDescriptor = {\n  // depthStencil: {\n  //   stencilFront: {},\n  //   stencilBack: {},\n  //   // depthWriteEnabled: true,\n  //   // depthCompare: 'less',\n  //   // format: 'depth24plus-stencil8',\n  // },\n\n  primitive: {\n    cullMode: 'back',\n    topology: 'triangle-list'\n  },\n\n  vertex: {\n    module: undefined!,\n    entryPoint: 'main'\n  },\n\n  fragment: {\n    module: undefined!,\n    entryPoint: 'main',\n    targets: [\n      // { format: props.color0Format || 'bgra8unorm' }\n    ]\n  }\n};\n\nexport function applyParametersToRenderPipelineDescriptor(\n  pipelineDescriptor: GPURenderPipelineDescriptor,\n  parameters: Parameters = {}\n): void {\n  // Apply defaults\n  Object.assign(pipelineDescriptor, {...DEFAULT_PIPELINE_DESCRIPTOR, ...pipelineDescriptor});\n  setParameters(pipelineDescriptor, parameters);\n}\n\n// Apply any supplied parameters\nfunction setParameters(\n  pipelineDescriptor: GPURenderPipelineDescriptor,\n  parameters: Parameters\n): void {\n  for (const [key, value] of Object.entries(parameters)) {\n    const setterFunction = PARAMETER_TABLE[key as keyof Parameters];\n    if (!setterFunction) {\n      throw new Error(`Illegal parameter ${key}`);\n    }\n    setterFunction(key, value, pipelineDescriptor);\n  }\n}\n\nfunction addColorState(descriptor: GPURenderPipelineDescriptor): GPUColorTargetState[] {\n  descriptor.fragment!.targets = descriptor.fragment?.targets || [];\n  if (!Array.isArray(descriptor.fragment?.targets)) {\n    throw new Error('colorstate');\n  }\n  if (descriptor.fragment?.targets?.length === 0) {\n    descriptor.fragment.targets?.push({});\n  }\n  return descriptor.fragment?.targets as GPUColorTargetState[];\n}\n"],"file":"webgpu-parameters.js"}