Apply repository-wide ESLint auto-fix formatting pass

Co-Authored-By: Codex <codex@openai.com>

src/module/cytoscapeMapTrace.js

@@ -9,13 +9,13 @@
  *   individual trace visualization.
  */
 
-import cytoscape from 'cytoscape';
-import dagre from 'cytoscape-dagre';
-import tippy from 'tippy.js';
-import 'tippy.js/dist/tippy.css';
-import { createTooltipContent } from '@/module/tooltipContent.js';
+import cytoscape from "cytoscape";
+import dagre from "cytoscape-dagre";
+import tippy from "tippy.js";
+import "tippy.js/dist/tippy.css";
+import { createTooltipContent } from "@/module/tooltipContent.js";
 
-cytoscape.use( dagre );
+cytoscape.use(dagre);
 
 /**
  * Creates a Cytoscape.js instance for rendering a single trace's
@@ -36,75 +36,79 @@ export default function cytoscapeMapTrace(nodes, edges, graphId) {
       edges: edges, // Edge data
     },
     layout: {
-      name: 'dagre',
-      rankDir: 'LR' // Vertical TB | Horizontal LR, variable from 'cytoscape-dagre' plugin
+      name: "dagre",
+      rankDir: "LR", // Vertical TB | Horizontal LR, variable from 'cytoscape-dagre' plugin
     },
     style: [
       // Node styling
       {
-        selector: 'node',
+        selector: "node",
         style: {
-          'label':
-          function(node) { // Text to display on the node
-            let text = '';
+          label: function (node) {
+            // Text to display on the node
+            let text = "";
 
             // node.data('label') accesses the original array value at node.data.label
-            text = node.data('label').length > 18 ? `${node.data('label').substr(0,15)}...` : `${node.data('label')}`;
+            text =
+              node.data("label").length > 18
+                ? `${node.data("label").substr(0, 15)}...`
+                : `${node.data("label")}`;
 
-            return text
+            return text;
           },
-          'text-opacity': 0.7,
-          'background-color': 'data(backgroundColor)',
-          'border-color': 'data(bordercolor)',
-          'border-width': '1',
-          'shape': 'data(shape)',
-          'text-wrap': 'wrap',
-          'text-max-width': 75,
-          'text-halign': 'center',
-          'text-valign': 'center',
-          'height': 'data(height)',
-          'width': 'data(width)',
-          'color': '#001933',
-          'font-size': 14,
-        }
+          "text-opacity": 0.7,
+          "background-color": "data(backgroundColor)",
+          "border-color": "data(bordercolor)",
+          "border-width": "1",
+          shape: "data(shape)",
+          "text-wrap": "wrap",
+          "text-max-width": 75,
+          "text-halign": "center",
+          "text-valign": "center",
+          height: "data(height)",
+          width: "data(width)",
+          color: "#001933",
+          "font-size": 14,
+        },
       },
       // Edge styling
       {
-        selector: 'edge',
+        selector: "edge",
         style: {
-          'curve-style': 'taxi', // unbundled-bezier | taxi
-          'target-arrow-shape': 'triangle', // Arrow shape pointing to target: triangle
-          'color': 'gray', //#0066cc
-          'width': 'data(lineWidth)',
-          'line-style': 'data(style)',
-        }
+          "curve-style": "taxi", // unbundled-bezier | taxi
+          "target-arrow-shape": "triangle", // Arrow shape pointing to target: triangle
+          color: "gray", //#0066cc
+          width: "data(lineWidth)",
+          "line-style": "data(style)",
+        },
       },
       // Style changes when a node is selected
       {
-        selector: 'node:selected',
-        style:{
-         'border-color': 'red',
-         'border-width': '3',
-        }
+        selector: "node:selected",
+        style: {
+          "border-color": "red",
+          "border-width": "3",
+        },
       },
     ],
   });
 
   // creat tippy.js
   let tip;
-  cy.on('mouseover', 'node', function(event) {
-    const node = event.target
-    let ref = node.popperRef()
-    let dummyDomEle = document.createElement('div');
-    let content = createTooltipContent(node.data('label'));
-    tip = new tippy(dummyDomEle, { // tippy props:
-        getReferenceClientRect: ref.getBoundingClientRect,
-        trigger: 'manual',
-        content:content
-        });
+  cy.on("mouseover", "node", function (event) {
+    const node = event.target;
+    let ref = node.popperRef();
+    let dummyDomEle = document.createElement("div");
+    let content = createTooltipContent(node.data("label"));
+    tip = new tippy(dummyDomEle, {
+      // tippy props:
+      getReferenceClientRect: ref.getBoundingClientRect,
+      trigger: "manual",
+      content: content,
+    });
     tip.show();
-  })
-  cy.on('mouseout', 'node', function(event) {
+  });
+  cy.on("mouseout", "node", function (event) {
     tip.hide();
   });
 }