[Layout Quality] Debounce layout quality metric

gephi · Jun 13, 2024 · fcde127 · fcde127
1 parent 6fda4be
commit fcde127
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/core/layouts/index.ts b/src/core/layouts/index.ts
@@ -1,4 +1,5 @@
-import connectedCloseness from "graphology-metrics/layout-quality/connected-closeness";
+import { connectedCloseness } from "graphology-metrics/layout-quality";
+import { debounce } from "lodash";
 
 import { graphDatasetActions, graphDatasetAtom, sigmaGraphAtom } from "../graph";
 import { dataGraphToFullGraph } from "../graph/utils";
@@ -107,13 +108,14 @@ layoutStateAtom.bind((layoutState, prevState) => {
   const { computeLayoutQualityMetric } = layoutActions;
 
   if (updatedQualityKeys.has("enabled")) {
+    const fn = debounce(computeLayoutQualityMetric, 500, { leading: true, maxWait: 500 });
     if (layoutState.quality.enabled) {
       computeLayoutQualityMetric();
-      sigmaGraphAtom.get().on("nodeAttributesUpdated", computeLayoutQualityMetric);
-      sigmaGraphAtom.get().on("eachNodeAttributesUpdated", computeLayoutQualityMetric);
+      sigmaGraphAtom.get().on("nodeAttributesUpdated", fn);
+      sigmaGraphAtom.get().on("eachNodeAttributesUpdated", fn);
     } else {
-      sigmaGraphAtom.get().off("eachNodeAttributesUpdated", computeLayoutQualityMetric);
-      sigmaGraphAtom.get().off("nodeAttributesUpdated", computeLayoutQualityMetric);
+      sigmaGraphAtom.get().off("eachNodeAttributesUpdated", fn);
+      sigmaGraphAtom.get().off("nodeAttributesUpdated", fn);
     }
   }
 });