@riducms/admin 0.1.0

package/src/features/documents/document-field-partition.ts

@@ -0,0 +1,18 @@
+import type { SchemaField } from "@riducms/protocol";
+
+export interface DocumentFieldPartition {
+	content: SchemaField[];
+	sidebar: SchemaField[];
+}
+
+// Root layout metadata changes presentation only. The manifest remains in its
+// canonical order, while each visual region preserves the order of its fields.
+export function partitionDocumentFields(fields: readonly SchemaField[]): DocumentFieldPartition {
+	const content: SchemaField[] = [];
+	const sidebar: SchemaField[] = [];
+	for (const field of fields) {
+		if (field.admin.hidden === true) continue;
+		(field.admin.sidebar === true ? sidebar : content).push(field);
+	}
+	return { content, sidebar };
+}

package/src/features/documents/document-field-sections.svelte

@@ -0,0 +1,46 @@
+<script lang="ts">
+	import type { SchemaField } from "@riducms/protocol";
+
+	import type { FormController } from "@admin/core/forms/form-controller.svelte";
+	import { partitionDocumentFields } from "@admin/features/documents/document-field-partition";
+	import FieldLayout from "@admin/fields/field-layout.svelte";
+
+	let {
+		fields,
+		form,
+		stacked = false,
+	}: {
+		fields: readonly SchemaField[];
+		form: FormController;
+		stacked?: boolean;
+	} = $props();
+	const partition = $derived(partitionDocumentFields(fields));
+</script>
+
+{#if partition.sidebar.length === 0}
+	<FieldLayout fields={partition.content} {form} />
+{:else}
+	<div
+		class={[
+			"grid min-w-0 gap-8",
+			!stacked && "xl:grid-cols-[minmax(0,1fr)_minmax(260px,340px)] xl:items-start",
+		]}
+		data-document-field-columns
+	>
+		{#if partition.content.length > 0}
+			<div class="min-w-0" data-document-main-fields>
+				<FieldLayout fields={partition.content} {form} />
+			</div>
+		{/if}
+		<aside
+			class={[
+				"min-w-0 border-t border-control-border pt-7",
+				!stacked && "xl:border-t-0 xl:border-s xl:pt-0 xl:ps-7",
+				!stacked && partition.content.length === 0 && "xl:col-start-2",
+			]}
+			data-document-sidebar-fields
+		>
+			<FieldLayout fields={partition.sidebar} {form} />
+		</aside>
+	</div>
+{/if}

package/src/features/documents/document-heading.ts

@@ -0,0 +1,20 @@
+import type { SchemaCollection, SchemaField } from "@riducms/protocol";
+
+export function documentHeadingField(
+	collection: SchemaCollection | undefined,
+	canRead: (path: string) => boolean
+): SchemaField | undefined {
+	if (collection === undefined || collection.capabilities.upload) return undefined;
+
+	const configured = collection.admin.useAsTitle;
+	if (configured !== undefined) {
+		const field = collection.fields.find(
+			(candidate) => candidate.name === configured && canRead(candidate.path)
+		);
+		if (field !== undefined) return field;
+	}
+
+	return collection.fields.find(
+		(field) => canRead(field.path) && (field.type === "text" || field.type === "select")
+	);
+}

package/src/features/documents/document-route-dirty.ts

@@ -0,0 +1,43 @@
+export interface DocumentRouteDirtyInput {
+	documentValuesDirty: boolean;
+	creatingAuthUser: boolean;
+	password: string;
+	passwordConfirmation: string;
+}
+
+export interface AuthCreateCredentials {
+	password: string;
+	passwordConfirmation: string;
+}
+
+export function documentRouteIsDirty({
+	documentValuesDirty,
+	creatingAuthUser,
+	password,
+	passwordConfirmation,
+}: DocumentRouteDirtyInput) {
+	return (
+		documentValuesDirty ||
+		(creatingAuthUser && (password.length > 0 || passwordConfirmation.length > 0))
+	);
+}
+
+export async function saveAuthCreateWithClearedCredentials(
+	credentials: AuthCreateCredentials,
+	replaceCredentials: (next: AuthCreateCredentials) => void,
+	save: (password: string) => Promise<boolean>
+) {
+	// The document controller performs the successful create redirect before its
+	// save promise resolves. Clear route-owned credentials first so the route's
+	// unsaved-change blocker permits that redirect, then restore them verbatim if
+	// the save does not complete.
+	replaceCredentials({ password: "", passwordConfirmation: "" });
+	try {
+		const saved = await save(credentials.password);
+		if (!saved) replaceCredentials(credentials);
+		return saved;
+	} catch (cause) {
+		replaceCredentials(credentials);
+		throw cause;
+	}
+}

package/src/features/documents/document-route-loader.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import { getAdminI18n } from "@riducms/plugin";
+
+	const i18n = getAdminI18n();
+	const route = import("@admin/features/documents/document-route.svelte");
+</script>
+
+{#await route}
+	<section
+		class="grid min-h-72 place-items-center"
+		aria-busy="true"
+		aria-label={i18n.t("documents:loadingDocument")}
+	>
+		<p class="text-[12px] text-foreground-faint">{i18n.t("documents:loadingDocument")}</p>
+	</section>
+{:then { default: DocumentRoute }}
+	<DocumentRoute />
+{:catch}
+	<section class="grid min-h-72 place-items-center" role="alert">
+		<p class="text-[12px] text-destructive">{i18n.t("documents:workspaceLoadFailed")}</p>
+	</section>
+{/await}