update links

src/BaseEntity.ts

@@ -1,5 +1,5 @@
 import { Toolkit } from "./Toolkit";
-
+import * as _ from "lodash";
 /**
  * @author Dylan Vorster
  */
@@ -29,6 +29,16 @@ export class BaseEntity<T extends BaseListener = {}> {
 		return this.id;
 	}
 
+	clone() {
+		var clone=_.clone(this);
+		clone.id = Toolkit.UID();
+		clone.clearListeners();
+		this.iterateListeners(l => {
+			clone.addListener(_.clone(l));
+		})
+		return clone;
+	}
+
 	clearListeners() {
 		this.listeners = {};
 	}

src/widgets/DiagramWidget.tsx

@@ -240,7 +240,7 @@ export class DiagramWidget extends React.Component<DiagramProps, DiagramState> {
 			let amountX = event.clientX - this.state.action.mouseX;
 			let amountY = event.clientY - this.state.action.mouseY;
 			let amountZoom = diagramModel.getZoomLevel() / 100;
-			
+
 			_.forEach(this.state.action.selectionModels, model => {
 				// in this case we need to also work out the relative grid position
 				if (
@@ -299,13 +299,45 @@ export class DiagramWidget extends React.Component<DiagramProps, DiagramState> {
 				if (!(model.model instanceof PointModel)) {
 					return;
 				}
-
 				if (element && element.model instanceof PortModel && !diagramEngine.isModelLocked(element.model)) {
 					linkConnected = true;
 					let link = model.model.getLink();
+					//if this was a valid link already and we are adding a node in the middle, create 2 links from one
+					if(link.getTargetPort() !== undefined) 
+					{
+						var newLink = link.clone();
+						newLink.setSourcePort(element.model);
+						newLink.setTargetPort(link.getTargetPort());
+						var prePoints = []
+						var postPoints = []
+						var found = false
+						_.forEach(link.getPoints(), point => {
+							if(point.id === model.model.id)
+							{
+								found = true;
+								prePoints.push(point);
+								postPoints.push(point);
+							} else {
+								if(found) 
+								{
+									prePoints.push(point);
+								} else {
+									postPoints.push(point);
+								}
+							}
+						})
+						link.setPoints(prePoints);
+						newLink.setPoints(postPoints);
+						diagramEngine.getDiagramModel().addLink(newLink)
+					}
 					link.setTargetPort(element.model);
 					delete this.props.diagramEngine.linksThatHaveInitiallyRendered[link.getID()];
 				}
+				//if we moved a NodeModel and allowLooseLinks is false, we know that any links involved were valid
+				if ((!this.props.allowLooseLinks && element.model instanceof NodeModel) || !this.state.wasMoved)
+				{
+					linkConnected=true;
+				}
 			});
 
 			//do we want to allow loose links on the diagram model or not