includio-cms 0.5.3 → 0.5.7

package/dist/admin/components/dashboard/recent-entries.svelte

@@ -44,6 +44,8 @@
 		draft: '○',
 		scheduled: '◐'
 	};
+
+	const query = $derived(remotes.getRecentEntries(6));
 </script>
 
 <section class="dash-card dash-card--entries" aria-labelledby="entries-heading">
@@ -52,7 +54,7 @@
 		<a href="/admin/entries" class="dash-card-link">{lang[interfaceLanguage.current].viewAll}</a>
 	</div>
 
-	{#await remotes.getRecentEntries(6)}
+	{#if !query.ready}
 		<ul class="entries-list">
 			{#each Array(4) as _}
 				<li class="entry-item">
@@ -65,7 +67,9 @@
 				</li>
 			{/each}
 		</ul>
-	{:then entries}
+	{:else if query.current}
+		{@const entries = query.current}
+		<div class:opacity-60={query.loading} class="transition-opacity duration-200">
 		{#if entries.length === 0}
 			<p class="text-center text-sm py-6" style="color:var(--text-light)">
 				{lang[interfaceLanguage.current].noEntries}
@@ -90,5 +94,6 @@
 				{/each}
 			</ul>
 		{/if}
-	{/await}
+		</div>
+	{/if}
 </section>

package/dist/admin/components/dashboard/recent-entries.svelte.d.ts

@@ -1,18 +1,3 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const RecentEntries: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type RecentEntries = InstanceType<typeof RecentEntries>;
+declare const RecentEntries: import("svelte").Component<Record<string, never>, {}, "">;
+type RecentEntries = ReturnType<typeof RecentEntries>;
 export default RecentEntries;

package/dist/admin/components/fields/image-field.svelte

@@ -51,29 +51,30 @@
 				{#if value && ((typeof value === 'string' && value !== '') || (Array.isArray(value) && value.length > 0))}
 					<div class="group/dialog-trigger relative aspect-square max-w-64 overflow-hidden rounded-2xl border">
 						{#if typeof value === 'string'}
-							{#await remotes.getFileById(value)}
+							{@const fileQuery = remotes.getFileById(value)}
+							{#if !fileQuery.ready}
 								<div class="animate-pulse bg-muted w-full h-full rounded-xl"></div>
-							{:then file}
-								{#if file}
-									<button
-										type="button"
-										class="p-1 w-full h-full cursor-zoom-in"
-										onclick={(e) => {
-											e.stopPropagation();
-											e.preventDefault();
-											openLightbox(file);
-										}}
-									>
-										<FileMiniature {file} />
-									</button>
-								{/if}
-							{/await}
+							{:else if fileQuery.current}
+								{@const file = fileQuery.current}
+								<button
+									type="button"
+									class="p-1 w-full h-full cursor-zoom-in"
+									onclick={(e) => {
+										e.stopPropagation();
+										e.preventDefault();
+										openLightbox(file);
+									}}
+								>
+									<FileMiniature {file} />
+								</button>
+							{/if}
 						{:else if Array.isArray(value) && value.length > 0}
 							{@const valueArr = value}
-							{#await remotes.getMediaFiles({ data: { ids: valueArr } })}
+							{@const mFilesQuery = remotes.getMediaFiles({ data: { ids: valueArr } })}
+							{#if !mFilesQuery.ready}
 								<div class="animate-pulse bg-muted w-full h-full rounded-xl"></div>
-							{:then files}
-								{@const file = files[currentIndex]}
+							{:else if mFilesQuery.current}
+								{@const file = mFilesQuery.current[currentIndex]}
 								{#if file}
 									<button
 										type="button"
@@ -87,7 +88,7 @@
 										<FileMiniature {file} />
 									</button>
 								{/if}
-							{/await}
+							{/if}
 							<!-- Nawigacja multi-image -->
 							{#if valueArr.length > 1}
 								<div class="absolute inset-x-0 top-1/2 flex -translate-y-1/2 justify-between px-1 pointer-events-none">

package/dist/admin/components/fields/media-field.svelte

@@ -195,58 +195,59 @@
 				{#if value && ((typeof value === 'string' && value !== '') || (Array.isArray(value) && value.length > 0))}
 					<div class="max-w-96">
 						{#if typeof value === 'string'}
-							{#await remotes.getFileById(value)}
+							{@const fileQuery = remotes.getFileById(value)}
+							{#if !fileQuery.ready}
 								<div class="animate-pulse bg-muted w-full aspect-video rounded-xl"></div>
-							{:then file}
-								{#if file}
-									{#if file.type === 'video'}
-										<div class="overflow-hidden rounded-2xl border">
-											{@render videoPreview(file)}
-											<div class="flex items-center justify-between gap-2 p-2 bg-gradient-to-t from-muted/50">
-												<Button {...props} size="sm" variant="secondary" class="h-8">
-													<Plus class="h-4 w-4" />
-													{lang[interfaceLanguage.current].change}
+							{:else if fileQuery.current}
+								{@const file = fileQuery.current}
+								{#if file.type === 'video'}
+									<div class="overflow-hidden rounded-2xl border">
+										{@render videoPreview(file)}
+										<div class="flex items-center justify-between gap-2 p-2 bg-gradient-to-t from-muted/50">
+											<Button {...props} size="sm" variant="secondary" class="h-8">
+												<Plus class="h-4 w-4" />
+												{lang[interfaceLanguage.current].change}
+											</Button>
+											{#if !field.required}
+												<Button variant="destructive" size="sm" class="h-8" onclick={(e) => { e.stopPropagation(); value = ''; }}>
+													<X class="h-4 w-4" />
+													{lang[interfaceLanguage.current].remove}
 												</Button>
-												{#if !field.required}
-													<Button variant="destructive" size="sm" class="h-8" onclick={(e) => { e.stopPropagation(); value = ''; }}>
-														<X class="h-4 w-4" />
-														{lang[interfaceLanguage.current].remove}
-													</Button>
-												{/if}
-											</div>
-											{@render accessibilityPanel(file)}
+											{/if}
 										</div>
-									{:else}
-										<div class="group/dialog-trigger relative aspect-square max-w-64 overflow-hidden rounded-2xl border">
-											<button
-												type="button"
-												class="p-1 w-full h-full cursor-zoom-in"
-												onclick={(e) => { e.stopPropagation(); e.preventDefault(); openLightbox(file); }}
-											>
-												<FileMiniature {file} />
-											</button>
-											<div class="absolute inset-x-0 bottom-0 flex items-center justify-between gap-2 bg-gradient-to-t from-black/60 to-transparent p-2 pt-8">
-												<Button {...props} size="sm" variant="secondary" class="h-8">
-													<Plus class="h-4 w-4" />
-													{lang[interfaceLanguage.current].change}
+										{@render accessibilityPanel(file)}
+									</div>
+								{:else}
+									<div class="group/dialog-trigger relative aspect-square max-w-64 overflow-hidden rounded-2xl border">
+										<button
+											type="button"
+											class="p-1 w-full h-full cursor-zoom-in"
+											onclick={(e) => { e.stopPropagation(); e.preventDefault(); openLightbox(file); }}
+										>
+											<FileMiniature {file} />
+										</button>
+										<div class="absolute inset-x-0 bottom-0 flex items-center justify-between gap-2 bg-gradient-to-t from-black/60 to-transparent p-2 pt-8">
+											<Button {...props} size="sm" variant="secondary" class="h-8">
+												<Plus class="h-4 w-4" />
+												{lang[interfaceLanguage.current].change}
+											</Button>
+											{#if !field.required}
+												<Button variant="destructive" size="sm" class="h-8" onclick={(e) => { e.stopPropagation(); value = ''; }}>
+													<X class="h-4 w-4" />
+													{lang[interfaceLanguage.current].remove}
 												</Button>
-												{#if !field.required}
-													<Button variant="destructive" size="sm" class="h-8" onclick={(e) => { e.stopPropagation(); value = ''; }}>
-														<X class="h-4 w-4" />
-														{lang[interfaceLanguage.current].remove}
-													</Button>
-												{/if}
-											</div>
+											{/if}
 										</div>
-									{/if}
+									</div>
 								{/if}
-							{/await}
+							{/if}
 						{:else if Array.isArray(value) && value.length > 0}
 							{@const valueArr = value}
-							{#await remotes.getMediaFiles({ data: { ids: valueArr } })}
+							{@const mFilesQuery = remotes.getMediaFiles({ data: { ids: valueArr } })}
+							{#if !mFilesQuery.ready}
 								<div class="animate-pulse bg-muted w-full aspect-video rounded-xl"></div>
-							{:then files}
-								{@const file = files[currentIndex]}
+							{:else if mFilesQuery.current}
+								{@const file = mFilesQuery.current[currentIndex]}
 								{#if file}
 									<div class="group/dialog-trigger relative overflow-hidden rounded-2xl border">
 										{#if file.type === 'video'}
@@ -298,7 +299,7 @@
 									</div>
 									{@render accessibilityPanel(file)}
 								{/if}
-							{/await}
+							{/if}
 						{/if}
 					</div>
 				{:else}