Fix code formatting and style

Author: Dhruv-ub

src/js/netjsongraph.render.js

@@ -12,10 +12,10 @@ import {
   LegendComponent,
   GraphicComponent,
 } from "echarts/components";
-import { SVGRenderer } from "echarts/renderers";
+import {SVGRenderer} from "echarts/renderers";
 import L from "leaflet/dist/leaflet";
 import "echarts-gl";
-import { addPolygonOverlays } from "./netjsongraph.geojson";
+import {addPolygonOverlays} from "./netjsongraph.geojson";
 
 echarts.use([
   GraphChart,
@@ -111,7 +111,7 @@ class NetJSONGraphRender {
           ? clickElement("link", params.data.link)
           : !params.data.cluster && clickElement("node", params.data.node);
       },
-      { passive: true },
+      {passive: true},
     );
 
     return echartsLayer;
@@ -134,7 +134,7 @@ class NetJSONGraphRender {
     const configs = self.config;
     const nodes = JSONData.nodes.map((node) => {
       const nodeResult = JSON.parse(JSON.stringify(node));
-      const { nodeStyleConfig, nodeSizeConfig, nodeEmphasisConfig } =
+      const {nodeStyleConfig, nodeSizeConfig, nodeEmphasisConfig} =
         self.utils.getNodeStyle(node, configs, "graph");
 
       nodeResult.itemStyle = nodeStyleConfig;
@@ -159,21 +159,21 @@ class NetJSONGraphRender {
     });
     const links = JSONData.links.map((link) => {
       const linkResult = JSON.parse(JSON.stringify(link));
-      const { linkStyleConfig, linkEmphasisConfig } = self.utils.getLinkStyle(
+      const {linkStyleConfig, linkEmphasisConfig} = self.utils.getLinkStyle(
         link,
         configs,
         "graph",
       );
 
       linkResult.lineStyle = linkStyleConfig;
-      linkResult.emphasis = { lineStyle: linkEmphasisConfig.linkStyle };
+      linkResult.emphasis = {lineStyle: linkEmphasisConfig.linkStyle};
 
       return linkResult;
     });
 
     // Clone label config to avoid mutating defaults
-    const baseGraphSeries = { ...configs.graphConfig.series };
-    const baseGraphLabel = { ...(baseGraphSeries.label || {}) };
+    const baseGraphSeries = {...configs.graphConfig.series};
+    const baseGraphLabel = {...(baseGraphSeries.label || {})};
 
     // Shared helper to get current graph zoom level
     const getGraphZoom = () => {
@@ -217,8 +217,8 @@ class NetJSONGraphRender {
     ];
     const legend = categories.length
       ? {
-        data: categories,
-      }
+          data: categories,
+        }
       : undefined;
 
     return {
@@ -242,7 +242,7 @@ class NetJSONGraphRender {
    */
   generateMapOption(JSONData, self, clusters = []) {
     const configs = self.config;
-    const { nodes, links } = JSONData;
+    const {nodes, links} = JSONData;
     const flatNodes = JSONData.flatNodes || {};
     const linesData = [];
     let nodesData = [];
@@ -268,12 +268,12 @@ class NetJSONGraphRender {
       if (!node.properties) {
         console.error(`Node ${node.id} position is undefined!`);
       } else {
-        const { location } = node.properties;
+        const {location} = node.properties;
 
         if (!location || !location.lng || !location.lat) {
           console.error(`Node ${node.id} position is undefined!`);
         } else {
-          const { nodeEmphasisConfig } = self.utils.getNodeStyle(
+          const {nodeEmphasisConfig} = self.utils.getNodeStyle(
             node,
             configs,
             "map",
@@ -306,7 +306,7 @@ class NetJSONGraphRender {
       } else if (!flatNodes[link.target]) {
         console.warn(`Node ${link.target} does not exist!`);
       } else {
-        const { linkStyleConfig, linkEmphasisConfig } = self.utils.getLinkStyle(
+        const {linkStyleConfig, linkEmphasisConfig} = self.utils.getLinkStyle(
           link,
           configs,
           "map",
@@ -323,7 +323,7 @@ class NetJSONGraphRender {
             ],
           ],
           lineStyle: linkStyleConfig,
-          emphasis: { lineStyle: linkEmphasisConfig.linkStyle },
+          emphasis: {lineStyle: linkEmphasisConfig.linkStyle},
           link,
         });
       }
@@ -382,15 +382,15 @@ class NetJSONGraphRender {
             );
           }
           if (params.data && params.data.node) {
-            const { nodeSizeConfig } = self.utils.getNodeStyle(
+            const {nodeSizeConfig} = self.utils.getNodeStyle(
               params.data.node,
               configs,
               "map",
             );
             return typeof nodeSizeConfig === "object"
               ? (configs.mapOptions.nodeConfig &&
-                configs.mapOptions.nodeConfig.nodeSize) ||
-              17
+                  configs.mapOptions.nodeConfig.nodeSize) ||
+                  17
               : nodeSizeConfig;
           }
           return (
@@ -451,7 +451,7 @@ class NetJSONGraphRender {
           option.series[0] &&
           option.series[0].zoom >= self.config.showGraphLabelsAtZoom;
         if (labelsVisible !== self._labelsVisible) {
-          self.echarts.resize({ animation: false, silent: true });
+          self.echarts.resize({animation: false, silent: true});
           self._labelsVisible = labelsVisible;
         }
       });
@@ -545,12 +545,12 @@ class NetJSONGraphRender {
       }
 
       if (bounds && bounds.isValid()) {
-        self.leaflet.fitBounds(bounds, { padding: [20, 20] });
+        self.leaflet.fitBounds(bounds, {padding: [20, 20]});
       }
     }
 
     // 4. Resolve label visibility threshold
-    let { showMapLabelsAtZoom } = self.config;
+    let {showMapLabelsAtZoom} = self.config;
     if (showMapLabelsAtZoom === undefined) {
       if (self.config.showLabelsAtZoomLevel !== undefined) {
         showMapLabelsAtZoom = self.config.showLabelsAtZoomLevel;
@@ -685,7 +685,7 @@ class NetJSONGraphRender {
       self.config.clustering &&
       self.config.clusteringThreshold < JSONData.nodes.length
     ) {
-      let { clusters, nonClusterNodes, nonClusterLinks } =
+      let {clusters, nonClusterNodes, nonClusterLinks} =
         self.utils.makeCluster(self);
 
       // Only show clusters if we're below the disableClusteringAtLevel
@@ -770,7 +770,7 @@ class NetJSONGraphRender {
     if (self.config.render === self.utils.mapRender) {
       const opts = self.utils.generateMapOption(JSONData, self);
       opts.series.forEach((obj, index) => {
-        self.echarts.appendData({ seriesIndex: index, data: obj.data });
+        self.echarts.appendData({seriesIndex: index, data: obj.data});
       });
       // modify this.data
       self.utils.mergeData(JSONData, self);
@@ -850,4 +850,4 @@ class NetJSONGraphRender {
   }
 }
 
-export { NetJSONGraphRender, echarts, L };
+export {NetJSONGraphRender, echarts, L};