fix: serialize spectra object

Author: hamed-musallam

src/NMRiumWrapper.tsx

@@ -7,6 +7,7 @@ import { useLoadSpectra } from './hooks/useLoadSpectra';
 import { usePreferences } from './hooks/usePreferences';
 import { useWhiteList } from './hooks/useWhiteList';
 import AboutUsModal from './modal/AboutUsModal';
+import { mapSpectra } from './utilities/mapSpectra';
 
 const styles: Record<'container' | 'loadingContainer', CSSProperties> = {
   container: {
@@ -39,7 +40,13 @@ export default function NMRiumWrapper() {
 
   const { workspace, preferences, defaultEmptyMessage } = usePreferences();
   const dataChangeHandler = useCallback<NMRiumChangeCb>((state, source) => {
-    events.trigger('data-change', { state, source });
+    //TODO: remove map spectra once this issue resolved
+    //a temporary fix by remove the `logger` and `keepSource` objects from each spectrum, this should removed once we solve the issue in nmr-load-save
+    state.data.spectra = mapSpectra(state.data.spectra);
+    events.trigger('data-change', {
+      state,
+      source,
+    });
   }, []);
 
   const { load: loadSpectra, isLoading, data: loadedData } = useLoadSpectra();

src/hooks/useLoadSpectra.ts

@@ -11,6 +11,7 @@ import { useCallback, useMemo, useState } from 'react';
 import events from '../events';
 import { getFileNameFromURL } from '../utilities/getFileNameFromURL';
 import { isArrayOfString } from '../utilities/isArrayOfString';
+import { mapSpectra } from '../utilities/mapSpectra';
 
 const PARSING_OPTIONS: Partial<ParsingOptions> = {
   onLoadProcessing: { autoProcessing: true },
@@ -23,7 +24,10 @@ async function loadSpectraFromFiles(files: File[]) {
   const {
     nmriumState: { data },
   } = await read(fileCollection, PARSING_OPTIONS);
-  return data;
+  //TODO: remove map spectra once this issue resolved
+  //a temporary fix by remove the `logger` and `keepSource` objects from each spectrum, this should removed once we solve the issue in nmr-load-save
+  const mapData = { ...data, spectra: mapSpectra(data?.spectra) };
+  return mapData;
 }
 
 async function loadSpectraFromURLs(urls: string[]) {
@@ -39,6 +43,11 @@ async function loadSpectraFromURLs(urls: string[]) {
   }, []);
 
   const { data } = await readFromWebSource({ entries }, PARSING_OPTIONS);
+  //TODO: remove map spectra once this issue resolved
+  //a temporary fix by remove the `logger` and `keepSource` objects from each spectrum, this should removed once we solve the issue in nmr-load-save
+  const mapData = { ...data, spectra: mapSpectra(data?.spectra) };
+  return mapData;
+
   return data;
 }
 

src/utilities/mapSpectra.ts

@@ -0,0 +1,17 @@
+/* eslint-disable @typescript-eslint/dot-notation */
+import { Spectrum } from 'nmr-load-save';
+
+export function mapSpectra(spectra?: Spectrum[]) {
+  if (!spectra) return [];
+
+  return spectra.map((spectrum) => {
+    const cloneSpectrum = { ...spectrum };
+    if ('logger' in cloneSpectrum || 'keepSource' in cloneSpectrum) {
+      // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
+      delete cloneSpectrum['logger'];
+      // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
+      delete cloneSpectrum['keepSource'];
+    }
+    return cloneSpectrum;
+  }, []);
+}