debug: debounce to fetch the right dataset

deploy/datasets/index.js

@@ -6,6 +6,11 @@ init().catch(e => {
   console.warn(`dataset init failed`, e)
 })
 
+datasetsRouter.use((req, res, next) => {
+  res.setHeader('Cache-Control', 'no-cache')
+  next()
+})
+
 datasetsRouter.get('/templateName/:templateName', (req, res, next) => {
   const { templateName } = req.params
   getDatasets({ templateName })

src/atlasViewer/atlasViewer.dataService.service.ts

 import { Injectable, OnDestroy } from "@angular/core";
 import { Store, select } from "@ngrx/store";
 import { ViewerStateInterface, FETCHED_TEMPLATE, DataEntry, FETCHED_DATAENTRIES, safeFilter, FETCHED_SPATIAL_DATA, UPDATE_SPATIAL_DATA } from "../services/stateStore.service";
-import { map, distinctUntilChanged } from "rxjs/operators";
+import { map, distinctUntilChanged, debounceTime } from "rxjs/operators";
 import { Subscription, combineLatest } from "rxjs";
 import { AtlasViewerConstantsServices } from "./atlasViewer.constantService.service";
 import { PluginManifest } from "./atlasViewer.pluginService.service";
@@ -231,6 +231,8 @@ export class AtlasViewerDataService implements OnDestroy{
           map(({parcellationSelected})=>(parcellationSelected.name)),
           distinctUntilChanged()
         )
+      ).pipe(
+        debounceTime(16)
       ).subscribe((param : [string, string] ) => fetchData(param[0], param[1]))
     )
   }