@vitessce/scatterplot 3.7.0 → 3.8.0

package/dist/{deflate-B_q2mNjQ.js → deflate-BxyEnrsG.js}

@@ -1,5 +1,5 @@
 import { i as inflate_1 } from "./pako.esm-SxljTded.js";
-import { B as BaseDecoder } from "./index-3MaQoF6s.js";
+import { B as BaseDecoder } from "./index-BumwWP-J.js";
 class DeflateDecoder extends BaseDecoder {
   decodeBlock(buffer) {
     return inflate_1(new Uint8Array(buffer)).buffer;

package/dist/{index-3MaQoF6s.js → index-BumwWP-J.js}

@@ -105941,22 +105941,22 @@ function addDecoder(cases, importFn) {
   }
   cases.forEach((c2) => registry$1.set(c2, importFn));
 }
-addDecoder([void 0, 1], () => import("./raw-B5fgnX06.js").then((m2) => m2.default));
-addDecoder(5, () => import("./lzw-bq1KhCJW.js").then((m2) => m2.default));
+addDecoder([void 0, 1], () => import("./raw-DrfOM6es.js").then((m2) => m2.default));
+addDecoder(5, () => import("./lzw-TJDvnCZk.js").then((m2) => m2.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-Dd3Whsa_.js").then((m2) => m2.default));
-addDecoder([8, 32946], () => import("./deflate-B_q2mNjQ.js").then((m2) => m2.default));
-addDecoder(32773, () => import("./packbits-Dhncj7No.js").then((m2) => m2.default));
+addDecoder(7, () => import("./jpeg-Dgjm5b-q.js").then((m2) => m2.default));
+addDecoder([8, 32946], () => import("./deflate-BxyEnrsG.js").then((m2) => m2.default));
+addDecoder(32773, () => import("./packbits-CUf4ETKT.js").then((m2) => m2.default));
 addDecoder(
   34887,
-  () => import("./lerc-DG3xbTk6.js").then(async (m2) => {
+  () => import("./lerc-C4YXyd73.js").then(async (m2) => {
     await m2.zstd.init();
     return m2;
   }).then((m2) => m2.default)
 );
-addDecoder(50001, () => import("./webimage-CWwSjMxu.js").then((m2) => m2.default));
+addDecoder(50001, () => import("./webimage-ol5Hkbkz.js").then((m2) => m2.default));
 function decodeRowAcc(row, stride) {
   let length2 = row.length - stride;
   let offset2 = 0;
@@ -137879,6 +137879,9 @@ function getOnHoverCallback(obsIndex, setObsHighlight, setComponentHover) {
     }
   };
 }
+const ROTATION_THRESHOLD = 1;
+const ZOOM_THRESHOLD = 0.01;
+const TRANSLATION_THRESHOLD = 2;
 class AbstractSpatialOrScatterplot extends PureComponent {
   constructor(props) {
     super(props);
@@ -137886,6 +137889,7 @@ class AbstractSpatialOrScatterplot extends PureComponent {
       gl: null,
       tool: null
     };
+    this.lastApplied = null;
     this.viewport = null;
     this.onViewStateChange = this.onViewStateChange.bind(this);
     this.onInitializeViewInfo = this.onInitializeViewInfo.bind(this);
@@ -137909,6 +137913,23 @@ class AbstractSpatialOrScatterplot extends PureComponent {
       spatialAxisFixed
     } = this.props;
     const use3d = this.use3d();
+    let targetChanged = false;
+    if (nextViewState.target && viewState.target) {
+      const dx = Math.abs((nextViewState.target[0] ?? 0) - (viewState.target[0] ?? 0));
+      const dy = Math.abs((nextViewState.target[1] ?? 0) - (viewState.target[1] ?? 0));
+      const scale2 = 2 ** (nextViewState.zoom ?? 0);
+      const dxPx = Math.abs(dx) * scale2;
+      const dyPx = Math.abs(dy) * scale2;
+      targetChanged = dxPx > TRANSLATION_THRESHOLD || dyPx > TRANSLATION_THRESHOLD;
+    }
+    const prev2 = this.lastApplied || viewState;
+    const zoomChanged = Math.abs((nextViewState.zoom ?? 0) - (prev2.zoom ?? 0)) > ZOOM_THRESHOLD;
+    const orbitChanged = Math.abs((nextViewState.rotationOrbit ?? 0) - (prev2.rotationOrbit ?? 0)) > ROTATION_THRESHOLD;
+    const xChanged = Math.abs((nextViewState.rotationX ?? 0) - (prev2.rotationX ?? 0)) > ROTATION_THRESHOLD;
+    if (!(zoomChanged || orbitChanged || xChanged || targetChanged)) {
+      return;
+    }
+    this.lastApplied = nextViewState;
     setViewState({
       ...nextViewState,
       // If the axis is fixed, just use the current target in state i.e don't change target.

package/dist/index.js

@@ -1,4 +1,4 @@
-import { A, E, S, a, b, f, e, d, c } from "./index-3MaQoF6s.js";
+import { A, E, S, a, b, f, e, d, c } from "./index-BumwWP-J.js";
 export {
   A as AbstractSpatialOrScatterplot,
   E as EmptyMessage,

package/dist/{jpeg-Dd3Whsa_.js → jpeg-Dgjm5b-q.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-3MaQoF6s.js";
+import { B as BaseDecoder } from "./index-BumwWP-J.js";
 const dctZigZag = new Int32Array([
   0,
   1,

package/dist/{lerc-DG3xbTk6.js → lerc-C4YXyd73.js}

@@ -1,5 +1,5 @@
 import { i as inflate_1 } from "./pako.esm-SxljTded.js";
-import { g as getDefaultExportFromCjs, B as BaseDecoder } from "./index-3MaQoF6s.js";
+import { g as getDefaultExportFromCjs, B as BaseDecoder } from "./index-BumwWP-J.js";
 const LercParameters = {
   AddCompression: 1
 };

package/dist/{lzw-bq1KhCJW.js → lzw-TJDvnCZk.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-3MaQoF6s.js";
+import { B as BaseDecoder } from "./index-BumwWP-J.js";
 const MIN_BITS = 9;
 const CLEAR_CODE = 256;
 const EOI_CODE = 257;

package/dist/{packbits-Dhncj7No.js → packbits-CUf4ETKT.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-3MaQoF6s.js";
+import { B as BaseDecoder } from "./index-BumwWP-J.js";
 class PackbitsDecoder extends BaseDecoder {
   decodeBlock(buffer) {
     const dataView = new DataView(buffer);

package/dist/{raw-B5fgnX06.js → raw-DrfOM6es.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-3MaQoF6s.js";
+import { B as BaseDecoder } from "./index-BumwWP-J.js";
 class RawDecoder extends BaseDecoder {
   decodeBlock(buffer) {
     return buffer;

package/dist/{webimage-CWwSjMxu.js → webimage-ol5Hkbkz.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-3MaQoF6s.js";
+import { B as BaseDecoder } from "./index-BumwWP-J.js";
 class WebImageDecoder extends BaseDecoder {
   constructor() {
     super();

package/dist-tsc/shared-spatial-scatterplot/AbstractSpatialOrScatterplot.d.ts

@@ -10,6 +10,7 @@ export default class AbstractSpatialOrScatterplot {
         gl: null;
         tool: null;
     };
+    lastApplied: object | null;
     viewport: object | null;
     /**
      * Called by DeckGL upon a viewState change,

package/dist-tsc/shared-spatial-scatterplot/AbstractSpatialOrScatterplot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AbstractSpatialOrScatterplot.d.ts","sourceRoot":"","sources":["../../src/shared-spatial-scatterplot/AbstractSpatialOrScatterplot.js"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH;IACE,wBAeC;IAZC;;;MAGC;IAED,wBAAoB;IAStB;;;;;;;OAOG;IACH,gDAFG;QAAuB,SAAS,EAAxB,MAAM;KAChB,QAWA;IAED;;;;;OAKG;IACH,mCAFG;QAA0B,QAAQ,EAA1B,MAAM;KAChB,QAGA;IAED;;;;;OAKG;IACH,uBAFW,MAAM,QAIhB;IAED;;;;;OAKG;IACH,mBAFW,MAAM,QAQhB;IAgBD,qCAgFC;IAwCD;;MAEE;IAEF,iBAAa;IA1Ib;;;;;OAKG;IAEH,aALa,MAAM,EAAE,CAOpB;IAuFD;;;;;OAKG;IACH,iFAsBC;IAED;;OAEG;IAEH,2BAEC;IAQD;;;OAGG;IAEH,SAHa,OAAO,CAKnB;IAED;;;OAGG;IACH,sBA6DC;CACF"}
+{"version":3,"file":"AbstractSpatialOrScatterplot.d.ts","sourceRoot":"","sources":["../../src/shared-spatial-scatterplot/AbstractSpatialOrScatterplot.js"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH;IACE,wBAeC;IAZC;;;MAGC;IACD,2BAAuB;IACvB,wBAAoB;IAStB;;;;;;;OAOG;IACH,gDAFG;QAAuB,SAAS,EAAxB,MAAM;KAChB,QAoCA;IAED;;;;;OAKG;IACH,mCAFG;QAA0B,QAAQ,EAA1B,MAAM;KAChB,QAGA;IAED;;;;;OAKG;IACH,uBAFW,MAAM,QAIhB;IAED;;;;;OAKG;IACH,mBAFW,MAAM,QAQhB;IAgBD,qCAgFC;IAwCD;;MAEE;IAEF,iBAAa;IA1Ib;;;;;OAKG;IAEH,aALa,MAAM,EAAE,CAOpB;IAuFD;;;;;OAKG;IACH,iFAsBC;IAED;;OAEG;IAEH,2BAEC;IAQD;;;OAGG;IAEH,SAHa,OAAO,CAKnB;IAED;;;OAGG;IACH,sBA6DC;CACF"}

package/dist-tsc/shared-spatial-scatterplot/AbstractSpatialOrScatterplot.js

@@ -3,6 +3,9 @@ import React, { PureComponent } from 'react';
 import { deck, DEFAULT_GL_OPTIONS } from '@vitessce/gl';
 import ToolMenu from './ToolMenu.js';
 import { getCursor, getCursorWithTool } from './cursor.js';
+const ROTATION_THRESHOLD = 1;
+const ZOOM_THRESHOLD = 0.01;
+const TRANSLATION_THRESHOLD = 2;
 /**
  * Abstract class component intended to be inherited by
  * the Spatial and Scatterplot class components.
@@ -16,6 +19,7 @@ export default class AbstractSpatialOrScatterplot extends PureComponent {
             gl: null,
             tool: null,
         };
+        this.lastApplied = null;
         this.viewport = null;
         this.onViewStateChange = this.onViewStateChange.bind(this);
         this.onInitializeViewInfo = this.onInitializeViewInfo.bind(this);
@@ -35,6 +39,31 @@ export default class AbstractSpatialOrScatterplot extends PureComponent {
     onViewStateChange({ viewState: nextViewState }) {
         const { setViewState, viewState, spatialAxisFixed, } = this.props;
         const use3d = this.use3d();
+        // Begin changes for neuroglancer.
+        // The following logic reduces the number of viewState updates emitted,
+        // which thereby reduces the number of re-renders required of Neuroglancer
+        // (when the Neuroglancer view is coordinated with a DeckGL-based Spatial view).
+        let targetChanged = false;
+        if (nextViewState.target && viewState.target) {
+            const dx = Math.abs((nextViewState.target[0] ?? 0) - (viewState.target[0] ?? 0));
+            const dy = Math.abs((nextViewState.target[1] ?? 0) - (viewState.target[1] ?? 0));
+            const scale = 2 ** (nextViewState.zoom ?? 0);
+            const dxPx = Math.abs(dx) * scale;
+            const dyPx = Math.abs(dy) * scale;
+            targetChanged = dxPx > TRANSLATION_THRESHOLD || dyPx > TRANSLATION_THRESHOLD;
+        }
+        const prev = this.lastApplied || viewState;
+        const zoomChanged = Math.abs((nextViewState.zoom ?? 0) - (prev.zoom ?? 0))
+            > ZOOM_THRESHOLD;
+        const orbitChanged = Math.abs((nextViewState.rotationOrbit ?? 0) - (prev.rotationOrbit ?? 0))
+            > ROTATION_THRESHOLD;
+        const xChanged = Math.abs((nextViewState.rotationX ?? 0) - (prev.rotationX ?? 0))
+            > ROTATION_THRESHOLD;
+        if (!(zoomChanged || orbitChanged || xChanged || targetChanged)) {
+            return;
+        }
+        this.lastApplied = nextViewState;
+        // End changes for neuroglancer.
         setViewState({
             ...nextViewState,
             // If the axis is fixed, just use the current target in state i.e don't change target.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitessce/scatterplot",
-  "version": "3.7.0",
+  "version": "3.8.0",
   "author": "HIDIVE Lab at HMS",
   "homepage": "http://vitessce.io",
   "repository": {
@@ -21,19 +21,19 @@
     "d3-quadtree": "^1.0.7",
     "lodash-es": "^4.17.21",
     "react-aria": "^3.28.0",
-    "@vitessce/styles": "3.7.0",
-    "@vitessce/constants-internal": "3.7.0",
-    "@vitessce/gl": "3.7.0",
-    "@vitessce/icons": "3.7.0",
-    "@vitessce/tooltip": "3.7.0",
-    "@vitessce/utils": "3.7.0",
-    "@vitessce/vit-s": "3.7.0"
+    "@vitessce/styles": "3.8.0",
+    "@vitessce/constants-internal": "3.8.0",
+    "@vitessce/gl": "3.8.0",
+    "@vitessce/icons": "3.8.0",
+    "@vitessce/tooltip": "3.8.0",
+    "@vitessce/utils": "3.8.0",
+    "@vitessce/vit-s": "3.8.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "vite": "^7.0.0",
     "vitest": "^3.1.4"
   },

package/src/shared-spatial-scatterplot/AbstractSpatialOrScatterplot.js

@@ -3,6 +3,9 @@ import { deck, DEFAULT_GL_OPTIONS } from '@vitessce/gl';
 import ToolMenu from './ToolMenu.js';
 import { getCursor, getCursorWithTool } from './cursor.js';
 
+const ROTATION_THRESHOLD = 1;
+const ZOOM_THRESHOLD = 0.01;
+const TRANSLATION_THRESHOLD = 2;
 /**
  * Abstract class component intended to be inherited by
  * the Spatial and Scatterplot class components.
@@ -17,7 +20,7 @@ export default class AbstractSpatialOrScatterplot extends PureComponent {
       gl: null,
       tool: null,
     };
-
+    this.lastApplied = null;
     this.viewport = null;
     this.onViewStateChange = this.onViewStateChange.bind(this);
     this.onInitializeViewInfo = this.onInitializeViewInfo.bind(this);
@@ -40,6 +43,31 @@ export default class AbstractSpatialOrScatterplot extends PureComponent {
       setViewState, viewState, spatialAxisFixed,
     } = this.props;
     const use3d = this.use3d();
+    // Begin changes for neuroglancer.
+    // The following logic reduces the number of viewState updates emitted,
+    // which thereby reduces the number of re-renders required of Neuroglancer
+    // (when the Neuroglancer view is coordinated with a DeckGL-based Spatial view).
+    let targetChanged = false;
+    if (nextViewState.target && viewState.target) {
+      const dx = Math.abs((nextViewState.target[0] ?? 0) - (viewState.target[0] ?? 0));
+      const dy = Math.abs((nextViewState.target[1] ?? 0) - (viewState.target[1] ?? 0));
+      const scale = 2 ** (nextViewState.zoom ?? 0);
+      const dxPx = Math.abs(dx) * scale;
+      const dyPx = Math.abs(dy) * scale;
+      targetChanged = dxPx > TRANSLATION_THRESHOLD || dyPx > TRANSLATION_THRESHOLD;
+    }
+    const prev = this.lastApplied || viewState;
+    const zoomChanged = Math.abs((nextViewState.zoom ?? 0) - (prev.zoom ?? 0))
+      > ZOOM_THRESHOLD;
+    const orbitChanged = Math.abs((nextViewState.rotationOrbit ?? 0) - (prev.rotationOrbit ?? 0))
+      > ROTATION_THRESHOLD;
+    const xChanged = Math.abs((nextViewState.rotationX ?? 0) - (prev.rotationX ?? 0))
+      > ROTATION_THRESHOLD;
+    if (!(zoomChanged || orbitChanged || xChanged || targetChanged)) {
+      return;
+    }
+    this.lastApplied = nextViewState;
+    // End changes for neuroglancer.
     setViewState({
       ...nextViewState,
       // If the axis is fixed, just use the current target in state i.e don't change target.