@riducms/admin 0.1.0

package/src/features/uploads/upload-metadata-fields.svelte

@@ -0,0 +1,112 @@
+<script lang="ts">
+	import { getAdminI18n } from "@riducms/plugin";
+	import type { SchemaField, ValidationIssue } from "@riducms/protocol";
+
+	import { Input } from "@admin/components/ui/input";
+	import { Select, SelectContent, SelectItem, SelectTrigger } from "@admin/components/ui/select";
+
+	interface Props {
+		fields: readonly SchemaField[];
+		values: Readonly<Record<string, string>>;
+		issues: readonly ValidationIssue[];
+		idPrefix: string;
+		disabled?: boolean;
+		labelPrefix?: string;
+		onValueChange: (field: SchemaField, value: string) => void;
+	}
+
+	let {
+		fields,
+		values,
+		issues,
+		idPrefix,
+		disabled = false,
+		labelPrefix,
+		onValueChange,
+	}: Props = $props();
+	const i18n = getAdminI18n();
+
+	const metadataEntries = $derived.by(() =>
+		fields.map((field) => {
+			const fieldIssues = issues.filter(
+				(issue) => issue.path === field.path || issue.path === field.name
+			);
+			return {
+				field,
+				value: values[field.name] ?? "",
+				fieldIssues,
+				issueID: `${idPrefix}-${field.id}-issue`,
+				inputID: `${idPrefix}-${field.id}`,
+			};
+		})
+	);
+
+	function selectedLabel(field: SchemaField, value: string) {
+		const choice = field.select?.choices.find((candidate) => candidate.value === value);
+		return choice === undefined
+			? i18n.t("uploads:chooseValue")
+			: i18n.text(choice.label, choice.labelTranslations);
+	}
+
+	function controlLabel(field: SchemaField) {
+		const label = i18n.text(field.admin.label, field.admin.labelTranslations);
+		return labelPrefix === undefined ? label : `${labelPrefix} ${label}`;
+	}
+</script>
+
+<div class="grid gap-3 sm:grid-cols-2">
+	{#each metadataEntries as entry (entry.field.id)}
+		<label class="grid gap-1.5 text-[11px] text-foreground-sub" for={entry.inputID}>
+			<span>
+				{i18n.text(entry.field.admin.label, entry.field.admin.labelTranslations)}{entry.field
+					.required
+					? " *"
+					: ""}
+			</span>
+			{#if entry.field.type === "select"}
+				<Select
+					type="single"
+					value={entry.value}
+					onValueChange={(value) => onValueChange(entry.field, value)}
+					{disabled}
+				>
+					<SelectTrigger
+						id={entry.inputID}
+						class="w-full"
+						aria-label={controlLabel(entry.field)}
+						aria-invalid={entry.fieldIssues.length > 0}
+						aria-describedby={entry.fieldIssues.length > 0 ? entry.issueID : undefined}
+					>
+						<span class={entry.value === "" ? "text-foreground-placeholder" : undefined}>
+							{selectedLabel(entry.field, entry.value)}
+						</span>
+					</SelectTrigger>
+					<SelectContent>
+						<SelectItem value="" label={i18n.t("uploads:chooseValue")} />
+						{#each entry.field.select?.choices ?? [] as choice (choice.value)}
+							<SelectItem
+								value={choice.value}
+								label={i18n.text(choice.label, choice.labelTranslations)}
+							/>
+						{/each}
+					</SelectContent>
+				</Select>
+			{:else}
+				<Input
+					id={entry.inputID}
+					aria-label={controlLabel(entry.field)}
+					aria-invalid={entry.fieldIssues.length > 0}
+					aria-describedby={entry.fieldIssues.length > 0 ? entry.issueID : undefined}
+					value={entry.value}
+					{disabled}
+					oninput={(event) => onValueChange(entry.field, event.currentTarget.value)}
+				/>
+			{/if}
+			{#if entry.fieldIssues.length > 0}
+				<span id={entry.issueID} class="text-destructive" role="alert">
+					{entry.fieldIssues.map((issue) => issue.message).join(" ")}
+				</span>
+			{/if}
+		</label>
+	{/each}
+</div>

package/src/features/versions/version-diff.ts

@@ -0,0 +1,72 @@
+import type { SchemaCollection, SchemaField } from "@riducms/protocol";
+import type { AdminI18n } from "@riducms/translations";
+
+import type { AdminDocument, AdminVersion } from "@admin/core/api/admin-client";
+
+export interface VersionDiffRow {
+	path: string;
+	label: string;
+	before: unknown;
+	after: unknown;
+	changed: boolean;
+}
+
+export function versionDiffRows(
+	collection: SchemaCollection,
+	current: AdminVersion,
+	comparison: AdminVersion | undefined,
+	i18n: AdminI18n
+): VersionDiffRow[] {
+	const fields = comparisonFields(collection.fields);
+	return [
+		{
+			path: "_status",
+			label: i18n.t("versions:status"),
+			before: comparison?.Status,
+			after: current.Status,
+			changed: !sameValue(comparison?.Status, current.Status),
+		},
+		...fields.map(({ field, path }) => {
+			const before = valueAtPath(comparison?.Snapshot, path);
+			const after = valueAtPath(current.Snapshot, path);
+			return {
+				path,
+				label: i18n.text(field.admin.label || field.name, field.admin.labelTranslations),
+				before,
+				after,
+				changed: !sameValue(before, after),
+			};
+		}),
+	];
+}
+
+export function formatVersionValue(value: unknown, i18n: AdminI18n): string {
+	if (value === undefined || value === null || value === "") return "—";
+	if (typeof value === "string") return value;
+	if (typeof value === "number") return i18n.formatNumber(value);
+	if (typeof value === "boolean") return i18n.t(value ? "versions:true" : "versions:false");
+	return JSON.stringify(value, null, 2);
+}
+
+function comparisonFields(fields: readonly SchemaField[]) {
+	return fields.flatMap((field): Array<{ field: SchemaField; path: string }> => {
+		if (field.type === "ui" || field.virtual !== undefined || field.join !== undefined) return [];
+		if (field.type === "group" && field.nested !== undefined) {
+			return comparisonFields(field.nested.fields);
+		}
+		return [{ field, path: field.path || field.name }];
+	});
+}
+
+function valueAtPath(document: AdminDocument | undefined, path: string): unknown {
+	let value: unknown = document;
+	for (const segment of path.split(".")) {
+		if (typeof value !== "object" || value === null || Array.isArray(value)) return undefined;
+		value = Reflect.get(value, segment);
+	}
+	return value;
+}
+
+function sameValue(left: unknown, right: unknown) {
+	return JSON.stringify(left) === JSON.stringify(right);
+}