three-forcegraph - npm Package Compare versions

Comparing version 1.14.2 to 1.15.0

dist/three-forcegraph.common.js

@@ -212,2 +212,6 @@ 'use strict';
     },
+    linkVisibility: { default: true, onChange: function onChange(_, state) {
+        state.sceneNeedsRepopulating = true;
+      }
+    },
     linkColor: { default: 'color', onChange: function onChange(_, state) {
@@ -639,2 +643,3 @@ state.sceneNeedsRepopulating = true;
       var customLinkMaterialAccessor = accessorFn(state.linkMaterial);
+      var linkVisibilityAccessor = accessorFn(state.linkVisibility);
       var linkColorAccessor = accessorFn(state.linkColor);
@@ -653,2 +658,8 @@ var linkWidthAccessor = accessorFn(state.linkWidth);
       state.graphData.links.forEach(function (link) {
+        if (!linkVisibilityAccessor(link)) {
+          // Exclude non-visible links
+          link.__lineObj = link.__arrowObj = link.__photonObjs = null;
+          return;
+        }
+
         // Add line
@@ -655,0 +666,0 @@ var color = linkColorAccessor(link);

dist/three-forcegraph.module.js

@@ -208,2 +208,6 @@ import { schemePaired } from 'd3-scale-chromatic';
     },
+    linkVisibility: { default: true, onChange: function onChange(_, state) {
+        state.sceneNeedsRepopulating = true;
+      }
+    },
     linkColor: { default: 'color', onChange: function onChange(_, state) {
@@ -635,2 +639,3 @@ state.sceneNeedsRepopulating = true;
       var customLinkMaterialAccessor = accessorFn(state.linkMaterial);
+      var linkVisibilityAccessor = accessorFn(state.linkVisibility);
       var linkColorAccessor = accessorFn(state.linkColor);
@@ -649,2 +654,8 @@ var linkWidthAccessor = accessorFn(state.linkWidth);
       state.graphData.links.forEach(function (link) {
+        if (!linkVisibilityAccessor(link)) {
+          // Exclude non-visible links
+          link.__lineObj = link.__arrowObj = link.__photonObjs = null;
+          return;
+        }
+
         // Add line
@@ -651,0 +662,0 @@ var color = linkColorAccessor(link);

package.json

 {
   "name": "three-forcegraph",
-  "version": "1.14.2",
+  "version": "1.15.0",
   "description": "Force-directed graph as a ThreeJS 3d object",
@@ -57,9 +57,9 @@ "unpkg": "dist/three-forcegraph.min.js",
     "rimraf": "^2.6.2",
-    "rollup": "^0.63.2",
+    "rollup": "^0.63.4",
     "rollup-plugin-babel": "^3.0.7",
-    "rollup-plugin-commonjs": "^9.1.3",
+    "rollup-plugin-commonjs": "^9.1.4",
     "rollup-plugin-node-resolve": "^3.3.0",
     "rollup-watch": "^4.3.1",
-    "uglify-js": "^3.4.5"
+    "uglify-js": "^3.4.6"
   }
 }

README.md

@@ -56,2 +56,3 @@ # ThreeJS Force-Directed Graph
 | <b>linkTarget</b>([<i>str</i>]) | Link object accessor attribute referring to id of target node. | `target` |
+| <b>linkVisibility</b>([<i>boolean</i>, <i>str</i> or <i>fn</i>]) | Link object accessor function, attribute or a boolean constant for whether to display the link line. A value of `false` maintains the link force without rendering the line. | `true` |
 | <b>linkColor</b>([<i>str</i> or <i>fn</i>]) | Link object accessor function or attribute for line color. | `color` |
@@ -58,0 +59,0 @@ | <b>linkAutoColorBy</b>([<i>str</i> or <i>fn</i>]) | Link object accessor function (`fn(link)`) or attribute (e.g. `'type'`) to automatically group colors by. Only affects links without a color attribute. | |

src/forcegraph-kapsule.js

@@ -117,2 +117,3 @@ import {
     linkTarget: { default: 'target', onChange(_, state) { state.simulationNeedsReheating = true } },
+    linkVisibility: { default: true, onChange(_, state) { state.sceneNeedsRepopulating = true } },
     linkColor: { default: 'color', onChange(_, state) { state.sceneNeedsRepopulating = true } },
@@ -481,2 +482,3 @@ linkAutoColorBy: { onChange(_, state) { state.sceneNeedsRepopulating = true } },
       const customLinkMaterialAccessor = accessorFn(state.linkMaterial);
+      const linkVisibilityAccessor = accessorFn(state.linkVisibility);
       const linkColorAccessor = accessorFn(state.linkColor);
@@ -495,2 +497,8 @@ const linkWidthAccessor = accessorFn(state.linkWidth);
       state.graphData.links.forEach(link => {
+        if (!linkVisibilityAccessor(link)) {
+          // Exclude non-visible links
+          link.__lineObj = link.__arrowObj = link.__photonObjs = null;
+          return;
+        }
+
         // Add line
@@ -497,0 +505,0 @@ const color = linkColorAccessor(link);

No alert changes

Improved metrics

Total package byte prevSize

1352857

increased by0.13%

Lines of code

10551

increased by0.35%

Number of lines in readme file

114

increased by0.88%

No dependency changes