Refactor Java artifact dependencies visualization

Author: JohT

graph-visualization/artifactDependenciesGraph/artifactDependenciesGraph.js

@@ -3,6 +3,11 @@ div {
     height: 100vh;
 }
 
+div.vis-tooltip {
+    font-size: 4px;
+    overflow-y: auto;
+}
+
 .indexedVisualization {
     margin-top: 10px;
     margin-left: 10px;

graph-visualization/index.css

@@ -6,13 +6,14 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <title>Graph Visualization with neovis.js</title>
+    <title>Java Artifact Dependencies Graph Visualization with neovis.js</title>
 
-    <link rel="stylesheet" href="./../index.css">
     <script src="./../node_modules/neovis.js/dist/neovis.js"></script>
     <script type="text/javascript" src="./../vis-configuration-presets.js"></script>
     <script type="text/javascript" src="./../visualization-pagination.js"></script>
-    <script type="text/javascript" src="artifactDependenciesGraph.js"></script>
+    <script type="text/javascript" src="graphVisualizationJavaArtifactDependencies.js"></script>
+    
+    <link rel="stylesheet" href="./../index.css">
 </head>
 
 <body">

graph-visualization/artifactDependenciesGraph/artifactDependenciesGraph.html renamed to graph-visualization/java-artifact-dependencies/graphVisualizationJavaArtifactDependencies.html

@@ -0,0 +1,55 @@
+function getNeo4jCredentials() {
+  return {
+    serverUrl: "bolt://localhost:7687",
+    serverUser: "neo4j",
+    serverPassword: document.getElementById("neo4j-server-password").value,
+  };
+}
+
+function getConfiguration(credentials, visConfiguration, containerId = "visualizations") {
+  return {
+    containerId: containerId,
+    neo4j: credentials,
+    visConfig: visConfiguration,
+    // Note: "defaultLabelConfig" is used instead of named label configs: { NameOfTheLabel: {...}, ...}
+    //       The reason for that is that neovis.js takes the first label that is returned by Neo4j.
+    //       If there are multiple Labels this is not stable to use.
+    //       Since we only expect one type of labels here (homogenous graph) we can simply use the default label config.
+    //       Reference: https://github.com/neo4j-contrib/neovis.js/blob/cef0aa16d647ffe0fd9ca457bcffa6e0cb7c55c8/src/neovis.ts#L524
+    defaultLabelConfig: {
+      [NeoVis.NEOVIS_ADVANCED_CONFIG]: {
+        function: {
+          // Print all properties for the title (when nodes are clicked)
+          title: NeoVis.objectToTitleHtml,
+          // Use "fileName" as label. Remove leading slash, trailing ".jar", version number and a trailing word like "Final".
+          label: (node) =>
+            node.properties.fileName
+              .replace("/", "")
+              .replace(".jar", "")
+              .replace(/[\d\.\-\_v]+\w+$/gm, "") +
+            "(" +
+            node.properties.maxDistanceFromSource +
+            ")",
+        },
+      },
+    },
+    relationships: {
+      DEPENDS_ON: {
+        label: false,
+        value: "weight",
+        [NeoVis.NEOVIS_ADVANCED_CONFIG]: {
+          function: {
+            title: NeoVis.objectToTitleHtml,
+          },
+        },
+      },
+    },
+    initialCypher:
+      "MATCH (artifact:Artifact)-[dependency:DEPENDS_ON*0..1]->(dependent:Artifact) WHERE artifact.topologicalSortIndex >= 0 AND dependent.topologicalSortIndex >= 0 AND artifact <> dependent RETURN artifact,dependency,dependent ORDER BY dependent.topologicalSortIndex, artifact.topologicalSortIndex SKIP toInteger($startIndex) LIMIT toInteger($blockSize)",
+  };
+}
+
+function draw() {
+  const config = getConfiguration(getNeo4jCredentials(), hierarchicalHexagons());
+  paginatedGraphVisualization({ containerElementId: "visualizations", neoVizConfiguration: config });
+}