3d-force-graph/src/kapsule-link.js

UI component for a 3D force-directed graph using ThreeJS and ngraph.forcelayout3d layout engine

export default function(kapsulePropName, kapsuleType) {

  const dummyK = new kapsuleType(); // To extract defaults

  return {
    linkProp: function(prop) { // link property config
      return {
        default: dummyK[prop](),
        onChange(v, state) { state[kapsulePropName][prop](v) },
        triggerUpdate: false
      }
    },
    linkMethod: function(method) { // link method pass-through
      return function(state, ...args) {
        const kapsuleInstance = state[kapsulePropName];
        const returnVal = kapsuleInstance[method](...args);

        return returnVal === kapsuleInstance
          ? this // chain based on the parent object, not the inner kapsule
          : returnVal;
      }
    }
  }

}