@aphexcms/cms-core 2.0.3 → 2.0.5

package/dist/components/admin/fields/FileField.svelte

@@ -0,0 +1,485 @@
+<script lang="ts">
+	import { Button } from '@aphexcms/ui/shadcn/button';
+	import { Upload, File as FileIcon, Download, Copy, CircleX } from '@lucide/svelte';
+	import type { FileValue } from '../../../types/asset';
+	import type { FileField as FileFieldType } from '../../../types/schemas';
+	import { assets } from '../../../api/assets';
+	import { toast } from 'svelte-sonner';
+	import {
+		DropdownMenu,
+		DropdownMenuTrigger,
+		DropdownMenuContent,
+		DropdownMenuItem,
+		DropdownMenuSeparator,
+		DropdownMenuGroup
+	} from '@aphexcms/ui/shadcn/dropdown-menu';
+	import { Ellipsis } from '@lucide/svelte';
+	import elementEvents from '../../../utils/element-events';
+	import { copyUrlToClipboard, downloadFile } from '../../../utils/asset-actions';
+	import AssetBrowserModal from '../AssetBrowserModal.svelte';
+
+	interface Props {
+		field: FileFieldType;
+		value: FileValue | null;
+		validationClasses?: string;
+		onUpdate: (value: FileValue | null) => void;
+		schemaType?: string;
+		fieldPath?: string;
+		readonly?: boolean;
+		compact?: boolean;
+		arrayItem?: boolean;
+		organizationId?: string;
+	}
+
+	let {
+		field,
+		value,
+		onUpdate,
+		validationClasses,
+		schemaType,
+		fieldPath,
+		readonly = false,
+		compact = false,
+		arrayItem = false,
+		organizationId
+	}: Props = $props();
+
+	let isDragging = $state(false);
+	let isUploading = $state(false);
+	let uploadError = $state<string | null>(null);
+	let fileInputRef: HTMLInputElement;
+	let showAssetBrowser = $state(false);
+
+	// Build accept string for file input from field.accept array
+	const acceptString = $derived(field.accept ? field.accept.join(',') : undefined);
+
+	async function uploadFile(file: File): Promise<FileValue | null> {
+		isUploading = true;
+		uploadError = null;
+
+		try {
+			const formData = new FormData();
+			formData.append('file', file);
+
+			if (organizationId) formData.append('organizationId', organizationId);
+			if (schemaType) formData.append('schemaType', schemaType);
+			if (fieldPath) formData.append('fieldPath', fieldPath);
+
+			// Pass allowed MIME types for server-side validation
+			if (field.accept) {
+				formData.append('allowedMimeTypes', JSON.stringify(field.accept));
+			}
+			if (field.maxSize) {
+				formData.append('maxSize', String(field.maxSize));
+			}
+
+			const result = await assets.upload(formData);
+
+			if (!result.success) {
+				throw new Error(result.error || 'Upload failed');
+			}
+
+			const asset = result.data;
+
+			return {
+				_type: 'file',
+				asset: {
+					_type: 'reference',
+					_ref: asset!.id
+				}
+			};
+		} catch (error) {
+			uploadError = error instanceof Error ? error.message : 'Upload failed';
+			return null;
+		} finally {
+			isUploading = false;
+		}
+	}
+
+	async function handleFileSelect(files: FileList | null) {
+		if (readonly || !files || files.length === 0) return;
+
+		const file = files[0]!;
+
+		// Client-side size check
+		if (field.maxSize && file.size > field.maxSize) {
+			const maxMB = (field.maxSize / (1024 * 1024)).toFixed(1);
+			uploadError = `File exceeds maximum size of ${maxMB} MB`;
+			return;
+		}
+
+		const fileValue = await uploadFile(file);
+		if (fileValue) {
+			onUpdate(fileValue);
+		}
+	}
+
+	function handleDragOver(event: DragEvent) {
+		if (readonly) return;
+		event.preventDefault();
+		isDragging = true;
+	}
+
+	function handleDragLeave(event: DragEvent) {
+		if (readonly) return;
+		event.preventDefault();
+		isDragging = false;
+	}
+
+	function handleDrop(event: DragEvent) {
+		if (readonly) return;
+		event.preventDefault();
+		isDragging = false;
+		handleFileSelect(event.dataTransfer?.files || null);
+	}
+
+	function handleFileInputChange(event: Event) {
+		if (readonly) return;
+		const target = event.target as HTMLInputElement;
+		handleFileSelect(target.files);
+	}
+
+	function openFileDialog() {
+		if (readonly) return;
+		fileInputRef?.click();
+	}
+
+	function removeFile() {
+		if (readonly) return;
+		onUpdate(null);
+		uploadError = null;
+	}
+
+	// Asset data state
+	let assetData = $state<any>(null);
+	let loadingAsset = $state(false);
+	let lastAssetId = $state<string | null>(null);
+
+	$effect(() => {
+		async function loadAsset() {
+			const assetId = value?.asset?._ref || null;
+
+			if (assetId !== lastAssetId) {
+				lastAssetId = assetId;
+
+				if (assetId) {
+					loadingAsset = true;
+					try {
+						const result = await assets.getById(assetId);
+						if (result.success) {
+							assetData = result.data;
+						} else {
+							toast.error('Failed to fetch asset details');
+							assetData = null;
+						}
+					} catch (error) {
+						toast.error('Failed to load file asset');
+						assetData = null;
+					} finally {
+						loadingAsset = false;
+					}
+				} else {
+					assetData = null;
+					loadingAsset = false;
+				}
+			}
+		}
+		loadAsset();
+	});
+
+	const fileUrl = $derived(assetData?.url || null);
+
+	const displayName = $derived(
+		assetData?.originalFilename || assetData?.filename || value?.asset?._ref || 'File'
+	);
+
+	const fileSize = $derived(
+		assetData?.size
+			? assetData.size > 1024 * 1024
+				? `${(assetData.size / (1024 * 1024)).toFixed(1)} MB`
+				: `${(assetData.size / 1024).toFixed(1)} KB`
+			: null
+	);
+
+	const fileMime = $derived(assetData?.mimeType || null);
+
+	function downloadAsset() {
+		if (fileUrl) {
+			downloadFile(fileUrl, displayName);
+		}
+	}
+
+	async function copyUrl() {
+		if (fileUrl) {
+			await copyUrlToClipboard(fileUrl);
+		}
+	}
+</script>
+
+<!-- Hidden file input -->
+<input
+	bind:this={fileInputRef}
+	type="file"
+	accept={acceptString}
+	style="display: none"
+	onchange={handleFileInputChange}
+/>
+
+{#if arrayItem}
+	<!-- Minimal row for array items -->
+	{#if value && value.asset}
+		<div class="flex items-center gap-3">
+			<div
+				class="bg-muted flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded"
+			>
+				{#if loadingAsset}
+					<div class="border-primary h-4 w-4 animate-spin rounded-full border-b-2"></div>
+				{:else}
+					<FileIcon size={18} class="text-muted-foreground" />
+				{/if}
+			</div>
+			<div class="min-w-0 flex-1">
+				<span class="truncate text-sm">{displayName}</span>
+				{#if fileSize}
+					<span class="text-muted-foreground text-xs"> - {fileSize}</span>
+				{/if}
+			</div>
+		</div>
+	{:else}
+		<span class="text-muted-foreground text-sm">No file</span>
+	{/if}
+{:else if compact}
+	<!-- Compact mode for arrays -->
+	{#if value && value.asset}
+		<div class="border-border flex items-center gap-3 rounded-md border p-2 {validationClasses}">
+			<div
+				class="bg-muted flex h-10 w-10 flex-shrink-0 items-center justify-center overflow-hidden rounded"
+			>
+				{#if loadingAsset}
+					<div class="border-primary h-4 w-4 animate-spin rounded-full border-b-2"></div>
+				{:else}
+					<FileIcon size={20} class="text-muted-foreground" />
+				{/if}
+			</div>
+
+			<div class="flex-1 overflow-hidden">
+				<p class="truncate text-sm font-medium">{displayName}</p>
+				{#if fileSize || fileMime}
+					<p class="text-muted-foreground text-xs">
+						{fileMime || ''}{fileSize ? ` - ${fileSize}` : ''}
+					</p>
+				{/if}
+			</div>
+
+			{#if !readonly}
+				<DropdownMenu>
+					<DropdownMenuTrigger>
+						<Button variant="ghost" size="sm" class="h-8 w-8 p-0">
+							<Ellipsis size={16} />
+						</Button>
+					</DropdownMenuTrigger>
+					<DropdownMenuContent align="end">
+						<DropdownMenuGroup>
+							<DropdownMenuItem onclick={openFileDialog} disabled={isUploading}>
+								<Upload size={16} />
+								Replace
+							</DropdownMenuItem>
+							<DropdownMenuItem
+								onclick={() => {
+									showAssetBrowser = true;
+								}}
+								disabled={isUploading}
+							>
+								<FileIcon size={16} />
+								Browse media
+							</DropdownMenuItem>
+						</DropdownMenuGroup>
+						<DropdownMenuSeparator />
+						<DropdownMenuItem
+							onclick={removeFile}
+							disabled={isUploading}
+							class="text-destructive focus:text-destructive"
+						>
+							<CircleX size={16} />
+							Clear field
+						</DropdownMenuItem>
+					</DropdownMenuContent>
+				</DropdownMenu>
+			{/if}
+		</div>
+	{:else}
+		<Button
+			variant="outline"
+			class="w-full justify-start"
+			onclick={openFileDialog}
+			disabled={isUploading || readonly}
+			type="button"
+		>
+			{#if isUploading}
+				<div class="border-primary mr-2 h-4 w-4 animate-spin rounded-full border-b-2"></div>
+				Uploading...
+			{:else}
+				<Upload size={16} class="mr-2" />
+				Upload File
+			{/if}
+		</Button>
+	{/if}
+{:else}
+	<!-- Full mode -->
+	{#if value && value.asset}
+		<div class="border-border overflow-hidden rounded-md border {validationClasses}">
+			<!-- File info card -->
+			<div class="flex items-center gap-4 p-4">
+				<div
+					class="bg-muted flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-lg"
+				>
+					{#if loadingAsset}
+						<div class="border-primary h-6 w-6 animate-spin rounded-full border-b-2"></div>
+					{:else}
+						<FileIcon size={28} class="text-muted-foreground" />
+					{/if}
+				</div>
+
+				<div class="min-w-0 flex-1">
+					<p class="truncate text-sm font-medium">{displayName}</p>
+					<div class="text-muted-foreground flex items-center gap-2 text-xs">
+						{#if fileMime}
+							<span>{fileMime}</span>
+						{/if}
+						{#if fileSize}
+							<span>{fileSize}</span>
+						{/if}
+					</div>
+				</div>
+
+				<!-- Controls -->
+				{#if !readonly}
+					<DropdownMenu>
+						<DropdownMenuTrigger>
+							<Button variant="secondary" size="icon" class="h-8 w-8">
+								<Ellipsis size={16} />
+							</Button>
+						</DropdownMenuTrigger>
+						<DropdownMenuContent align="end">
+							<DropdownMenuGroup>
+								<DropdownMenuItem onclick={openFileDialog} disabled={isUploading}>
+									<Upload size={16} />
+									Replace
+								</DropdownMenuItem>
+								<DropdownMenuItem
+									onclick={() => {
+										showAssetBrowser = true;
+									}}
+									disabled={isUploading}
+								>
+									<FileIcon size={16} />
+									Browse media
+								</DropdownMenuItem>
+							</DropdownMenuGroup>
+							<DropdownMenuSeparator />
+							<DropdownMenuGroup>
+								<DropdownMenuItem onclick={downloadAsset} disabled={!fileUrl}>
+									<Download size={16} />
+									Download
+								</DropdownMenuItem>
+								<DropdownMenuItem onclick={copyUrl} disabled={!fileUrl}>
+									<Copy size={16} />
+									Copy URL
+								</DropdownMenuItem>
+							</DropdownMenuGroup>
+							<DropdownMenuSeparator />
+							<DropdownMenuItem
+								onclick={removeFile}
+								disabled={isUploading}
+								class="text-destructive focus:text-destructive"
+							>
+								<CircleX size={16} />
+								Clear field
+							</DropdownMenuItem>
+						</DropdownMenuContent>
+					</DropdownMenu>
+				{/if}
+			</div>
+		</div>
+	{:else}
+		<!-- Upload bar -->
+		<div
+			class="border-border flex h-10 items-center overflow-hidden rounded-md border transition-colors {validationClasses} {readonly
+				? ''
+				: isDragging
+					? 'bg-primary/5'
+					: ''}"
+			use:elementEvents={{
+				events: [
+					{ name: 'dragover', handler: handleDragOver },
+					{ name: 'drop', handler: handleDrop },
+					{ name: 'dragleave', handler: handleDragLeave }
+				]
+			}}
+		>
+			<div class="flex flex-1 items-center gap-2 px-3">
+				{#if isUploading}
+					<div
+						class="border-primary h-4 w-4 animate-spin rounded-full border-2 border-t-transparent"
+					></div>
+					<span class="text-muted-foreground text-sm">Uploading...</span>
+				{:else}
+					<FileIcon size={16} class="text-muted-foreground" />
+					<span class="text-muted-foreground text-sm">
+						{readonly ? 'No file' : isDragging ? 'Drop file here' : 'Drag or select a file'}
+					</span>
+				{/if}
+			</div>
+
+			<div class="flex items-center gap-1 pr-2">
+				<button
+					onclick={openFileDialog}
+					disabled={isUploading || readonly}
+					type="button"
+					class="text-muted-foreground hover:text-foreground flex items-center gap-1 px-2 py-1 text-sm transition-colors disabled:opacity-50"
+				>
+					<Upload size={14} />
+					Upload
+				</button>
+				<button
+					disabled={isUploading || readonly}
+					type="button"
+					onclick={() => {
+						showAssetBrowser = true;
+					}}
+					class="text-muted-foreground hover:text-foreground flex items-center gap-1 px-2 py-1 text-sm transition-colors disabled:opacity-50"
+				>
+					<FileIcon size={14} />
+					Select
+				</button>
+			</div>
+		</div>
+	{/if}
+{/if}
+
+{#if uploadError}
+	<p class="text-destructive mt-2 text-sm">{uploadError}</p>
+{/if}
+
+{#if field.accept}
+	<p class="text-muted-foreground mt-1 text-xs">
+		Accepted: {field.accept.join(', ')}
+	</p>
+{/if}
+
+<!-- Asset Browser Modal -->
+<AssetBrowserModal
+	bind:open={showAssetBrowser}
+	onOpenChange={(v) => (showAssetBrowser = v)}
+	assetTypeFilter="file"
+	onSelect={(asset) => {
+		const fileValue: FileValue = {
+			_type: 'file',
+			asset: {
+				_type: 'reference',
+				_ref: asset.id
+			}
+		};
+		onUpdate(fileValue);
+	}}
+/>

package/dist/components/admin/fields/FileField.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { FileValue } from '../../../types/asset.js';
+import type { FileField as FileFieldType } from '../../../types/schemas.js';
+interface Props {
+    field: FileFieldType;
+    value: FileValue | null;
+    validationClasses?: string;
+    onUpdate: (value: FileValue | null) => void;
+    schemaType?: string;
+    fieldPath?: string;
+    readonly?: boolean;
+    compact?: boolean;
+    arrayItem?: boolean;
+    organizationId?: string;
+}
+declare const FileField: import("svelte").Component<Props, {}, "">;
+type FileField = ReturnType<typeof FileField>;
+export default FileField;
+//# sourceMappingURL=FileField.svelte.d.ts.map

package/dist/components/admin/fields/FileField.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileField.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/admin/fields/FileField.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAiBxE,UAAU,KAAK;IACd,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAgaF,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/admin/fields/ReferenceField.svelte

@@ -214,7 +214,7 @@
 							<Command.Empty>
 								<div class="flex flex-col items-center gap-2 py-4">
 									<p class="text-muted-foreground text-sm">
-										No {pluralize(targetType)} found
+										No {pluralize(targetType || '')} found
 									</p>
 									<Button size="sm" onclick={createNewDocument} disabled={creating} class="gap-1">
 										<PlusIcon class="h-3 w-3" />
@@ -254,7 +254,7 @@
 							</Command.Group>
 						{:else}
 							<Command.Empty>
-								No {pluralize(targetType)} available
+								No {pluralize(targetType || '')} available
 							</Command.Empty>
 						{/if}
 					</Command.List>

package/dist/components/fields/index.d.ts

@@ -4,6 +4,7 @@ export { default as NumberField } from '../admin/fields/NumberField.svelte';
 export { default as BooleanField } from '../admin/fields/BooleanField.svelte';
 export { default as SlugField } from '../admin/fields/SlugField.svelte';
 export { default as ImageField } from '../admin/fields/ImageField.svelte';
+export { default as FileField } from '../admin/fields/FileField.svelte';
 export { default as ArrayField } from '../admin/fields/ArrayField.svelte';
 export { default as ReferenceField } from '../admin/fields/ReferenceField.svelte';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/fields/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/fields/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uCAAuC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/fields/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uCAAuC,CAAC"}

package/dist/components/fields/index.js

@@ -5,5 +5,6 @@ export { default as NumberField } from '../admin/fields/NumberField.svelte';
 export { default as BooleanField } from '../admin/fields/BooleanField.svelte';
 export { default as SlugField } from '../admin/fields/SlugField.svelte';
 export { default as ImageField } from '../admin/fields/ImageField.svelte';
+export { default as FileField } from '../admin/fields/FileField.svelte';
 export { default as ArrayField } from '../admin/fields/ArrayField.svelte';
 export { default as ReferenceField } from '../admin/fields/ReferenceField.svelte';

package/dist/graphql/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../src/lib/graphql/schema.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAkD,MAAM,kBAAkB,CAAC;AAkWnG,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,UAAU,EAAE,GAAG,MAAM,CAgFvE"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../src/lib/graphql/schema.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAkD,MAAM,kBAAkB,CAAC;AAqWnG,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,UAAU,EAAE,GAAG,MAAM,CA2FvE"}

package/dist/graphql/schema.js

@@ -18,6 +18,8 @@ function getGraphQLType(field, schemaTypes, parentName = '') {
             return 'Boolean';
         case 'image':
             return 'Image';
+        case 'file':
+            return 'FileAsset';
         case 'array':
             return handleArrayField(field, schemaTypes, parentName);
         case 'object':
@@ -234,7 +236,8 @@ function getInputFieldType(field, _schemaTypes, _parentName) {
         case 'reference':
             return 'String'; // Reference IDs
         case 'image':
-            return 'JSON'; // Images are complex objects
+        case 'file':
+            return 'JSON'; // Complex asset references
         case 'array':
             // For arrays, we'll use JSON for simplicity
             // In a more advanced implementation, you'd create specific input types
@@ -323,6 +326,17 @@ export function generateGraphQLSchema(schemaTypes) {
 type ImageAsset {
   _ref: String!
   _type: String!
+}
+
+type FileAsset {
+  _type: String!
+  asset: FileAssetRef
+  url: String
+}
+
+type FileAssetRef {
+  _ref: String!
+  _type: String!
 }`;
     const scalarDefs = `# JSON scalar for flexible data
 scalar JSON`;

package/dist/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/lib/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAA8B,MAAM,eAAe,CAAC;AAC3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAKvD,OAAO,EAAa,SAAS,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAkB,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGlE,MAAM,WAAW,YAAY;IAC5B,MAAM,EAAE,SAAS,CAAC;IAClB,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,eAAe,EAAE,eAAe,CAAC;IACjC,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,GAAG,CACjB,MAAM,EACN;QAAE,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAC7E,CAAC;CACF;AAgFD,wBAAgB,aAAa,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,CAqKvD"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/lib/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAA8B,MAAM,eAAe,CAAC;AAC3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAKvD,OAAO,EAAa,SAAS,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAkB,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGlE,MAAM,WAAW,YAAY;IAC5B,MAAM,EAAE,SAAS,CAAC;IAClB,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,eAAe,EAAE,eAAe,CAAC;IACjC,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,GAAG,CACjB,MAAM,EACN;QAAE,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAC7E,CAAC;CACF;AAiFD,wBAAgB,aAAa,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,CAiLvD"}

package/dist/hooks.js

@@ -6,6 +6,7 @@ import { createCMS } from './engine.js';
 import { createLocalAPI } from './local-api/index.js';
 let cmsInstances = null;
 let schemaError = null;
+let initPromise = null;
 /**
  * Check if schemas are dirty (changed via Vite HMR)
  * Vite plugin sets a global flag when schema files change
@@ -77,7 +78,13 @@ export function createCMSHook(config) {
         // Note: In dev mode, /storage/ might be accessible via Vite dev server
         // In production, only /static/ folder is served - /storage/ is private
         // Initialize CMS instances once at application startup
+        // Use a promise lock to prevent concurrent requests from racing initialization
+        if (initPromise) {
+            await initPromise;
+        }
         if (!cmsInstances) {
+            let resolveInit;
+            initPromise = new Promise((r) => (resolveInit = r));
             cmsLogger.info('[CMS]', 'Initializing...');
             const databaseAdapter = config.database;
             // Use the storage adapter from config, or create the default local one.
@@ -175,11 +182,15 @@ export function createCMSHook(config) {
                 graphqlSettings,
                 pluginRoutes
             };
+            resolveInit();
         }
         else if (checkSchemasDirty()) {
             // HMR: Schemas changed - reset instances so full re-initialization
             // runs on the next request with fresh config from Vite
             cmsLogger.info('[CMS]', 'Schema change detected, re-initializing...');
+            if (cmsInstances?.config.cache) {
+                cmsInstances.config.cache.flush();
+            }
             cmsInstances = null;
             schemaError = null;
             return resolve(event); // Let the next request trigger full init

package/dist/lib/cache/adapters/in-memory-cache-adapter.d.ts

@@ -0,0 +1,21 @@
+import type { CacheAdapter } from '../interfaces/cache.js';
+export interface InMemoryCacheOptions {
+    /** Maximum number of entries. Oldest entries are evicted when exceeded. Defaults to 1000. */
+    maxSize?: number;
+    /** Default TTL in seconds. No expiry if omitted. */
+    defaultTTL?: number;
+}
+export declare class InMemoryCacheAdapter implements CacheAdapter {
+    readonly name = "in-memory";
+    private store;
+    private maxSize;
+    private defaultTTL;
+    constructor(options?: InMemoryCacheOptions);
+    get<T>(key: string): Promise<T | null>;
+    set<T>(key: string, value: T, ttl?: number): Promise<void>;
+    delete(key: string): Promise<void>;
+    invalidateByPrefix(prefix: string): Promise<void>;
+    flush(): Promise<void>;
+    isHealthy(): Promise<boolean>;
+}
+//# sourceMappingURL=in-memory-cache-adapter.d.ts.map

package/dist/lib/cache/adapters/in-memory-cache-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"in-memory-cache-adapter.d.ts","sourceRoot":"","sources":["../../../../src/lib/cache/adapters/in-memory-cache-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAOxD,MAAM,WAAW,oBAAoB;IACpC,6FAA6F;IAC7F,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qBAAa,oBAAqB,YAAW,YAAY;IACxD,QAAQ,CAAC,IAAI,eAAe;IAE5B,OAAO,CAAC,KAAK,CAAiC;IAC9C,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,UAAU,CAAqB;gBAE3B,OAAO,GAAE,oBAAyB;IAKxC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC;IAYtC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAgB1D,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAIlC,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAQjD,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAItB,SAAS,IAAI,OAAO,CAAC,OAAO,CAAC;CAGnC"}