@aphexcms/cms-core 0.2.2 → 1.0.0

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

@@ -0,0 +1,23 @@
+import type { Asset } from '../../types/asset.js';
+interface Props {
+    /** When true, shows a "Select" button for picking an asset */
+    selectable?: boolean;
+    /** When true, allows selecting multiple assets (used with selectable) */
+    multiSelect?: boolean;
+    /** Callback when an asset is selected (single select mode) */
+    onSelect?: (asset: Asset) => void;
+    /** Callback when multiple assets are selected (multi select mode) */
+    onSelectMultiple?: (assets: Asset[]) => void;
+    /** Filter to specific asset type */
+    assetTypeFilter?: 'image' | 'file';
+    /** Number of assets per page */
+    pageSize?: number;
+    /** Whether this tab is currently active (triggers refetch when becoming active) */
+    active?: boolean;
+    /** Asset IDs already in use (shown with a tick indicator) */
+    existingAssetIds?: Set<string>;
+}
+declare const MediaBrowser: import("svelte").Component<Props, {}, "">;
+type MediaBrowser = ReturnType<typeof MediaBrowser>;
+export default MediaBrowser;
+//# sourceMappingURL=MediaBrowser.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaBrowser.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/admin/MediaBrowser.svelte.ts"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAO9C,UAAU,KAAK;IACd,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yEAAyE;IACzE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC;IAC7C,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACnC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mFAAmF;IACnF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6DAA6D;IAC7D,gBAAgB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAC/B;AA8mCF,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/components/admin/ObjectModal.svelte

@@ -1,7 +1,7 @@
 <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 type { SchemaType } from '../../types/schemas.js';
 	import SchemaField from './SchemaField.svelte';
 	import { getDefaultValueForFieldType } from '../../utils/field-defaults';
 
@@ -24,7 +24,6 @@
 		value,
 		onClose,
 		onSave,
-		onUpdate,
 		onOpenReference,
 		readonly = false,
 		organizationId
@@ -35,7 +34,7 @@
 		const initialData: Record<string, any> = {};
 
 		if (schema?.fields) {
-			schema.fields.forEach((field) => {
+			schema.fields.forEach((field: any) => {
 				if ('initialValue' in field && field.initialValue !== undefined) {
 					// Only use literal initialValue (skip functions to keep this synchronous)
 					if (typeof field.initialValue !== 'function') {
@@ -84,7 +83,7 @@
 {#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"
+		class="bg-background/80 fixed top-12 right-0 bottom-0 left-0 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"

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

@@ -1,4 +1,4 @@
-import type { SchemaType } from 'src/types/schemas.js';
+import type { SchemaType } from '../../types/schemas.js';
 interface Props {
     open: boolean;
     schema: SchemaType;

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

@@ -1 +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;AAKtD,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;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAwHF,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"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,wBAAwB,CAAC;AAKxD,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;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAuHF,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

@@ -6,13 +6,14 @@
 		Field,
 		DateField as DateFieldType,
 		DateTimeField as DateTimeFieldType
-	} from 'src/types/schemas.js';
+	} from '../../types/schemas';
 	import {
 		isFieldRequired,
 		validateField,
 		getValidationClasses,
 		type ValidationError
 	} from '../../field-validation/utils';
+	import { cmsLogger } from '../../utils/logger';
 	import {
 		convertDateToUserFormat,
 		convertDateTimeToUserFormat
@@ -68,41 +69,49 @@
 	export async function performValidation(currentValue: any, context: any = {}) {
 		validationErrors = []; // Clear previous errors
 
-		console.log(`[SchemaField.performValidation] Field "${field.name}" type="${field.type}"`, {
-			currentValue,
-			context
-		});
+		cmsLogger.debug(
+			'[SchemaField.performValidation]',
+			`Field "${field.name}" type="${field.type}"`,
+			{
+				currentValue,
+				context
+			}
+		);
 
 		// Convert date/datetime values from ISO to user format for validation
 		let valueForValidation = currentValue;
 		if (field.type === 'date' && currentValue && typeof currentValue === 'string') {
 			const dateField = field as DateFieldType;
 			const userFormat = dateField.options?.dateFormat || 'YYYY-MM-DD';
-			console.log(`[SchemaField.performValidation] Converting DATE field "${field.name}"`, {
+			cmsLogger.debug('[SchemaField.performValidation]', `Converting DATE field "${field.name}"`, {
 				currentValue,
 				userFormat
 			});
 			valueForValidation = convertDateToUserFormat(currentValue, userFormat);
-			console.log(`[SchemaField.performValidation] DATE converted`, {
+			cmsLogger.debug('[SchemaField.performValidation]', `DATE converted`, {
 				valueForValidation
 			});
 		} else if (field.type === 'datetime' && currentValue && typeof currentValue === 'string') {
 			const dateTimeField = field as DateTimeFieldType;
 			const dateFormat = dateTimeField.options?.dateFormat || 'YYYY-MM-DD';
 			const timeFormat = dateTimeField.options?.timeFormat || 'HH:mm';
-			console.log(`[SchemaField.performValidation] Converting DATETIME field "${field.name}"`, {
-				currentValue,
-				dateFormat,
-				timeFormat
-			});
+			cmsLogger.debug(
+				'[SchemaField.performValidation]',
+				`Converting DATETIME field "${field.name}"`,
+				{
+					currentValue,
+					dateFormat,
+					timeFormat
+				}
+			);
 			valueForValidation = convertDateTimeToUserFormat(currentValue, dateFormat, timeFormat);
-			console.log(`[SchemaField.performValidation] DATETIME converted`, {
+			cmsLogger.debug('[SchemaField.performValidation]', `DATETIME converted`, {
 				valueForValidation
 			});
 		}
 
 		const result = await validateField(field, valueForValidation, context);
-		console.log(`[SchemaField.performValidation] Validation result for "${field.name}"`, {
+		cmsLogger.debug('[SchemaField.performValidation]', `Validation result for "${field.name}"`, {
 			errors: result.errors
 		});
 		validationErrors = result.errors;
@@ -159,72 +168,91 @@
 	{/if}
 
 	<!-- Field type routing to individual components -->
-	{#if field.type === 'string'}
-		<StringField {field} {value} {documentData} {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 === 'url'}
-		<URLField {field} {value} {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} />
-	{:else if field.type === 'date'}
-		<DateField {field} {value} {onUpdate} {validationClasses} {readonly} />
-	{:else if field.type === 'datetime'}
-		<DateTimeField {field} {value} {onUpdate} {validationClasses} {readonly} />
-
-		<!-- Image Field -->
-	{:else if field.type === 'image'}
-		<ImageField
-			{field}
-			{value}
-			{onUpdate}
-			{validationClasses}
-			{schemaType}
-			{fieldPath}
-			{readonly}
-			{organizationId}
-		/>
-
-		<!-- 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}
-					{organizationId}
-				/>
-			{/each}
-		</div>
+	<svelte:boundary
+		onerror={(error) =>
+			cmsLogger.error(
+				'[SchemaField]',
+				`Error rendering field "${field.name}" (${field.type}):`,
+				error
+			)}
+	>
+		{#if field.type === 'string'}
+			<StringField {field} {value} {documentData} {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 === 'url'}
+			<URLField {field} {value} {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} />
+		{:else if field.type === 'date'}
+			<DateField {field} {value} {onUpdate} {validationClasses} {readonly} />
+		{:else if field.type === 'datetime'}
+			<DateTimeField {field} {value} {onUpdate} {validationClasses} {readonly} />
 
-		<!-- Array Field -->
-	{:else if field.type === 'array' && field.of}
-		<ArrayField {field} {value} {onUpdate} {onOpenReference} {readonly} {organizationId} />
-
-		<!-- 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}
+			<!-- Image Field -->
+		{:else if field.type === 'image'}
+			<ImageField
+				{field}
+				{value}
+				{onUpdate}
+				{validationClasses}
+				{schemaType}
+				{fieldPath}
+				{readonly}
+				{organizationId}
+			/>
+
+			<!-- 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}
+						{organizationId}
+					/>
+				{/each}
+			</div>
+
+			<!-- Array Field -->
+		{:else if field.type === 'array' && field.of}
+			<ArrayField {field} {value} {onUpdate} {onOpenReference} {readonly} {organizationId} />
+
+			<!-- 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}
+
+		{#snippet failed(error, reset)}
+			<div class="border-destructive/30 bg-destructive/5 rounded-md border p-3">
+				<p class="text-destructive text-sm font-medium">
+					Failed to render field "{field.name}" ({field.type})
+				</p>
+				<p class="text-muted-foreground mt-1 text-xs">{error instanceof Error ? error.message : 'Unknown error'}</p>
+				<button class="text-primary mt-2 text-xs underline" onclick={reset}> Try again </button>
+			</div>
+		{/snippet}
+	</svelte:boundary>
 </div>

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

@@ -1,4 +1,4 @@
-import type { Field } from 'src/types/schemas.js';
+import type { Field } from '../../types/schemas.js';
 import SchemaField from './SchemaField.svelte';
 interface Props {
     field: Field;

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

@@ -1 +1 @@
-{"version":3,"file":"SchemaField.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/admin/SchemaField.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,KAAK,EAGL,MAAM,sBAAsB,CAAC;AAuB/B,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;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AA6LF,QAAA,MAAM,WAAW;sCAjJgC,GAAG,YAAW,GAAG;MAiJT,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"SchemaField.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/admin/SchemaField.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,KAAK,EAGL,MAAM,qBAAqB,CAAC;AAwB9B,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;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAsNF,QAAA,MAAM,WAAW;sCAzKgC,GAAG,YAAW,GAAG;MAyKT,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}