includio-cms 0.13.2 → 0.13.4

package/dist/admin/client/maintenance/maintenance-page.svelte

@@ -8,6 +8,7 @@
 	import PlayerPlay from '@tabler/icons-svelte/icons/player-play';
 	import PlayerStop from '@tabler/icons-svelte/icons/player-stop';
 	import CircleCheck from '@tabler/icons-svelte/icons/circle-check';
+	import Video from '@tabler/icons-svelte/icons/video';
 	import Button from '../../../components/ui/button/button.svelte';
 	import * as Card from '../../../components/ui/card/index.js';
 	import { toast } from 'svelte-sonner';
@@ -19,6 +20,9 @@
 		missingStylesCount: number;
 		orphanedDiskFiles: string[];
 		missingDiskRecords: { table: string; id: string; url: string }[];
+		videosCount: number;
+		videosWithPosters: number;
+		videosMissingPosters: number;
 	}
 
 	let report = $state<GcReport | null>(null);
@@ -38,6 +42,18 @@
 
 	let genPercent = $derived(genTotal > 0 ? Math.round((genProcessed / genTotal) * 100) : 0);
 
+	// Video poster generation state
+	let posterGenerating = $state(false);
+	let posterTotal = $state(0);
+	let posterProcessed = $state(0);
+	let posterCreated = $state(0);
+	let posterSkipped = $state(0);
+	let posterCurrentFile = $state('');
+	let posterErrors = $state(0);
+	let posterAbort: AbortController | null = null;
+
+	let posterPercent = $derived(posterTotal > 0 ? Math.round((posterProcessed / posterTotal) * 100) : 0);
+
 	async function loadReport() {
 		loading = true;
 		try {
@@ -152,6 +168,77 @@
 		genAbort?.abort();
 	}
 
+	async function startPosterGenerate() {
+		posterGenerating = true;
+		posterTotal = 0;
+		posterProcessed = 0;
+		posterCreated = 0;
+		posterSkipped = 0;
+		posterCurrentFile = '';
+		posterErrors = 0;
+		posterAbort = new AbortController();
+
+		try {
+			const res = await fetch('/admin/api/regenerate-posters', {
+				method: 'POST',
+				signal: posterAbort.signal
+			});
+
+			if (!res.ok) throw new Error('Failed to start');
+			if (!res.body) throw new Error('No response body');
+
+			const reader = res.body.getReader();
+			const decoder = new TextDecoder();
+			let buffer = '';
+
+			while (true) {
+				const { done, value } = await reader.read();
+				if (done) break;
+
+				buffer += decoder.decode(value, { stream: true });
+				const chunks = buffer.split('\n\n');
+				buffer = chunks.pop() || '';
+
+				for (const chunk of chunks) {
+					if (!chunk.startsWith('data: ')) continue;
+					const event = JSON.parse(chunk.slice(6));
+
+					posterTotal = event.total ?? posterTotal;
+					posterProcessed = event.processed ?? posterProcessed;
+					posterCreated = event.created ?? posterCreated;
+					posterSkipped = event.skipped ?? posterSkipped;
+					posterCurrentFile = event.currentFile ?? posterCurrentFile;
+
+					if (event.type === 'error') {
+						posterErrors++;
+					}
+
+					if (event.type === 'done') {
+						const parts = [`Przetworzono ${posterTotal} filmów`];
+						if (posterCreated > 0) parts.push(`utworzono ${posterCreated} posterów`);
+						if (posterSkipped > 0) parts.push(`pominięto ${posterSkipped} (już istnieją)`);
+						if (posterErrors > 0) parts.push(`${posterErrors} błędów`);
+						toast.success(parts.join(', '));
+					}
+				}
+			}
+		} catch (e) {
+			if (e instanceof DOMException && e.name === 'AbortError') {
+				toast.info(`Przerwano po ${posterProcessed}/${posterTotal} filmów`);
+			} else {
+				toast.error('Błąd podczas generowania posterów');
+			}
+		} finally {
+			posterGenerating = false;
+			posterAbort = null;
+			await loadReport();
+		}
+	}
+
+	function cancelPosterGenerate() {
+		posterAbort?.abort();
+	}
+
 	$effect(() => {
 		loadReport();
 	});
@@ -260,6 +347,72 @@
 				</Card.Content>
 			</Card.Root>
 
+			<!-- Video posters -->
+			<Card.Root>
+				<Card.Header>
+					<div class="flex items-center gap-2">
+						<Video class="size-5" style="color: var(--primary);" />
+						<Card.Title>Postery video</Card.Title>
+					</div>
+					<Card.Description>
+						Miniaturki i postery generowane z plików wideo (ffmpeg)
+					</Card.Description>
+				</Card.Header>
+				<Card.Content>
+					<p class="mb-1 text-3xl font-bold" style="color: var(--primary);">
+						{report.videosWithPosters}
+						<span class="text-base font-normal" style="color: var(--muted-foreground);">/ {report.videosCount}</span>
+					</p>
+					<p class="mb-4 text-xs" style="color: var(--muted-foreground);">
+						{report.videosCount} filmów, {report.videosMissingPosters} bez posterów
+					</p>
+
+					{#if posterGenerating}
+						<div class="mb-4">
+							<div class="mb-1 flex items-center justify-between text-xs" style="color: var(--muted-foreground);">
+								<span>{posterProcessed}/{posterTotal} filmów</span>
+								<span>{posterPercent}%</span>
+							</div>
+							<div class="h-2 w-full overflow-hidden rounded-full" style="background: var(--muted, #e5e7eb);">
+								<div
+									class="h-full rounded-full transition-all duration-300"
+									style="width: {posterPercent}%; background: var(--primary);"
+								></div>
+							</div>
+							<p class="mt-1 text-xs" style="color: var(--muted-foreground);">
+								Utworzono: {posterCreated}, pominięto: {posterSkipped}{posterErrors > 0 ? `, błędów: ${posterErrors}` : ''}
+							</p>
+							<p class="mt-0.5 truncate text-xs" style="color: var(--muted-foreground);">
+								{posterCurrentFile}
+							</p>
+							<Button
+								variant="outline"
+								size="sm"
+								onclick={cancelPosterGenerate}
+								class="mt-2"
+							>
+								<PlayerStop class="size-4" />
+								Anuluj
+							</Button>
+						</div>
+					{:else if report.videosCount > 0}
+						<Button
+							variant="default"
+							size="sm"
+							onclick={startPosterGenerate}
+						>
+							<PlayerPlay class="size-4" />
+							Generuj brakujące postery
+						</Button>
+					{:else}
+						<div class="mb-3 flex items-center gap-1.5 text-sm" style="color: var(--success, #3A8A5C);">
+							<CircleCheck class="size-4" />
+							Brak plików wideo
+						</div>
+					{/if}
+				</Card.Content>
+			</Card.Root>
+
 			<!-- Orphaned disk files -->
 			<Card.Root>
 				<Card.Header>

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

@@ -8,15 +8,22 @@
 		MediaField,
 		SeoField,
 		SeoFieldData,
+		SlugField as SlugFieldType,
 		TextField
 	} from '../../../types/fields.js';
-	import { untrack } from 'svelte';
+	import { formFieldProxy, type FormPathLeaves } from 'sveltekit-superforms';
+	import Input from '../../../components/ui/input/input.svelte';
+	import * as Form from '../../../components/ui/form/index.js';
+	import { getContext, untrack } from 'svelte';
 	import slugify from '../../imports/slugify.js';
 	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
 	import { getLocalizedLabel } from '../../utils/collectionLabel.js';
 	import { Switch } from '../../../components/ui/switch/index.js';
 
 	const interfaceLanguage = useInterfaceLanguage();
+	const pathTemplate = getContext<string | null>('cms-path-template');
+	const pathPrefix = pathTemplate ? pathTemplate.replace('{slug}', '') : '/';
+	const wasPublished = getContext<boolean>('cms-entry-published') ?? false;
 
 	type Props = {
 		field: SeoField;
@@ -172,6 +179,10 @@
 		return 'text-destructive';
 	}
 
+	// Slug field proxy for direct input binding
+	const slugPath = joinPath(String(path), 'slug');
+	const { value: slugValue } = formFieldProxy(form, slugPath as FormPathLeaves<Record<string, unknown>>);
+
 	// Auto-gen: track last auto-generated value
 	let lastAutoSlug = '';
 	let lastAutoTitle = '';
@@ -179,6 +190,7 @@
 	// Auto slug toggle
 	let autoSlug = $state((() => {
 		if (!field.slugSource) return false;
+		if (wasPublished) return false;
 		const sourceRaw = ($formData as Record<string, unknown>)[field.slugSource];
 		if (!sourceRaw || typeof sourceRaw !== 'string') return true;
 		const slugPath = joinPath(String(path), 'slug');
@@ -238,21 +250,23 @@
 </script>
 
 <div class="space-y-4">
-	<!-- Slug field with auto/manual toggle -->
-	<div>
-		{#if field.slugSource}
-			<div class="mb-1.5 flex items-center gap-2">
-				<span class="text-sm font-medium text-muted-foreground">Auto</span>
-				<Switch bind:checked={autoSlug} onCheckedChange={onAutoSlugToggle} />
-			</div>
-		{/if}
-		<FieldRenderer
-			field={slugField}
-			{form}
-			path={joinPath(path, 'slug')}
-			readonly={autoSlug}
-		/>
-	</div>
+	<!-- Slug field with auto/manual toggle + path prefix -->
+	<Form.Field {form} name={slugPath} class="space-y-1">
+		<div class="flex items-center justify-between">
+			<Form.Label>{getLocalizedLabel(labels.slug.label, interfaceLanguage.current)}</Form.Label>
+			{#if field.slugSource}
+				<div class="flex items-center gap-2">
+					<span class="text-sm font-medium text-muted-foreground">Auto</span>
+					<Switch bind:checked={autoSlug} onCheckedChange={onAutoSlugToggle} />
+				</div>
+			{/if}
+		</div>
+		<div class="flex">
+			<span class="border-input bg-muted text-muted-foreground flex h-9 shrink-0 items-center rounded-l-md border border-r-0 px-2.5 font-mono text-sm">{pathPrefix}</span>
+			<Input bind:value={$slugValue} readonly={autoSlug} class="rounded-l-none border-l-0" />
+		</div>
+		<Form.Description>{getLocalizedLabel(labels.slug.description, interfaceLanguage.current)}</Form.Description>
+	</Form.Field>
 	{#each fields as f}
 		<div>
 			<FieldRenderer

package/dist/admin/remote/entry.remote.js

@@ -1,4 +1,5 @@
 import { command, query } from '$app/server';
+import { getAtPath } from '../utils/objectPath.js';
 import { createEntry as createEntryOperation, createEntrySchema, createEntryVersion } from '../../core/server/entries/operations/create.js';
 import { getRawEntries as getRawEntriesOperation, countRawEntries as countRawEntriesOperation, getRawEntry as getRawEntryOperation, getRawEntryOrThrow, getDbEntry, getDbEntryOrThrow, getEntries as getEntriesOperation, getEntry as getEntryOperation, getEntryVersion as getEntryVersionOperation, getEntryLabels as getEntryLabelsOperation } from '../../core/server/entries/operations/get.js';
 import { getCMS } from '../../core/cms.js';
@@ -208,8 +209,7 @@ export const getRecentEntries = query(z.number().default(6), async (limit) => {
         const latestVersion = entry.versions[0];
         let label = null;
         if (config && config.type === 'collection' && config.entryAdminTitle && latestVersion) {
-            const titleData = latestVersion.data[config.entryAdminTitle];
-            // Data is flat — titleData is the string directly
+            const titleData = getAtPath(latestVersion.data, config.entryAdminTitle);
             if (typeof titleData === 'string') {
                 label = titleData || '';
             }
@@ -257,8 +257,7 @@ export const getRecentActivity = query(z.number().default(10), async (limit) =>
             const config = getCMS().getBySlug(entry.slug);
             let label = null;
             if (config && config.type === 'collection' && config.entryAdminTitle) {
-                const titleData = latestVersion.data[config.entryAdminTitle];
-                // Data is flat — titleData is the string directly
+                const titleData = getAtPath(latestVersion.data, config.entryAdminTitle);
                 if (typeof titleData === 'string') {
                     label = titleData || null;
                 }

package/dist/admin/state/content-language.svelte.d.ts

@@ -2,7 +2,6 @@ export declare const getContentLanguage: () => ContentLanguage, setContentLangua
 type _ContentLanguage = {
     all: string[];
     current: string;
-    referenceMode: boolean;
 };
 export declare class ContentLanguage {
     #private;
@@ -10,7 +9,5 @@ export declare class ContentLanguage {
     get all(): string[];
     get current(): _ContentLanguage["current"];
     set current(value: _ContentLanguage['current']);
-    get referenceMode(): boolean;
-    set referenceMode(value: boolean);
 }
 export {};

package/dist/admin/state/content-language.svelte.js

@@ -1,27 +1,23 @@
 import { createContext } from 'svelte';
+import { PersistedState } from 'runed';
 export const [getContentLanguage, setContentLanguage] = createContext();
 export class ContentLanguage {
     #all;
     #current;
-    #referenceMode;
     constructor(all, current) {
         this.#all = $state(all);
-        this.#current = $state(current);
-        this.#referenceMode = $state(false);
+        this.#current = new PersistedState('content-language', current);
+        if (!all.includes(this.#current.current)) {
+            this.#current.current = current;
+        }
     }
     get all() {
         return this.#all;
     }
     get current() {
-        return this.#current;
+        return this.#current.current;
     }
     set current(value) {
-        this.#current = value;
-    }
-    get referenceMode() {
-        return this.#referenceMode;
-    }
-    set referenceMode(value) {
-        this.#referenceMode = value;
+        this.#current.current = value;
     }
 }

package/dist/admin/utils/entryLabel.js

@@ -2,15 +2,14 @@ import { getAtPath } from './objectPath.js';
 export function getRawCollectionEntryLabel(entry, config, language) {
     const publishedVersion = entry.publishedVersions[language];
     if (publishedVersion) {
-        // Data is flat — entryAdminTitle value is directly a string
         return config.entryAdminTitle
-            ? String(publishedVersion.data[config.entryAdminTitle] || entry.id)
+            ? String(getAtPath(publishedVersion.data, config.entryAdminTitle) || entry.id)
             : entry.id;
     }
     const draftVersion = entry.draftVersions[language];
     if (draftVersion) {
         return config.entryAdminTitle
-            ? String(draftVersion.data[config.entryAdminTitle] || entry.id)
+            ? String(getAtPath(draftVersion.data, config.entryAdminTitle) || entry.id)
             : entry.id;
     }
     return entry.id;

package/dist/cms/runtime/api.d.ts

@@ -8,10 +8,15 @@ interface GetEntryOptions {
 interface GetEntriesOptions extends GetEntryOptions {
     ids?: string[];
     dataLike?: Record<string, unknown>;
+    dataILikeOr?: Record<string, unknown>;
     orderBy?: {
         column: 'createdAt' | 'updatedAt' | 'sortOrder';
         direction: 'asc' | 'desc';
     };
+    dataOrderBy?: {
+        field: string;
+        direction: 'asc' | 'desc';
+    };
     limit?: number;
     offset?: number;
 }

package/dist/cms/runtime/types.d.ts

@@ -1,14 +1,15 @@
-import type { FlatImageFieldData, FlatVideoFieldData, StructuredContentDoc } from 'includio-cms/types';
+import type { ImageFieldData, VideoFieldData, StructuredContentDoc } from 'includio-cms/types';
 export type SingleSlug = "settings" | "image-showcase";
 export interface Settings {
     _id: string;
     _slug: string;
     _type: string;
     _publishedAt: Date | null;
+    _url?: string;
     siteName: string;
     description?: string;
-    logo?: FlatImageFieldData | FlatVideoFieldData | null;
-    favicon?: FlatImageFieldData | FlatVideoFieldData | null;
+    logo?: ImageFieldData | VideoFieldData | null;
+    favicon?: ImageFieldData | VideoFieldData | null;
     socialLinks?: ({
         _slug: 'socialLink';
         platform: string;
@@ -25,7 +26,8 @@ export interface ImageShowcase {
     _slug: string;
     _type: string;
     _publishedAt: Date | null;
-    photo?: FlatImageFieldData | FlatVideoFieldData | null;
+    _url?: string;
+    photo?: ImageFieldData | VideoFieldData | null;
 }
 export type SingleEntryMap = {
     settings: Settings;
@@ -37,13 +39,14 @@ export interface BlogPost {
     _slug: string;
     _type: string;
     _publishedAt: Date | null;
+    _url?: string;
     title: string;
     slug?: string;
-    cover?: FlatImageFieldData | FlatVideoFieldData | null;
+    cover?: ImageFieldData | VideoFieldData | null;
     rating: number;
     category?: string;
     publishedAt?: string;
-    thumbnail?: FlatImageFieldData | FlatVideoFieldData | null;
+    thumbnail?: ImageFieldData | VideoFieldData | null;
     content?: StructuredContentDoc;
     tags?: string[];
     seo: {
@@ -65,6 +68,7 @@ export interface Project {
     _slug: string;
     _type: string;
     _publishedAt: Date | null;
+    _url?: string;
     title: string;
     description?: string;
     status?: string;
@@ -72,7 +76,7 @@ export interface Project {
     url?: {
         url: string;
     };
-    image?: FlatImageFieldData | FlatVideoFieldData | null;
+    image?: ImageFieldData | VideoFieldData | null;
     techStack?: ({
         _slug: 'tech';
         name: string;
@@ -92,6 +96,7 @@ export interface ArrayTest {
     _slug: string;
     _type: string;
     _publishedAt: Date | null;
+    _url?: string;
     name: string;
     tags?: string[];
     localizedTags?: Record<string, string>[];
@@ -104,7 +109,7 @@ export interface ArrayTest {
         body?: StructuredContentDoc;
     } | {
         _slug: 'image-block';
-        image: FlatImageFieldData | FlatVideoFieldData;
+        image: ImageFieldData | VideoFieldData;
         caption?: string;
     })[];
     highlights?: ({

package/dist/core/cms.js

@@ -51,6 +51,9 @@ export class CMS {
             };
         });
         this.languages = config.languages || [];
+        if (this.languages.length === 0) {
+            throw new Error('CMS config must include at least one language.');
+        }
         this.apiKeys = config.apiKeys || [];
         if (config.plugins) {
             this.plugins = config.plugins;

package/dist/core/fields/layoutUtils.d.ts

@@ -25,8 +25,8 @@ export declare function collectAllLeafPaths(fields: Field[], prefix?: string): s
 export declare function getDistributedObjectSlugs(nodes: LayoutNode[], fields: Field[]): Set<string>;
 /**
  * Build SuperForm-compatible path for a dot-notation field reference.
- * 'hero.title' → 'hero.data.title'
- * 'hero.contact.email' → 'hero.data.contact.data.email'
+ * 'hero.title' → 'hero.title'
+ * 'hero.contact.email' → 'hero.contact.email'
  * 'title' → 'title' (no change for top-level)
  */
 export declare function buildFormPath(dotPath: string): string;

package/dist/core/fields/layoutUtils.js

@@ -98,19 +98,12 @@ export function getDistributedObjectSlugs(nodes, fields) {
 }
 /**
  * Build SuperForm-compatible path for a dot-notation field reference.
- * 'hero.title' → 'hero.data.title'
- * 'hero.contact.email' → 'hero.data.contact.data.email'
+ * 'hero.title' → 'hero.title'
+ * 'hero.contact.email' → 'hero.contact.email'
  * 'title' → 'title' (no change for top-level)
  */
 export function buildFormPath(dotPath) {
-    const parts = dotPath.split('.');
-    if (parts.length <= 1)
-        return dotPath;
-    const result = [parts[0]];
-    for (let i = 1; i < parts.length; i++) {
-        result.push('data', parts[i]);
-    }
-    return result.join('.');
+    return dotPath;
 }
 /** Count columns expected by a ratio string */
 function columnCount(ratio) {

package/dist/core/server/entries/operations/get.js

@@ -1,4 +1,5 @@
 import { getCMS } from '../../../cms.js';
+import { getAtPath } from '../../../../admin/utils/objectPath.js';
 import { populateEntryData } from '../../fields/populateEntry.js';
 import { getFieldsFromConfig } from '../../../fields/layoutUtils.js';
 import { getEntrySlugPath, getSlugFromEntryData, getEntryPath } from '../../fields/slugResolver.js';
@@ -303,8 +304,7 @@ export const getEntryLabels = async (options) => {
         const latestVersion = publishedVersion ?? sorted[0] ?? null;
         let label = entry.id;
         if (entryAdminTitle && latestVersion) {
-            const titleData = latestVersion.data[entryAdminTitle];
-            // Data is now flat — titleData is the string directly
+            const titleData = getAtPath(latestVersion.data, entryAdminTitle);
             if (typeof titleData === 'string') {
                 label = titleData || entry.id;
             }

package/dist/core/server/media/mimeBlocklist.d.ts

@@ -0,0 +1 @@
+export declare function isBlockedMimeType(mimeType: string, fileName?: string): boolean;

package/dist/core/server/media/mimeBlocklist.js

@@ -0,0 +1,31 @@
+const BLOCKED_MIME_TYPES = new Set([
+    'application/x-msdownload',
+    'application/x-executable',
+    'application/x-msdos-program',
+    'application/x-sh',
+    'application/x-shellscript',
+    'application/x-bat',
+    'application/x-msi',
+    'application/java-archive',
+    'application/x-httpd-php',
+    'text/x-php',
+    'application/hta'
+]);
+const BLOCKED_EXTENSIONS = new Set([
+    '.exe', '.bat', '.cmd', '.com', '.msi', '.scr', '.pif',
+    '.sh', '.bash', '.csh', '.ksh',
+    '.php', '.php3', '.php4', '.php5', '.phtml',
+    '.jsp', '.asp', '.aspx',
+    '.jar', '.class',
+    '.hta', '.vbs', '.vbe', '.wsf', '.wsh', '.ps1'
+]);
+export function isBlockedMimeType(mimeType, fileName) {
+    if (BLOCKED_MIME_TYPES.has(mimeType.toLowerCase()))
+        return true;
+    if (fileName) {
+        const ext = fileName.slice(fileName.lastIndexOf('.')).toLowerCase();
+        if (BLOCKED_EXTENSIONS.has(ext))
+            return true;
+    }
+    return false;
+}

package/dist/core/server/media/operations/batchRegenerateVideoPosters.d.ts

@@ -0,0 +1,15 @@
+export type PosterBatchProgress = {
+    type: 'progress' | 'error' | 'done';
+    total: number;
+    processed: number;
+    created: number;
+    skipped: number;
+    currentFile?: string;
+    error?: string;
+};
+export declare function batchRegenerateVideoPosters(signal?: AbortSignal): AsyncGenerator<PosterBatchProgress>;
+export declare function getVideoPosterStatus(): Promise<{
+    videosCount: number;
+    videosWithPosters: number;
+    videosMissingPosters: number;
+}>;