removed lodash and axios

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

@@ -1,12 +1,11 @@
 <script>
-    import {getContext} from "svelte";
-    import {insertEdges} from "./reference";
-    import {getErrorMessage} from "./errorMessage";
-    import {sortByField} from "../../edges/sortEdges";
+    import { getContext } from "svelte";
+    import { insertEdges } from "./reference";
+    import { getErrorMessage } from "./errorMessage";
+    import { sortByField } from "../../edges/sortEdges";
     import ReferenceInlineButtons from "./ReferenceInlineButtons.svelte";
     import Sortable from "../../libs/Sortable.svelte";
     import PreviewReference from "../previews/PreviewReference.svelte";
-    import axios from "axios";
 
     const channel = getContext("channel");
     export let record;
@@ -15,27 +14,36 @@
     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)) ?? [];
+    $: 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)) ?? [];
 
     let collections = channel.schemas.filter((aschema) =>
-        field.collections.includes(aschema.name)
+        field.collections.includes(aschema.name),
     );
 
     function removeReference(e) {
         e.preventDefault();
         graph.edges = graph.edges.filter(
-            (edge) => !(edge.target === e.detail && edge.field === field.name)
+            (edge) => !(edge.target === e.detail && edge.field === field.name),
         );
     }
 
     function reorder(e) {
-
-        graph.edges = sortByField(e.detail.source, e.detail.target, graph.edges, field.name, references);
+        graph.edges = sortByField(
+            e.detail.source,
+            e.detail.target,
+            graph.edges,
+            field.name,
+            references,
+        );
     }
 
     function insert(e) {
@@ -49,9 +57,14 @@
         // }).then(function (response) {
         //     graph = response.data.graph;
         // })
-        graph = insertEdges(graph, record, e.detail.records, field.name, e.detail.action);
+        graph = insertEdges(
+            graph,
+            record,
+            e.detail.records,
+            field.name,
+            e.detail.action,
+        );
     }
-
 </script>
 
 {#if errorMessage}
@@ -61,10 +74,10 @@
 {/if}
 <div class="inline-card-wrapper">
     <ReferenceInlineButtons
-            recordId={null}
-            schemas={collections}
-            on:insert={insert}
-            on:save={insert}
+        recordId={null}
+        schemas={collections}
+        on:insert={insert}
+        on:save={insert}
     />
 </div>
 {#if references.length > 0}
@@ -72,10 +85,10 @@
         {#each references as reference (reference.id)}
             <div>
                 <PreviewReference
-                        {graph}
-                        record={reference}
-                        hasDelete={true}
-                        on:remove={removeReference}
+                    {graph}
+                    record={reference}
+                    hasDelete={true}
+                    on:remove={removeReference}
                 />
             </div>
         {/each}