format src/js/netjsongraph.render.js

Author: atif09

src/js/netjsongraph.render.js

@@ -1,5 +1,10 @@
 import * as echarts from "echarts/core";
-import {GraphChart, EffectScatterChart, LinesChart, ScatterChart} from "echarts/charts";
+import {
+  GraphChart,
+  EffectScatterChart,
+  LinesChart,
+  ScatterChart,
+} from "echarts/charts";
 import {
   TooltipComponent,
   TitleComponent,
@@ -200,7 +205,8 @@ class NetJSONGraphRender {
       {
         ...baseGraphSeries,
         id: "network-graph",
-        type: configs.graphConfig.series.type === "graphGL" ? "graphGL" : "graph",
+        type:
+          configs.graphConfig.series.type === "graphGL" ? "graphGL" : "graph",
         layout:
           configs.graphConfig.series.type === "graphGL"
             ? "forceAtlas2"
@@ -267,7 +273,11 @@ class NetJSONGraphRender {
         if (!location || !location.lng || !location.lat) {
           console.error(`Node ${node.id} position is undefined!`);
         } else {
-          const {nodeEmphasisConfig} = self.utils.getNodeStyle(node, configs, "map");
+          const {nodeEmphasisConfig} = self.utils.getNodeStyle(
+            node,
+            configs,
+            "map",
+          );
 
           let nodeName = "";
           if (typeof node.label === "string") {
@@ -384,7 +394,8 @@ class NetJSONGraphRender {
               : nodeSizeConfig;
           }
           return (
-            (configs.mapOptions.nodeConfig && configs.mapOptions.nodeConfig.nodeSize) ||
+            (configs.mapOptions.nodeConfig &&
+              configs.mapOptions.nodeConfig.nodeSize) ||
             17
           );
         },
@@ -418,7 +429,10 @@ class NetJSONGraphRender {
    *
    */
   graphRender(JSONData, self) {
-    self.utils.echartsSetOption(self.utils.generateGraphOption(JSONData, self), self);
+    self.utils.echartsSetOption(
+      self.utils.generateGraphOption(JSONData, self),
+      self,
+    );
 
     window.onresize = () => {
       self.echarts.resize();
@@ -427,26 +441,37 @@ class NetJSONGraphRender {
     // Enable wheel zoom outside graph area
     const dom = self.echarts.getDom && self.echarts.getDom();
     if (dom) {
-      dom.addEventListener("wheel", (e) => {
-        const rect = dom.getBoundingClientRect();
-        if (e.clientX < rect.left || e.clientX > rect.right || e.clientY < rect.top || e.clientY > rect.bottom) {
-          return;
-        }
-        e.preventDefault();
-        const canvas = dom.querySelector('canvas');
-        if (canvas) {
-          const r = canvas.getBoundingClientRect();
-          canvas.dispatchEvent(new WheelEvent('wheel', {
-            bubbles: true,
-            cancelable: true,
-            view: window,
-            clientX: r.left + r.width / 2,
-            clientY: r.top + r.height / 2,
-            deltaY: -e.deltaY,
-            deltaMode: e.deltaMode,
-          }));
-        }
-      }, {passive: false});
+      dom.addEventListener(
+        "wheel",
+        (e) => {
+          const rect = dom.getBoundingClientRect();
+          if (
+            e.clientX < rect.left ||
+            e.clientX > rect.right ||
+            e.clientY < rect.top ||
+            e.clientY > rect.bottom
+          ) {
+            return;
+          }
+          e.preventDefault();
+          const canvas = dom.querySelector("canvas");
+          if (canvas) {
+            const r = canvas.getBoundingClientRect();
+            canvas.dispatchEvent(
+              new WheelEvent("wheel", {
+                bubbles: true,
+                cancelable: true,
+                view: window,
+                clientX: r.left + r.width / 2,
+                clientY: r.top + r.height / 2,
+                deltaY: -e.deltaY,
+                deltaMode: e.deltaMode,
+              }),
+            );
+          }
+        },
+        {passive: false},
+      );
     }
 
     // Toggle labels on zoom threshold crossing
@@ -640,22 +665,29 @@ class NetJSONGraphRender {
         self.leaflet.getZoom() >= self.config.loadMoreAtZoomLevel &&
         self.hasMoreData
       ) {
-        const data = await self.utils.getBBoxData.call(self, self.JSONParam, bounds);
+        const data = await self.utils.getBBoxData.call(
+          self,
+          self.JSONParam,
+          bounds,
+        );
         self.config.prepareData.call(self, data);
         const dataNodeSet = new Set(self.data.nodes.map((n) => n.id));
         const sourceLinkSet = new Set(self.data.links.map((l) => l.source));
         const targetLinkSet = new Set(self.data.links.map((l) => l.target));
         const nodes = data.nodes.filter((node) => !dataNodeSet.has(node.id));
         const links = data.links.filter(
-          (link) => !sourceLinkSet.has(link.source) && !targetLinkSet.has(link.target),
+          (link) =>
+            !sourceLinkSet.has(link.source) && !targetLinkSet.has(link.target),
         );
         const boundsDataSet = new Set(data.nodes.map((n) => n.id));
         const nonCommonNodes = self.bboxData.nodes.filter(
           (node) => !boundsDataSet.has(node.id),
         );
         const removableNodes = new Set(nonCommonNodes.map((n) => n.id));
 
-        JSONData.nodes = JSONData.nodes.filter((node) => !removableNodes.has(node.id));
+        JSONData.nodes = JSONData.nodes.filter(
+          (node) => !removableNodes.has(node.id),
+        );
         self.bboxData.nodes = self.bboxData.nodes.concat(nodes);
         self.bboxData.links = self.bboxData.links.concat(links);
         JSONData = {
@@ -673,7 +705,8 @@ class NetJSONGraphRender {
       self.config.clustering &&
       self.config.clusteringThreshold < JSONData.nodes.length
     ) {
-      let {clusters, nonClusterNodes, nonClusterLinks} = self.utils.makeCluster(self);
+      let {clusters, nonClusterNodes, nonClusterLinks} =
+        self.utils.makeCluster(self);
 
       // Only show clusters if we're below the disableClusteringAtLevel
       if (self.leaflet.getZoom() > self.config.disableClusteringAtLevel) {
@@ -702,7 +735,10 @@ class NetJSONGraphRender {
         ) {
           // Zoom into the clicked cluster instead of expanding it
           const currentZoom = self.leaflet.getZoom();
-          const targetZoom = Math.min(currentZoom + 2, self.leaflet.getMaxZoom());
+          const targetZoom = Math.min(
+            currentZoom + 2,
+            self.leaflet.getMaxZoom(),
+          );
           self.leaflet.setView(
             [params.data.value[1], params.data.value[0]],
             targetZoom,
@@ -817,7 +853,9 @@ class NetJSONGraphRender {
         return true;
       }
       if (existingNodeIds.has(node.id)) {
-        console.warn(`Duplicate node ID ${node.id} detected during merge and skipped.`);
+        console.warn(
+          `Duplicate node ID ${node.id} detected during merge and skipped.`,
+        );
         return false;
       }
       return true;