3d-force-graph 1.70.5 → 1.70.9

package/README.md

@@ -3,7 +3,7 @@
 
 [![NPM package][npm-img]][npm-url]
 [![Build Size][build-size-img]][build-size-url]
-[![Dependencies][dependencies-img]][dependencies-url]
+[![NPM Downloads][npm-downloads-img]][npm-downloads-url]
 
 <p align="center">
      <a href="https://vasturiano.github.io/3d-force-graph/example/large-graph/"><img width="80%" src="http://gist.github.com/vasturiano/02affe306ce445e423f992faeea13521/raw/preview.png"></a>
@@ -12,7 +12,12 @@
 A web component to represent a graph data structure in a 3-dimensional space using a [force-directed](https://en.wikipedia.org/wiki/Force-directed_graph_drawing) iterative layout.
 Uses [ThreeJS](https://github.com/mrdoob/three.js/)/WebGL for 3D rendering and either [d3-force-3d](https://github.com/vasturiano/d3-force-3d) or [ngraph](https://github.com/anvaka/ngraph.forcelayout3d) for the underlying physics engine.
 
-Check out the examples:
+See also the [2D canvas version](https://github.com/vasturiano/force-graph), [VR version](https://github.com/vasturiano/3d-force-graph-vr) and [AR version](https://github.com/vasturiano/3d-force-graph-ar).
+
+And check out the [React bindings](https://github.com/vasturiano/react-force-graph).
+
+## Examples
+
 * [Basic](https://vasturiano.github.io/3d-force-graph/example/basic/) ([source](https://github.com/vasturiano/3d-force-graph/blob/master/example/basic/index.html))
 * [Asynchronous load](https://vasturiano.github.io/3d-force-graph/example/async-load/) ([source](https://github.com/vasturiano/3d-force-graph/blob/master/example/async-load/index.html))
 * [Larger graph (~4k elements)](https://vasturiano.github.io/3d-force-graph/example/large-graph/) ([source](https://github.com/vasturiano/3d-force-graph/blob/master/example/large-graph/index.html))
@@ -45,34 +50,30 @@ Check out the examples:
 * [Bloom Post-Processing Effect](https://vasturiano.github.io/3d-force-graph/example/bloom-effect/) ([source](https://github.com/vasturiano/3d-force-graph/blob/master/example/bloom-effect/index.html))
 * [Pause / Resume animation](https://vasturiano.github.io/3d-force-graph/example/pause-resume/) ([source](https://github.com/vasturiano/3d-force-graph/blob/master/example/pause-resume/index.html))
 
-See also the [2D canvas version](https://github.com/vasturiano/force-graph), [VR version](https://github.com/vasturiano/3d-force-graph-vr) and [AR version](https://github.com/vasturiano/3d-force-graph-ar).
-
-And check out the [React bindings](https://github.com/vasturiano/react-force-graph).
-
 ## Quick start
 
-```
+```js
 import ForceGraph3D from '3d-force-graph';
 ```
 or
-```
-var ForceGraph3D = require('3d-force-graph');
+```js
+const ForceGraph3D = require('3d-force-graph');
 ```
 or even
-```
+```html
 <script src="//unpkg.com/3d-force-graph"></script>
 ```
 then
-```
-var myGraph = ForceGraph3D();
+```js
+const myGraph = ForceGraph3D();
 myGraph(<myDOMElement>)
-    .graphData(<myData>);
+  .graphData(<myData>);
 ```
 
 ## API reference
 
 ### Initialisation
-```
+```js
 ForceGraph3d({ configOptions })(<domElement>)
 ```
 
@@ -209,7 +210,7 @@ ForceGraph3d({ configOptions })(<domElement>)
 | <b>screen2GraphCoords</b>(<i>x</i>, <i>y</i>, <i>distance</i>) | Utility method to translate viewport distance coordinates to the graph domain. Given a pair of `x`,`y` screen coordinates and distance from the camera, returns the current equivalent `{x, y, z}` in the domain of graph node coordinates. |
 
 ### Input JSON syntax
-```
+```json
 {
     "nodes": [
         {
@@ -222,14 +223,14 @@ ForceGraph3d({ configOptions })(<domElement>)
           "name": "name2",
           "val": 10
         },
-        (...)
+        ...
     ],
     "links": [
         {
             "source": "id1",
             "target": "id2"
         },
-        (...)
+        ...
     ]
 }
 ```
@@ -238,9 +239,9 @@ ForceGraph3d({ configOptions })(<domElement>)
 
 [![paypal](https://www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=L398E7PKP47E8&currency_code=USD&source=url) If this project has helped you and you'd like to contribute back, you can always [buy me a ☕](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=L398E7PKP47E8&currency_code=USD&source=url)!
 
-[npm-img]: https://img.shields.io/npm/v/3d-force-graph.svg
+[npm-img]: https://img.shields.io/npm/v/3d-force-graph
 [npm-url]: https://npmjs.org/package/3d-force-graph
-[build-size-img]: https://img.shields.io/bundlephobia/minzip/3d-force-graph.svg
+[build-size-img]: https://img.shields.io/bundlephobia/minzip/3d-force-graph
 [build-size-url]: https://bundlephobia.com/result?p=3d-force-graph
-[dependencies-img]: https://img.shields.io/david/vasturiano/3d-force-graph.svg
-[dependencies-url]: https://david-dm.org/vasturiano/3d-force-graph
+[npm-downloads-img]: https://img.shields.io/npm/dt/3d-force-graph
+[npm-downloads-url]: https://www.npmtrends.com/3d-force-graph

package/dist/3d-force-graph.common.js

@@ -51,14 +51,9 @@ function ownKeys(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -66,19 +61,12 @@ function ownKeys(object, enumerableOnly) {
 
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -173,7 +161,7 @@ var three = window.THREE ? window.THREE // Prefer consumption from global THREE,
 var CAMERA_DISTANCE2NODES_FACTOR = 170; //
 // Expose config from forceGraph
 
-var bindFG = linkKapsule('forceGraph', ThreeForceGraph__default['default']);
+var bindFG = linkKapsule('forceGraph', ThreeForceGraph__default["default"]);
 var linkedFGProps = Object.assign.apply(Object, _toConsumableArray(['jsonUrl', 'graphData', 'numDimensions', 'dagMode', 'dagLevelDistance', 'dagNodeFilter', 'onDagError', 'nodeRelSize', 'nodeId', 'nodeVal', 'nodeResolution', 'nodeColor', 'nodeAutoColorBy', 'nodeOpacity', 'nodeVisibility', 'nodeThreeObject', 'nodeThreeObjectExtend', 'linkSource', 'linkTarget', 'linkVisibility', 'linkColor', 'linkAutoColorBy', 'linkOpacity', 'linkWidth', 'linkResolution', 'linkCurvature', 'linkCurveRotation', 'linkMaterial', 'linkThreeObject', 'linkThreeObjectExtend', 'linkPositionUpdate', 'linkDirectionalArrowLength', 'linkDirectionalArrowColor', 'linkDirectionalArrowRelPos', 'linkDirectionalArrowResolution', 'linkDirectionalParticles', 'linkDirectionalParticleSpeed', 'linkDirectionalParticleWidth', 'linkDirectionalParticleColor', 'linkDirectionalParticleResolution', 'forceEngine', 'd3AlphaDecay', 'd3VelocityDecay', 'd3AlphaMin', 'ngraphPhysics', 'warmupTicks', 'cooldownTicks', 'cooldownTime', 'onEngineTick', 'onEngineStop'].map(function (p) {
   return _defineProperty({}, p, bindFG.linkProp(p));
 })));
@@ -181,7 +169,7 @@ var linkedFGMethods = Object.assign.apply(Object, _toConsumableArray(['refresh',
   return _defineProperty({}, p, bindFG.linkMethod(p));
 }))); // Expose config from renderObjs
 
-var bindRenderObjs = linkKapsule('renderObjs', ThreeRenderObjects__default['default']);
+var bindRenderObjs = linkKapsule('renderObjs', ThreeRenderObjects__default["default"]);
 var linkedRenderObjsProps = Object.assign.apply(Object, _toConsumableArray(['width', 'height', 'backgroundColor', 'showNavInfo', 'enablePointerInteraction'].map(function (p) {
   return _defineProperty({}, p, bindRenderObjs.linkProp(p));
 })));
@@ -192,7 +180,7 @@ var linkedRenderObjsMethods = Object.assign.apply(Object, _toConsumableArray(['c
   screen2GraphCoords: bindRenderObjs.linkMethod('getSceneCoords')
 }])); //
 
-var _3dForceGraph = Kapsule__default['default']({
+var _3dForceGraph = Kapsule__default["default"]({
   props: _objectSpread2(_objectSpread2({
     nodeLabel: {
       "default": 'name',
@@ -327,8 +315,8 @@ var _3dForceGraph = Kapsule__default['default']({
         rendererConfig = _ref5.rendererConfig,
         extraRenderers = _ref5.extraRenderers;
     return {
-      forceGraph: new ThreeForceGraph__default['default'](),
-      renderObjs: ThreeRenderObjects__default['default']({
+      forceGraph: new ThreeForceGraph__default["default"](),
+      renderObjs: ThreeRenderObjects__default["default"]({
         controlType: controlType,
         rendererConfig: rendererConfig,
         extraRenderers: extraRenderers
@@ -522,7 +510,7 @@ var _3dForceGraph = Kapsule__default['default']({
       return isNode(bObj) - isNode(aObj);
     }).tooltipContent(function (obj) {
       var graphObj = getGraphObj(obj);
-      return graphObj ? accessorFn__default['default'](state["".concat(graphObj.__graphObjType, "Label")])(graphObj.__data) || '' : '';
+      return graphObj ? accessorFn__default["default"](state["".concat(graphObj.__graphObjType, "Label")])(graphObj.__data) || '' : '';
     }).hoverDuringDrag(false).onHover(function (obj) {
       // Update tooltip and trigger onHover events
       var hoverObj = getGraphObj(obj);

package/dist/3d-force-graph.d.ts

@@ -78,5 +78,4 @@ type ForceGraph3DInstance = ForceGraph3DGenericInstance<ForceGraph3DInstance>;
 
 declare function ForceGraph3D(configOptions?: ConfigOptions): ForceGraph3DInstance;
 
-export default ForceGraph3D;
-export { ConfigOptions, ForceGraph3DGenericInstance, ForceGraph3DInstance };
+export { ConfigOptions, ForceGraph3DGenericInstance, ForceGraph3DInstance, ForceGraph3D as default };