includio-cms 0.5.7 → 0.6.0

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to includio-cms are documented here.
 Generated from `src/lib/updates/` — do not edit manually.
 
+## 0.5.8 — 2026-03-09
+
+Media GC: deduplicate image styles, auto-cleanup, admin maintenance page
+
+### Added
+- Image style upsert: replace duplicates instead of creating new files
+- Auto-cleanup old style files from disk on regeneration
+- Admin maintenance page: purge styles, reconcile orphaned disk files
+
+### Fixed
+- Deduplicate existing image style records (keep newest per unique key)
+
+### Migration
+
+```sql
+-- Deduplicate: keep newest style (by id) per unique key, delete rest
+DELETE FROM image_styles a
+USING image_styles b
+WHERE a.media_file_id = b.media_file_id
+  AND a.name = b.name
+  AND COALESCE(a.width, 0) = COALESCE(b.width, 0)
+  AND COALESCE(a.height, 0) = COALESCE(b.height, 0)
+  AND COALESCE(a.quality, 0) = COALESCE(b.quality, 0)
+  AND a.id < b.id;
+
+-- Unique index to prevent future duplicates
+CREATE UNIQUE INDEX IF NOT EXISTS image_styles_unique_key
+ON image_styles (media_file_id, name, COALESCE(width, 0), COALESCE(height, 0), COALESCE(quality, 0));
+```
+
 ## 0.5.7 — 2026-03-06
 
 SEO field with slug toggle, structured-content & URL field fixes

package/dist/admin/api/handler.js

@@ -4,6 +4,7 @@ import * as orphanedHandlers from './orphaned.js';
 import * as replaceHandlers from './replace.js';
 import * as inviteHandlers from './invite.js';
 import * as acceptInviteHandlers from './accept-invite.js';
+import * as mediaGcHandlers from './media-gc.js';
 export function createAdminApiHandler(options) {
     const routes = {
         upload: uploadHandlers,
@@ -11,6 +12,7 @@ export function createAdminApiHandler(options) {
         replace: replaceHandlers,
         invite: inviteHandlers,
         'accept-invite': acceptInviteHandlers,
+        'media-gc': mediaGcHandlers,
         ...options?.extraRoutes
     };
     function handle(method) {

package/dist/admin/api/media-gc.d.ts

@@ -0,0 +1,3 @@
+import { type RequestHandler } from '@sveltejs/kit';
+export declare const GET: RequestHandler;
+export declare const DELETE: RequestHandler;

package/dist/admin/api/media-gc.js

@@ -0,0 +1,27 @@
+import { requireRole } from '../remote/middleware/auth.js';
+import { getImageStylesStats, purgeAllImageStyles } from '../../core/server/media/operations/purgeImageStyles.js';
+import { getReconciliationReport, deleteOrphanedDiskFiles } from '../../core/server/media/operations/reconcileMedia.js';
+import { json } from '@sveltejs/kit';
+export const GET = async ({ url }) => {
+    requireRole('admin');
+    const stats = await getImageStylesStats();
+    const report = await getReconciliationReport();
+    return json({
+        imageStylesCount: stats.count,
+        orphanedDiskFiles: report.orphanedDisk,
+        missingDiskRecords: report.missingDisk
+    });
+};
+export const DELETE = async ({ url }) => {
+    requireRole('admin');
+    const action = url.searchParams.get('action');
+    if (action === 'purge-styles') {
+        const result = await purgeAllImageStyles();
+        return json(result);
+    }
+    if (action === 'delete-orphaned-disk') {
+        const result = await deleteOrphanedDiskFiles();
+        return json(result);
+    }
+    return json({ error: 'Unknown action' }, { status: 400 });
+};

package/dist/admin/client/index.d.ts

@@ -9,3 +9,4 @@ export { default as FormPage } from './form/form-page.svelte';
 export { default as FormSubmissionPage } from './form/form-submission/form-submission-page.svelte';
 export { default as UsersPage } from './users/users-page.svelte';
 export { default as AcceptInvitePage } from './users/accept-invite-page.svelte';
+export { default as MaintenancePage } from './maintenance/maintenance-page.svelte';

package/dist/admin/client/index.js

@@ -9,3 +9,4 @@ export { default as FormPage } from './form/form-page.svelte';
 export { default as FormSubmissionPage } from './form/form-submission/form-submission-page.svelte';
 export { default as UsersPage } from './users/users-page.svelte';
 export { default as AcceptInvitePage } from './users/accept-invite-page.svelte';
+export { default as MaintenancePage } from './maintenance/maintenance-page.svelte';

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

@@ -0,0 +1,205 @@
+<script lang="ts">
+	import Loader2 from '@tabler/icons-svelte/icons/loader-2';
+	import Trash from '@tabler/icons-svelte/icons/trash';
+	import Refresh from '@tabler/icons-svelte/icons/refresh';
+	import FileSearch from '@tabler/icons-svelte/icons/file-search';
+	import Photo from '@tabler/icons-svelte/icons/photo';
+	import AlertTriangle from '@tabler/icons-svelte/icons/alert-triangle';
+	import Button from '../../../components/ui/button/button.svelte';
+	import * as Card from '../../../components/ui/card/index.js';
+	import { toast } from 'svelte-sonner';
+
+	interface GcReport {
+		imageStylesCount: number;
+		orphanedDiskFiles: string[];
+		missingDiskRecords: { table: string; id: string; url: string }[];
+	}
+
+	let report = $state<GcReport | null>(null);
+	let loading = $state(true);
+	let purging = $state(false);
+	let cleaningOrphans = $state(false);
+
+	async function loadReport() {
+		loading = true;
+		try {
+			const res = await fetch('/admin/api/media-gc');
+			if (!res.ok) throw new Error('Failed to load');
+			report = await res.json();
+		} catch {
+			toast.error('Nie udało się załadować raportu');
+		} finally {
+			loading = false;
+		}
+	}
+
+	async function purgeStyles() {
+		purging = true;
+		try {
+			const res = await fetch('/admin/api/media-gc?action=purge-styles', { method: 'DELETE' });
+			if (!res.ok) throw new Error('Failed');
+			const data = await res.json();
+			toast.success(`Usunięto ${data.deletedCount} styli (${data.filesDeleted} plików z dysku)`);
+			await loadReport();
+		} catch {
+			toast.error('Nie udało się usunąć styli');
+		} finally {
+			purging = false;
+		}
+	}
+
+	async function cleanOrphans() {
+		cleaningOrphans = true;
+		try {
+			const res = await fetch('/admin/api/media-gc?action=delete-orphaned-disk', { method: 'DELETE' });
+			if (!res.ok) throw new Error('Failed');
+			const data = await res.json();
+			toast.success(`Usunięto ${data.deletedCount} osieroconych plików`);
+			await loadReport();
+		} catch {
+			toast.error('Nie udało się wyczyścić plików');
+		} finally {
+			cleaningOrphans = false;
+		}
+	}
+
+	$effect(() => {
+		loadReport();
+	});
+</script>
+
+<div class="p-5 pb-24 md:p-7">
+	<div class="mb-6">
+		<h1 class="mb-1 text-2xl font-bold">Konserwacja</h1>
+		<p class="text-sm" style="color: var(--muted-foreground);">
+			Narzędzia do zarządzania plikami mediów i stylami obrazów
+		</p>
+	</div>
+
+	{#if loading}
+		<div class="flex items-center justify-center py-20">
+			<Loader2 class="size-6 animate-spin" style="color: var(--muted-foreground);" />
+		</div>
+	{:else if report}
+		<div class="grid gap-5 md:grid-cols-2 lg:grid-cols-3">
+			<!-- Image styles -->
+			<Card.Root>
+				<Card.Header>
+					<div class="flex items-center gap-2">
+						<Photo class="size-5" style="color: var(--primary);" />
+						<Card.Title>Style obrazów</Card.Title>
+					</div>
+					<Card.Description>
+						Wygenerowane warianty (mniejsze rozmiary, WebP/AVIF)
+					</Card.Description>
+				</Card.Header>
+				<Card.Content>
+					<p class="mb-4 text-3xl font-bold" style="color: var(--primary);">
+						{report.imageStylesCount}
+					</p>
+					<Button
+						variant="destructive"
+						size="sm"
+						onclick={purgeStyles}
+						disabled={purging || report.imageStylesCount === 0}
+					>
+						{#if purging}
+							<Loader2 class="size-4 animate-spin" />
+						{:else}
+							<Trash class="size-4" />
+						{/if}
+						Usuń wszystkie i regeneruj
+					</Button>
+					<p class="mt-2 text-xs" style="color: var(--text-light);">
+						Style zostaną odtworzone automatycznie przy kolejnym wyświetleniu
+					</p>
+				</Card.Content>
+			</Card.Root>
+
+			<!-- Orphaned disk files -->
+			<Card.Root>
+				<Card.Header>
+					<div class="flex items-center gap-2">
+						<FileSearch class="size-5" style="color: var(--warning, #C4893A);" />
+						<Card.Title>Osierocone pliki</Card.Title>
+					</div>
+					<Card.Description>
+						Pliki na dysku bez odpowiadających rekordów w bazie danych
+					</Card.Description>
+				</Card.Header>
+				<Card.Content>
+					<p class="mb-4 text-3xl font-bold" style="color: {report.orphanedDiskFiles.length > 0 ? 'var(--warning, #C4893A)' : 'var(--success, #3A8A5C)'};">
+						{report.orphanedDiskFiles.length}
+					</p>
+					{#if report.orphanedDiskFiles.length > 0}
+						<Button
+							variant="outline"
+							size="sm"
+							onclick={cleanOrphans}
+							disabled={cleaningOrphans}
+						>
+							{#if cleaningOrphans}
+								<Loader2 class="size-4 animate-spin" />
+							{:else}
+								<Trash class="size-4" />
+							{/if}
+							Usuń osierocone pliki
+						</Button>
+						<details class="mt-3">
+							<summary class="cursor-pointer text-xs" style="color: var(--text-light);">
+								Pokaż pliki ({report.orphanedDiskFiles.length})
+							</summary>
+							<ul class="mt-1 max-h-40 overflow-auto text-xs" style="color: var(--muted-foreground);">
+								{#each report.orphanedDiskFiles as file}
+									<li class="truncate py-0.5">{file}</li>
+								{/each}
+							</ul>
+						</details>
+					{:else}
+						<p class="text-sm" style="color: var(--success, #3A8A5C);">Wszystko w porządku</p>
+					{/if}
+				</Card.Content>
+			</Card.Root>
+
+			<!-- Missing disk files -->
+			<Card.Root>
+				<Card.Header>
+					<div class="flex items-center gap-2">
+						<AlertTriangle class="size-5" style="color: var(--error, #C44B4B);" />
+						<Card.Title>Brakujące pliki</Card.Title>
+					</div>
+					<Card.Description>
+						Rekordy w bazie danych bez plików na dysku
+					</Card.Description>
+				</Card.Header>
+				<Card.Content>
+					<p class="mb-4 text-3xl font-bold" style="color: {report.missingDiskRecords.length > 0 ? 'var(--error, #C44B4B)' : 'var(--success, #3A8A5C)'};">
+						{report.missingDiskRecords.length}
+					</p>
+					{#if report.missingDiskRecords.length > 0}
+						<details>
+							<summary class="cursor-pointer text-xs" style="color: var(--text-light);">
+								Pokaż rekordy ({report.missingDiskRecords.length})
+							</summary>
+							<ul class="mt-1 max-h-40 overflow-auto text-xs" style="color: var(--muted-foreground);">
+								{#each report.missingDiskRecords as rec}
+									<li class="truncate py-0.5">{rec.table}: {rec.url}</li>
+								{/each}
+							</ul>
+						</details>
+					{:else}
+						<p class="text-sm" style="color: var(--success, #3A8A5C);">Wszystko w porządku</p>
+					{/if}
+				</Card.Content>
+			</Card.Root>
+		</div>
+
+		<!-- Refresh button -->
+		<div class="mt-6">
+			<Button variant="outline" size="sm" onclick={loadReport} disabled={loading}>
+				<Refresh class="size-4" />
+				Odśwież raport
+			</Button>
+		</div>
+	{/if}
+</div>

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

@@ -0,0 +1,3 @@
+declare const MaintenancePage: import("svelte").Component<Record<string, never>, {}, "">;
+type MaintenancePage = ReturnType<typeof MaintenancePage>;
+export default MaintenancePage;

package/dist/admin/components/layout/lang.d.ts

@@ -8,6 +8,7 @@ export declare const sidebarLang: Record<string, {
         media: string;
         dashboard: string;
         users: string;
+        maintenance: string;
     };
     singletons: {
         title: string;

package/dist/admin/components/layout/lang.js

@@ -8,7 +8,8 @@ export const sidebarLang = {
             platform: 'Platforma',
             media: 'Biblioteka mediów',
             dashboard: 'Pulpit',
-            users: 'Użytkownicy'
+            users: 'Użytkownicy',
+            maintenance: 'Konserwacja'
         },
         singletons: {
             title: 'Pojedyncze'
@@ -40,7 +41,8 @@ export const sidebarLang = {
             platform: 'Platform',
             media: 'Media Library',
             dashboard: 'Dashboard',
-            users: 'Users'
+            users: 'Users',
+            maintenance: 'Maintenance'
         },
         singletons: {
             title: 'Singletons'

package/dist/admin/components/layout/nav-main.svelte

@@ -6,6 +6,7 @@
 	import CameraIcon from '@tabler/icons-svelte/icons/camera';
 	import LayoutDashboardIcon from '@tabler/icons-svelte/icons/layout-dashboard';
 	import UsersIcon from '@tabler/icons-svelte/icons/users';
+	import SettingsIcon from '@tabler/icons-svelte/icons/settings';
 	import { page } from '$app/state';
 	import { authClient } from '../../auth-client.js';
 	import { resolve } from '$app/paths';
@@ -33,6 +34,11 @@
 						title: sidebarLang[interfaceLanguage.current].main.users,
 						url: '/admin/users',
 						icon: UsersIcon
+					},
+					{
+						title: sidebarLang[interfaceLanguage.current].main.maintenance,
+						url: '/admin/maintenance',
+						icon: SettingsIcon
 					}
 				]
 			: [])

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

@@ -0,0 +1,7 @@
+export declare function getImageStylesStats(): Promise<{
+    count: number;
+}>;
+export declare function purgeAllImageStyles(): Promise<{
+    deletedCount: number;
+    filesDeleted: number;
+}>;

package/dist/core/server/media/operations/purgeImageStyles.js

@@ -0,0 +1,25 @@
+import { getCMS } from '../../../cms.js';
+export async function getImageStylesStats() {
+    const styles = await getCMS().databaseAdapter.getAllImageStyles();
+    return { count: styles.length };
+}
+export async function purgeAllImageStyles() {
+    const cms = getCMS();
+    const styles = await cms.databaseAdapter.getAllImageStyles();
+    // Delete files from disk
+    let filesDeleted = 0;
+    for (const style of styles) {
+        const filename = style.url.split('/').pop();
+        if (filename) {
+            try {
+                await cms.filesAdapter.deleteFile(filename);
+                filesDeleted++;
+            }
+            catch {
+                // File may not exist
+            }
+        }
+    }
+    const deletedCount = await cms.databaseAdapter.deleteAllImageStyles();
+    return { deletedCount, filesDeleted };
+}

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

@@ -0,0 +1,12 @@
+export interface ReconciliationReport {
+    orphanedDisk: string[];
+    missingDisk: {
+        table: string;
+        id: string;
+        url: string;
+    }[];
+}
+export declare function getReconciliationReport(): Promise<ReconciliationReport>;
+export declare function deleteOrphanedDiskFiles(): Promise<{
+    deletedCount: number;
+}>;

package/dist/core/server/media/operations/reconcileMedia.js

@@ -0,0 +1,62 @@
+import { getCMS } from '../../../cms.js';
+export async function getReconciliationReport() {
+    const cms = getCMS();
+    const diskFiles = await cms.filesAdapter.listFiles();
+    // Collect all known URLs from DB
+    const mediaFiles = await cms.databaseAdapter.getMediaFiles({ data: {} });
+    const imageStyles = await cms.databaseAdapter.getAllImageStyles();
+    const dbFilenames = new Set();
+    for (const mf of mediaFiles) {
+        const fn = mf.url.split('/').pop();
+        if (fn)
+            dbFilenames.add(fn);
+        if (mf.thumbnailUrl) {
+            const tfn = mf.thumbnailUrl.split('/').pop();
+            if (tfn)
+                dbFilenames.add(tfn);
+        }
+        if (mf.posterUrl) {
+            const pfn = mf.posterUrl.split('/').pop();
+            if (pfn)
+                dbFilenames.add(pfn);
+        }
+    }
+    for (const is of imageStyles) {
+        const fn = is.url.split('/').pop();
+        if (fn)
+            dbFilenames.add(fn);
+    }
+    // Orphaned: on disk but not in DB
+    const orphanedDisk = diskFiles.filter((f) => !dbFilenames.has(f));
+    // Missing: in DB but not on disk
+    const diskSet = new Set(diskFiles);
+    const missingDisk = [];
+    for (const mf of mediaFiles) {
+        const fn = mf.url.split('/').pop();
+        if (fn && !diskSet.has(fn)) {
+            missingDisk.push({ table: 'media_files', id: mf.id, url: mf.url });
+        }
+    }
+    for (const is of imageStyles) {
+        const fn = is.url.split('/').pop();
+        if (fn && !diskSet.has(fn)) {
+            missingDisk.push({ table: 'image_styles', id: is.id, url: is.url });
+        }
+    }
+    return { orphanedDisk, missingDisk };
+}
+export async function deleteOrphanedDiskFiles() {
+    const cms = getCMS();
+    const report = await getReconciliationReport();
+    let deletedCount = 0;
+    for (const filename of report.orphanedDisk) {
+        try {
+            await cms.filesAdapter.deleteFile(filename);
+            deletedCount++;
+        }
+        catch {
+            // ignore
+        }
+    }
+    return { deletedCount };
+}

package/dist/core/server/media/styles/operations/createMediaStyle.js

@@ -1,7 +1,18 @@
 import { getCMS } from '../../../../cms.js';
 import { generateImageStyle } from '../sharp/generateImageStyle.js';
 export async function createImageStyle(mediaFileId, style) {
+    const cms = getCMS();
+    // Check for existing style to clean up old file after upsert
+    const existing = await cms.databaseAdapter.getImageStyle(mediaFileId, style);
+    const oldUrl = existing?.url;
     const imageStyleFile = await generateImageStyle(mediaFileId, style);
-    const imageStyle = await getCMS().databaseAdapter.createImageStyle(mediaFileId, imageStyleFile, style);
+    const imageStyle = await cms.databaseAdapter.createImageStyle(mediaFileId, imageStyleFile, style);
+    // Delete old file from disk if URL changed
+    if (oldUrl && oldUrl !== imageStyle.url) {
+        const oldFilename = oldUrl.split('/').pop();
+        if (oldFilename) {
+            cms.filesAdapter.deleteFile(oldFilename).catch((e) => console.warn('Old style file cleanup failed:', e));
+        }
+    }
     return imageStyle;
 }

package/dist/db-postgres/index.js

@@ -326,19 +326,19 @@ export function pg(config) {
             };
         },
         createImageStyle: async (mediaFileId, file, style) => {
-            const [imageStyle] = await db
-                .insert(schema.imageStylesTable)
-                .values({
-                ...style,
-                url: file.url,
-                mimeType: file.mimeType ?? `image/${style.format}`,
-                mediaFileId: mediaFileId
-            })
-                .returning();
+            const mimeType = file.mimeType ?? `image/${style.format}`;
+            const rows = await db.execute(sql `
+				INSERT INTO image_styles (id, media_file_id, name, url, width, height, crop, quality, media, mime_type)
+				VALUES (gen_random_uuid(), ${mediaFileId}, ${style.name}, ${file.url}, ${style.width ?? null}, ${style.height ?? null}, ${style.crop ?? false}, ${style.quality ?? null}, ${style.media ?? null}, ${mimeType})
+				ON CONFLICT (media_file_id, name, COALESCE(width, 0), COALESCE(height, 0), COALESCE(quality, 0))
+				DO UPDATE SET url = EXCLUDED.url, mime_type = EXCLUDED.mime_type
+				RETURNING url, mime_type, media
+			`);
+            const row = rows[0];
             return {
-                url: imageStyle.url,
-                mimeType: imageStyle.mimeType,
-                media: imageStyle.media ? imageStyle.media : undefined
+                url: row.url,
+                mimeType: row.mime_type,
+                media: row.media ? row.media : undefined
             };
         },
         deleteMediaFile: async (id) => {
@@ -421,6 +421,19 @@ export function pg(config) {
                 .returning();
             const [file] = await hydrateFileTags(db, [rawFile]);
             return file;
+        },
+        getAllImageStyles: async () => {
+            return db
+                .select({
+                id: schema.imageStylesTable.id,
+                url: schema.imageStylesTable.url,
+                mediaFileId: schema.imageStylesTable.mediaFileId
+            })
+                .from(schema.imageStylesTable);
+        },
+        deleteAllImageStyles: async () => {
+            const result = await db.execute(sql `DELETE FROM image_styles`);
+            return Number(result.count ?? 0);
         }
     };
 }

package/dist/db-postgres/schema/imageStyle.js

@@ -11,3 +11,5 @@ export const imageStylesTable = pgTable('image_styles', {
     media: text('media'),
     mimeType: text('mime_type').notNull()
 });
+// NOTE: unique index on (media_file_id, name, COALESCE(width,0), COALESCE(height,0), COALESCE(quality,0))
+// is managed via SQL migration in src/lib/updates/0.5.8/index.ts (expression-based, not supported by Drizzle ORM)

package/dist/files-local/index.js

@@ -1,6 +1,6 @@
 import { basename, extname, resolve } from 'node:path';
 import { randomUUID } from 'node:crypto';
-import { readFile, writeFile, rename, unlink, mkdir } from 'node:fs/promises';
+import { readFile, writeFile, rename, unlink, mkdir, readdir } from 'node:fs/promises';
 import sharp from 'sharp';
 import ffmpeg from 'fluent-ffmpeg';
 import { fileURLToPath } from 'url';
@@ -301,6 +301,16 @@ export function local() {
             catch {
                 // File may already be deleted
             }
+        },
+        listFiles: async () => {
+            try {
+                await ensureDir(fullDir);
+                const entries = await readdir(fullDir, { withFileTypes: true });
+                return entries.filter((e) => e.isFile()).map((e) => e.name);
+            }
+            catch {
+                return [];
+            }
         }
     };
 }

package/dist/paraglide/messages/_index.d.ts

@@ -1,36 +1,3 @@
-export function hello_world(inputs: {
-    name: NonNullable<unknown>;
-}, options?: {
-    locale?: "en" | "pl";
-}): string;
-/**
-* This function has been compiled by [Paraglide JS](https://inlang.com/m/gerre34r).
-*
-* - Changing this function will be over-written by the next build.
-*
-* - If you want to change the translations, you can either edit the source files e.g. `en.json`, or
-* use another inlang app like [Fink](https://inlang.com/m/tdozzpar) or the [VSCode extension Sherlock](https://inlang.com/m/r7kp499g).
-*
-* @param {{}} inputs
-* @param {{ locale?: "en" | "pl" }} options
-* @returns {string}
-*/
-declare function login_hello(inputs?: {}, options?: {
-    locale?: "en" | "pl";
-}): string;
-/**
-* This function has been compiled by [Paraglide JS](https://inlang.com/m/gerre34r).
-*
-* - Changing this function will be over-written by the next build.
-*
-* - If you want to change the translations, you can either edit the source files e.g. `en.json`, or
-* use another inlang app like [Fink](https://inlang.com/m/tdozzpar) or the [VSCode extension Sherlock](https://inlang.com/m/r7kp499g).
-*
-* @param {{}} inputs
-* @param {{ locale?: "en" | "pl" }} options
-* @returns {string}
-*/
-declare function login_please_login(inputs?: {}, options?: {
-    locale?: "en" | "pl";
-}): string;
-export { login_hello as login.hello, login_please_login as login.please_login };
+export * from "./hello_world.js";
+export * from "./login_hello.js";
+export * from "./login_please_login.js";

package/dist/paraglide/messages/_index.js

@@ -1,72 +1,4 @@
 /* eslint-disable */
-import { getLocale, trackMessageCall, experimentalMiddlewareLocaleSplitting, isServer } from "../runtime.js"
-import * as en from "./en.js"
-import * as pl from "./pl.js"
-/**
-* This function has been compiled by [Paraglide JS](https://inlang.com/m/gerre34r).
-*
-* - Changing this function will be over-written by the next build.
-*
-* - If you want to change the translations, you can either edit the source files e.g. `en.json`, or
-* use another inlang app like [Fink](https://inlang.com/m/tdozzpar) or the [VSCode extension Sherlock](https://inlang.com/m/r7kp499g).
-* 
-* @param {{ name: NonNullable<unknown> }} inputs
-* @param {{ locale?: "en" | "pl" }} options
-* @returns {string}
-*/
-/* @__NO_SIDE_EFFECTS__ */
-export const hello_world = (inputs, options = {}) => {
-	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
-		return /** @type {any} */ (globalThis).__paraglide_ssr.hello_world(inputs) 
-	}
-	const locale = options.locale ?? getLocale()
-	trackMessageCall("hello_world", locale)
-	if (locale === "en") return en.hello_world(inputs)
-	return pl.hello_world(inputs)
-};
-/**
-* This function has been compiled by [Paraglide JS](https://inlang.com/m/gerre34r).
-*
-* - Changing this function will be over-written by the next build.
-*
-* - If you want to change the translations, you can either edit the source files e.g. `en.json`, or
-* use another inlang app like [Fink](https://inlang.com/m/tdozzpar) or the [VSCode extension Sherlock](https://inlang.com/m/r7kp499g).
-* 
-* @param {{}} inputs
-* @param {{ locale?: "en" | "pl" }} options
-* @returns {string}
-*/
-/* @__NO_SIDE_EFFECTS__ */
-const login_hello = (inputs = {}, options = {}) => {
-	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
-		return /** @type {any} */ (globalThis).__paraglide_ssr.login_hello(inputs) 
-	}
-	const locale = options.locale ?? getLocale()
-	trackMessageCall("login_hello", locale)
-	if (locale === "en") return en.login_hello(inputs)
-	return pl.login_hello(inputs)
-};
-export { login_hello as "login.hello" }
-/**
-* This function has been compiled by [Paraglide JS](https://inlang.com/m/gerre34r).
-*
-* - Changing this function will be over-written by the next build.
-*
-* - If you want to change the translations, you can either edit the source files e.g. `en.json`, or
-* use another inlang app like [Fink](https://inlang.com/m/tdozzpar) or the [VSCode extension Sherlock](https://inlang.com/m/r7kp499g).
-* 
-* @param {{}} inputs
-* @param {{ locale?: "en" | "pl" }} options
-* @returns {string}
-*/
-/* @__NO_SIDE_EFFECTS__ */
-const login_please_login = (inputs = {}, options = {}) => {
-	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
-		return /** @type {any} */ (globalThis).__paraglide_ssr.login_please_login(inputs) 
-	}
-	const locale = options.locale ?? getLocale()
-	trackMessageCall("login_please_login", locale)
-	if (locale === "en") return en.login_please_login(inputs)
-	return pl.login_please_login(inputs)
-};
-export { login_please_login as "login.please_login" }
+export * from './hello_world.js'
+export * from './login_hello.js'
+export * from './login_please_login.js'

package/dist/paraglide/messages/hello_world.d.ts

@@ -0,0 +1,5 @@
+export function hello_world(inputs: {
+    name: NonNullable<unknown>;
+}, options?: {
+    locale?: "en" | "pl";
+}): string;

package/dist/paraglide/messages/hello_world.js

@@ -0,0 +1,33 @@
+/* eslint-disable */
+import { getLocale, trackMessageCall, experimentalMiddlewareLocaleSplitting, isServer } from '../runtime.js';
+
+const en_hello_world = /** @type {(inputs: { name: NonNullable<unknown> }) => string} */ (i) => {
+	return `Hello, ${i.name} from en!`
+};
+
+const pl_hello_world = /** @type {(inputs: { name: NonNullable<unknown> }) => string} */ (i) => {
+	return `Hello, ${i.name} from pl!`
+};
+
+/**
+* This function has been compiled by [Paraglide JS](https://inlang.com/m/gerre34r).
+*
+* - Changing this function will be over-written by the next build.
+*
+* - If you want to change the translations, you can either edit the source files e.g. `en.json`, or
+* use another inlang app like [Fink](https://inlang.com/m/tdozzpar) or the [VSCode extension Sherlock](https://inlang.com/m/r7kp499g).
+* 
+* @param {{ name: NonNullable<unknown> }} inputs
+* @param {{ locale?: "en" | "pl" }} options
+* @returns {string}
+*/
+/* @__NO_SIDE_EFFECTS__ */
+export const hello_world = (inputs, options = {}) => {
+	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
+		return /** @type {any} */ (globalThis).__paraglide_ssr.hello_world(inputs) 
+	}
+	const locale = options.locale ?? getLocale()
+	trackMessageCall("hello_world", locale)
+	if (locale === "en") return en_hello_world(inputs)
+	return pl_hello_world(inputs)
+};

package/dist/paraglide/messages/login_hello.d.ts

@@ -0,0 +1,16 @@
+export { login_hello as login.hello };
+/**
+* This function has been compiled by [Paraglide JS](https://inlang.com/m/gerre34r).
+*
+* - Changing this function will be over-written by the next build.
+*
+* - If you want to change the translations, you can either edit the source files e.g. `en.json`, or
+* use another inlang app like [Fink](https://inlang.com/m/tdozzpar) or the [VSCode extension Sherlock](https://inlang.com/m/r7kp499g).
+*
+* @param {{}} inputs
+* @param {{ locale?: "en" | "pl" }} options
+* @returns {string}
+*/
+declare function login_hello(inputs?: {}, options?: {
+    locale?: "en" | "pl";
+}): string;

package/dist/paraglide/messages/login_hello.js

@@ -0,0 +1,34 @@
+/* eslint-disable */
+import { getLocale, trackMessageCall, experimentalMiddlewareLocaleSplitting, isServer } from '../runtime.js';
+
+const en_login_hello = /** @type {(inputs: {}) => string} */ () => {
+	return `Welcome back`
+};
+
+const pl_login_hello = /** @type {(inputs: {}) => string} */ () => {
+	return `Witaj ponownie`
+};
+
+/**
+* This function has been compiled by [Paraglide JS](https://inlang.com/m/gerre34r).
+*
+* - Changing this function will be over-written by the next build.
+*
+* - If you want to change the translations, you can either edit the source files e.g. `en.json`, or
+* use another inlang app like [Fink](https://inlang.com/m/tdozzpar) or the [VSCode extension Sherlock](https://inlang.com/m/r7kp499g).
+* 
+* @param {{}} inputs
+* @param {{ locale?: "en" | "pl" }} options
+* @returns {string}
+*/
+/* @__NO_SIDE_EFFECTS__ */
+const login_hello = (inputs = {}, options = {}) => {
+	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
+		return /** @type {any} */ (globalThis).__paraglide_ssr.login_hello(inputs) 
+	}
+	const locale = options.locale ?? getLocale()
+	trackMessageCall("login_hello", locale)
+	if (locale === "en") return en_login_hello(inputs)
+	return pl_login_hello(inputs)
+};
+export { login_hello as "login.hello" }

package/dist/paraglide/messages/login_please_login.d.ts

@@ -0,0 +1,16 @@
+export { login_please_login as login.please_login };
+/**
+* This function has been compiled by [Paraglide JS](https://inlang.com/m/gerre34r).
+*
+* - Changing this function will be over-written by the next build.
+*
+* - If you want to change the translations, you can either edit the source files e.g. `en.json`, or
+* use another inlang app like [Fink](https://inlang.com/m/tdozzpar) or the [VSCode extension Sherlock](https://inlang.com/m/r7kp499g).
+*
+* @param {{}} inputs
+* @param {{ locale?: "en" | "pl" }} options
+* @returns {string}
+*/
+declare function login_please_login(inputs?: {}, options?: {
+    locale?: "en" | "pl";
+}): string;

package/dist/paraglide/messages/login_please_login.js

@@ -0,0 +1,34 @@
+/* eslint-disable */
+import { getLocale, trackMessageCall, experimentalMiddlewareLocaleSplitting, isServer } from '../runtime.js';
+
+const en_login_please_login = /** @type {(inputs: {}) => string} */ () => {
+	return `Login to your account`
+};
+
+const pl_login_please_login = /** @type {(inputs: {}) => string} */ () => {
+	return `Zaloguj się na swoje konto`
+};
+
+/**
+* This function has been compiled by [Paraglide JS](https://inlang.com/m/gerre34r).
+*
+* - Changing this function will be over-written by the next build.
+*
+* - If you want to change the translations, you can either edit the source files e.g. `en.json`, or
+* use another inlang app like [Fink](https://inlang.com/m/tdozzpar) or the [VSCode extension Sherlock](https://inlang.com/m/r7kp499g).
+* 
+* @param {{}} inputs
+* @param {{ locale?: "en" | "pl" }} options
+* @returns {string}
+*/
+/* @__NO_SIDE_EFFECTS__ */
+const login_please_login = (inputs = {}, options = {}) => {
+	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
+		return /** @type {any} */ (globalThis).__paraglide_ssr.login_please_login(inputs) 
+	}
+	const locale = options.locale ?? getLocale()
+	trackMessageCall("login_please_login", locale)
+	if (locale === "en") return en_login_please_login(inputs)
+	return pl_login_please_login(inputs)
+};
+export { login_please_login as "login.please_login" }

package/dist/types/adapters/db.d.ts

@@ -32,6 +32,8 @@ export interface DatabaseAdapter {
     getImageStyle: GetImageStyle;
     createImageStyle: CreateImageStyle;
     deleteImageStylesByMediaFileId: DeleteImageStylesByMediaFileId;
+    getAllImageStyles: GetAllImageStyles;
+    deleteAllImageStyles: DeleteAllImageStyles;
     getMediaFiles: GetMediaFiles;
     getMediaFile: GetMediaFile;
     updateMediaFile: UpdateMediaFile;
@@ -118,4 +120,10 @@ export type CreateImageStyle = (mediaFileId: string, file: UploadedMediaFile, st
 export type DeleteImageStylesByMediaFileId = (mediaFileId: string) => Promise<{
     url: string;
 }[]>;
+export type GetAllImageStyles = () => Promise<{
+    id: string;
+    url: string;
+    mediaFileId: string;
+}[]>;
+export type DeleteAllImageStyles = () => Promise<number>;
 export type GetImageStyle = (mediaFileId: string, style: ImageFieldStyle) => Promise<ImageStyle | null>;

package/dist/types/adapters/files.d.ts

@@ -4,6 +4,7 @@ export interface FilesAdapter {
     uploadFile: UploadFile;
     renameFile: RenameFile;
     deleteFile: DeleteFile;
+    listFiles: ListFiles;
 }
 export type DownloadFile = (id: string) => Promise<File | null>;
 export type UploadFile = (file: File) => Promise<UploadedMediaFile>;
@@ -16,3 +17,4 @@ export type RenameFile = (url: string, oldName: string, newName: string) => Prom
     error: 'name-already-exists';
 }>;
 export type DeleteFile = (filename: string) => Promise<void>;
+export type ListFiles = () => Promise<string[]>;

package/dist/updates/0.5.8/index.d.ts

@@ -0,0 +1,2 @@
+import type { CmsUpdate } from '../index.js';
+export declare const update: CmsUpdate;

package/dist/updates/0.5.8/index.js

@@ -0,0 +1,27 @@
+export const update = {
+    version: '0.5.8',
+    date: '2026-03-09',
+    description: 'Media GC: deduplicate image styles, auto-cleanup, admin maintenance page',
+    features: [
+        'Image style upsert: replace duplicates instead of creating new files',
+        'Auto-cleanup old style files from disk on regeneration',
+        'Admin maintenance page: purge styles, reconcile orphaned disk files'
+    ],
+    fixes: [
+        'Deduplicate existing image style records (keep newest per unique key)'
+    ],
+    breakingChanges: [],
+    sql: `-- Deduplicate: keep newest style (by id) per unique key, delete rest
+DELETE FROM image_styles a
+USING image_styles b
+WHERE a.media_file_id = b.media_file_id
+  AND a.name = b.name
+  AND COALESCE(a.width, 0) = COALESCE(b.width, 0)
+  AND COALESCE(a.height, 0) = COALESCE(b.height, 0)
+  AND COALESCE(a.quality, 0) = COALESCE(b.quality, 0)
+  AND a.id < b.id;
+
+-- Unique index to prevent future duplicates
+CREATE UNIQUE INDEX IF NOT EXISTS image_styles_unique_key
+ON image_styles (media_file_id, name, COALESCE(width, 0), COALESCE(height, 0), COALESCE(quality, 0));`
+};

package/dist/updates/index.js

@@ -19,7 +19,8 @@ import { update as update054 } from './0.5.4/index.js';
 import { update as update055 } from './0.5.5/index.js';
 import { update as update056 } from './0.5.6/index.js';
 import { update as update057 } from './0.5.7/index.js';
-export const updates = [update0065, update0066, update0067, update0068, update0069, update010, update011, update012, update013, update014, update015, update020, update022, update050, update051, update052, update053, update054, update055, update056, update057];
+import { update as update058 } from './0.5.8/index.js';
+export const updates = [update0065, update0066, update0067, update0068, update0069, update010, update011, update012, update013, update014, update015, update020, update022, update050, update051, update052, update053, update054, update055, update056, update057, update058];
 export const getUpdatesFrom = (fromVersion) => {
     const fromParts = fromVersion.split('.').map(Number);
     return updates.filter((update) => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "includio-cms",
-	"version": "0.5.7",
+	"version": "0.6.0",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",
@@ -126,10 +126,31 @@
 	"peerDependencies": {
 		"@sveltejs/kit": "^2.48.0",
 		"@sveltejs/vite-plugin-svelte": "^6.2.1",
+		"better-auth": "^1.3.34",
+		"bits-ui": "^2.11.5",
+		"drizzle-orm": "^0.40.0",
+		"embla-carousel-svelte": "^8.6.0",
+		"formsnap": "^2.0.1",
+		"paneforge": "^1.0.2",
+		"postgres": "^3.4.5",
+		"runed": "^0.35.1",
+		"sharp": "^0.34.2",
 		"svelte": "^5.43.0",
+		"svelte-sonner": "^1.0.5",
+		"svelte-tiptap": "^3.0.1",
+		"sveltekit-superforms": "^2.28.1",
+		"tailwind-merge": "^3.3.1",
+		"tailwindcss": "^4.1.13",
 		"vite": "^7.2.0",
 		"zod": "^4.0.0"
 	},
+	"peerDependenciesMeta": {
+		"runed": { "optional": true },
+		"svelte-tiptap": { "optional": true },
+		"paneforge": { "optional": true },
+		"svelte-sonner": { "optional": true },
+		"embla-carousel-svelte": { "optional": true }
+	},
 	"devDependencies": {
 		"@chromatic-com/storybook": "^5.0.1",
 		"@eslint/compat": "^1.2.5",
@@ -153,6 +174,8 @@
 		"@types/fluent-ffmpeg": "^2.1.27",
 		"@types/node": "^22",
 		"@types/nodemailer": "^7.0.4",
+		"better-auth": "^1.3.34",
+		"bits-ui": "^2.11.5",
 		"clsx": "^2.1.1",
 		"drizzle-kit": "^0.30.2",
 		"drizzle-orm": "^0.40.0",
@@ -164,22 +187,31 @@
 		"flexsearch": "^0.8.212",
 		"formsnap": "^2.0.1",
 		"globals": "^16.0.0",
+		"paneforge": "^1.0.2",
+		"postgres": "^3.4.5",
 		"jsdom": "^26.0.0",
 		"mdsvex": "^0.12.3",
 		"prettier": "^3.4.2",
 		"prettier-plugin-svelte": "^3.3.3",
 		"prettier-plugin-tailwindcss": "^0.6.11",
 		"publint": "^0.3.2",
+		"runed": "^0.35.1",
 		"rehype-autolink-headings": "^7.1.0",
 		"rehype-slug": "^6.0.0",
 		"remark-gfm": "^4.0.1",
+		"sharp": "^0.34.2",
 		"shiki": "^3.21.0",
 		"storybook": "^10.2.10",
 		"svelte": "^5.43.6",
 		"svelte-check": "^4.0.0",
+		"svelte-sonner": "^1.0.5",
+		"svelte-tiptap": "^3.0.1",
+		"sveltekit-superforms": "^2.28.1",
 		"ts-morph": "^26.0.0",
 		"tsx": "^4.20.3",
 		"typescript": "^5.0.0",
+		"tailwind-merge": "^3.3.1",
+		"tailwindcss": "^4.1.13",
 		"typescript-eslint": "^8.20.0",
 		"vite": "^7.2.2",
 		"vitest": "^3.2.3"
@@ -215,8 +247,6 @@
 		"@tiptap/starter-kit": "^3.17.1",
 		"@tiptap/suggestion": "^3.17.1",
 		"arctic": "^3.7.0",
-		"better-auth": "^1.3.34",
-		"bits-ui": "^2.11.5",
 		"dotenv": "^16.5.0",
 		"fast-glob": "^3.3.3",
 		"fluent-ffmpeg": "^2.1.3",
@@ -224,24 +254,14 @@
 		"lowlight": "^3.3.0",
 		"nodemailer": "^7.0.11",
 		"openai": "^6.9.0",
-		"paneforge": "^1.0.2",
 		"path-to-regexp": "^8.2.0",
-		"postgres": "^3.4.5",
 		"readline": "^1.3.0",
-		"runed": "^0.35.1",
-		"sharp": "^0.34.2",
 		"slugify": "^1.6.6",
-		"svelte-sonner": "^1.0.5",
-		"svelte-tiptap": "^3.0.1",
 		"sveltekit-flash-message": "^2.4.6",
-		"sveltekit-superforms": "^2.28.1",
-		"tailwind-merge": "^3.3.1",
 		"tailwind-variants": "^3.1.1",
-		"tailwindcss": "^4.1.13",
 		"tippy.js": "^6.3.7",
 		"tw-animate-css": "^1.3.4",
-		"uuid": "^11.1.0",
-		"zod": "^4.0.0"
+		"uuid": "^11.1.0"
 	},
 	"pnpm": {
 		"onlyBuiltDependencies": [

package/dist/paraglide/messages/en.d.ts

@@ -1,5 +0,0 @@
-export const hello_world: (inputs: {
-    name: NonNullable<unknown>;
-}) => string;
-export const login_hello: (inputs: {}) => string;
-export const login_please_login: (inputs: {}) => string;

package/dist/paraglide/messages/en.js

@@ -1,14 +0,0 @@
-/* eslint-disable */
-
-
-export const hello_world = /** @type {(inputs: { name: NonNullable<unknown> }) => string} */ (i) => {
-	return `Hello, ${i.name} from en!`
-};
-
-export const login_hello = /** @type {(inputs: {}) => string} */ () => {
-	return `Welcome back`
-};
-
-export const login_please_login = /** @type {(inputs: {}) => string} */ () => {
-	return `Login to your account`
-};

package/dist/paraglide/messages/pl.d.ts

@@ -1,5 +0,0 @@
-export const hello_world: (inputs: {
-    name: NonNullable<unknown>;
-}) => string;
-export const login_hello: (inputs: {}) => string;
-export const login_please_login: (inputs: {}) => string;

package/dist/paraglide/messages/pl.js

@@ -1,14 +0,0 @@
-/* eslint-disable */
-
-
-export const hello_world = /** @type {(inputs: { name: NonNullable<unknown> }) => string} */ (i) => {
-	return `Hello, ${i.name} from pl!`
-};
-
-export const login_hello = /** @type {(inputs: {}) => string} */ () => {
-	return `Witaj ponownie`
-};
-
-export const login_please_login = /** @type {(inputs: {}) => string} */ () => {
-	return `Zaloguj się na swoje konto`
-};