Implement performance flags structure

Performance flags (reduxState.controls.performanceFlags) represent
flags for which we enable/disable certain functionality in Auspice.
These flags shouldn't be depended on, i.e. Auspice should work just fine
without them (but may be a little slow).

src/components/tree/index.ts

@@ -30,7 +30,8 @@ const Tree = connect((state: RootState) => ({
   tipLabelKey: state.controls.tipLabelKey,
   narrativeMode: state.narrative.display,
   animationPlayPauseButton: state.controls.animationPlayPauseButton,
-  showOnlyPanels: state.controls.showOnlyPanels
+  showOnlyPanels: state.controls.showOnlyPanels,
+  performanceFlags: state.controls.performanceFlags,
 }))(UnconnectedTree);
 
 export default Tree;

src/middleware/performanceFlags.js

@@ -0,0 +1,26 @@
+import * as types from "../actions/types";
+
+/**
+ * Performance flags (reduxState.controls.performanceFlags) represent flags
+ * for which we enable/disable certain functionality in Auspice. These flags
+ * shouldn't be depended on, i.e. Auspice should work just fine without them
+ * (but may be a little slow).
+ */
+
+
+export const performanceFlags = (_store) => (next) => (action) => {
+  let modifiedAction;
+  switch (action.type) {
+    case types.URL_QUERY_CHANGE_WITH_COMPUTED_STATE: /* fallthrough */
+    case types.CLEAN_START: {
+      modifiedAction = {...action};
+      modifiedAction.controls.performanceFlags = calculate()
+    }
+  }
+  return next(modifiedAction || action); // send action to other middleware / reducers
+};
+
+function calculate() {
+  const flags = new Map();
+  return flags;
+}

src/reducers/controls.ts

@@ -137,7 +137,8 @@ export const getDefaultControlsState = () => {
     measurementsDisplay: undefined,
     measurementsShowOverallMean: undefined,
     measurementsShowThreshold: undefined,
-    measurementsFilters: {}
+    measurementsFilters: {},
+    performanceFlags: new Map(),
   };
 };
 

src/store.ts

@@ -3,10 +3,12 @@ import { changeURLMiddleware } from "./middleware/changeURL";
 import rootReducer from "./reducers";
 // import { loggingMiddleware } from "./middleware/logActions";
 import { keepScatterplotStateInSync } from "./middleware/scatterplot";
+import { performanceFlags } from "./middleware/performanceFlags";
 
 const middleware = [
   keepScatterplotStateInSync,
   changeURLMiddleware,
+  performanceFlags,
   // loggingMiddleware
 ];