@vitessce/neuroglancer 3.9.6 → 4.0.0-test.0

package/dist/{ReactNeuroglancer-BSLfuCt9.js → ReactNeuroglancer-Bg6f79hO.js}

@@ -1,8 +1,5 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import React__default from "react";
-import { g as getDefaultExportFromCjs, c as commonjsGlobal, d as diffCameraState } from "./index-DvhFVdN_.js";
+import { g as getDefaultExportFromCjs, c as commonjsGlobal, d as diffCameraState } from "./index-DZhbMDug.js";
 var es6_object_assign = {};
 var _global = { exports: {} };
 var hasRequired_global;
@@ -4867,7 +4864,7 @@ function nextAfterFloat64(x, y) {
   if (isNaN(x) || isNaN(y)) return NaN;
   if (x === y) return y;
   if (x === 0) {
-    return y < 0 ? -5e-324 : denormMin;
+    return y < 0 ? -denormMin : denormMin;
   }
   float64Buf[0] = x;
   const lowIndex = ENDIANNESS === Endianness.LITTLE ? 0 : 1;
@@ -11307,7 +11304,7 @@ function shaderCodeWithLineDirective(code, sourceStringNumber = 1, line = 0) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class Buffer2 {
+class Buffer {
   constructor(gl, bufferType = WebGL2RenderingContext.ARRAY_BUFFER) {
     this.gl = gl;
     this.bufferType = bufferType;
@@ -11338,14 +11335,14 @@ class Buffer2 {
     this.gl = void 0;
   }
   static fromData(gl, data, bufferType, usage) {
-    let buffer = new Buffer2(gl, bufferType);
+    let buffer = new Buffer(gl, bufferType);
     buffer.setData(data, usage);
     return buffer;
   }
 }
 function getMemoizedBuffer(gl, bufferType, getter, ...args) {
   return gl.memoize.get(stableStringify({ id: "getMemoizedBuffer", getter: getObjectId(getter), args }), () => {
-    const result = new RefCountedValue(Buffer2.fromData(gl, getter(...args), bufferType, WebGL2RenderingContext.STATIC_DRAW));
+    const result = new RefCountedValue(Buffer.fromData(gl, getter(...args), bufferType, WebGL2RenderingContext.STATIC_DRAW));
     result.registerDisposer(result.value);
     return result;
   });
@@ -22412,9 +22409,9 @@ var __decorate$5 = function(decorators, target, key, desc) {
 const tempMat4$5 = create$4();
 const tempMat3$1 = create$5();
 function copyMeshDataToGpu(gl, chunk) {
-  chunk.vertexBuffer = Buffer2.fromData(gl, chunk.meshData.vertexPositions, gl.ARRAY_BUFFER, gl.STATIC_DRAW);
-  chunk.indexBuffer = Buffer2.fromData(gl, chunk.meshData.indices, gl.ELEMENT_ARRAY_BUFFER, gl.STATIC_DRAW);
-  chunk.normalBuffer = Buffer2.fromData(gl, chunk.meshData.vertexNormals, gl.ARRAY_BUFFER, gl.STATIC_DRAW);
+  chunk.vertexBuffer = Buffer.fromData(gl, chunk.meshData.vertexPositions, gl.ARRAY_BUFFER, gl.STATIC_DRAW);
+  chunk.indexBuffer = Buffer.fromData(gl, chunk.meshData.indices, gl.ELEMENT_ARRAY_BUFFER, gl.STATIC_DRAW);
+  chunk.normalBuffer = Buffer.fromData(gl, chunk.meshData.vertexNormals, gl.ARRAY_BUFFER, gl.STATIC_DRAW);
 }
 function freeGpuMeshData(chunk) {
   chunk.vertexBuffer.dispose();
@@ -23364,7 +23361,7 @@ int getVertexId () {
 class VertexIdHelper extends RefCounted {
   constructor(gl) {
     super();
-    this.buffer = new Buffer2(gl);
+    this.buffer = new Buffer(gl);
     this.size = 0;
   }
   disposed() {
@@ -23841,7 +23838,7 @@ class SkeletonChunk extends Chunk {
       vertexAttributeTextures[i] = texture;
     }
     gl.bindTexture(WebGL2RenderingContext.TEXTURE_2D, null);
-    this.indexBuffer = Buffer2.fromData(gl, this.indices, WebGL2RenderingContext.ARRAY_BUFFER, WebGL2RenderingContext.STATIC_DRAW);
+    this.indexBuffer = Buffer.fromData(gl, this.indices, WebGL2RenderingContext.ARRAY_BUFFER, WebGL2RenderingContext.STATIC_DRAW);
   }
   freeGPUMemory(gl) {
     super.freeGPUMemory(gl);
@@ -27535,9 +27532,9 @@ class AxesLineHelper extends RefCounted {
   constructor(gl) {
     super();
     this.gl = gl;
-    this.vertexBuffer = this.registerDisposer(Buffer2.fromData(gl, new Float32Array([0, 0, 0, 1, 1, 0, 0, 1, 0, 0, 0, 1, 0, 1, 0, 1, 0, 0, 0, 1, 0, 0, 1, 1]), gl.ARRAY_BUFFER, gl.STATIC_DRAW));
+    this.vertexBuffer = this.registerDisposer(Buffer.fromData(gl, new Float32Array([0, 0, 0, 1, 1, 0, 0, 1, 0, 0, 0, 1, 0, 1, 0, 1, 0, 0, 0, 1, 0, 0, 1, 1]), gl.ARRAY_BUFFER, gl.STATIC_DRAW));
     let alpha = 0.5;
-    this.colorBuffer = this.registerDisposer(Buffer2.fromData(gl, new Float32Array([1, 0, 0, alpha, 1, 0, 0, alpha, 0, 1, 0, alpha, 0, 1, 0, alpha, 0, 0, 1, alpha, 0, 0, 1, alpha]), gl.ARRAY_BUFFER, gl.STATIC_DRAW));
+    this.colorBuffer = this.registerDisposer(Buffer.fromData(gl, new Float32Array([1, 0, 0, alpha, 1, 0, 0, alpha, 0, 1, 0, alpha, 0, 1, 0, alpha, 0, 0, 1, alpha, 0, 0, 1, alpha]), gl.ARRAY_BUFFER, gl.STATIC_DRAW));
     this.trivialColorShader = this.registerDisposer(trivialColorShader(gl));
   }
   static get(gl) {
@@ -51921,7 +51918,7 @@ void setBoundingBoxFillColor(vec4 color) {
 class PerspectiveViewRenderHelper extends RenderHelper$4 {
   constructor() {
     super(...arguments);
-    this.edgeBoxCornerOffsetsBuffer = this.registerDisposer(Buffer2.fromData(this.gl, tile2dArray(
+    this.edgeBoxCornerOffsetsBuffer = this.registerDisposer(Buffer.fromData(this.gl, tile2dArray(
       edgeBoxCornerOffsetData,
       /*majorDimension=*/
       7,
@@ -51961,7 +51958,7 @@ ${this.setPartIndex(builder, "uint(aBoxCornerOffset2.w)")};
 emitAnnotation(vec4(vColor.rgb, getLineAlpha() * vClipCoefficient));
 `);
     });
-    this.boxCornerOffsetsBuffer = this.registerDisposer(Buffer2.fromData(this.gl, tile2dArray(
+    this.boxCornerOffsetsBuffer = this.registerDisposer(Buffer.fromData(this.gl, tile2dArray(
       vertexBasePositions,
       /*majorDimension=*/
       3,
@@ -53457,7 +53454,7 @@ class AnnotationLayer extends RefCounted {
       if (this.generation !== generation) {
         let buffer = this.buffer;
         if (buffer === void 0) {
-          buffer = this.buffer = this.registerDisposer(new Buffer2(this.chunkManager.gl));
+          buffer = this.buffer = this.registerDisposer(new Buffer(this.chunkManager.gl));
         }
         this.generation = generation;
         const serializedAnnotations = this.serializedAnnotations = serializeAnnotationSet(source, segmentationFilter(this.segmentationStates.value));
@@ -53584,7 +53581,7 @@ function AnnotationRenderLayer(Base2, renderHelperType) {
       if (!chunk.bufferValid) {
         let buffer = chunk.buffer;
         if (buffer === void 0) {
-          buffer = chunk.buffer = new Buffer2(this.gl);
+          buffer = chunk.buffer = new Buffer(this.gl);
         }
         const serializedAnnotations = chunk.serializedAnnotations;
         buffer.setData(serializedAnnotations.data);
@@ -66830,173 +66827,21 @@ function getSelectedAnnotationId(key, layerName) {
   return null;
 }
 class Neuroglancer extends React__default.Component {
+  static defaultProps = {
+    perspectiveZoom: 20,
+    eventBindingsToUpdate: null,
+    brainMapsClientId: "NOT_A_VALID_ID",
+    viewerState: null,
+    onSelectedChanged: null,
+    onVisibleChanged: null,
+    onSelectionDetailsStateChanged: null,
+    onViewerStateChanged: null,
+    key: null,
+    callbacks: [],
+    ngServer: "https://neuroglancer-demo.appspot.com/"
+  };
   constructor(props) {
     super(props);
-    __publicField(this, "minimalPoseSnapshot", () => {
-      var _a, _b;
-      const v = this.viewer;
-      const projScale = (_a = v.projectionScale) == null ? void 0 : _a.value;
-      const projQuat = (_b = v.projectionOrientation) == null ? void 0 : _b.orientation;
-      return {
-        position: Array.from(v.position.value || []),
-        projectionScale: projScale,
-        projectionOrientation: Array.from(projQuat || [])
-      };
-    });
-    // Coalesce many NG changes → one upstream update per frame.
-    __publicField(this, "scheduleEmit", () => {
-      let raf = null;
-      return () => {
-        if (this.muteViewerChanged) return;
-        if (raf !== null) return;
-        raf = requestAnimationFrame(() => {
-          var _a, _b;
-          raf = null;
-          (_b = (_a = this.props).onViewerStateChanged) == null ? void 0 : _b.call(_a, this.minimalPoseSnapshot());
-        });
-      };
-    });
-    // Guard to mute outgoing emits we are programmatically making changes
-    __publicField(this, "withoutEmitting", (fn) => {
-      this.muteViewerChanged = true;
-      try {
-        fn();
-      } finally {
-        requestAnimationFrame(() => {
-          this.muteViewerChanged = false;
-        });
-      }
-    });
-    // Only consider actual changes in camera settings, i.e., position/rotation/zoom
-    __publicField(this, "didLayersChange", (prevVS, nextVS) => {
-      const stripColors = (layers) => (layers || []).map((l) => {
-        if (!l) return l;
-        const { segmentColors, ...rest } = l;
-        return rest;
-      });
-      const prevLayers = stripColors(prevVS == null ? void 0 : prevVS.layers);
-      const nextLayers = stripColors(nextVS == null ? void 0 : nextVS.layers);
-      return JSON.stringify(prevLayers) !== JSON.stringify(nextLayers);
-    });
-    /* To add colors to the segments, turning unselected to grey  */
-    __publicField(this, "applyColorsAndVisibility", (cellColorMapping) => {
-      var _a, _b, _c, _d;
-      if (!this.viewer) return;
-      const selected = { ...cellColorMapping || {} };
-      for (const id of Object.keys(selected)) this.allKnownIds.add(id);
-      if (this.allKnownIds.size === 0) {
-        const init = ((_c = (_b = (_a = this.props.viewerState) == null ? void 0 : _a.layers) == null ? void 0 : _b[0]) == null ? void 0 : _c.segmentColors) || {};
-        for (const id of Object.keys(init)) this.allKnownIds.add(id);
-      }
-      const fullSegmentColors = {};
-      for (const id of this.allKnownIds) {
-        fullSegmentColors[id] = selected[id] || GREY_HEX;
-      }
-      const baseLayers = ((_d = this.props.viewerState) == null ? void 0 : _d.layers) ?? (this.viewer.state.toJSON().layers || []);
-      const newLayers = baseLayers.map((layer, idx) => {
-        if (idx === 0 || (layer == null ? void 0 : layer.type) === "segmentation") {
-          return { ...layer, segmentColors: fullSegmentColors };
-        }
-        return layer;
-      });
-      this.withoutEmitting(() => {
-        this.viewer.state.restoreState({ layers: newLayers });
-      });
-    });
-    __publicField(this, "updateEventBindings", (eventBindingsToUpdate) => {
-      const root = this.viewer.inputEventBindings;
-      const traverse = (current) => {
-        const replace = (eaMap, event0, event1) => {
-          const action = eaMap.get(event0);
-          if (action) {
-            eaMap.delete(event0);
-            if (event1) {
-              eaMap.set(event1, action);
-            }
-          }
-        };
-        const eventActionMap = current.bindings;
-        eventBindingsToUpdate.forEach((oldNewBinding) => {
-          const eventOldBase = Array.isArray(oldNewBinding) ? oldNewBinding[0] : oldNewBinding;
-          const eventOldA = `at:${eventOldBase}`;
-          const eventNewA = oldNewBinding[1] ? `at:${oldNewBinding[1]}` : void 0;
-          replace(eventActionMap, eventOldA, eventNewA);
-          const eventOldB = `bubble:${eventOldBase}`;
-          const eventNewB = oldNewBinding[1] ? `bubble:${oldNewBinding[1]}` : void 0;
-          replace(eventActionMap, eventOldB, eventNewB);
-        });
-        current.parents.forEach((parent) => {
-          traverse(parent);
-        });
-      };
-      traverse(root.global);
-      traverse(root.perspectiveView);
-      traverse(root.sliceView);
-    });
-    __publicField(this, "selectionDetailsStateChanged", () => {
-      if (this.viewer) {
-        const { onSelectionDetailsStateChanged } = this.props;
-        if (onSelectionDetailsStateChanged) {
-          onSelectionDetailsStateChanged();
-        }
-      }
-    });
-    __publicField(this, "layersChanged", () => {
-      if (this.handlerRemovers) {
-        this.handlerRemovers.forEach((remover) => remover());
-      }
-      if (this.viewer) {
-        const { onSelectedChanged, onVisibleChanged } = this.props;
-        if (onSelectedChanged || onVisibleChanged) {
-          this.handlerRemovers = [];
-          for (const layer of this.viewer.layerManager.managedLayers) {
-            if (layer.layer instanceof SegmentationUserLayer) {
-              const { segmentSelectionState } = layer.layer.displayState;
-              const { visibleSegments } = layer.layer.displayState.segmentationGroupState.value;
-              if (segmentSelectionState && onSelectedChanged) {
-                const selectedChanged = this.selectedChanged.bind(
-                  void 0,
-                  layer
-                );
-                const remover = segmentSelectionState.changed.add(selectedChanged);
-                this.handlerRemovers.push(remover);
-                layer.registerDisposer(remover);
-              }
-              if (visibleSegments && onVisibleChanged) {
-                const visibleChanged = this.visibleChanged.bind(void 0, layer);
-                const remover = visibleSegments.changed.add(visibleChanged);
-                this.handlerRemovers.push(remover);
-                layer.registerDisposer(remover);
-              }
-            }
-          }
-        }
-      }
-    });
-    /* ** Vitessce Integration update start ** */
-    __publicField(this, "selectedChanged", (layer) => {
-      if (!this.viewer) return;
-      const { onSelectedChanged } = this.props;
-      if (onSelectedChanged) {
-        const { segmentSelectionState } = layer.layer.displayState;
-        if (!segmentSelectionState) return;
-        const selected = segmentSelectionState.selectedSegment;
-        if (selected) {
-          onSelectedChanged(selected, layer);
-        }
-      }
-    });
-    __publicField(this, "visibleChanged", (layer) => {
-      if (this.viewer) {
-        const { onVisibleChanged } = this.props;
-        if (onVisibleChanged) {
-          const { visibleSegments } = layer.layer.displayState.segmentationGroupState.value;
-          if (visibleSegments) {
-            onVisibleChanged(visibleSegments, layer);
-          }
-        }
-      }
-    });
     this.ngContainer = React__default.createRef();
     this.viewer = null;
     this.muteViewerChanged = false;
@@ -67007,6 +66852,74 @@ class Neuroglancer extends React__default.Component {
     this.overrideColorsById = /* @__PURE__ */ Object.create(null);
     this.allKnownIds = /* @__PURE__ */ new Set();
   }
+  minimalPoseSnapshot = () => {
+    const v = this.viewer;
+    const projScale = v.projectionScale?.value;
+    const projQuat = v.projectionOrientation?.orientation;
+    return {
+      position: Array.from(v.position.value || []),
+      projectionScale: projScale,
+      projectionOrientation: Array.from(projQuat || [])
+    };
+  };
+  // Coalesce many NG changes → one upstream update per frame.
+  scheduleEmit = () => {
+    let raf = null;
+    return () => {
+      if (this.muteViewerChanged) return;
+      if (raf !== null) return;
+      raf = requestAnimationFrame(() => {
+        raf = null;
+        this.props.onViewerStateChanged?.(this.minimalPoseSnapshot());
+      });
+    };
+  };
+  // Guard to mute outgoing emits we are programmatically making changes
+  withoutEmitting = (fn) => {
+    this.muteViewerChanged = true;
+    try {
+      fn();
+    } finally {
+      requestAnimationFrame(() => {
+        this.muteViewerChanged = false;
+      });
+    }
+  };
+  // Only consider actual changes in camera settings, i.e., position/rotation/zoom
+  didLayersChange = (prevVS, nextVS) => {
+    const stripColors = (layers) => (layers || []).map((l) => {
+      if (!l) return l;
+      const { segmentColors, ...rest } = l;
+      return rest;
+    });
+    const prevLayers = stripColors(prevVS?.layers);
+    const nextLayers = stripColors(nextVS?.layers);
+    return JSON.stringify(prevLayers) !== JSON.stringify(nextLayers);
+  };
+  /* To add colors to the segments, turning unselected to grey  */
+  applyColorsAndVisibility = (cellColorMapping) => {
+    if (!this.viewer) return;
+    const selected = { ...cellColorMapping || {} };
+    for (const id of Object.keys(selected)) this.allKnownIds.add(id);
+    if (this.allKnownIds.size === 0) {
+      const init = this.props.viewerState?.layers?.[0]?.segmentColors || {};
+      for (const id of Object.keys(init)) this.allKnownIds.add(id);
+    }
+    const fullSegmentColors = {};
+    for (const id of this.allKnownIds) {
+      fullSegmentColors[id] = selected[id] || GREY_HEX;
+    }
+    const baseLayers = this.props.viewerState?.layers ?? (this.viewer.state.toJSON().layers || []);
+    const newLayers = baseLayers.map((layer, idx) => {
+      if (idx === 0 || layer?.type === "segmentation") {
+        return { ...layer, segmentColors: fullSegmentColors };
+      }
+      return layer;
+    });
+    this.withoutEmitting(() => {
+      this.viewer.state.restoreState({ layers: newLayers });
+    });
+  };
   componentDidMount() {
     const {
       viewerState,
@@ -67049,7 +66962,6 @@ class Neuroglancer extends React__default.Component {
     }
   }
   componentDidUpdate(prevProps, prevState) {
-    var _a;
     const { viewerState, cellColorMapping } = this.props;
     const selectedSegments = {};
     for (const layer of this.viewer.layerManager.managedLayers) {
@@ -67100,8 +67012,8 @@ class Neuroglancer extends React__default.Component {
       const { segments, segmentColors, ...rest } = l;
       return rest;
     });
-    const prevLayers = (_a = prevProps.viewerState) == null ? void 0 : _a.layers;
-    const nextLayers = viewerState == null ? void 0 : viewerState.layers;
+    const prevLayers = prevProps.viewerState?.layers;
+    const nextLayers = viewerState?.layers;
     const prevCore = JSON.stringify(stripSegFields(prevLayers));
     const nextCore = JSON.stringify(stripSegFields(nextLayers));
     const sourcesChanged = prevCore !== nextCore;
@@ -67150,24 +67062,105 @@ class Neuroglancer extends React__default.Component {
       );
     });
   }
+  updateEventBindings = (eventBindingsToUpdate) => {
+    const root = this.viewer.inputEventBindings;
+    const traverse = (current) => {
+      const replace = (eaMap, event0, event1) => {
+        const action = eaMap.get(event0);
+        if (action) {
+          eaMap.delete(event0);
+          if (event1) {
+            eaMap.set(event1, action);
+          }
+        }
+      };
+      const eventActionMap = current.bindings;
+      eventBindingsToUpdate.forEach((oldNewBinding) => {
+        const eventOldBase = Array.isArray(oldNewBinding) ? oldNewBinding[0] : oldNewBinding;
+        const eventOldA = `at:${eventOldBase}`;
+        const eventNewA = oldNewBinding[1] ? `at:${oldNewBinding[1]}` : void 0;
+        replace(eventActionMap, eventOldA, eventNewA);
+        const eventOldB = `bubble:${eventOldBase}`;
+        const eventNewB = oldNewBinding[1] ? `bubble:${oldNewBinding[1]}` : void 0;
+        replace(eventActionMap, eventOldB, eventNewB);
+      });
+      current.parents.forEach((parent) => {
+        traverse(parent);
+      });
+    };
+    traverse(root.global);
+    traverse(root.perspectiveView);
+    traverse(root.sliceView);
+  };
+  selectionDetailsStateChanged = () => {
+    if (this.viewer) {
+      const { onSelectionDetailsStateChanged } = this.props;
+      if (onSelectionDetailsStateChanged) {
+        onSelectionDetailsStateChanged();
+      }
+    }
+  };
+  layersChanged = () => {
+    if (this.handlerRemovers) {
+      this.handlerRemovers.forEach((remover) => remover());
+    }
+    if (this.viewer) {
+      const { onSelectedChanged, onVisibleChanged } = this.props;
+      if (onSelectedChanged || onVisibleChanged) {
+        this.handlerRemovers = [];
+        for (const layer of this.viewer.layerManager.managedLayers) {
+          if (layer.layer instanceof SegmentationUserLayer) {
+            const { segmentSelectionState } = layer.layer.displayState;
+            const { visibleSegments } = layer.layer.displayState.segmentationGroupState.value;
+            if (segmentSelectionState && onSelectedChanged) {
+              const selectedChanged = this.selectedChanged.bind(
+                void 0,
+                layer
+              );
+              const remover = segmentSelectionState.changed.add(selectedChanged);
+              this.handlerRemovers.push(remover);
+              layer.registerDisposer(remover);
+            }
+            if (visibleSegments && onVisibleChanged) {
+              const visibleChanged = this.visibleChanged.bind(void 0, layer);
+              const remover = visibleSegments.changed.add(visibleChanged);
+              this.handlerRemovers.push(remover);
+              layer.registerDisposer(remover);
+            }
+          }
+        }
+      }
+    }
+  };
+  /* ** Vitessce Integration update start ** */
+  selectedChanged = (layer) => {
+    if (!this.viewer) return;
+    const { onSelectedChanged } = this.props;
+    if (onSelectedChanged) {
+      const { segmentSelectionState } = layer.layer.displayState;
+      if (!segmentSelectionState) return;
+      const selected = segmentSelectionState.selectedSegment;
+      if (selected) {
+        onSelectedChanged(selected, layer);
+      }
+    }
+  };
+  visibleChanged = (layer) => {
+    if (this.viewer) {
+      const { onVisibleChanged } = this.props;
+      if (onVisibleChanged) {
+        const { visibleSegments } = layer.layer.displayState.segmentationGroupState.value;
+        if (visibleSegments) {
+          onVisibleChanged(visibleSegments, layer);
+        }
+      }
+    }
+  };
   render() {
     const { perspectiveZoom } = this.props;
     return /* @__PURE__ */ React__default.createElement("div", { className: "neuroglancer-container", ref: this.ngContainer }, /* @__PURE__ */ React__default.createElement("p", null, "Neuroglancer here with zoom ", perspectiveZoom));
   }
 }
-__publicField(Neuroglancer, "defaultProps", {
-  perspectiveZoom: 20,
-  eventBindingsToUpdate: null,
-  brainMapsClientId: "NOT_A_VALID_ID",
-  viewerState: null,
-  onSelectedChanged: null,
-  onVisibleChanged: null,
-  onSelectionDetailsStateChanged: null,
-  onViewerStateChanged: null,
-  key: null,
-  callbacks: [],
-  ngServer: "https://neuroglancer-demo.appspot.com/"
-});
 export {
   addLayerSignalRemover,
   closeSelectionTab,