fix: remove links in state when deleting referenced elements

Author: pyphilia

src/js/elements/addElement.js

@@ -267,7 +267,6 @@ export const addLinkFromJSON = link => {
 
 export const addLinkFromLink = link => {
   const { source, target, id } = link;
-  console.log("TCL: source", source);
 
   const s = getElementByBoxId(source.boxId);
   const t = getElementByBoxId(target.boxId);

src/js/store/modules/Interface.js

@@ -13,7 +13,8 @@ import {
   selectElementByBoxId,
   selectedElements,
   selectElement,
-  addLinktoLinks
+  addLinktoLinks,
+  removeLinksWithDeletedElements
 } from "./utils";
 import {
   ADD_ELEMENT,
@@ -60,6 +61,8 @@ const Interface = {
       for (const el of elements) {
         deleteElement(el);
       }
+
+      state.links = removeLinksWithDeletedElements(state.elements, state.links);
     },
     [ADD_ELEMENT_TO_SELECTION](state, { model }) {
       const { boxId } = model.attributes;

src/js/store/modules/utils.js

@@ -36,6 +36,10 @@ export const deleteElement = element => {
   element.deleted = true;
 };
 
+export const deleteLink = (links, link) => {
+  links = links.filter(thisL => thisL.id != link.id);
+};
+
 export const addLinktoLinks = (links, link, graph) => {
   const l = buildLinkForStore(graph, link);
   links.push(l);
@@ -50,6 +54,14 @@ export const selectElementByBoxId = (elements, boxId) => {
   }
 };
 
+export const removeLinksWithDeletedElements = (elements, links) => {
+  return links.filter(
+    link =>
+      !elements.find(el => el.boxId == link.source.boxId).deleted &&
+      !elements.find(el => el.boxId == link.target.boxId).deleted
+  );
+};
+
 export const selectElement = element => {
   element.selected = true;
 };