@luma.gl/engine 9.2.0-alpha.1 → 9.2.0-alpha.3

package/dist/dist.dev.js

@@ -528,20 +528,9 @@ var __exports__ = (() => {
     delete() {
       this.destroy();
     }
-    setError(error) {
+    reportError(error) {
       this.props.onError(error);
-      this._error = Error();
-      const canvas2 = this.device?.getDefaultCanvasContext().canvas;
-      if (canvas2 instanceof HTMLCanvasElement) {
-        const errorDiv = document.createElement("h1");
-        errorDiv.innerHTML = error.message;
-        errorDiv.style.position = "absolute";
-        errorDiv.style.top = "20%";
-        errorDiv.style.left = "10px";
-        errorDiv.style.color = "black";
-        errorDiv.style.backgroundColor = "red";
-        document.body.appendChild(errorDiv);
-      }
+      this._error = error;
     }
     /** Flags this animation loop as needing redraw */
     setNeedsRedraw(reason) {
@@ -861,8 +850,14 @@ var __exports__ = (() => {
       ...props,
       device,
       async onInitialize(animationProps) {
-        renderLoop = new AnimationLoopTemplateCtor(animationProps);
-        return await renderLoop?.onInitialize(animationProps);
+        clearError(animationProps.animationLoop.device);
+        try {
+          renderLoop = new AnimationLoopTemplateCtor(animationProps);
+          return await renderLoop?.onInitialize(animationProps);
+        } catch (error) {
+          setError(animationProps.animationLoop.device, error);
+          return null;
+        }
       },
       onRender: (animationProps) => renderLoop?.onRender(animationProps),
       onFinalize: (animationProps) => renderLoop?.onFinalize(animationProps)
@@ -872,9 +867,32 @@ var __exports__ = (() => {
     };
     return animationLoop;
   }
+  function setError(device, error) {
+    const canvas2 = device?.getDefaultCanvasContext().canvas;
+    if (canvas2 instanceof HTMLCanvasElement) {
+      canvas2.style.overflow = "visible";
+      let errorDiv = document.getElementById("animation-loop-error");
+      errorDiv?.remove();
+      errorDiv = document.createElement("h1");
+      errorDiv.id = "animation-loop-error";
+      errorDiv.innerHTML = error.message;
+      errorDiv.style.position = "absolute";
+      errorDiv.style.top = "10px";
+      errorDiv.style.left = "10px";
+      errorDiv.style.color = "black";
+      errorDiv.style.backgroundColor = "red";
+      canvas2.parentElement?.appendChild(errorDiv);
+    }
+  }
+  function clearError(device) {
+    const errorDiv = document.getElementById("animation-loop-error");
+    if (errorDiv) {
+      errorDiv.remove();
+    }
+  }
 
   // src/model/model.ts
-  var import_core8 = __toESM(require_core(), 1);
+  var import_core9 = __toESM(require_core(), 1);
   var import_shadertools2 = __toESM(require_shadertools(), 1);
 
   // src/geometry/gpu-geometry.ts
@@ -989,8 +1007,8 @@ var __exports__ = (() => {
   var _PipelineFactory = class {
     /** Get the singleton default pipeline factory for the specified device */
     static getDefaultPipelineFactory(device) {
-      device._lumaData.defaultPipelineFactory = device._lumaData.defaultPipelineFactory || new _PipelineFactory(device);
-      return device._lumaData.defaultPipelineFactory;
+      device._lumaData["defaultPipelineFactory"] = device._lumaData["defaultPipelineFactory"] || new _PipelineFactory(device);
+      return device._lumaData["defaultPipelineFactory"];
     }
     device;
     cachingEnabled;
@@ -1157,8 +1175,8 @@ var __exports__ = (() => {
   var _ShaderFactory = class {
     /** Returns the default ShaderFactory for the given {@link Device}, creating one if necessary. */
     static getDefaultShaderFactory(device) {
-      device._lumaData.defaultShaderFactory ||= new _ShaderFactory(device);
-      return device._lumaData.defaultShaderFactory;
+      device._lumaData["defaultShaderFactory"] ||= new _ShaderFactory(device);
+      return device._lumaData["defaultShaderFactory"];
     }
     device;
     cachingEnabled;
@@ -1340,8 +1358,59 @@ var __exports__ = (() => {
     return false;
   }
 
-  // src/shader-inputs.ts
+  // src/utils/buffer-layout-helper.ts
   var import_core6 = __toESM(require_core(), 1);
+  var BufferLayoutHelper = class {
+    bufferLayouts;
+    constructor(bufferLayouts) {
+      this.bufferLayouts = bufferLayouts;
+    }
+    getBufferLayout(name) {
+      return this.bufferLayouts.find((layout) => layout.name === name) || null;
+    }
+    /** Get attribute names from a BufferLayout */
+    getAttributeNamesForBuffer(bufferLayout) {
+      return bufferLayout.attributes ? bufferLayout.attributes?.map((layout) => layout.attribute) : [bufferLayout.name];
+    }
+    mergeBufferLayouts(bufferLayouts1, bufferLayouts2) {
+      const mergedLayouts = [...bufferLayouts1];
+      for (const attribute of bufferLayouts2) {
+        const index = mergedLayouts.findIndex((attribute2) => attribute2.name === attribute.name);
+        if (index < 0) {
+          mergedLayouts.push(attribute);
+        } else {
+          mergedLayouts[index] = attribute;
+        }
+      }
+      return mergedLayouts;
+    }
+    getBufferIndex(bufferName) {
+      const bufferIndex = this.bufferLayouts.findIndex((layout) => layout.name === bufferName);
+      if (bufferIndex === -1) {
+        import_core6.log.warn(`BufferLayout: Missing buffer for "${bufferName}".`)();
+      }
+      return bufferIndex;
+    }
+  };
+
+  // src/utils/buffer-layout-order.ts
+  function sortedBufferLayoutByShaderSourceLocations(shaderLayout, bufferLayout) {
+    const shaderLayoutMap = Object.fromEntries(
+      shaderLayout.attributes.map((attr) => [attr.name, attr.location])
+    );
+    const sortedLayout = bufferLayout.slice();
+    sortedLayout.sort((a, b) => {
+      const attributeNamesA = a.attributes ? a.attributes.map((attr) => attr.attribute) : [a.name];
+      const attributeNamesB = b.attributes ? b.attributes.map((attr) => attr.attribute) : [b.name];
+      const minLocationA = Math.min(...attributeNamesA.map((name) => shaderLayoutMap[name]));
+      const minLocationB = Math.min(...attributeNamesB.map((name) => shaderLayoutMap[name]));
+      return minLocationA - minLocationB;
+    });
+    return sortedLayout;
+  }
+
+  // src/shader-inputs.ts
+  var import_core7 = __toESM(require_core(), 1);
   var import_shadertools = __toESM(require_shadertools(), 1);
 
   // ../../node_modules/@math.gl/types/dist/is-array.js
@@ -1377,11 +1446,14 @@ var __exports__ = (() => {
 
   // src/shader-inputs.ts
   var ShaderInputs = class {
+    options = {
+      disableWarnings: false
+    };
     /**
      * The map of modules
      * @todo should should this include the resolved dependencies?
      */
-    // @ts-expect-error Fix typings
+    // @ts-ignore Fix typings
     modules;
     /** Stores the uniform values for each module */
     moduleUniforms;
@@ -1393,22 +1465,22 @@ var __exports__ = (() => {
      * Create a new UniformStore instance
      * @param modules
      */
-    // @ts-expect-error Fix typings
-    constructor(modules) {
+    constructor(modules, options) {
+      Object.assign(this.options, options);
       const resolvedModules = (0, import_shadertools.getShaderModuleDependencies)(
         Object.values(modules).filter((module) => module.dependencies)
       );
       for (const resolvedModule of resolvedModules) {
         modules[resolvedModule.name] = resolvedModule;
       }
-      import_core6.log.log(1, "Creating ShaderInputs with modules", Object.keys(modules))();
+      import_core7.log.log(1, "Creating ShaderInputs with modules", Object.keys(modules))();
       this.modules = modules;
       this.moduleUniforms = {};
       this.moduleBindings = {};
       for (const [name, module] of Object.entries(modules)) {
         this._addModule(module);
-        if (module.name && name !== module.name) {
-          import_core6.log.warn(`Module name: ${name} vs ${module.name}`)();
+        if (module.name && name !== module.name && !this.options.disableWarnings) {
+          import_core7.log.warn(`Module name: ${name} vs ${module.name}`)();
         }
       }
     }
@@ -1424,7 +1496,9 @@ var __exports__ = (() => {
         const moduleProps = props[moduleName] || {};
         const module = this.modules[moduleName];
         if (!module) {
-          import_core6.log.warn(`Module ${name} not found`)();
+          if (!this.options.disableWarnings) {
+            import_core7.log.warn(`Module ${name} not found`)();
+          }
           continue;
         }
         const oldUniforms = this.moduleUniforms[moduleName];
@@ -1476,7 +1550,7 @@ var __exports__ = (() => {
   };
 
   // src/async-texture/async-texture.ts
-  var import_core7 = __toESM(require_core(), 1);
+  var import_core8 = __toESM(require_core(), 1);
 
   // src/application-utils/load-file.ts
   var pathPrefix = "";
@@ -1596,7 +1670,7 @@ var __exports__ = (() => {
       if (this.props.mipmaps) {
         this.generateMipmaps();
       }
-      import_core7.log.info(1, `${this} loaded`);
+      import_core8.log.info(1, `${this} loaded`);
     }
     destroy() {
       if (this.texture) {
@@ -1611,7 +1685,7 @@ var __exports__ = (() => {
     /** Set sampler or create and set new Sampler from SamplerProps */
     setSampler(sampler = {}) {
       this.texture.setSampler(
-        sampler instanceof import_core7.Sampler ? sampler : this.device.createSampler(sampler)
+        sampler instanceof import_core8.Sampler ? sampler : this.device.createSampler(sampler)
       );
     }
     /**
@@ -1694,7 +1768,7 @@ var __exports__ = (() => {
       }
       const lodArray = this._normalizeTextureData(lodData);
       if (lodArray.length > 1 && this.props.mipmaps !== false) {
-        import_core7.log.warn(`Texture ${this.id} mipmap and multiple LODs.`)();
+        import_core8.log.warn(`Texture ${this.id} mipmap and multiple LODs.`)();
       }
       for (let mipLevel = 0; mipLevel < lodArray.length; mipLevel++) {
         const imageData = lodArray[mipLevel];
@@ -1754,7 +1828,7 @@ var __exports__ = (() => {
     /** Experimental */
     _setTextureCubeFaceData(texture, lodData, face, depth = 0) {
       if (Array.isArray(lodData) && lodData.length > 1 && this.props.mipmaps !== false) {
-        import_core7.log.warn(`${this.id} has mipmap and multiple LODs.`)();
+        import_core8.log.warn(`${this.id} has mipmap and multiple LODs.`)();
       }
       const faceDepth = TextureCubeFaces.indexOf(face);
       this._setTexture2DData(lodData, faceDepth);
@@ -1788,7 +1862,7 @@ var __exports__ = (() => {
   };
   var AsyncTexture = _AsyncTexture;
   __publicField(AsyncTexture, "defaultProps", {
-    ...import_core7.Texture.defaultProps,
+    ...import_core8.Texture.defaultProps,
     data: null,
     mipmaps: false
   });
@@ -1885,15 +1959,15 @@ var __exports__ = (() => {
       const moduleMap = Object.fromEntries(
         this.props.modules?.map((module) => [module.name, module]) || []
       );
-      this.setShaderInputs(props.shaderInputs || new ShaderInputs(moduleMap));
+      const shaderInputs = props.shaderInputs || new ShaderInputs(moduleMap, { disableWarnings: this.props.disableWarnings });
+      this.setShaderInputs(shaderInputs);
       const platformInfo = getPlatformInfo(device);
       const modules = (
-        // @ts-expect-error shaderInputs is assigned in setShaderInputs above.
+        // @ts-ignore shaderInputs is assigned in setShaderInputs above.
         (this.props.modules?.length > 0 ? this.props.modules : this.shaderInputs?.getModules()) || []
       );
       const isWebGPU = this.device.type === "webgpu";
       if (isWebGPU && this.props.source) {
-        this.props.shaderLayout ||= (0, import_shadertools2.getShaderLayoutFromWGSL)(this.props.source);
         const { source: source3, getUniforms: getUniforms2 } = this.props.shaderAssembler.assembleWGSLShader({
           platformInfo,
           ...this.props,
@@ -1901,6 +1975,7 @@ var __exports__ = (() => {
         });
         this.source = source3;
         this._getModuleUniforms = getUniforms2;
+        this.props.shaderLayout ||= (0, import_shadertools2.getShaderLayoutFromWGSL)(this.source);
       } else {
         const { vs: vs3, fs: fs3, getUniforms: getUniforms2 } = this.props.shaderAssembler.assembleGLSLShaderPair({
           platformInfo,
@@ -1988,7 +2063,7 @@ var __exports__ = (() => {
     draw(renderPass) {
       const loadingBinding = this._areBindingsLoading();
       if (loadingBinding) {
-        import_core8.log.info(LOG_DRAW_PRIORITY, `>>> DRAWING ABORTED ${this.id}: ${loadingBinding} not loaded`)();
+        import_core9.log.info(LOG_DRAW_PRIORITY, `>>> DRAWING ABORTED ${this.id}: ${loadingBinding} not loaded`)();
         return false;
       }
       try {
@@ -2046,7 +2121,7 @@ var __exports__ = (() => {
       const gpuGeometry = geometry && makeGPUGeometry(this.device, geometry);
       if (gpuGeometry) {
         this.setTopology(gpuGeometry.topology || "triangle-list");
-        const bufferLayoutHelper = new import_core8._BufferLayoutHelper(this.bufferLayout);
+        const bufferLayoutHelper = new BufferLayoutHelper(this.bufferLayout);
         this.bufferLayout = bufferLayoutHelper.mergeBufferLayouts(
           gpuGeometry.bufferLayout,
           this.bufferLayout
@@ -2072,7 +2147,7 @@ var __exports__ = (() => {
      * @note Triggers a pipeline rebuild / pipeline cache fetch
      */
     setBufferLayout(bufferLayout) {
-      const bufferLayoutHelper = new import_core8._BufferLayoutHelper(this.bufferLayout);
+      const bufferLayoutHelper = new BufferLayoutHelper(this.bufferLayout);
       this.bufferLayout = this._gpuGeometry ? bufferLayoutHelper.mergeBufferLayouts(bufferLayout, this._gpuGeometry.bufferLayout) : bufferLayout;
       this._setPipelineNeedsUpdate("bufferLayout");
       this.pipeline = this._updatePipeline();
@@ -2118,7 +2193,7 @@ var __exports__ = (() => {
     /** Set the shader inputs */
     setShaderInputs(shaderInputs) {
       this.shaderInputs = shaderInputs;
-      this._uniformStore = new import_core8.UniformStore(this.shaderInputs.modules);
+      this._uniformStore = new import_core9.UniformStore(this.shaderInputs.modules);
       for (const [moduleName, module] of Object.entries(this.shaderInputs.modules)) {
         if (shaderModuleHasUniforms(module)) {
           const uniformBuffer = this._uniformStore.getManagedUniformBuffer(this.device, moduleName);
@@ -2161,17 +2236,21 @@ var __exports__ = (() => {
      */
     setAttributes(buffers, options) {
       const disableWarnings = options?.disableWarnings ?? this.props.disableWarnings;
-      if (buffers.indices) {
-        import_core8.log.warn(
+      if (buffers["indices"]) {
+        import_core9.log.warn(
           `Model:${this.id} setAttributes() - indexBuffer should be set using setIndexBuffer()`
         )();
       }
-      const bufferLayoutHelper = new import_core8._BufferLayoutHelper(this.bufferLayout);
+      this.bufferLayout = sortedBufferLayoutByShaderSourceLocations(
+        this.pipeline.shaderLayout,
+        this.bufferLayout
+      );
+      const bufferLayoutHelper = new BufferLayoutHelper(this.bufferLayout);
       for (const [bufferName, buffer] of Object.entries(buffers)) {
         const bufferLayout = bufferLayoutHelper.getBufferLayout(bufferName);
         if (!bufferLayout) {
           if (!disableWarnings) {
-            import_core8.log.warn(`Model(${this.id}): Missing layout for buffer "${bufferName}".`)();
+            import_core9.log.warn(`Model(${this.id}): Missing layout for buffer "${bufferName}".`)();
           }
           continue;
         }
@@ -2180,12 +2259,13 @@ var __exports__ = (() => {
         for (const attributeName of attributeNames) {
           const attributeInfo = this._attributeInfos[attributeName];
           if (attributeInfo) {
-            this.vertexArray.setBuffer(attributeInfo.location, buffer);
+            const location = this.device.type === "webgpu" ? bufferLayoutHelper.getBufferIndex(attributeInfo.bufferName) : attributeInfo.location;
+            this.vertexArray.setBuffer(location, buffer);
             set = true;
           }
         }
         if (!set && !disableWarnings) {
-          import_core8.log.warn(
+          import_core9.log.warn(
             `Model(${this.id}): Ignoring buffer "${buffer.id}" for unknown attribute "${bufferName}"`
           )();
         }
@@ -2206,7 +2286,7 @@ var __exports__ = (() => {
         if (attributeInfo) {
           this.vertexArray.setConstantWebGL(attributeInfo.location, value);
         } else if (!(options?.disableWarnings ?? this.props.disableWarnings)) {
-          import_core8.log.warn(
+          import_core9.log.warn(
             `Model "${this.id}: Ignoring constant supplied for unknown attribute "${attributeName}"`
           )();
         }
@@ -2241,16 +2321,16 @@ var __exports__ = (() => {
     _getBindingsUpdateTimestamp() {
       let timestamp = 0;
       for (const binding of Object.values(this.bindings)) {
-        if (binding instanceof import_core8.TextureView) {
+        if (binding instanceof import_core9.TextureView) {
           timestamp = Math.max(timestamp, binding.texture.updateTimestamp);
-        } else if (binding instanceof import_core8.Buffer || binding instanceof import_core8.Texture) {
+        } else if (binding instanceof import_core9.Buffer || binding instanceof import_core9.Texture) {
           timestamp = Math.max(timestamp, binding.updateTimestamp);
         } else if (binding instanceof AsyncTexture) {
           timestamp = binding.texture ? Math.max(timestamp, binding.texture.updateTimestamp) : (
             // The texture will become available in the future
             Infinity
           );
-        } else if (!(binding instanceof import_core8.Sampler)) {
+        } else if (!(binding instanceof import_core9.Sampler)) {
           timestamp = Math.max(timestamp, binding.buffer.updateTimestamp);
         }
       }
@@ -2285,7 +2365,7 @@ var __exports__ = (() => {
         let prevShaderVs = null;
         let prevShaderFs = null;
         if (this.pipeline) {
-          import_core8.log.log(
+          import_core9.log.log(
             1,
             `Model ${this.id}: Recreating pipeline because "${this._pipelineNeedsUpdate}".`
           )();
@@ -2321,7 +2401,7 @@ var __exports__ = (() => {
           vs: vs3,
           fs: fs3
         });
-        this._attributeInfos = (0, import_core8.getAttributeInfosFromLayouts)(
+        this._attributeInfos = (0, import_core9.getAttributeInfosFromLayouts)(
           this.pipeline.shaderLayout,
           this.bufferLayout
         );
@@ -2336,24 +2416,24 @@ var __exports__ = (() => {
     _lastLogTime = 0;
     _logOpen = false;
     _logDrawCallStart() {
-      const logDrawTimeout = import_core8.log.level > 3 ? 0 : LOG_DRAW_TIMEOUT;
-      if (import_core8.log.level < 2 || Date.now() - this._lastLogTime < logDrawTimeout) {
+      const logDrawTimeout = import_core9.log.level > 3 ? 0 : LOG_DRAW_TIMEOUT;
+      if (import_core9.log.level < 2 || Date.now() - this._lastLogTime < logDrawTimeout) {
         return;
       }
       this._lastLogTime = Date.now();
       this._logOpen = true;
-      import_core8.log.group(LOG_DRAW_PRIORITY, `>>> DRAWING MODEL ${this.id}`, { collapsed: import_core8.log.level <= 2 })();
+      import_core9.log.group(LOG_DRAW_PRIORITY, `>>> DRAWING MODEL ${this.id}`, { collapsed: import_core9.log.level <= 2 })();
     }
     _logDrawCallEnd() {
       if (this._logOpen) {
         const shaderLayoutTable = getDebugTableForShaderLayout(this.pipeline.shaderLayout, this.id);
-        import_core8.log.table(LOG_DRAW_PRIORITY, shaderLayoutTable)();
+        import_core9.log.table(LOG_DRAW_PRIORITY, shaderLayoutTable)();
         const uniformTable = this.shaderInputs.getDebugTable();
-        import_core8.log.table(LOG_DRAW_PRIORITY, uniformTable)();
+        import_core9.log.table(LOG_DRAW_PRIORITY, uniformTable)();
         const attributeTable = this._getAttributeDebugTable();
-        import_core8.log.table(LOG_DRAW_PRIORITY, this._attributeInfos)();
-        import_core8.log.table(LOG_DRAW_PRIORITY, attributeTable)();
-        import_core8.log.groupEnd(LOG_DRAW_PRIORITY)();
+        import_core9.log.table(LOG_DRAW_PRIORITY, this._attributeInfos)();
+        import_core9.log.table(LOG_DRAW_PRIORITY, attributeTable)();
+        import_core9.log.groupEnd(LOG_DRAW_PRIORITY)();
         this._logOpen = false;
       }
     }
@@ -2382,7 +2462,7 @@ var __exports__ = (() => {
       if (this.vertexArray.indexBuffer) {
         const { indexBuffer } = this.vertexArray;
         const values = indexBuffer.indexType === "uint32" ? new Uint32Array(indexBuffer.debugData) : new Uint16Array(indexBuffer.debugData);
-        table.indices = {
+        table["indices"] = {
           name: "indices",
           type: indexBuffer.indexType,
           values: values.toString()
@@ -2392,14 +2472,14 @@ var __exports__ = (() => {
     }
     // TODO - fix typing of luma data types
     _getBufferOrConstantValues(attribute, dataType) {
-      const TypedArrayConstructor = (0, import_core8.getTypedArrayFromDataType)(dataType);
-      const typedArray = attribute instanceof import_core8.Buffer ? new TypedArrayConstructor(attribute.debugData) : attribute;
+      const TypedArrayConstructor = (0, import_core9.getTypedArrayConstructor)(dataType);
+      const typedArray = attribute instanceof import_core9.Buffer ? new TypedArrayConstructor(attribute.debugData) : attribute;
       return typedArray.toString();
     }
   };
   var Model = _Model;
   __publicField(Model, "defaultProps", {
-    ...import_core8.RenderPipeline.defaultProps,
+    ...import_core9.RenderPipeline.defaultProps,
     source: void 0,
     vs: null,
     fs: null,
@@ -2445,7 +2525,7 @@ var __exports__ = (() => {
   }
 
   // src/compute/buffer-transform.ts
-  var import_core9 = __toESM(require_core(), 1);
+  var import_core10 = __toESM(require_core(), 1);
   var import_shadertools3 = __toESM(require_shadertools(), 1);
   var _BufferTransform = class {
     device;
@@ -2507,7 +2587,7 @@ var __exports__ = (() => {
       if (!result) {
         throw new Error("BufferTransform#getBuffer");
       }
-      if (result instanceof import_core9.Buffer) {
+      if (result instanceof import_core10.Buffer) {
         return result.readAsync();
       }
       const { buffer, byteOffset = 0, byteLength = buffer.byteLength } = result;
@@ -2663,9 +2743,9 @@ var __exports__ = (() => {
           this.attributes[attributeName] = attribute;
         }
       }
-      if (this.indices && this.indices.isIndexed !== void 0) {
+      if (this.indices && this.indices["isIndexed"] !== void 0) {
         this.indices = Object.assign({}, this.indices);
-        delete this.indices.isIndexed;
+        delete this.indices["isIndexed"];
       }
       this.vertexCount = vertexCount || this._calculateVertexCount(this.attributes, this.indices);
     }
@@ -5039,13 +5119,13 @@ void main(void) {
   };
 
   // src/scenegraph/group-node.ts
-  var import_core12 = __toESM(require_core(), 1);
+  var import_core13 = __toESM(require_core(), 1);
   var GroupNode = class extends ScenegraphNode {
     children;
     constructor(props = {}) {
       props = Array.isArray(props) ? { children: props } : props;
       const { children = [] } = props;
-      import_core12.log.assert(
+      import_core13.log.assert(
         children.every((child) => child instanceof ScenegraphNode),
         "every child must an instance of ScenegraphNode"
       );
@@ -6263,7 +6343,7 @@ void main(void) {
   var import_shadertools5 = __toESM(require_shadertools(), 1);
 
   // src/compute/swap.ts
-  var import_core14 = __toESM(require_core(), 1);
+  var import_core15 = __toESM(require_core(), 1);
   var Swap = class {
     /** The current resource - usually the source for renders or computations */
     current;
@@ -6291,7 +6371,7 @@ void main(void) {
       let colorAttachments = props.colorAttachments?.map(
         (colorAttachment) => typeof colorAttachment !== "string" ? colorAttachment : device.createTexture({
           format: colorAttachment,
-          usage: import_core14.Texture.SAMPLE | import_core14.Texture.RENDER | import_core14.Texture.COPY_SRC | import_core14.Texture.COPY_DST,
+          usage: import_core15.Texture.SAMPLE | import_core15.Texture.RENDER | import_core15.Texture.COPY_SRC | import_core15.Texture.COPY_DST,
           width: 1,
           height: 1
         })
@@ -6300,7 +6380,7 @@ void main(void) {
       colorAttachments = props.colorAttachments?.map(
         (colorAttachment) => typeof colorAttachment !== "string" ? colorAttachment : device.createTexture({
           format: colorAttachment,
-          usage: import_core14.Texture.TEXTURE | import_core14.Texture.COPY_SRC | import_core14.Texture.COPY_DST | import_core14.Texture.RENDER_ATTACHMENT,
+          usage: import_core15.Texture.TEXTURE | import_core15.Texture.COPY_SRC | import_core15.Texture.COPY_DST | import_core15.Texture.RENDER_ATTACHMENT,
           width: 1,
           height: 1
         })
@@ -6644,7 +6724,7 @@ void main() {
   };
 
   // src/compute/computation.ts
-  var import_core15 = __toESM(require_core(), 1);
+  var import_core16 = __toESM(require_core(), 1);
   var import_shadertools6 = __toESM(require_shadertools(), 1);
   var LOG_DRAW_PRIORITY2 = 2;
   var LOG_DRAW_TIMEOUT2 = 1e4;
@@ -6743,7 +6823,7 @@ void main() {
     }
     setShaderInputs(shaderInputs) {
       this.shaderInputs = shaderInputs;
-      this._uniformStore = new import_core15.UniformStore(this.shaderInputs.modules);
+      this._uniformStore = new import_core16.UniformStore(this.shaderInputs.modules);
       for (const moduleName of Object.keys(this.shaderInputs.modules)) {
         const uniformBuffer = this._uniformStore.getManagedUniformBuffer(this.device, moduleName);
         this.bindings[`${moduleName}Uniforms`] = uniformBuffer;
@@ -6780,7 +6860,7 @@ void main() {
       if (this._pipelineNeedsUpdate) {
         let prevShader = null;
         if (this.pipeline) {
-          import_core15.log.log(
+          import_core16.log.log(
             1,
             `Model ${this.id}: Recreating pipeline because "${this._pipelineNeedsUpdate}".`
           )();
@@ -6807,33 +6887,33 @@ void main() {
     _lastLogTime = 0;
     _logOpen = false;
     _logDrawCallStart() {
-      const logDrawTimeout = import_core15.log.level > 3 ? 0 : LOG_DRAW_TIMEOUT2;
-      if (import_core15.log.level < 2 || Date.now() - this._lastLogTime < logDrawTimeout) {
+      const logDrawTimeout = import_core16.log.level > 3 ? 0 : LOG_DRAW_TIMEOUT2;
+      if (import_core16.log.level < 2 || Date.now() - this._lastLogTime < logDrawTimeout) {
         return;
       }
       this._lastLogTime = Date.now();
       this._logOpen = true;
-      import_core15.log.group(LOG_DRAW_PRIORITY2, `>>> DRAWING MODEL ${this.id}`, { collapsed: import_core15.log.level <= 2 })();
+      import_core16.log.group(LOG_DRAW_PRIORITY2, `>>> DRAWING MODEL ${this.id}`, { collapsed: import_core16.log.level <= 2 })();
     }
     _logDrawCallEnd() {
       if (this._logOpen) {
         const uniformTable = this.shaderInputs.getDebugTable();
-        import_core15.log.table(LOG_DRAW_PRIORITY2, uniformTable)();
-        import_core15.log.groupEnd(LOG_DRAW_PRIORITY2)();
+        import_core16.log.table(LOG_DRAW_PRIORITY2, uniformTable)();
+        import_core16.log.groupEnd(LOG_DRAW_PRIORITY2)();
         this._logOpen = false;
       }
     }
     _drawCount = 0;
     // TODO - fix typing of luma data types
     _getBufferOrConstantValues(attribute, dataType) {
-      const TypedArrayConstructor = (0, import_core15.getTypedArrayFromDataType)(dataType);
-      const typedArray = attribute instanceof import_core15.Buffer ? new TypedArrayConstructor(attribute.debugData) : attribute;
+      const TypedArrayConstructor = (0, import_core16.getTypedArrayConstructor)(dataType);
+      const typedArray = attribute instanceof import_core16.Buffer ? new TypedArrayConstructor(attribute.debugData) : attribute;
       return typedArray.toString();
     }
   };
   var Computation = _Computation;
   __publicField(Computation, "defaultProps", {
-    ...import_core15.ComputePipeline.defaultProps,
+    ...import_core16.ComputePipeline.defaultProps,
     id: "unnamed",
     handle: void 0,
     userData: {},
@@ -6993,7 +7073,7 @@ uniform pickingUniforms {
       });
       return pickingPass;
     }
-    getPickInfo(mousePosition) {
+    async updatePickInfo(mousePosition) {
       const framebuffer = this.getFramebuffer();
       const [pickX, pickY] = this.getPickPosition(mousePosition);
       const pixelData = this.device.readPixelsToArrayWebGL(framebuffer, {