@aphexcms/cms-core 0.1.3 → 0.1.5

package/dist/components/admin/DocumentEditor.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { SchemaType } from 'src/types/schemas.js';
+interface Props {
+    schemas: SchemaType[];
+    documentType: string;
+    documentId?: string | null;
+    isCreating: boolean;
+    onBack: () => void;
+    onSaved?: (documentId: string) => void;
+    onAutoSaved?: (documentId: string, title: string) => void;
+    onDeleted?: () => void;
+    onPublished?: (documentId: string) => void;
+    onOpenReference?: (documentId: string, documentType: string) => void;
+    isReadOnly?: boolean;
+}
+declare const DocumentEditor: import("svelte").Component<Props, {}, "">;
+type DocumentEditor = ReturnType<typeof DocumentEditor>;
+export default DocumentEditor;
+//# sourceMappingURL=DocumentEditor.svelte.d.ts.map

package/dist/components/admin/DocumentEditor.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentEditor.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/admin/DocumentEditor.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAMtD,UAAU,KAAK;IACd,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAwsBF,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/components/admin/DocumentTypesList.svelte

@@ -0,0 +1,97 @@
+<script lang="ts">
+	import { Badge } from '@aphexcms/ui/shadcn/badge';
+	import {
+		SidebarGroup,
+		SidebarGroupLabel,
+		SidebarGroupContent,
+		SidebarMenu,
+		SidebarMenuItem,
+		SidebarMenuButton
+	} from '@aphexcms/ui/shadcn/sidebar';
+	import { page } from '$app/state';
+
+	interface DocumentType {
+		name: string;
+		title: string;
+		description?: string;
+		documentCount?: number;
+	}
+
+	interface Props {
+		documentTypes: DocumentType[];
+		objectTypes: DocumentType[];
+	}
+
+	let { documentTypes, objectTypes }: Props = $props();
+
+	const currentPath = $derived(page.url.pathname);
+</script>
+
+<!-- Document Types Section -->
+{#if documentTypes.length > 0}
+	<SidebarGroup class="max-w-[350px]">
+		<SidebarGroupLabel class="flex items-center justify-between">
+			<span class="flex items-center gap-2">
+				<span>📄</span>
+				Content
+			</span>
+			<Badge variant="secondary" class="text-xs">{documentTypes.length}</Badge>
+		</SidebarGroupLabel>
+
+		<SidebarGroupContent>
+			<SidebarMenu>
+				{#each documentTypes as docType, index (index)}
+					<SidebarMenuItem>
+						<SidebarMenuButton
+							onclick={goto(`/admin/documents/${docType.name}`)}
+							isActive={currentPath.includes(`/documents/${docType.name}`)}
+							class="group"
+						>
+							<div class="flex min-w-0 flex-1 items-center gap-2">
+								<div
+									class="flex h-5 w-5 flex-shrink-0 items-center justify-center rounded bg-blue-100 dark:bg-blue-900/20"
+								>
+									<span class="text-xs text-blue-600 dark:text-blue-400">📄</span>
+								</div>
+								<div class="min-w-0 flex-1">
+									<div class="truncate text-sm font-medium">{docType.title}</div>
+									{#if docType.description}
+										<div class="text-muted-foreground truncate text-xs">{docType.description}</div>
+									{/if}
+								</div>
+							</div>
+						</SidebarMenuButton>
+					</SidebarMenuItem>
+				{/each}
+			</SidebarMenu>
+		</SidebarGroupContent>
+	</SidebarGroup>
+{/if}
+
+<!-- Object Types Section -->
+{#if objectTypes.length > 0}
+	<SidebarGroup>
+		<SidebarGroupLabel class="flex items-center justify-between">
+			<span class="flex items-center gap-2">
+				<span>🧩</span>
+				Object Types
+			</span>
+			<Badge variant="secondary" class="text-xs">{objectTypes.length}</Badge>
+		</SidebarGroupLabel>
+	</SidebarGroup>
+{/if}
+
+<!-- Empty state -->
+{#if documentTypes.length === 0 && objectTypes.length === 0}
+	<SidebarGroup>
+		<SidebarGroupContent>
+			<div class="text-muted-foreground space-y-2 py-6 text-center">
+				<div class="text-2xl">📄</div>
+				<div>
+					<p class="text-sm">No content types found</p>
+					<p class="text-xs">Define schemas in schemaTypes/</p>
+				</div>
+			</div>
+		</SidebarGroupContent>
+	</SidebarGroup>
+{/if}

package/dist/components/admin/DocumentTypesList.svelte.d.ts

@@ -0,0 +1,14 @@
+interface DocumentType {
+    name: string;
+    title: string;
+    description?: string;
+    documentCount?: number;
+}
+interface Props {
+    documentTypes: DocumentType[];
+    objectTypes: DocumentType[];
+}
+declare const DocumentTypesList: import("svelte").Component<Props, {}, "">;
+type DocumentTypesList = ReturnType<typeof DocumentTypesList>;
+export default DocumentTypesList;
+//# sourceMappingURL=DocumentTypesList.svelte.d.ts.map

package/dist/components/admin/DocumentTypesList.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentTypesList.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/admin/DocumentTypesList.svelte.ts"],"names":[],"mappings":"AAeC,UAAU,YAAY;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,KAAK;IACd,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,WAAW,EAAE,YAAY,EAAE,CAAC;CAC5B;AA8EF,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/components/admin/ObjectModal.svelte

@@ -0,0 +1,135 @@
+<script lang="ts">
+	import { Button } from '@aphexcms/ui/shadcn/button';
+	import * as Card from '@aphexcms/ui/shadcn/card';
+	import type { SchemaType } from 'src/types/schemas.js';
+	import SchemaField from './SchemaField.svelte';
+
+	interface Props {
+		open: boolean;
+		schema: SchemaType;
+		value: Record<string, any>;
+		onClose: () => void;
+		onSave: (value: Record<string, any>) => void;
+		onUpdate?: (value: Record<string, any>) => void; // For real-time updates
+		onOpenReference?: (documentId: string, documentType: string) => void;
+		readonly?: boolean;
+	}
+
+	// TODO: add onUpdate to auto save
+	let {
+		open,
+		schema,
+		value,
+		onClose,
+		onSave,
+		onUpdate,
+		onOpenReference,
+		readonly = false
+	}: Props = $props();
+
+	// Initialize editing data with defaults and existing values
+	function initializeData() {
+		const initialData: Record<string, any> = {};
+
+		if (schema?.fields) {
+			schema.fields.forEach((field) => {
+				if (field.type === 'boolean' && 'initialValue' in field) {
+					initialData[field.name] = field.initialValue;
+				} else {
+					initialData[field.name] = '';
+				}
+			});
+		}
+
+		return { ...initialData, ...value };
+	}
+
+	// Local state for editing
+	let editingData = $state<Record<string, any>>(initializeData());
+
+	function handleSave() {
+		onSave(editingData);
+		onClose();
+	}
+
+	function handleCancel() {
+		onClose();
+	}
+
+	// Handle backdrop click
+	function handleBackdropClick(e: MouseEvent) {
+		if (e.target === e.currentTarget) {
+			onClose();
+		}
+	}
+
+	// Handle escape key
+	function handleKeydown(e: KeyboardEvent) {
+		if (e.key === 'Escape') {
+			onClose();
+		}
+	}
+</script>
+
+{#if open}
+	<!-- Backdrop - fixed to viewport on mobile (below navbar), relative to parent on desktop -->
+	<div
+		class="bg-background/80 fixed bottom-0 left-0 right-0 top-12 z-[100] flex items-center justify-center p-6 backdrop-blur-sm sm:absolute sm:top-0 sm:p-4"
+		onclick={handleBackdropClick}
+		onkeydown={handleKeydown}
+		role="button"
+		tabindex="-1"
+	>
+		<!-- Modal Content -->
+		<Card.Root class="flex max-h-[85vh] w-full max-w-2xl flex-col overflow-hidden shadow-lg">
+			<Card.Header class="border-b">
+				<div class="flex items-center justify-between">
+					<div>
+						<Card.Title>{schema.title}</Card.Title>
+						{#if schema.description}
+							<Card.Description>{schema.description}</Card.Description>
+						{/if}
+					</div>
+					<Button variant="ghost" size="icon" onclick={onClose}>
+						<svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M6 18L18 6M6 6l12 12"
+							/>
+						</svg>
+					</Button>
+				</div>
+			</Card.Header>
+
+			<Card.Content class="flex-1 overflow-auto p-6">
+				<div class="space-y-4">
+					{#if schema.fields}
+						{#each schema.fields as field, index (index)}
+							<SchemaField
+								{field}
+								value={editingData[field.name]}
+								documentData={editingData}
+								onUpdate={(newValue) => {
+									editingData = { ...editingData, [field.name]: newValue };
+								}}
+								{onOpenReference}
+								{readonly}
+							/>
+						{/each}
+					{/if}
+				</div>
+			</Card.Content>
+
+			<Card.Footer class="flex justify-end gap-2 border-t">
+				{#if readonly}
+					<Button onclick={onClose}>Close</Button>
+				{:else}
+					<Button variant="outline" onclick={handleCancel}>Cancel</Button>
+					<Button onclick={handleSave}>Save Changes</Button>
+				{/if}
+			</Card.Footer>
+		</Card.Root>
+	</div>
+{/if}

package/dist/components/admin/ObjectModal.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { SchemaType } from 'src/types/schemas.js';
+interface Props {
+    open: boolean;
+    schema: SchemaType;
+    value: Record<string, any>;
+    onClose: () => void;
+    onSave: (value: Record<string, any>) => void;
+    onUpdate?: (value: Record<string, any>) => void;
+    onOpenReference?: (documentId: string, documentType: string) => void;
+    readonly?: boolean;
+}
+declare const ObjectModal: import("svelte").Component<Props, {}, "">;
+type ObjectModal = ReturnType<typeof ObjectModal>;
+export default ObjectModal;
+//# sourceMappingURL=ObjectModal.svelte.d.ts.map

package/dist/components/admin/ObjectModal.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectModal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/admin/ObjectModal.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAItD,UAAU,KAAK;IACd,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAChD,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AA+GF,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/admin/SchemaField.svelte

@@ -0,0 +1,171 @@
+<script lang="ts">
+	import { Label } from '@aphexcms/ui/shadcn/label';
+	import { Badge } from '@aphexcms/ui/shadcn/badge';
+	import * as Alert from '@aphexcms/ui/shadcn/alert';
+	import type { Field } from 'src/types/schemas.js';
+	import {
+		isFieldRequired,
+		validateField,
+		getValidationClasses,
+		type ValidationError
+	} from '../../field-validation/utils.js';
+
+	// Import individual field components
+	import StringField from './fields/StringField.svelte';
+	import SlugField from './fields/SlugField.svelte';
+	import TextareaField from './fields/TextareaField.svelte';
+	import NumberField from './fields/NumberField.svelte';
+	import BooleanField from './fields/BooleanField.svelte';
+	import ImageField from './fields/ImageField.svelte';
+	import ArrayField from './fields/ArrayField.svelte';
+	import ReferenceField from './fields/ReferenceField.svelte';
+	import SchemaField from './SchemaField.svelte';
+
+	interface Props {
+		field: Field;
+		value: any;
+		documentData?: Record<string, any>;
+		onUpdate: (value: any) => void;
+		onOpenReference?: (documentId: string, documentType: string) => void;
+		doValidation?: () => void;
+		schemaType?: string; // Document type
+		parentPath?: string; // Parent field path for nested fields
+		readonly?: boolean; // Read-only mode for viewers
+	}
+
+	let {
+		field,
+		value,
+		documentData,
+		onUpdate,
+		onOpenReference,
+		doValidation,
+		schemaType,
+		parentPath,
+		readonly = false
+	}: Props = $props();
+
+	// Build full field path
+	const fieldPath = parentPath ? `${parentPath}.${field.name}` : field.name;
+
+	// Validation state for the wrapper (displays errors and status)
+	let validationErrors = $state<ValidationError[]>([]);
+
+	// Real-time validation for wrapper display
+	export async function performValidation(currentValue: any, context: any = {}) {
+		validationErrors = []; // Clear previous errors
+		const result = await validateField(field, currentValue, context);
+		validationErrors = result.errors;
+	}
+	// Computed values
+	const hasErrors = $derived(validationErrors.filter((e) => e.level === 'error').length > 0);
+	const validationClasses = $derived(getValidationClasses(hasErrors));
+</script>
+
+<div class="space-y-2">
+	<div class="flex items-center justify-between">
+		<Label for={field.name}>
+			{field.title}
+			{#if isFieldRequired(field)}
+				<span class="text-destructive">*</span>
+			{/if}
+		</Label>
+
+		<div class="flex items-center gap-2">
+			{#if hasErrors}
+				<span class="text-destructive text-sm">🚨</span>
+			{/if}
+
+			{#if field.type}
+				<Badge variant="outline" class="text-xs">
+					{field.type}
+				</Badge>
+			{/if}
+		</div>
+	</div>
+
+	{#if field.description}
+		<p class="text-muted-foreground text-sm">{field.description}</p>
+	{/if}
+
+	<!-- Validation errors display -->
+	{#if validationErrors.length > 0}
+		<div class="space-y-2">
+			{#each validationErrors as error, index (index)}
+				<Alert.Root
+					variant={error.level === 'error'
+						? 'destructive'
+						: error.level === 'warning'
+							? 'default'
+							: 'default'}
+				>
+					<Alert.Description class="text-xs">
+						{error.message}
+					</Alert.Description>
+				</Alert.Root>
+			{/each}
+		</div>
+	{/if}
+
+	<!-- Field type routing to individual components -->
+	{#if field.type === 'string'}
+		<StringField {field} {value} {onUpdate} {validationClasses} {readonly} />
+	{:else if field.type === 'text'}
+		<TextareaField {field} {value} {onUpdate} {validationClasses} {readonly} />
+	{:else if field.type === 'slug'}
+		<SlugField {field} {value} {documentData} {onUpdate} {validationClasses} {readonly} />
+	{:else if field.type === 'number'}
+		<NumberField {field} {value} {onUpdate} {validationClasses} {readonly} />
+	{:else if field.type === 'boolean'}
+		<BooleanField {field} {value} {onUpdate} {validationClasses} {readonly} />
+
+		<!-- Image Field -->
+	{:else if field.type === 'image'}
+		<ImageField
+			{field}
+			{value}
+			{onUpdate}
+			{validationClasses}
+			{schemaType}
+			{fieldPath}
+			{readonly}
+		/>
+
+		<!-- Object Field -->
+	{:else if field.type === 'object' && field.fields}
+		<div class="border-border space-y-4 rounded-md border p-4">
+			<h4 class="text-sm font-medium">{field.title}</h4>
+			{#each field.fields as subField, index (index)}
+				<SchemaField
+					field={subField}
+					value={value?.[subField.name]}
+					{documentData}
+					onUpdate={(subValue) => onUpdate({ ...value, [subField.name]: subValue })}
+					{doValidation}
+					{schemaType}
+					parentPath={fieldPath}
+					{readonly}
+				/>
+			{/each}
+		</div>
+
+		<!-- Array Field -->
+	{:else if field.type === 'array' && field.of}
+		<ArrayField {field} {value} {onUpdate} {onOpenReference} {readonly} />
+
+		<!-- Reference Field -->
+	{:else if field.type === 'reference' && field.to}
+		<ReferenceField {field} {value} {onUpdate} {onOpenReference} {readonly} />
+
+		<!-- Unknown field type -->
+	{:else}
+		<div class="border-muted-foreground/30 rounded-md border border-dashed p-4 text-center">
+			<p class="text-muted-foreground text-sm">
+				Field type "{field.type}" not yet supported
+			</p>
+			<p class="text-muted-foreground mt-1 text-xs">
+				Raw value: {JSON.stringify(value)}
+			</p>
+		</div>
+	{/if}
+</div>

package/dist/components/admin/SchemaField.svelte.d.ts

@@ -0,0 +1,19 @@
+import type { Field } from 'src/types/schemas.js';
+import SchemaField from './SchemaField.svelte';
+interface Props {
+    field: Field;
+    value: any;
+    documentData?: Record<string, any>;
+    onUpdate: (value: any) => void;
+    onOpenReference?: (documentId: string, documentType: string) => void;
+    doValidation?: () => void;
+    schemaType?: string;
+    parentPath?: string;
+    readonly?: boolean;
+}
+declare const SchemaField: import("svelte").Component<Props, {
+    performValidation: (currentValue: any, context?: any) => Promise<void>;
+}, "">;
+type SchemaField = ReturnType<typeof SchemaField>;
+export default SchemaField;
+//# sourceMappingURL=SchemaField.svelte.d.ts.map

package/dist/components/admin/SchemaField.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaField.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/admin/SchemaField.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAgBlD,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAG9C,UAAU,KAAK;IACd,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AA4IF,QAAA,MAAM,WAAW;sCArGgC,GAAG,YAAW,GAAG;MAqGT,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}