index remove graph

This commit is contained in:
2024-03-24 13:46:34 +02:00
parent d824e52dce
commit e74e1e7956
17 changed files with 107 additions and 155 deletions
+15 -17
View File
@@ -1,5 +1,5 @@
<script> <script>
import Tools from "./tools/Tools.svelte"; // import Tools from "./tools/Tools.svelte";
import Pagination from "./pagination/Pagination.svelte"; import Pagination from "./pagination/Pagination.svelte";
import ActionsOnSelected from "./ActionsOnSelected.svelte"; import ActionsOnSelected from "./ActionsOnSelected.svelte";
import Table from "./Table.svelte"; import Table from "./Table.svelte";
@@ -10,7 +10,6 @@
export let schema; export let schema;
export let users; export let users;
export let records; export let records;
export let graph;
// export let visibleFields; // export let visibleFields;
export let systemFields; export let systemFields;
export let sortParam; export let sortParam;
@@ -54,26 +53,25 @@
{#if selected.length > 0 && !inModal && isWritable} {#if selected.length > 0 && !inModal && isWritable}
<ActionsOnSelected {schema} {selected} {filter}/> <ActionsOnSelected {schema} {selected} {filter}/>
{:else} {:else}
<Tools <!-- <Tools-->
bind:schema <!-- bind:schema-->
bind:records <!-- bind:records-->
{systemFields} <!-- {systemFields}-->
{sortParam} <!-- {sortParam}-->
{sortField} <!-- {sortField}-->
{operators} <!-- {operators}-->
{filter} <!-- {filter}-->
{graph} <!-- {graph}-->
{inModal} <!-- {inModal}-->
{modalUrl} <!-- {modalUrl}-->
{isWritable} <!-- {isWritable}-->
on:refresh={refresh} <!-- on:refresh={refresh}-->
/> <!-- />-->
{/if} {/if}
{#if schema.type === "collection"} {#if schema.type === "collection"}
<Table <Table
{records} {records}
{graph}
{schema} {schema}
{sortParam} {sortParam}
{sortField} {sortField}
+7 -8
View File
@@ -7,8 +7,7 @@
export let schema; export let schema;
export let users; export let users;
export let graph; export let queryRecord;
export let record;
export let sortParam; export let sortParam;
export let sortField; export let sortField;
export let visibleColumns; export let visibleColumns;
@@ -20,7 +19,7 @@
class="field-ui-{field.info.name}" class="field-ui-{field.info.name}"
class:is-sort={field.name === sortField.name} class:is-sort={field.name === sortField.name}
> >
<RenderField {record} {schema} {graph} {field}/> <RenderField {queryRecord} {field}/>
</td> </td>
{/each} {/each}
{#if schema.visible.includes("status")} {#if schema.visible.includes("status")}
@@ -28,7 +27,7 @@
class="text-center" class="text-center"
class:is-sort={"-status" == sortParam || "status" == sortParam} class:is-sort={"-status" == sortParam || "status" == sortParam}
> >
<Status status={record.status}/> <Status status={queryRecord.record.status}/>
</td> </td>
{/if} {/if}
{#if schema.visible.includes("_sys.createdBy")} {#if schema.visible.includes("_sys.createdBy")}
@@ -36,7 +35,7 @@
class="text-center" class="text-center"
class:is-sort={"-_sys.createdBy" == sortParam || "_sys.createdBy" == sortParam} class:is-sort={"-_sys.createdBy" == sortParam || "_sys.createdBy" == sortParam}
> >
<Avatar name={usernameById(users, record._sys.createdBy)} side={24}/> <Avatar name={usernameById(users, queryRecord.record._sys.createdBy)} side={24}/>
</td> </td>
{/if} {/if}
{#if schema.visible.includes("_sys.updatedBy")} {#if schema.visible.includes("_sys.updatedBy")}
@@ -44,16 +43,16 @@
class="text-center" class="text-center"
class:is-sort={"-_sys.updatedBy" == sortParam || "_sys.updatedBy" == sortParam} class:is-sort={"-_sys.updatedBy" == sortParam || "_sys.updatedBy" == sortParam}
> >
<Avatar name={usernameById(users, record._sys.updatedBy)} side={24}/> <Avatar name={usernameById(users, queryRecord.record._sys.updatedBy)} side={24}/>
</td> </td>
{/if} {/if}
{#if schema.visible.includes("_sys.createdAt")} {#if schema.visible.includes("_sys.createdAt")}
<td class:is-sort={"-_sys.createdAt" == sortParam || "_sys.createdAt" == sortParam}> <td class:is-sort={"-_sys.createdAt" == sortParam || "_sys.createdAt" == sortParam}>
{friendlyDate(record._sys.createdAt)} {friendlyDate(queryRecord.record._sys.createdAt)}
</td> </td>
{/if} {/if}
{#if schema.visible.includes("_sys.updatedAt")} {#if schema.visible.includes("_sys.updatedAt")}
<td class:is-sort={"-_sys.updatedAt" == sortParam || "_sys.updatedAt" == sortParam}> <td class:is-sort={"-_sys.updatedAt" == sortParam || "_sys.updatedAt" == sortParam}>
{friendlyDate(record._sys.updatedAt)} {friendlyDate(queryRecord.record._sys.updatedAt)}
</td> </td>
{/if} {/if}
+3 -7
View File
@@ -29,17 +29,13 @@
file: File, file: File,
}; };
export let field; export let field;
export let schema; export let queryRecord;
export let record;
export let graph;
</script> </script>
<svelte:component <svelte:component
this={renderElements[field.info.name]} this={renderElements[field.info.name]}
value={record.data[field.name]} value={queryRecord.record.data[field.name]}
{record} {queryRecord}
{graph}
{schema}
{field} {field}
/> />
+9 -11
View File
@@ -11,7 +11,6 @@
export let schema; export let schema;
export let users; export let users;
export let records; export let records;
export let graph;
export let systemFields; export let systemFields;
export let sortParam; export let sortParam;
export let sortField; export let sortField;
@@ -64,7 +63,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{#each records as record (record.id)} {#each records as queryRecord (queryRecord.record.id)}
<tr> <tr>
<td class="title-td"> <td class="title-td">
<div <div
@@ -74,13 +73,13 @@
{#if isWritable} {#if isWritable}
<div class="form-check"> <div class="form-check">
<input <input
on:change={() => select(record)} on:change={() => select(queryRecord)}
class="form-check-input " class="form-check-input "
type="checkbox" type="checkbox"
checked={selected.find( checked={selected.find(
(r) => r.id === record.id (r) => r.id === queryRecord.record.id
)} )}
value={record} value={queryRecord}
/> />
</div> </div>
{/if} {/if}
@@ -88,20 +87,20 @@
<a <a
class="me-2 text-decoration-none text-dark fs-6" class="me-2 text-decoration-none text-dark fs-6"
href="{channel.lucentUrl}/records/{record.id}" href="{channel.lucentUrl}/records/{queryRecord.record.id}"
target={inModal ? "_blank" : "_self"} target={inModal ? "_blank" : "_self"}
title={previewTitle(record, graph)} title={previewTitle(queryRecord)}
data-bs-toggle="tooltip" data-bs-placement="left" data-bs-toggle="tooltip" data-bs-placement="left"
> >
{previewTitle(record, graph)} {previewTitle(queryRecord)}
</a> </a>
</div> </div>
<div> <div>
<Avatar <Avatar
name={usernameById( name={usernameById(
users, users,
record._sys.updatedBy queryRecord.record._sys.updatedBy
)} )}
side={24} side={24}
/> />
@@ -109,8 +108,7 @@
</div> </div>
</td> </td>
<RecordRow <RecordRow
{record} {queryRecord}
{graph}
{schema} {schema}
{visibleColumns} {visibleColumns}
{sortParam} {sortParam}
+2 -9
View File
@@ -1,18 +1,11 @@
<script> <script>
import Preview from "../../files/Preview.svelte"; import Preview from "../../files/Preview.svelte";
export let record; export let queryRecord;
export let field; export let field;
export let graph;
let filePreviews = queryRecord?._children[field.name];
let filePreviews = graph.edges?.filter((ed) => ed.field === field.name && ed.source === record.id)
.map((ed) => graph.records.find((r) => r.id === ed.target));
// if (edges[0]) {
// firstRecord = record._children.find((r) => r.data.id === edges[0].to);
// }
console.log(filePreviews)
</script> </script>
<!-- {#if firstRecord} <!-- {#if firstRecord}
@@ -1,25 +1,16 @@
<script> <script>
import PreviewCardSmall from "../../records/PreviewCardSmall.svelte"; import PreviewCardSmall from "../../records/PreviewCardSmall.svelte";
export let record; export let queryRecord;
export let field; export let field;
export let schemas; $: recordEdges = queryRecord?._children[field.name];
export let graph;
$: recordEdges =
graph.edges
?.filter((ed) => ed.field === field.name && ed.source === record.id)
.map((edge) => {
return graph.records.find((r) => r.id === edge.target);
})
.filter((record) => (!record ? false : true)) ?? [];
</script> </script>
<div class="references"> <div class="references">
{#each recordEdges as recordEdge} {#each recordEdges as recordEdge}
<span class="mr-3"> <span class="mr-3">
<PreviewCardSmall {schemas} {graph} record={recordEdge}/> <PreviewCardSmall record={recordEdge}/>
</span> </span>
{/each} {/each}
</div> </div>
+3 -3
View File
@@ -48,7 +48,7 @@
schema: record.schema, schema: record.schema,
status: record.status, status: record.status,
_sys: JSON.parse(JSON.stringify(record._sys)), _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, schema: record.schema,
status: record.status, status: record.status,
_sys: record._sys, _sys: record._sys,
edges: graph.edges, edges: graph,
}); });
} }
@@ -115,7 +115,7 @@
if (isCreateMode) { if (isCreateMode) {
window.location.href = channel.lucentUrl + "/records/" + record.id; window.location.href = channel.lucentUrl + "/records/" + record.id;
} else { } else {
record = response.data.records[0] ?? null; record = response.data.rootRecords[0] ?? null;
if (!record) { if (!record) {
// means trashed // means trashed
hasUnsavedData = false; hasUnsavedData = false;
+8 -10
View File
@@ -2,27 +2,25 @@ import Mustache from "mustache";
import {stripHtml} from "../../helpers"; import {stripHtml} from "../../helpers";
import {getContext} from "svelte"; import {getContext} from "svelte";
export function previewTitle(record, graph) { export function previewTitle(record) {
const channel = getContext("channel"); 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) { 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); let template = Mustache.parse(schema.titleTemplate);
console.log({template})
let referencePreviews = template let referencePreviews = template
.filter(segment => segment[0] === "name") // keep only template tags .filter(segment => segment[0] === "name") // keep only template tags
.map((segment) => segment[1]) // map to fieldNames .map((segment) => segment[1]) // map to fieldNames
.filter(fieldName => { // keep only references .filter(fieldName => { // keep only references
let schemaField = schema.fields.find(f => f.name === fieldName) let schemaField = schema.fields.find(f => f.name === fieldName)
return schemaField?.info.name === "reference"; return schemaField?.info.name === "reference";
}).reduce((carry, field) => { // map to records }).reduce((carry, fieldName) => { // map to records
let edge = graph.edges.find(edge => edge.source === record.id && edge.field === field) let child = record._children[fieldName].find(c => c.record.id === record.record.id);
let referenceRecord = graph.records.find(rec => rec.id === edge?.target) carry[field] = previewTitle(child);
carry[field] = previewTitle(referenceRecord, graph);
return carry; return carry;
}, {}); }, {});
recordData = {...recordData, ...referencePreviews} recordData = {...recordData, ...referencePreviews}
@@ -30,7 +28,7 @@ export function previewTitle(record, graph) {
let render = Mustache.render(schema.titleTemplate, recordData); let render = Mustache.render(schema.titleTemplate, recordData);
if (!render || render === "") { if (!render || render === "") {
return noTemplate(schema, record); return noTemplate(schema, record.record);
} }
return stripHtml(render.slice(0, 300)); return stripHtml(render.slice(0, 300));
@@ -4,10 +4,9 @@
const channel = getContext("channel"); const channel = getContext("channel");
export let record; export let record;
export let graph;
$: schema = channel.schemas.find((aschema) => aschema.name === record.schema); $: schema = channel.schemas.find((aschema) => aschema.name === record.schema);
$: title = previewTitle( record, graph); $: title = previewTitle( record);
</script> </script>
{#if record?.data} {#if record?.data}
+10 -16
View File
@@ -14,14 +14,7 @@
let browseModal; let browseModal;
$: references = graph?.edges $: currentReferences = graph._children[field.name] ?? [];
.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)) ?? [];
let collections = channel.schemas.filter((aschema) => let collections = channel.schemas.filter((aschema) =>
field.collections.includes(aschema.name) field.collections.includes(aschema.name)
@@ -29,9 +22,9 @@
function removeReference(e) { function removeReference(e) {
e.preventDefault(); e.preventDefault();
graph.edges = graph.edges.filter( // graph.edges = graph.edges.filter(
(edge) => !(edge.target === e.detail && edge.field === field.name) // (edge) => !(edge.target === e.detail && edge.field === field.name)
); // );
} }
function openBrowseModal(e, schema) { function openBrowseModal(e, schema) {
@@ -40,13 +33,14 @@
} }
async function reorder(e) { 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) { function insert(e) {
e.preventDefault(); e.preventDefault();
browseModal.close(); browseModal.close();
const recordsToInsert = e.detail.records; const recordsToInsert = e.detail.records;
console.log({recordsToInsert})
const action = e.detail.action; const action = e.detail.action;
let newEdges = recordsToInsert.map((r) => { let newEdges = recordsToInsert.map((r) => {
return { return {
@@ -64,8 +58,8 @@
replacedEdges = replacedEdges.filter((e) => e.field !== field.name); replacedEdges = replacedEdges.filter((e) => e.field !== field.name);
} }
graph.records = uniqBy([...graph.records, ...recordsToInsert], (r) => r.id); // graph.records = uniqBy([...graph.records, ...recordsToInsert], (r) => r.id);
graph.edges = uniqBy([...replacedEdges, ...newEdges], (e) => e.target + e.field); // graph.edges = uniqBy([...replacedEdges, ...newEdges], (e) => e.target + e.field);
} }
</script> </script>
@@ -103,9 +97,9 @@
</div> </div>
{/if} {/if}
</div> </div>
{#if references.length > 0} {#if currentReferences.length > 0}
<Sortable sortableClass="row row-cols-3 mt-3" on:update={reorder}> <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"> <div class="col mb-3">
<PreviewCard <PreviewCard
classes="h-100" classes="h-100"
@@ -14,11 +14,7 @@
export let validationErrors; export let validationErrors;
$: errorMessage = getErrorMessage(validationErrors, field.name); $: errorMessage = getErrorMessage(validationErrors, field.name);
$: references = graph.edges $: currentReferences = graph._children[field.name] ?? [];
.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) => let collections = channel.schemas.filter((aschema) =>
field.collections.includes(aschema.name) field.collections.includes(aschema.name)
@@ -56,9 +52,9 @@
on:save={insert} on:save={insert}
/> />
</div> </div>
{#if references.length > 0} {#if currentReferences.length > 0}
<Sortable sortableClass="row row-cols-3 mt-3" on:update={reorder}> <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"> <div class="col mb-3">
<PreviewCard <PreviewCard
classes="h-100" classes="h-100"
@@ -1,5 +1,3 @@
export function getErrorMessage(validationErrors, fieldName) { export function getErrorMessage(validationErrors, fieldName) {
return validationErrors && validationErrors[fieldName] return validationErrors?.find((e) => e.fieldName === fieldName)?.message;
? validationErrors[fieldName].message
: null;
} }
+10 -2
View File
@@ -26,11 +26,19 @@ class EdgeRepo
} }
public function update(string $from, EdgeCollection $edges): void /**
* @param string $from
* @param Option<EdgeCollection> $edges
* @return void
*/
public function update(string $from, Option $edges): void
{ {
$edgesDB = collect($edges)->map(fn(Edge $e) => $e->toDB())->toArray();
DB::table("edges")->where("source", $from)->delete(); DB::table("edges")->where("source", $from)->delete();
$edges->map(function (EdgeCollection $edgeCollection) {
$edgesDB = collect($edgeCollection)->map(fn(Edge $e) => $e->toDB())->toArray();
DB::table("edges")->insert($edgesDB); DB::table("edges")->insert($edgesDB);
});
} }
+1 -4
View File
@@ -43,10 +43,7 @@ class EdgeService
*/ */
public function update(string $from, Option $edges): void public function update(string $from, Option $edges): void
{ {
if($edges->isEmpty()){ $this->edgeRepo->update($from, $edges);
return;
}
$this->edgeRepo->update($from, $edges->get());
} }
public function findAll(): EdgeCollection public function findAll(): EdgeCollection
+4 -6
View File
@@ -79,8 +79,7 @@ class RecordController extends Controller
"schemas" => $this->channelService->channel->schemas, "schemas" => $this->channelService->channel->schemas,
"schema" => $schema, "schema" => $schema,
"users" => $users, "users" => $users,
"records" => $graph->rootRecords, "records" => toArray($graph->tree()),
"graph" => toArray($graph),
"systemFields" => array_values(System::list()), "systemFields" => array_values(System::list()),
"operators" => array_values(Operator::list()), "operators" => array_values(Operator::list()),
"sortParam" => $sort, "sortParam" => $sort,
@@ -238,7 +237,7 @@ class RecordController extends Controller
title: "Edit Record", title: "Edit Record",
data: [ data: [
"schema" => $schema, "schema" => $schema,
"graph" => toArray($graph), "graph" => toArray($graph->tree()->first()),
"record" => toArray($record), "record" => toArray($record),
"users" => $this->accountService->all(), "users" => $this->accountService->all(),
"recordHistory" => $recordHistory, "recordHistory" => $recordHistory,
@@ -322,12 +321,11 @@ class RecordController extends Controller
default => $this->recordService->update( default => $this->recordService->update(
id: $request->input("record.id"), id: $request->input("record.id"),
data: $request->input("record.data"), data: $request->input("record.data"),
status: $request->input("record.status"), status: Status::from($request->input("record.status")),
edges: $request->input("edges"), edges: Option::fromValue($request->input("edges")),
updateEdges: true, updateEdges: true,
) )
}; };
if ($res->error()->isDefined()) { if ($res->error()->isDefined()) {
return result($res); return result($res);
} }
+21 -33
View File
@@ -58,7 +58,6 @@ readonly class RecordService
): Result ): Result
{ {
$schema = $this->channelService->getSchema($schemaName)->get(); $schema = $this->channelService->getSchema($schemaName)->get();
$formattedData = $this->inputFormatter->fill($schemaName, new RecordData($data)); $formattedData = $this->inputFormatter->fill($schemaName, new RecordData($data));
$newRecordId = $id->getOrElse(Id::new()); $newRecordId = $id->getOrElse(Id::new());
$uniqueEdges = $this->getUniqueEdges($edges, $newRecordId, $schemaName); $uniqueEdges = $this->getUniqueEdges($edges, $newRecordId, $schemaName);
@@ -167,66 +166,55 @@ readonly class RecordService
/** /**
* @throws LucentException * @param string $id
* @throws ValidatorException * @param array $data
* @param Status $status
* @param Option<array> $edges
* @param bool $updateEdges
* @return Result<string|Collection<ValidatorError>>
*/ */
public public
function update( function update(
string $id, string $id,
array $data, array $data,
string $status = "draft", Status $status,
array $edges = [], Option $edges,
bool $updateEdges = false bool $updateEdges = false
): void ): Result
{ {
$record = $this->query->filter(["id" => $id])->run()->records->first(); $record = $this->query->filter(["id" => $id])->run()->rootRecords->first();
if (empty($record)) { if (empty($record)) {
throw new LucentException("Record id is missing"); return Error::create("Record id is missing");
} }
$formattedData = $this->inputFormatter->fill($record->schema, new RecordData($data)); $formattedData = $this->inputFormatter->fill($record->schema, new RecordData($data));
$uniqueEdgesCollection = new EdgeCollection(); $uniqueEdges = new EdgeCollection();
if ($updateEdges) { if ($updateEdges) {
$uniqueEdges = collect($edges) $uniqueEdges = $this->getUniqueEdges($edges, $record->id, $record->schema);
->map(function ($edge, $index): Edge {
$edge["rank"] = $index;
return Edge::fromArray($edge);
})
->unique(fn(Edge $e) => $e->field . $e->source . $e->target . $e->sourceSchema)
->values()->toArray();
$uniqueEdgesCollection = new EdgeCollection(...$uniqueEdges);
} }
if (Status::from($status) === Status::PUBLISHED) { if ($status === Status::PUBLISHED) {
$errors = $this->recordValidator->check($record->schema, $formattedData, $uniqueEdgesCollection); $errors = $this->recordValidator->check($record->schema, $record->data);
if ($errors->isNotEmpty()) { if ($errors->isNotEmpty()) {
$this->recordValidator->throwException($errors); return Error::create($errors);
}
if ($errors->isNotEmpty()) {
$this->recordValidator->throwException($errors);
} }
} }
$newRecord = new Document(
$newRecord = new Record(
id: $record->id, id: $record->id,
schema: $record->schema, schema: $record->schema,
status: Status::from($status), status: $status,
_sys: $record->_sys->update($this->authService->currentUserId()), _sys: $record->_sys->update($this->authService->currentUserId()),
data: $record->data->merge($formattedData), data: $record->data->merge($formattedData),
_file: $record->_file,
); );
RecordRepo::update($newRecord); RecordRepo::update($newRecord);
if ($updateEdges) { if ($updateEdges) {
$this->edgeService->update($newRecord->id, $uniqueEdgesCollection); $this->edgeService->update($newRecord->id, $uniqueEdges);
} }
$this->revisionService->create($newRecord, $uniqueEdges);
$this->revisionService->create($newRecord, $uniqueEdgesCollection); return Success::create($record->id);
} }
/** /**
+1
View File
@@ -32,6 +32,7 @@ class Validator
return $schema->getDataFields() return $schema->getDataFields()
->map(fn(FieldDataInterface $f) => $this->validate($f, $data)) ->map(fn(FieldDataInterface $f) => $this->validate($f, $data))
->filter(fn(Option $error) => $error->isDefined()) ->filter(fn(Option $error) => $error->isDefined())
->map(fn(Option $error) => $error->get())
->values(); ->values();
} }