@vitessce/neuroglancer 3.9.6 → 3.9.8

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

@@ -2,7 +2,7 @@ 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-anGvS-pL.js";
 var es6_object_assign = {};
 var _global = { exports: {} };
 var hasRequired_global;
@@ -31541,9 +31541,7 @@ const svg_bin = '<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0
 function makeDeleteButton(options = {}) {
   const icon = makeIcon(_Object$assign({ svg: svg_bin }, options));
   const svg = icon.firstElementChild;
-  if (svg) {
-    svg.style.fill = "white";
-  }
+  if (svg) svg.style.fill = "white";
   return icon;
 }
 var es6_string_raw = {};
@@ -47188,6 +47186,19 @@ class DataManagementContext extends RefCounted {
     this.frameNumberCounter = frameNumberCounter;
     const chunk_worker_url = bundleRoot + "chunk_worker.bundle.js";
     this.worker = typeof bundleRoot === "string" ? new Worker(chunk_worker_url) : bundleRoot;
+    if (typeof bundleRoot !== "string") {
+      this.worker.addEventListener("message", (msg) => {
+        var _a, _b;
+        if (((_a = msg.data) == null ? void 0 : _a.functionName) === "Worker" && ((_b = msg.data) == null ? void 0 : _b.path) === "async_computation.bundle.js") {
+          msg.stopImmediatePropagation();
+          const AsyncWorker = bundleRoot.AsyncComputationWorker;
+          if (AsyncWorker) {
+            const asyncWorker = new AsyncWorker();
+            asyncWorker.postMessage({ port: msg.data.port }, [msg.data.port]);
+          }
+        }
+      }, true);
+    }
     this.chunkQueueManager = this.registerDisposer(new ChunkQueueManager(new RPC(this.worker), this.gl, this.frameNumberCounter, {
       gpuMemory: new CapacitySpecification({ defaultItemLimit: 1e6, defaultSizeLimit: 1e9 }),
       systemMemory: new CapacitySpecification({ defaultItemLimit: 1e7, defaultSizeLimit: 2e9 }),
@@ -66879,22 +66890,29 @@ class Neuroglancer extends React__default.Component {
       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;
+    __publicField(this, "applyColorsAndVisibility", (cellColorMappingByLayer) => {
+      var _a;
       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") {
+      const baseLayers = ((_a = this.props.viewerState) == null ? void 0 : _a.layers) ?? (this.viewer.state.toJSON().layers || []);
+      const newLayers = baseLayers.map((layer) => {
+        var _a2;
+        const layerScope = Object.keys(cellColorMappingByLayer).find((scope) => {
+          var _a3;
+          return (_a3 = layer.name) == null ? void 0 : _a3.includes(scope);
+        });
+        const selected = { ...((_a2 = cellColorMappingByLayer[layerScope]) == null ? void 0 : _a2.colors) || {} };
+        if (!this.allKnownIdsByLayer) this.allKnownIdsByLayer = {};
+        if (!this.allKnownIdsByLayer[layerScope]) {
+          this.allKnownIdsByLayer[layerScope] = /* @__PURE__ */ new Set();
+        }
+        for (const id of Object.keys(selected)) {
+          this.allKnownIdsByLayer[layerScope].add(id);
+        }
+        const fullSegmentColors = {};
+        for (const id of this.allKnownIdsByLayer[layerScope] || []) {
+          fullSegmentColors[id] = selected[id] || GREY_HEX;
+        }
+        if (layer.type === "segmentation") {
           return { ...layer, segmentColors: fullSegmentColors };
         }
         return layer;
@@ -67005,7 +67023,7 @@ class Neuroglancer extends React__default.Component {
     this.disposers = [];
     this.prevColorOverrides = /* @__PURE__ */ new Set();
     this.overrideColorsById = /* @__PURE__ */ Object.create(null);
-    this.allKnownIds = /* @__PURE__ */ new Set();
+    this.allKnownIdsByLayer = {};
   }
   componentDidMount() {
     const {
@@ -67047,10 +67065,42 @@ class Neuroglancer extends React__default.Component {
     } else {
       viewerNoKey = this.viewer;
     }
+    const { visibleChunksChanged } = this.viewer.chunkQueueManager;
+    let firstChunkLoaded = false;
+    this.disposers.push(visibleChunksChanged.add(() => {
+      var _a;
+      if (!firstChunkLoaded) {
+        for (const layer of this.viewer.layerManager.managedLayers) {
+          if (layer.layer instanceof SegmentationUserLayer) {
+            const hasVisibleChunk = (_a = layer.layer.renderLayers) == null ? void 0 : _a.some((rl) => {
+              const {
+                numVisibleChunksAvailable,
+                numVisibleChunksNeeded
+              } = rl.layerChunkProgressInfo || {};
+              if (!numVisibleChunksNeeded || !numVisibleChunksAvailable) return false;
+              return numVisibleChunksAvailable / numVisibleChunksNeeded > 0.25;
+            });
+            if (hasVisibleChunk) {
+              firstChunkLoaded = true;
+              requestAnimationFrame(() => {
+                requestAnimationFrame(() => {
+                  var _a2, _b;
+                  (_b = (_a2 = this.props).onLayerLoadingChange) == null ? void 0 : _b.call(_a2, true);
+                });
+              });
+              return;
+            }
+          }
+        }
+      }
+    }));
+    this.disposers.push(() => {
+      firstChunkLoaded = false;
+    });
   }
   componentDidUpdate(prevProps, prevState) {
-    var _a;
-    const { viewerState, cellColorMapping } = this.props;
+    var _a, _b;
+    const { viewerState, cellColorMapping: cellColorMappingByLayer } = this.props;
     const selectedSegments = {};
     for (const layer of this.viewer.layerManager.managedLayers) {
       if (layer.layer instanceof SegmentationUserLayer) {
@@ -67062,6 +67112,27 @@ class Neuroglancer extends React__default.Component {
       if (layer.layer instanceof SegmentationUserLayer) {
         const { segmentSelectionState } = layer.layer.displayState;
         segmentSelectionState.set(selectedSegments[layer.name]);
+        const layerScope = Object.keys(cellColorMappingByLayer).find(
+          (scope) => {
+            var _a2;
+            return (_a2 = layer.name) == null ? void 0 : _a2.includes(scope);
+          }
+        );
+        if (layerScope) {
+          const opacity = ((_a = cellColorMappingByLayer[layerScope]) == null ? void 0 : _a.opacity) ?? 1;
+          layer.layer.displayState.objectAlpha.value = opacity;
+        }
+      }
+      if (layer.layer instanceof AnnotationUserLayer) {
+        const matchingLayer = ((viewerState == null ? void 0 : viewerState.layers) || []).find(
+          (l) => l.name === layer.name
+        );
+        if (matchingLayer == null ? void 0 : matchingLayer.shader) {
+          const currentShader = layer.layer.annotationDisplayState.shader.value_;
+          if (currentShader !== matchingLayer.shader) {
+            layer.layer.annotationDisplayState.shader.value = matchingLayer.shader;
+          }
+        }
       }
     }
     if (!viewerState) return;
@@ -67082,25 +67153,25 @@ class Neuroglancer extends React__default.Component {
       this.withoutEmitting(() => {
         const layers = Array.isArray(viewerState.layers) ? viewerState.layers : [];
         this.viewer.state.restoreState({ layers });
-        if (cellColorMapping && Object.keys(cellColorMapping).length) {
-          this.applyColorsAndVisibility(cellColorMapping);
+        if (cellColorMappingByLayer && Object.keys(cellColorMappingByLayer).length) {
+          this.applyColorsAndVisibility(cellColorMappingByLayer);
         }
       });
     }
-    const prevSize = prevProps.cellColorMapping ? Object.keys(prevProps.cellColorMapping).length : 0;
-    const currSize = cellColorMapping ? Object.keys(cellColorMapping).length : 0;
-    const mappingRefChanged = prevProps.cellColorMapping !== cellColorMapping;
+    const prevSize = prevProps.cellColorMapping ? Object.values(prevProps.cellColorMapping).reduce((acc, v) => acc + Object.keys((v == null ? void 0 : v.colors) || {}).length, 0) : 0;
+    const currSize = cellColorMappingByLayer ? Object.values(cellColorMappingByLayer).reduce((acc, v) => acc + Object.keys((v == null ? void 0 : v.colors) || {}).length, 0) : 0;
+    const mappingRefChanged = prevProps.cellColorMapping !== this.props.cellColorMapping;
     if (!this.didLayersChange(prevVS, viewerState) && (mappingRefChanged || prevSize !== currSize)) {
       this.withoutEmitting(() => {
-        this.applyColorsAndVisibility(cellColorMapping);
+        this.applyColorsAndVisibility(cellColorMappingByLayer);
       });
     }
     const stripSegFields = (layers) => (layers || []).map((l) => {
       if (!l) return l;
-      const { segments, segmentColors, ...rest } = l;
+      const { segments, segmentColors, objectAlpha, ...rest } = l;
       return rest;
     });
-    const prevLayers = (_a = prevProps.viewerState) == null ? void 0 : _a.layers;
+    const prevLayers = (_b = prevProps.viewerState) == null ? void 0 : _b.layers;
     const nextLayers = viewerState == null ? void 0 : viewerState.layers;
     const prevCore = JSON.stringify(stripSegFields(prevLayers));
     const nextCore = JSON.stringify(stripSegFields(nextLayers));
@@ -67164,6 +67235,7 @@ __publicField(Neuroglancer, "defaultProps", {
   onVisibleChanged: null,
   onSelectionDetailsStateChanged: null,
   onViewerStateChanged: null,
+  onLayerLoadingChange: null,
   key: null,
   callbacks: [],
   ngServer: "https://neuroglancer-demo.appspot.com/"