index remove graph

front/js/svelte/records/elements/File.svelte

@@ -14,14 +14,7 @@
 
     let browseModal;
 
-    $: references = graph?.edges
-        .filter((edge) => edge.field === field.name)
-        .map((edge) => {
-            return {
-                record:  graph.records.find((increc) => increc.id === edge.target && record.id === edge.source),
-                edge: edge,
-            }
-        }).filter((recordEdge) => (!!recordEdge.record?.id)) ?? [];
+    $: currentReferences  = graph._children[field.name] ?? [];
 
     let collections = channel.schemas.filter((aschema) =>
         field.collections.includes(aschema.name)
@@ -29,9 +22,9 @@
 
     function removeReference(e) {
         e.preventDefault();
-        graph.edges = graph.edges.filter(
-            (edge) => !(edge.target === e.detail && edge.field === field.name)
-        );
+        // graph.edges = graph.edges.filter(
+        //     (edge) => !(edge.target === e.detail && edge.field === field.name)
+        // );
     }
 
     function openBrowseModal(e, schema) {
@@ -40,13 +33,14 @@
     }
 
     async function reorder(e) {
-        graph.edges = await sortByField(e.detail.source, e.detail.target, graph.edges, field.name);
+        // graph.edges = await sortByField(e.detail.source, e.detail.target, graph.edges, field.name);
     }
 
     function insert(e) {
         e.preventDefault();
         browseModal.close();
         const recordsToInsert = e.detail.records;
+        console.log({recordsToInsert})
         const action = e.detail.action;
         let newEdges = recordsToInsert.map((r) => {
             return {
@@ -64,8 +58,8 @@
             replacedEdges = replacedEdges.filter((e) => e.field !== field.name);
         }
 
-        graph.records = uniqBy([...graph.records, ...recordsToInsert], (r) => r.id);
-        graph.edges = uniqBy([...replacedEdges, ...newEdges], (e) => e.target + e.field);
+        // graph.records = uniqBy([...graph.records, ...recordsToInsert], (r) => r.id);
+        // graph.edges = uniqBy([...replacedEdges, ...newEdges], (e) => e.target + e.field);
     }
 </script>
 
@@ -103,9 +97,9 @@
         </div>
     {/if}
 </div>
-{#if references.length > 0}
+{#if currentReferences.length > 0}
     <Sortable sortableClass="row row-cols-3 mt-3" on:update={reorder}>
-        {#each references as reference (reference.record.id)}
+        {#each currentReferences as reference (reference.record.id)}
             <div class="col mb-3">
                 <PreviewCard
                     classes="h-100"

front/js/svelte/records/elements/Reference.svelte

@@ -14,11 +14,7 @@
     export let validationErrors;
     $: errorMessage = getErrorMessage(validationErrors, field.name);
 
-    $: references = graph.edges
-        .filter((edge) => edge.field === field.name)
-        .map((edge) => {
-            return graph.records.find((increc) => increc.id === edge.target && record.id === edge.source);
-        }).filter((rec) => (rec?.id ? true : false)) ?? [];
+    $: currentReferences  = graph._children[field.name] ?? [];
 
     let collections = channel.schemas.filter((aschema) =>
         field.collections.includes(aschema.name)
@@ -56,9 +52,9 @@
         on:save={insert}
     />
 </div>
-{#if references.length > 0}
+{#if currentReferences.length > 0}
     <Sortable sortableClass="row row-cols-3 mt-3" on:update={reorder}>
-        {#each references as reference (reference.id)}
+        {#each currentReferences as reference (reference.id)}
             <div class="col mb-3">
                 <PreviewCard
                     classes="h-100"

front/js/svelte/records/elements/errorMessage.js

@@ -1,5 +1,3 @@
 export function getErrorMessage(validationErrors, fieldName) {
-    return validationErrors && validationErrors[fieldName]
-        ? validationErrors[fieldName].message
-        : null;
+    return validationErrors?.find((e) => e.fieldName ===  fieldName)?.message;
 }