@kineticdata/react 6.0.1 → 6.0.3

package/lib/components/task/builder/builder.redux.js

@@ -16,25 +16,22 @@ var _store = require("../../../store");
 var _models = require("./models");
 var _apis = require("../../../apis");
 var _helpers = require("./helpers");
-var mountTreeBuilder = function mountTreeBuilder(treeKey) {
+var mountTreeBuilder = exports.mountTreeBuilder = function mountTreeBuilder(treeKey) {
   return (0, _store.dispatch)('TREE_MOUNT', {
     treeKey: treeKey
   });
 };
-exports.mountTreeBuilder = mountTreeBuilder;
-var unmountTreeBuilder = function unmountTreeBuilder(treeKey) {
+var unmountTreeBuilder = exports.unmountTreeBuilder = function unmountTreeBuilder(treeKey) {
   return (0, _store.dispatch)('TREE_UNMOUNT', {
     treeKey: treeKey
   });
 };
-exports.unmountTreeBuilder = unmountTreeBuilder;
-var configureTreeBuilder = function configureTreeBuilder(props) {
+var configureTreeBuilder = exports.configureTreeBuilder = function configureTreeBuilder(props) {
   return (0, _store.dispatch)('TREE_CONFIGURE', props);
 };
 
 // Helper that adds the present state to the past stack and clears the future
 // stack. This should be called by reducer cases that will be undo/redo able.
-exports.configureTreeBuilder = configureTreeBuilder;
 var remember = function remember(state, treeKey) {
   return state.updateIn(['trees', treeKey, 'undoStack'], function (stack) {
     return stack.push({
@@ -46,74 +43,81 @@ var remember = function remember(state, treeKey) {
 (0, _store.regSaga)((0, _effects.takeEvery)('TREE_CONFIGURE', function (_ref) {
   var payload = _ref.payload;
   return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
-    var name, sourceGroup, sourceName, treeKey, webApiProps, _yield$all, _yield$all2, tree, categories, webApi, platformItem, result;
+    var _getPlatformItemSlugs, name, sourceGroup, sourceName, treeKey, webApiProps, _yield$all, _yield$all2, tree, categories, webApi, platformItem, result, _yield$call, workflow;
     return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            name = payload.name, sourceGroup = payload.sourceGroup, sourceName = payload.sourceName, treeKey = payload.treeKey;
-            webApiProps = getWebApiProps(payload);
-            _context.next = 5;
-            return (0, _effects.all)([(0, _effects.call)(_apis.fetchTree, {
-              name: name,
-              sourceGroup: sourceGroup,
-              sourceName: sourceName,
-              include: 'bindings,categories,details,treeJson,inputs,outputs'
-            }), (0, _effects.call)(_apis.fetchTaskCategories, {
-              include: 'handlers.results,handlers.parameters,trees.parameters,trees.inputs,trees.outputs'
-            }), webApiProps ? (0, _effects.call)(_apis.fetchWebApi, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, webApiProps), {}, {
-              include: 'details,securityPolicies'
-            })) : {}]);
-          case 5:
-            _yield$all = _context.sent;
-            _yield$all2 = (0, _slicedToArray2["default"])(_yield$all, 3);
-            tree = _yield$all2[0].tree;
-            categories = _yield$all2[1].categories;
-            webApi = _yield$all2[2].webApi;
-            platformItem = null;
-            if (!tree.event) {
-              _context.next = 16;
-              break;
-            }
-            _context.next = 14;
-            return (0, _effects.call)(_apis.fetchPlatformItem, {
-              type: tree.platformItemType,
-              id: tree.platformItemId
-            });
-          case 14:
-            result = _context.sent;
-            platformItem = result.platformItem;
-          case 16:
-            _context.next = 18;
-            return (0, _effects.put)((0, _store.action)('TREE_LOADED', {
-              categories: categories,
-              kappSlug: webApiProps && webApiProps.kappSlug,
-              platformItem: platformItem,
-              treeKey: treeKey,
-              tree: (0, _models.deserializeTree)(tree),
-              webApi: webApiProps && (0, _models.deserializeWebApi)(webApi, webApiProps.kappSlug)
-            }));
-          case 18:
-            _context.next = 23;
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          name = payload.name, sourceGroup = payload.sourceGroup, sourceName = payload.sourceName, treeKey = payload.treeKey;
+          webApiProps = getWebApiProps(payload);
+          _context.next = 5;
+          return (0, _effects.all)([(0, _effects.call)(_apis.fetchTree, {
+            name: name,
+            sourceGroup: sourceGroup,
+            sourceName: sourceName,
+            include: 'bindings,categories,details,treeJson,inputs,outputs'
+          }), (0, _effects.call)(_apis.fetchTaskCategories, {
+            include: 'handlers.results,handlers.parameters,trees.parameters,trees.inputs,trees.outputs'
+          }), webApiProps ? (0, _effects.call)(_apis.fetchWebApi, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, webApiProps), {}, {
+            include: 'details,securityPolicies'
+          })) : {}]);
+        case 5:
+          _yield$all = _context.sent;
+          _yield$all2 = (0, _slicedToArray2["default"])(_yield$all, 3);
+          tree = _yield$all2[0].tree;
+          categories = _yield$all2[1].categories;
+          webApi = _yield$all2[2].webApi;
+          platformItem = null;
+          if (!tree.event) {
+            _context.next = 21;
             break;
-          case 20:
-            _context.prev = 20;
-            _context.t0 = _context["catch"](0);
-            console.error('Caught error loading tree', _context.t0);
-          case 23:
-          case "end":
-            return _context.stop();
-        }
+          }
+          _context.next = 14;
+          return (0, _effects.call)(_apis.fetchPlatformItem, {
+            type: tree.platformItemType,
+            id: tree.platformItemId
+          });
+        case 14:
+          result = _context.sent;
+          platformItem = result.platformItem;
+          _context.next = 18;
+          return (0, _effects.call)(_apis.fetchWorkflow, (0, _objectSpread2["default"])({
+            workflowId: sourceGroup
+          }, getPlatformItemSlugs(platformItem)));
+        case 18:
+          _yield$call = _context.sent;
+          workflow = _yield$call.workflow;
+          // Add workflow filter from core to the tree to be used in the Settings > WorkflowForm
+          tree['filter'] = workflow ? workflow.filter : '';
+        case 21:
+          _context.next = 23;
+          return (0, _effects.put)((0, _store.action)('TREE_LOADED', {
+            categories: categories,
+            kappSlug: webApiProps && webApiProps.kappSlug || ((_getPlatformItemSlugs = getPlatformItemSlugs(platformItem)) === null || _getPlatformItemSlugs === void 0 ? void 0 : _getPlatformItemSlugs.kappSlug),
+            platformItem: platformItem,
+            treeKey: treeKey,
+            tree: (0, _models.deserializeTree)(tree),
+            webApi: webApiProps && (0, _models.deserializeWebApi)(webApi, webApiProps.kappSlug)
+          }));
+        case 23:
+          _context.next = 28;
+          break;
+        case 25:
+          _context.prev = 25;
+          _context.t0 = _context["catch"](0);
+          console.error('Caught error loading tree', _context.t0);
+        case 28:
+        case "end":
+          return _context.stop();
       }
-    }, _callee, null, [[0, 20]]);
+    }, _callee, null, [[0, 25]]);
   })();
 }));
 var getPlatformItemSlugs = function getPlatformItemSlugs(platformItem) {
-  return platformItem.kapp ? {
+  return platformItem !== null && platformItem !== void 0 && platformItem.kapp ? {
     formSlug: platformItem.slug,
     kappSlug: platformItem.kapp.slug
-  } : platformItem.space ? {
+  } : platformItem !== null && platformItem !== void 0 && platformItem.space ? {
     kappSlug: platformItem.slug
   } : {};
 };
@@ -122,82 +126,83 @@ var getPlatformItemSlugs = function getPlatformItemSlugs(platformItem) {
   return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
     var newName, onError, onSave, overwrite, treeKey, _yield$select, kappSlug, lastSave, lastWebApi, platformItem, tree, webApi, name, sourceGroup, sourceName, _yield, error1, newTree, newWorkflow, _yield2, error2, error;
     return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.prev = 0;
-            // because of the optimistic locking functionality newName / overwrite can
-            // be passed as options to the builder's save function
-            newName = payload.newName, onError = payload.onError, onSave = payload.onSave, overwrite = payload.overwrite, treeKey = payload.treeKey;
-            _context2.next = 4;
-            return (0, _effects.select)(function (state) {
-              return state.getIn(['trees', treeKey]);
-            });
-          case 4:
-            _yield$select = _context2.sent;
-            kappSlug = _yield$select.kappSlug;
-            lastSave = _yield$select.lastSave;
-            lastWebApi = _yield$select.lastWebApi;
-            platformItem = _yield$select.platformItem;
-            tree = _yield$select.tree;
-            webApi = _yield$select.webApi;
-            name = lastSave.name, sourceGroup = lastSave.sourceGroup, sourceName = lastSave.sourceName; // if a newName was passed we will be creating a new tree with the builder
-            // contents, otherwise just an update
-            // additionally, if the tree is a linked workflow then we call a core
-            // endpoint to create the workflow
-            _context2.next = 14;
-            return newName ? tree.event ? (0, _effects.call)(_apis.createWorkflow, (0, _objectSpread2["default"])({
-              workflow: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _models.serializeTree)(tree)), {}, {
-                name: newName
-              })
-            }, getPlatformItemSlugs(platformItem))) : (0, _effects.call)(_apis.createTree, {
-              tree: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _models.serializeTree)(tree, true)), {}, {
-                name: newName
-              })
-            }) : (0, _effects.call)(_apis.updateTree, {
-              name: name,
-              sourceGroup: sourceGroup,
-              sourceName: sourceName,
-              tree: (0, _models.serializeTree)(tree, overwrite)
-            });
-          case 14:
-            _yield = _context2.sent;
-            error1 = _yield.error;
-            newTree = _yield.tree;
-            newWorkflow = _yield.workflow;
-            _context2.next = 20;
-            return webApi && !error1 ? (0, _effects.call)(_apis.updateWebApi, {
-              slug: lastWebApi.get('slug'),
-              kappSlug: kappSlug,
-              webApi: webApi
-            }) : {};
-          case 20:
-            _yield2 = _context2.sent;
-            error2 = _yield2.error;
-            error = error1 || error2; // dispatch the appropriate action based on the result of the call above
-            _context2.next = 25;
-            return (0, _effects.put)(error ? (0, _store.action)('TREE_SAVE_ERROR', {
-              treeKey: treeKey,
-              error: error.message || error,
-              onError: onError
-            }) : (0, _store.action)('TREE_SAVE_SUCCESS', {
-              previousTree: lastSave,
-              treeKey: treeKey,
-              tree: newTree || newWorkflow,
-              webApi: webApi,
-              onSave: onSave
-            }));
-          case 25:
-            _context2.next = 30;
-            break;
-          case 27:
-            _context2.prev = 27;
-            _context2.t0 = _context2["catch"](0);
-            console.error(_context2.t0);
-          case 30:
-          case "end":
-            return _context2.stop();
-        }
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.prev = 0;
+          // because of the optimistic locking functionality newName / overwrite can
+          // be passed as options to the builder's save function
+          newName = payload.newName, onError = payload.onError, onSave = payload.onSave, overwrite = payload.overwrite, treeKey = payload.treeKey;
+          _context2.next = 4;
+          return (0, _effects.select)(function (state) {
+            return state.getIn(['trees', treeKey]);
+          });
+        case 4:
+          _yield$select = _context2.sent;
+          kappSlug = _yield$select.kappSlug;
+          lastSave = _yield$select.lastSave;
+          lastWebApi = _yield$select.lastWebApi;
+          platformItem = _yield$select.platformItem;
+          tree = _yield$select.tree;
+          webApi = _yield$select.webApi;
+          name = lastSave.name, sourceGroup = lastSave.sourceGroup, sourceName = lastSave.sourceName; // if a newName was passed we will be creating a new tree with the builder
+          // contents, otherwise just an update
+          // additionally, if the tree is a linked workflow then we call a core
+          // endpoint to create the workflow
+          _context2.next = 14;
+          return newName ? tree.event ? (0, _effects.call)(_apis.createWorkflow, (0, _objectSpread2["default"])({
+            workflow: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _models.serializeTree)(tree)), {}, {
+              name: newName
+            })
+          }, getPlatformItemSlugs(platformItem))) : (0, _effects.call)(_apis.createTree, {
+            tree: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _models.serializeTree)(tree, true)), {}, {
+              name: newName
+            })
+          }) : tree.event ? (0, _effects.call)(_apis.updateWorkflow, (0, _objectSpread2["default"])({
+            workflowId: sourceGroup,
+            workflow: (0, _models.serializeTree)(tree, overwrite)
+          }, getPlatformItemSlugs(platformItem))) : (0, _effects.call)(_apis.updateTree, {
+            name: name,
+            sourceGroup: sourceGroup,
+            sourceName: sourceName,
+            tree: (0, _models.serializeTree)(tree, overwrite)
+          });
+        case 14:
+          _yield = _context2.sent;
+          error1 = _yield.error;
+          newTree = _yield.tree;
+          newWorkflow = _yield.workflow;
+          _context2.next = 20;
+          return webApi && !error1 ? (0, _effects.call)(_apis.updateWebApi, {
+            slug: lastWebApi.get('slug'),
+            kappSlug: kappSlug,
+            webApi: webApi
+          }) : {};
+        case 20:
+          _yield2 = _context2.sent;
+          error2 = _yield2.error;
+          error = error1 || error2; // dispatch the appropriate action based on the result of the call above
+          _context2.next = 25;
+          return (0, _effects.put)(error ? (0, _store.action)('TREE_SAVE_ERROR', {
+            treeKey: treeKey,
+            error: error.message || error,
+            onError: onError
+          }) : (0, _store.action)('TREE_SAVE_SUCCESS', {
+            previousTree: lastSave,
+            treeKey: treeKey,
+            tree: newTree || newWorkflow,
+            webApi: webApi,
+            onSave: onSave
+          }));
+        case 25:
+          _context2.next = 30;
+          break;
+        case 27:
+          _context2.prev = 27;
+          _context2.t0 = _context2["catch"](0);
+          console.error(_context2.t0);
+        case 30:
+        case "end":
+          return _context2.stop();
       }
     }, _callee2, null, [[0, 27]]);
   })();
@@ -208,27 +213,25 @@ var getPlatformItemSlugs = function getPlatformItemSlugs(platformItem) {
     onError = _ref3$payload.onError;
   return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee3() {
     return (0, _regeneratorRuntime2["default"])().wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            _context3.prev = 0;
-            if (!(0, _lodashEs.isFunction)(onError)) {
-              _context3.next = 4;
-              break;
-            }
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _context3.prev = 0;
+          if (!(0, _lodashEs.isFunction)(onError)) {
             _context3.next = 4;
-            return (0, _effects.call)(onError, error);
-          case 4:
-            _context3.next = 9;
             break;
-          case 6:
-            _context3.prev = 6;
-            _context3.t0 = _context3["catch"](0);
-            console.error(_context3.t0);
-          case 9:
-          case "end":
-            return _context3.stop();
-        }
+          }
+          _context3.next = 4;
+          return (0, _effects.call)(onError, error);
+        case 4:
+          _context3.next = 9;
+          break;
+        case 6:
+          _context3.prev = 6;
+          _context3.t0 = _context3["catch"](0);
+          console.error(_context3.t0);
+        case 9:
+        case "end":
+          return _context3.stop();
       }
     }, _callee3, null, [[0, 6]]);
   })();
@@ -241,33 +244,31 @@ var getPlatformItemSlugs = function getPlatformItemSlugs(platformItem) {
   return /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee4() {
     var tree;
     return (0, _regeneratorRuntime2["default"])().wrap(function _callee4$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            _context4.prev = 0;
-            if (!(0, _lodashEs.isFunction)(onSave)) {
-              _context4.next = 7;
-              break;
-            }
-            _context4.next = 4;
-            return (0, _effects.select)(function (state) {
-              return state.getIn(['trees', treeKey, 'tree']);
-            });
-          case 4:
-            tree = _context4.sent;
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          _context4.prev = 0;
+          if (!(0, _lodashEs.isFunction)(onSave)) {
             _context4.next = 7;
-            return (0, _effects.call)(onSave, tree, previousTree);
-          case 7:
-            _context4.next = 12;
             break;
-          case 9:
-            _context4.prev = 9;
-            _context4.t0 = _context4["catch"](0);
-            console.error(_context4.t0);
-          case 12:
-          case "end":
-            return _context4.stop();
-        }
+          }
+          _context4.next = 4;
+          return (0, _effects.select)(function (state) {
+            return state.getIn(['trees', treeKey, 'tree']);
+          });
+        case 4:
+          tree = _context4.sent;
+          _context4.next = 7;
+          return (0, _effects.call)(onSave, tree, previousTree);
+        case 7:
+          _context4.next = 12;
+          break;
+        case 9:
+          _context4.prev = 9;
+          _context4.t0 = _context4["catch"](0);
+          console.error(_context4.t0);
+        case 12:
+        case "end":
+          return _context4.stop();
       }
     }, _callee4, null, [[0, 9]]);
   })();

package/lib/components/task/builder/constants.js

@@ -5,77 +5,45 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.THROTTLE_ZOOM = exports.THROTTLE_DRAG = exports.NODE_WIDTH = exports.NODE_TOP_BAR_PATH = exports.NODE_STROKE_WIDTH = exports.NODE_START_RADIUS = exports.NODE_RADIUS = exports.NODE_PADDING = exports.NODE_NAME_PADDING = exports.NODE_LEFT_TOP_BAR_PATH = exports.NODE_LEFT_BOTTOM_BAR_PATH = exports.NODE_LEFT_BAR_PATH = exports.NODE_JOIN_JUNCTION_HEIGHT = exports.NODE_JOIN_JUNCTION_CENTER_Y = exports.NODE_HEIGHT = exports.NODE_DECORATION_STROKE_WIDTH = exports.NODE_CORNER_TAB_PATH = exports.NODE_CENTER_Y = exports.NODE_CENTER_X = exports.NODE_BOTTOM_BAR_PATH = exports.NODE_BAR_THICKNESS = exports.NODE_BADGE_OFFSET = exports.NEW_TASK_DY = exports.NEW_TASK_DX = exports.ICON_SIZE = exports.ICON_CENTER = exports.CONNECTOR_TAIL_RADIUS = exports.CONNECTOR_STROKE_WIDTH = exports.CONNECTOR_LABEL_WIDTH = exports.CONNECTOR_LABEL_RADIUS = exports.CONNECTOR_LABEL_PADDING = exports.CONNECTOR_LABEL_HEIGHT = exports.CONNECTOR_LABEL_CENTER_Y = exports.CONNECTOR_LABEL_CENTER_X = exports.CONNECTOR_HEAD_POINTS = exports.CANVAS_ZOOM_MODIFIER = exports.CANVAS_ZOOM_DURATION = exports.CANVAS_SCALE_OPTIONS = void 0;
 var _immutable = require("immutable");
-var CANVAS_SCALE_OPTIONS = _immutable.List.of(0.25, 0.5, 0.75, 1, 1.33);
-exports.CANVAS_SCALE_OPTIONS = CANVAS_SCALE_OPTIONS;
-var CANVAS_ZOOM_DURATION = 200;
-exports.CANVAS_ZOOM_DURATION = CANVAS_ZOOM_DURATION;
-var CANVAS_ZOOM_MODIFIER = 2000;
-exports.CANVAS_ZOOM_MODIFIER = CANVAS_ZOOM_MODIFIER;
-var THROTTLE_DRAG = 16;
-exports.THROTTLE_DRAG = THROTTLE_DRAG;
-var THROTTLE_ZOOM = 16;
-exports.THROTTLE_ZOOM = THROTTLE_ZOOM;
-var CONNECTOR_HEAD_POINTS = '-8,0 4,-8 0,0 4,8';
-exports.CONNECTOR_HEAD_POINTS = CONNECTOR_HEAD_POINTS;
-var CONNECTOR_TAIL_RADIUS = 6;
-exports.CONNECTOR_TAIL_RADIUS = CONNECTOR_TAIL_RADIUS;
-var CONNECTOR_LABEL_WIDTH = 130;
-exports.CONNECTOR_LABEL_WIDTH = CONNECTOR_LABEL_WIDTH;
-var CONNECTOR_LABEL_HEIGHT = 18;
-exports.CONNECTOR_LABEL_HEIGHT = CONNECTOR_LABEL_HEIGHT;
-var CONNECTOR_LABEL_PADDING = 5;
-exports.CONNECTOR_LABEL_PADDING = CONNECTOR_LABEL_PADDING;
-var CONNECTOR_LABEL_RADIUS = 2;
-exports.CONNECTOR_LABEL_RADIUS = CONNECTOR_LABEL_RADIUS;
-var CONNECTOR_STROKE_WIDTH = 4;
-exports.CONNECTOR_STROKE_WIDTH = CONNECTOR_STROKE_WIDTH;
-var ICON_SIZE = 16;
-exports.ICON_SIZE = ICON_SIZE;
-var NEW_TASK_DX = 350;
-exports.NEW_TASK_DX = NEW_TASK_DX;
-var NEW_TASK_DY = 75;
-exports.NEW_TASK_DY = NEW_TASK_DY;
-var NODE_BADGE_OFFSET = 6;
-exports.NODE_BADGE_OFFSET = NODE_BADGE_OFFSET;
-var NODE_BAR_THICKNESS = 8;
-exports.NODE_BAR_THICKNESS = NODE_BAR_THICKNESS;
-var NODE_RADIUS = 8;
-exports.NODE_RADIUS = NODE_RADIUS;
-var NODE_HEIGHT = 45;
-exports.NODE_HEIGHT = NODE_HEIGHT;
-var NODE_JOIN_JUNCTION_HEIGHT = 45;
-exports.NODE_JOIN_JUNCTION_HEIGHT = NODE_JOIN_JUNCTION_HEIGHT;
-var NODE_START_RADIUS = 28;
-exports.NODE_START_RADIUS = NODE_START_RADIUS;
-var NODE_STROKE_WIDTH = 1;
-exports.NODE_STROKE_WIDTH = NODE_STROKE_WIDTH;
-var NODE_PADDING = 10;
-exports.NODE_PADDING = NODE_PADDING;
-var NODE_NAME_PADDING = 7.5;
-exports.NODE_NAME_PADDING = NODE_NAME_PADDING;
-var NODE_WIDTH = 200;
-exports.NODE_WIDTH = NODE_WIDTH;
-var NODE_DECORATION_STROKE_WIDTH = 1;
+var CANVAS_SCALE_OPTIONS = exports.CANVAS_SCALE_OPTIONS = _immutable.List.of(0.25, 0.5, 0.75, 1, 1.33);
+var CANVAS_ZOOM_DURATION = exports.CANVAS_ZOOM_DURATION = 200;
+var CANVAS_ZOOM_MODIFIER = exports.CANVAS_ZOOM_MODIFIER = 2000;
+var THROTTLE_DRAG = exports.THROTTLE_DRAG = 16;
+var THROTTLE_ZOOM = exports.THROTTLE_ZOOM = 16;
+var CONNECTOR_HEAD_POINTS = exports.CONNECTOR_HEAD_POINTS = '-8,0 4,-8 0,0 4,8';
+var CONNECTOR_TAIL_RADIUS = exports.CONNECTOR_TAIL_RADIUS = 6;
+var CONNECTOR_LABEL_WIDTH = exports.CONNECTOR_LABEL_WIDTH = 130;
+var CONNECTOR_LABEL_HEIGHT = exports.CONNECTOR_LABEL_HEIGHT = 18;
+var CONNECTOR_LABEL_PADDING = exports.CONNECTOR_LABEL_PADDING = 5;
+var CONNECTOR_LABEL_RADIUS = exports.CONNECTOR_LABEL_RADIUS = 2;
+var CONNECTOR_STROKE_WIDTH = exports.CONNECTOR_STROKE_WIDTH = 4;
+var ICON_SIZE = exports.ICON_SIZE = 16;
+var NEW_TASK_DX = exports.NEW_TASK_DX = 350;
+var NEW_TASK_DY = exports.NEW_TASK_DY = 75;
+var NODE_BADGE_OFFSET = exports.NODE_BADGE_OFFSET = 6;
+var NODE_BAR_THICKNESS = exports.NODE_BAR_THICKNESS = 8;
+var NODE_RADIUS = exports.NODE_RADIUS = 8;
+var NODE_HEIGHT = exports.NODE_HEIGHT = 45;
+var NODE_JOIN_JUNCTION_HEIGHT = exports.NODE_JOIN_JUNCTION_HEIGHT = 45;
+var NODE_START_RADIUS = exports.NODE_START_RADIUS = 28;
+var NODE_STROKE_WIDTH = exports.NODE_STROKE_WIDTH = 1;
+var NODE_PADDING = exports.NODE_PADDING = 10;
+var NODE_NAME_PADDING = exports.NODE_NAME_PADDING = 7.5;
+var NODE_WIDTH = exports.NODE_WIDTH = 200;
+var NODE_DECORATION_STROKE_WIDTH = exports.NODE_DECORATION_STROKE_WIDTH = 1;
 
 // Derived constants
-exports.NODE_DECORATION_STROKE_WIDTH = NODE_DECORATION_STROKE_WIDTH;
-var NODE_CENTER_X = NODE_WIDTH / 2;
-exports.NODE_CENTER_X = NODE_CENTER_X;
-var NODE_CENTER_Y = NODE_HEIGHT / 2;
-exports.NODE_CENTER_Y = NODE_CENTER_Y;
-var NODE_JOIN_JUNCTION_CENTER_Y = NODE_JOIN_JUNCTION_HEIGHT / 2;
-exports.NODE_JOIN_JUNCTION_CENTER_Y = NODE_JOIN_JUNCTION_CENTER_Y;
-var ICON_CENTER = ICON_SIZE / 2;
-exports.ICON_CENTER = ICON_CENTER;
-var CONNECTOR_LABEL_CENTER_X = CONNECTOR_LABEL_WIDTH / 2;
-exports.CONNECTOR_LABEL_CENTER_X = CONNECTOR_LABEL_CENTER_X;
-var CONNECTOR_LABEL_CENTER_Y = CONNECTOR_LABEL_HEIGHT / 2;
+var NODE_CENTER_X = exports.NODE_CENTER_X = NODE_WIDTH / 2;
+var NODE_CENTER_Y = exports.NODE_CENTER_Y = NODE_HEIGHT / 2;
+var NODE_JOIN_JUNCTION_CENTER_Y = exports.NODE_JOIN_JUNCTION_CENTER_Y = NODE_JOIN_JUNCTION_HEIGHT / 2;
+var ICON_CENTER = exports.ICON_CENTER = ICON_SIZE / 2;
+var CONNECTOR_LABEL_CENTER_X = exports.CONNECTOR_LABEL_CENTER_X = CONNECTOR_LABEL_WIDTH / 2;
+var CONNECTOR_LABEL_CENTER_Y = exports.CONNECTOR_LABEL_CENTER_Y = CONNECTOR_LABEL_HEIGHT / 2;
 
 // Node Decorations
 
 // compute x, y coordinates for outer boundaries of nodes (which includes the
 // stroke width)
-exports.CONNECTOR_LABEL_CENTER_Y = CONNECTOR_LABEL_CENTER_Y;
 var MIN = -NODE_STROKE_WIDTH / 2 + NODE_DECORATION_STROKE_WIDTH / 2;
 var MAX_X = NODE_WIDTH + NODE_STROKE_WIDTH / 2 - NODE_DECORATION_STROKE_WIDTH / 2;
 var MAX_Y = NODE_HEIGHT + NODE_STROKE_WIDTH / 2 - NODE_DECORATION_STROKE_WIDTH / 2;
@@ -91,15 +59,9 @@ var ARC_DOWN_RIGHT = "".concat(NODE_RADIUS, " ").concat(NODE_RADIUS, " 0 0 1  ")
 var ARC_UP_RIGHT = "  ".concat(NODE_RADIUS, " ").concat(NODE_RADIUS, " 0 0 1  ").concat(NODE_RADIUS, " -").concat(NODE_RADIUS);
 var ARC_DOWN_LEFT = " ".concat(NODE_RADIUS, " ").concat(NODE_RADIUS, " 0 0 1 -").concat(NODE_RADIUS, "  ").concat(NODE_RADIUS);
 var ARC_UP_LEFT = "   ".concat(NODE_RADIUS, " ").concat(NODE_RADIUS, " 0 0 1 -").concat(NODE_RADIUS, " -").concat(NODE_RADIUS);
-var NODE_BOTTOM_BAR_PATH = "\n  M  ".concat(MIN, " ").concat(MAX_Y - NODE_BAR_THICKNESS, "\n  h  ").concat(OUTER_WIDTH, "\n  v  ").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n  a ").concat(ARC_DOWN_LEFT, "\n  h -").concat(OUTER_WIDTH - NODE_RADIUS * 2, "\n  a  ").concat(ARC_UP_LEFT, "\n  v -").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n");
-exports.NODE_BOTTOM_BAR_PATH = NODE_BOTTOM_BAR_PATH;
-var NODE_LEFT_BAR_PATH = "\n  M  ".concat(MIN + NODE_BAR_THICKNESS, " ").concat(MIN, "\n  v  ").concat(OUTER_HEIGHT, "\n  h -").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n  a  ").concat(ARC_UP_LEFT, "\n  v -").concat(OUTER_HEIGHT - NODE_RADIUS * 2, "\n  a  ").concat(ARC_UP_RIGHT, "\n  h  ").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n ");
-exports.NODE_LEFT_BAR_PATH = NODE_LEFT_BAR_PATH;
-var NODE_LEFT_TOP_BAR_PATH = "\n  M  ".concat(MIN + NODE_BAR_THICKNESS, " ").concat(MIN, "\n  v  ").concat(OUTER_HEIGHT / 2, "\n  h -").concat(NODE_BAR_THICKNESS, "\n  v -").concat(OUTER_HEIGHT / 2 - NODE_RADIUS, "\n  a  ").concat(ARC_UP_RIGHT, "\n  h  ").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n ");
-exports.NODE_LEFT_TOP_BAR_PATH = NODE_LEFT_TOP_BAR_PATH;
-var NODE_LEFT_BOTTOM_BAR_PATH = "\n  M  ".concat(MIN + NODE_BAR_THICKNESS, " ").concat(MIN + OUTER_HEIGHT / 2, "\n  v  ").concat(OUTER_HEIGHT / 2, "\n  h -").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n  a  ").concat(ARC_UP_LEFT, "\n  v -").concat(OUTER_HEIGHT / 2 - NODE_RADIUS, "\n  h  ").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n ");
-exports.NODE_LEFT_BOTTOM_BAR_PATH = NODE_LEFT_BOTTOM_BAR_PATH;
-var NODE_TOP_BAR_PATH = "\n  M  ".concat(MIN, " ").concat(MIN + NODE_BAR_THICKNESS, "\n  v -").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n  a  ").concat(ARC_UP_RIGHT, "\n  h  ").concat(OUTER_WIDTH - NODE_RADIUS * 2, "\n  a  ").concat(ARC_DOWN_RIGHT, "\n  v  ").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n  h -").concat(OUTER_WIDTH, "\n");
-exports.NODE_TOP_BAR_PATH = NODE_TOP_BAR_PATH;
-var NODE_CORNER_TAB_PATH = "\n  M ".concat(MAX_X - NODE_BAR_THICKNESS * 3, " ").concat(MIN, "\n  h ").concat(NODE_BAR_THICKNESS * 3 - NODE_RADIUS, "\n  a ").concat(ARC_DOWN_RIGHT, "\n  v ").concat(NODE_BAR_THICKNESS * 3 - NODE_RADIUS, "\n  L ").concat(MAX_X - NODE_BAR_THICKNESS * 3, " ").concat(MIN, "\n");
-exports.NODE_CORNER_TAB_PATH = NODE_CORNER_TAB_PATH;
+var NODE_BOTTOM_BAR_PATH = exports.NODE_BOTTOM_BAR_PATH = "\n  M  ".concat(MIN, " ").concat(MAX_Y - NODE_BAR_THICKNESS, "\n  h  ").concat(OUTER_WIDTH, "\n  v  ").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n  a ").concat(ARC_DOWN_LEFT, "\n  h -").concat(OUTER_WIDTH - NODE_RADIUS * 2, "\n  a  ").concat(ARC_UP_LEFT, "\n  v -").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n");
+var NODE_LEFT_BAR_PATH = exports.NODE_LEFT_BAR_PATH = "\n  M  ".concat(MIN + NODE_BAR_THICKNESS, " ").concat(MIN, "\n  v  ").concat(OUTER_HEIGHT, "\n  h -").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n  a  ").concat(ARC_UP_LEFT, "\n  v -").concat(OUTER_HEIGHT - NODE_RADIUS * 2, "\n  a  ").concat(ARC_UP_RIGHT, "\n  h  ").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n ");
+var NODE_LEFT_TOP_BAR_PATH = exports.NODE_LEFT_TOP_BAR_PATH = "\n  M  ".concat(MIN + NODE_BAR_THICKNESS, " ").concat(MIN, "\n  v  ").concat(OUTER_HEIGHT / 2, "\n  h -").concat(NODE_BAR_THICKNESS, "\n  v -").concat(OUTER_HEIGHT / 2 - NODE_RADIUS, "\n  a  ").concat(ARC_UP_RIGHT, "\n  h  ").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n ");
+var NODE_LEFT_BOTTOM_BAR_PATH = exports.NODE_LEFT_BOTTOM_BAR_PATH = "\n  M  ".concat(MIN + NODE_BAR_THICKNESS, " ").concat(MIN + OUTER_HEIGHT / 2, "\n  v  ").concat(OUTER_HEIGHT / 2, "\n  h -").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n  a  ").concat(ARC_UP_LEFT, "\n  v -").concat(OUTER_HEIGHT / 2 - NODE_RADIUS, "\n  h  ").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n ");
+var NODE_TOP_BAR_PATH = exports.NODE_TOP_BAR_PATH = "\n  M  ".concat(MIN, " ").concat(MIN + NODE_BAR_THICKNESS, "\n  v -").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n  a  ").concat(ARC_UP_RIGHT, "\n  h  ").concat(OUTER_WIDTH - NODE_RADIUS * 2, "\n  a  ").concat(ARC_DOWN_RIGHT, "\n  v  ").concat(NODE_BAR_THICKNESS - NODE_RADIUS, "\n  h -").concat(OUTER_WIDTH, "\n");
+var NODE_CORNER_TAB_PATH = exports.NODE_CORNER_TAB_PATH = "\n  M ".concat(MAX_X - NODE_BAR_THICKNESS * 3, " ").concat(MIN, "\n  h ").concat(NODE_BAR_THICKNESS * 3 - NODE_RADIUS, "\n  a ").concat(ARC_DOWN_RIGHT, "\n  v ").concat(NODE_BAR_THICKNESS * 3 - NODE_RADIUS, "\n  L ").concat(MAX_X - NODE_BAR_THICKNESS * 3, " ").concat(MIN, "\n");