feat: auto ranges detection based on window zoom

src/component/reducer/actions/RangesActions.ts

@@ -1,5 +1,6 @@
 import { Draft, original } from 'immer';
 import cloneDeep from 'lodash/cloneDeep';
+import { xFindClosestIndex } from 'ml-spectra-processing';
 
 import { Filters } from '../../../data/Filters';
 import * as FiltersManager from '../../../data/FiltersManager';
@@ -33,7 +34,17 @@ import { setDomain } from './DomainActions';
 function handleAutoRangesDetection(draft: Draft<State>, detectionOptions) {
   if (draft.activeSpectrum?.id) {
     const { index } = draft.activeSpectrum;
-    detectRanges(draft.data[index], detectionOptions);
+    const datum = draft.data[index] as Datum1D;
+
+    const [from, to] = draft.xDomain;
+    const windowFromIndex = xFindClosestIndex(datum.data.x, from);
+    const windowToIndex = xFindClosestIndex(datum.data.x, to);
+
+    detectRanges(datum, {
+      ...detectionOptions,
+      windowFromIndex,
+      windowToIndex,
+    });
     handleOnChangeRangesData(draft);
   }
 }

src/data/data1d/autoRangesDetection.js

@@ -18,12 +18,15 @@ export default function autoRangesDetection(datum1D, options = {}) {
   // we calculate the noise but this could be improved
   let noiseLevel = xAbsoluteMedian(datum1D.data.re);
 
-  const { re, x } = datum1D.data;
+  let { re, x } = datum1D.data;
+
   const { originFrequency, nucleus } = datum1D.info;
 
+  const { windowFromIndex, windowToIndex, peakPicking } = options;
+
   const peakPickingOptions = {
     ...defaultPeakPickingOptions,
-    ...options.peakPicking,
+    ...peakPicking,
   };
 
   const rangesOptions = {
@@ -32,6 +35,11 @@ export default function autoRangesDetection(datum1D, options = {}) {
     noiseLevel: 3 * noiseLevel,
   };
 
+  if (windowFromIndex !== undefined && windowToIndex !== undefined) {
+    x = x.slice(windowFromIndex, windowToIndex);
+    re = re.slice(windowFromIndex, windowToIndex);
+  }
+
   const ranges = xyAutoRangesPicking(
     { x, y: re },
     {