index remove graph

front/js/svelte/records/Edit.svelte

@@ -48,7 +48,7 @@
             schema: record.schema,
             status: record.status,
             _sys: JSON.parse(JSON.stringify(record._sys)),
-            edges: JSON.parse(JSON.stringify(graph.edges)),
+            edges: JSON.parse(JSON.stringify(graph)),
         };
     }
 
@@ -81,7 +81,7 @@
             schema: record.schema,
             status: record.status,
             _sys: record._sys,
-            edges: graph.edges,
+            edges: graph,
         });
     }
 
@@ -115,7 +115,7 @@
                     if (isCreateMode) {
                         window.location.href = channel.lucentUrl + "/records/" + record.id;
                     } else {
-                        record = response.data.records[0] ?? null;
+                        record = response.data.rootRecords[0] ?? null;
                         if (!record) {
                             // means trashed
                             hasUnsavedData = false;

front/js/svelte/records/Preview.js

@@ -2,27 +2,25 @@ import Mustache from "mustache";
 import {stripHtml} from "../../helpers";
 import {getContext} from "svelte";
 
-export function previewTitle(record, graph) {
+export function previewTitle(record) {
     const channel = getContext("channel");
-    let schema = channel.schemas.find((aSchema) => aSchema.name === record?.schema);
+    let schema = channel.schemas.find((aSchema) => aSchema.name === record.record?.schema);
 
     if (!schema?.titleTemplate) {
-        return noTemplate(schema, record);
+        return noTemplate(schema, record.record);
     }
 
-    let recordData = record.data;
+    let recordData = record.record.data;
     let template = Mustache.parse(schema.titleTemplate);
-    console.log({template})
     let referencePreviews = template
         .filter(segment => segment[0] === "name") // keep only template tags
         .map((segment) => segment[1]) // map to fieldNames
         .filter(fieldName => { // keep only references
             let schemaField = schema.fields.find(f => f.name === fieldName)
             return schemaField?.info.name === "reference";
-        }).reduce((carry, field) => {  // map to records
-            let edge = graph.edges.find(edge => edge.source === record.id && edge.field === field)
-            let referenceRecord = graph.records.find(rec => rec.id === edge?.target)
-            carry[field] = previewTitle(referenceRecord, graph);
+        }).reduce((carry, fieldName) => {  // map to records
+            let child = record._children[fieldName].find(c => c.record.id === record.record.id);
+            carry[field] = previewTitle(child);
             return carry;
         }, {});
     recordData = {...recordData, ...referencePreviews}
@@ -30,7 +28,7 @@ export function previewTitle(record, graph) {
     let render = Mustache.render(schema.titleTemplate, recordData);
 
     if (!render || render === "") {
-        return noTemplate(schema, record);
+        return noTemplate(schema, record.record);
     }
 
     return stripHtml(render.slice(0, 300));
@@ -41,11 +39,11 @@ function noTemplate(schema, record) {
         return record._file.path;
     }
 
-    let title =  stripHtml(
+    let title = stripHtml(
         record?.data[schema.fields.filter((f) => f.info.name === "text")[0]?.name]
     ).slice(0, 300);
 
-    if(title === ""){
+    if (title === "") {
         return "Untitled";
     }
 

front/js/svelte/records/PreviewCardSmall.svelte

@@ -4,10 +4,9 @@
 
     const channel = getContext("channel");
     export let record;
-    export let graph;
     $: schema = channel.schemas.find((aschema) => aschema.name === record.schema);
 
-    $: title = previewTitle(  record, graph);
+    $: title = previewTitle(  record);
 </script>
 
 {#if record?.data}

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;
 }