includio-cms 0.0.67 → 0.0.69

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

@@ -28,34 +28,49 @@
 		open = false;
 		goto(url);
 	}
+
+	async function getData() {
+		const [singles, collections, forms] = await Promise.all([
+			remotes.getSingles(),
+			remotes.getCollections(),
+			remotes.getForms()
+		]);
+
+		return { singles, collections, forms };
+	}
 </script>
 
 <svelte:window {onkeydown} />
 
-<button
-	onclick={() => (open = true)}
-	class="text-muted-foreground mx-2 flex w-[calc(100%-1rem)] items-center gap-2 rounded-md border px-2.5 py-1.5 text-sm transition-colors hover:bg-black/5 dark:border-white/10 dark:hover:bg-white/10"
->
-	<SearchIcon class="size-4 shrink-0" />
-	<span class="flex-1 truncate text-left">{sidebarLang[interfaceLanguage.current].search.placeholder}</span>
-	<kbd class="bg-muted text-muted-foreground shrink-0 rounded px-1.5 py-0.5 text-[10px] font-medium">⌘K</kbd>
-</button>
+{#await getData() then { singles, collections, forms }}
+	<button
+		onclick={() => (open = true)}
+		class="text-muted-foreground mx-2 flex w-[calc(100%-1rem)] items-center gap-2 rounded-md border px-2.5 py-1.5 text-sm transition-colors hover:bg-black/5 dark:border-white/10 dark:hover:bg-white/10"
+	>
+		<SearchIcon class="size-4 shrink-0" />
+		<span class="flex-1 truncate text-left"
+			>{sidebarLang[interfaceLanguage.current].search.placeholder}</span
+		>
+		<kbd
+			class="bg-muted text-muted-foreground shrink-0 rounded px-1.5 py-0.5 text-[10px] font-medium"
+			>⌘K</kbd
+		>
+	</button>
 
-<Command.Dialog bind:open title={sidebarLang[interfaceLanguage.current].search.placeholder}>
-	<Command.Input placeholder={sidebarLang[interfaceLanguage.current].search.placeholder} />
-	<Command.List>
-		<Command.Empty>{sidebarLang[interfaceLanguage.current].search.noResults}</Command.Empty>
+	<Command.Dialog bind:open title={sidebarLang[interfaceLanguage.current].search.placeholder}>
+		<Command.Input placeholder={sidebarLang[interfaceLanguage.current].search.placeholder} />
+		<Command.List>
+			<Command.Empty>{sidebarLang[interfaceLanguage.current].search.noResults}</Command.Empty>
 
-		<Command.Group heading={sidebarLang[interfaceLanguage.current].main.platform}>
-			<Command.Item onSelect={() => navigate('/admin')}>
-				<DashboardIcon class="mr-2 size-4" />
-				{sidebarLang[interfaceLanguage.current].main.dashboard}
-			</Command.Item>
-			<Command.Item onSelect={() => navigate('/admin/media')}>
-				<CameraIcon class="mr-2 size-4" />
-				{sidebarLang[interfaceLanguage.current].main.media}
-			</Command.Item>
-			{#await remotes.getSingles() then singles}
+			<Command.Group heading={sidebarLang[interfaceLanguage.current].main.platform}>
+				<Command.Item onSelect={() => navigate('/admin')}>
+					<DashboardIcon class="mr-2 size-4" />
+					{sidebarLang[interfaceLanguage.current].main.dashboard}
+				</Command.Item>
+				<Command.Item onSelect={() => navigate('/admin/media')}>
+					<CameraIcon class="mr-2 size-4" />
+					{sidebarLang[interfaceLanguage.current].main.media}
+				</Command.Item>
 				{#each singles as item (item.slug)}
 					{@const name = getLocalizedLabel(item.label, interfaceLanguage.current) ?? item.slug}
 					<Command.Item onSelect={() => navigate(`/admin/entries/${item.slug}`)}>
@@ -67,14 +82,13 @@
 						{name}
 					</Command.Item>
 				{/each}
-			{/await}
-		</Command.Group>
+			</Command.Group>
 
-		{#await remotes.getCollections() then collections}
 			{#if collections.length > 0}
 				<Command.Group heading={sidebarLang[interfaceLanguage.current].collections.title}>
 					{#each collections as item (item.slug)}
-						{@const name = getLocalizedLabel(item.labels?.plural, interfaceLanguage.current) ?? item.slug}
+						{@const name =
+							getLocalizedLabel(item.labels?.plural, interfaceLanguage.current) ?? item.slug}
 						<Command.Item onSelect={() => navigate(`/admin/collections/${item.slug}`)}>
 							{#if item.sidebarIcon}
 								<item.sidebarIcon class="mr-2 size-4" />
@@ -86,9 +100,7 @@
 					{/each}
 				</Command.Group>
 			{/if}
-		{/await}
 
-		{#await remotes.getForms() then forms}
 			{#if forms.length > 0}
 				<Command.Group heading={sidebarLang[interfaceLanguage.current].forms.title}>
 					{#each forms as item (item.slug)}
@@ -100,6 +112,6 @@
 					{/each}
 				</Command.Group>
 			{/if}
-		{/await}
-	</Command.List>
-</Command.Dialog>
+		</Command.List>
+	</Command.Dialog>
+{/await}

package/dist/admin/remote/media.remote.js

@@ -100,11 +100,11 @@ export const setFocalPoint = command(z.object({
             await cms.filesAdapter.deleteFile(fileName).catch((e) => console.warn('Style file cleanup failed:', e));
         }
     }
-    // Re-generate styles in background with new focal point
+    // Re-generate styles with new focal point (awaited so client gets fresh URLs)
     const file = await cms.databaseAdapter.getMediaFile({ data: { id: fileId } });
     if (file) {
-        const { generateDefaultStylesInBackground } = await import('../../core/server/media/styles/operations/generateDefaultStyles.js');
-        generateDefaultStylesInBackground(file);
+        const { generateDefaultStyles } = await import('../../core/server/media/styles/operations/generateDefaultStyles.js');
+        await generateDefaultStyles(file);
     }
 });
 export const renameMediaFile = command(z.object({

package/dist/admin/utils/arrayMove.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Move an element from one index to another via splice, returning a new array.
+ * Returns the original array reference (unchanged) when `from === to`.
+ */
+export declare function arrayMove<T>(arr: T[], from: number, to: number): T[];

package/dist/admin/utils/arrayMove.js

@@ -0,0 +1,12 @@
+/**
+ * Move an element from one index to another via splice, returning a new array.
+ * Returns the original array reference (unchanged) when `from === to`.
+ */
+export function arrayMove(arr, from, to) {
+    if (from === to)
+        return arr;
+    const copy = [...arr];
+    const [moved] = copy.splice(from, 1);
+    copy.splice(to, 0, moved);
+    return copy;
+}

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

@@ -1,6 +1,8 @@
 import type { ImageFieldData } from 'includio-cms/types';
 export type SingleSlug = "settings" | "image-showcase";
 export interface Settings {
+    id: string;
+    slug: string;
     data: {
         siteName: string;
         description?: string;
@@ -17,6 +19,8 @@ export interface Settings {
     publishedAt: Date | null;
 }
 export interface ImageShowcase {
+    id: string;
+    slug: string;
     data: {
         photo?: ImageFieldData | null;
     };
@@ -27,6 +31,8 @@ export type SingleEntryMap = {
 };
 export type CollectionSlug = "blog-post" | "project";
 export interface BlogPost {
+    id: string;
+    slug: string;
     data: {
         title: string;
         slug?: string;
@@ -48,6 +54,8 @@ export interface BlogPost {
     publishedAt: Date | null;
 }
 export interface Project {
+    id: string;
+    slug: string;
     data: {
         title: string;
         description?: string;

package/dist/core/server/generator/fields.js

@@ -1,3 +1,4 @@
+import { toPascalCase } from './utils.js';
 function getFieldTypeAsString(field) {
     switch (field.type) {
         case 'text':
@@ -11,14 +12,19 @@ function getFieldTypeAsString(field) {
             const base = field.multiple ? 'ImageFieldData[]' : 'ImageFieldData';
             return base + (field.required ? '' : ' | null');
         }
+        case 'media': {
+            const base = field.multiple
+                ? '(ImageFieldData | VideoFieldData)[]'
+                : 'ImageFieldData | VideoFieldData';
+            return base + (field.required ? '' : ' | null');
+        }
         case 'file': {
             const base = field.multiple ? 'MediaFile[]' : 'MediaFile';
             return base + (field.required ? '' : ' | null');
         }
         case 'relation': {
-            return field.multiple
-                ? `${field.collection.charAt(0).toUpperCase() + field.collection.slice(1)}[]`
-                : field.collection.charAt(0).toUpperCase() + field.collection.slice(1);
+            const name = toPascalCase(field.collection);
+            return field.multiple ? `${name}[]` : name;
         }
         case 'select':
             return field.multiple ? 'string[]' : 'string';

package/dist/core/server/generator/generator.js

@@ -3,12 +3,7 @@ import { join } from 'node:path';
 import { generateTsTypeFromFields } from './fields.js';
 import { generateTsTypeFromFormFields } from './formFields.js';
 import { generateZodSchemaStringFromFormFieldsAsString } from './formFieldSchemaToString.js';
-function toPascalCase(slug) {
-    return slug
-        .split('-')
-        .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
-        .join('');
-}
+import { toPascalCase } from './utils.js';
 function createCmsRuntimeDir() {
     const cmsDir = join(process.cwd(), 'src/lib/cms/runtime');
     mkdirSync(cmsDir, { recursive: true });
@@ -22,6 +17,8 @@ function generateTypesStringForRecords(type, records) {
         .map((single) => {
         return `
 			export interface ${toPascalCase(single.slug)} {
+				id: string;
+				slug: string;
 				data: ${generateTsTypeFromFields(single.fields)}
 				publishedAt: Date | null;
 			};
@@ -71,7 +68,7 @@ function generateTypes(config) {
     const cmsDir = join(process.cwd(), 'src/lib/cms/runtime');
     const filePath = join(cmsDir, 'types.ts');
     let code = `// This file is auto-generated. Do not edit directly.\n\n`;
-    code += `import type { MediaFile, ImageFieldData } from 'includio-cms/types';\n\n`;
+    code += `import type { MediaFile, ImageFieldData, VideoFieldData } from 'includio-cms/types';\n\n`;
     if (config.singles && config.singles.length > 0) {
         code += generateTypesStringForRecords('single', Object.values(config.singles));
     }

package/dist/core/server/generator/utils.d.ts

@@ -0,0 +1 @@
+export declare function toPascalCase(slug: string): string;

package/dist/core/server/generator/utils.js

@@ -0,0 +1,6 @@
+export function toPascalCase(slug) {
+    return slug
+        .split('-')
+        .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+        .join('');
+}

package/dist/core/server/media/styles/operations/generateDefaultStyles.d.ts

@@ -1,2 +1,3 @@
 import type { MediaFile } from '../../../../../types/media.js';
+export declare function generateDefaultStyles(mediaFile: MediaFile): Promise<void>;
 export declare function generateDefaultStylesInBackground(mediaFile: MediaFile): void;

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

@@ -1,25 +1,26 @@
 import { defaultStyles, isProcessableImage, expandStyleFormats, getOriginalFormat } from '../../../fields/utils/imageStyles.js';
 import { getImageStyle } from './getImageStyle.js';
-export function generateDefaultStylesInBackground(mediaFile) {
+export async function generateDefaultStyles(mediaFile) {
     if (!isProcessableImage(mediaFile))
         return;
     const origFormat = getOriginalFormat(mediaFile);
     const expanded = expandStyleFormats(defaultStyles, origFormat);
-    (async () => {
-        for (const style of expanded) {
-            await getImageStyle(mediaFile.id, style);
-            if (style.srcset && mediaFile.width) {
-                const widths = style.srcset.filter((w) => w <= mediaFile.width);
-                for (const w of widths) {
-                    await getImageStyle(mediaFile.id, {
-                        ...style,
-                        name: `${style.name}_${w}w`,
-                        width: w,
-                        srcset: undefined,
-                        sizes: undefined
-                    });
-                }
+    for (const style of expanded) {
+        await getImageStyle(mediaFile.id, style);
+        if (style.srcset && mediaFile.width) {
+            const widths = style.srcset.filter((w) => w <= mediaFile.width);
+            for (const w of widths) {
+                await getImageStyle(mediaFile.id, {
+                    ...style,
+                    name: `${style.name}_${w}w`,
+                    width: w,
+                    srcset: undefined,
+                    sizes: undefined
+                });
             }
         }
-    })().catch((e) => console.warn('Background style generation failed:', e));
+    }
+}
+export function generateDefaultStylesInBackground(mediaFile) {
+    generateDefaultStyles(mediaFile).catch((e) => console.warn('Background style generation failed:', e));
 }

package/dist/core/server/media/styles/sharp/generateImageStyle.js

@@ -15,8 +15,18 @@ export async function generateImageStyle(mediaFileId, style) {
         throw new Error('Media file not found');
     }
     const imageBuffer = await file.arrayBuffer();
-    let sharpInstance = sharp(Buffer.from(imageBuffer));
-    const width = style.width ?? mediaFile.width ?? undefined;
+    const buf = Buffer.from(imageBuffer);
+    // Read EXIF orientation before processing
+    const metadata = await sharp(buf).metadata();
+    // .rotate() applies EXIF orientation to pixels AND strips the tag from output.
+    // Prevents double-rotation in WebP/JPEG where EXIF orientation tag may persist.
+    let sharpInstance = sharp(buf).rotate();
+    // DB stores raw (pre-EXIF) dimensions. After .rotate(), pixels are oriented,
+    // so we need oriented dimensions for crop calculation.
+    const needsSwap = metadata.orientation != null && metadata.orientation >= 5;
+    const imgWidth = needsSwap ? metadata.height : metadata.width;
+    const imgHeight = needsSwap ? metadata.width : metadata.height;
+    const width = style.width ?? imgWidth ?? mediaFile.width ?? undefined;
     const height = style.height ?? undefined;
     if (
     // Focal point crop
@@ -25,9 +35,9 @@ export async function generateImageStyle(mediaFileId, style) {
         height &&
         mediaFile.focalX != null &&
         mediaFile.focalY != null &&
-        mediaFile.width &&
-        mediaFile.height) {
-        const region = calculateFocalCropRegion(mediaFile.width, mediaFile.height, mediaFile.focalX, mediaFile.focalY, width, height);
+        imgWidth &&
+        imgHeight) {
+        const region = calculateFocalCropRegion(imgWidth, imgHeight, mediaFile.focalX, mediaFile.focalY, width, height);
         sharpInstance = sharpInstance
             .extract(region)
             .resize(width, height);

package/dist/core/server/utils/sanitizeRichText.d.ts

@@ -0,0 +1 @@
+export declare function sanitizeRichText(dirty: string): string;

package/dist/core/server/utils/sanitizeRichText.js

@@ -0,0 +1,67 @@
+import DOMPurify from 'isomorphic-dompurify';
+DOMPurify.addHook('uponSanitizeAttribute', (node, data) => {
+    const tag = node.tagName.toLowerCase();
+    if (data.attrName === 'src' && !['img', 'video'].includes(tag)) {
+        data.keepAttr = false;
+    }
+    if (data.attrName === 'style') {
+        const value = node.getAttribute('style') || '';
+        const match = value.match(/text-align\s*:\s*(left|center|right|justify)/);
+        node.setAttribute('style', match ? `text-align: ${match[1]}` : '');
+    }
+});
+export function sanitizeRichText(dirty) {
+    return DOMPurify.sanitize(dirty, {
+        ALLOWED_TAGS: [
+            'p',
+            'h1',
+            'h2',
+            'h3',
+            'h4',
+            'h5',
+            'h6',
+            'strong',
+            'em',
+            's',
+            'code',
+            'ul',
+            'ol',
+            'li',
+            'blockquote',
+            'br',
+            'hr',
+            'a',
+            'img',
+            'table',
+            'thead',
+            'tbody',
+            'tr',
+            'th',
+            'td',
+            'mark',
+            'u',
+            'pre',
+            'video',
+            'figure',
+            'figcaption'
+        ],
+        ALLOWED_ATTR: [
+            'href',
+            'target',
+            'rel',
+            'src',
+            'alt',
+            'title',
+            'class',
+            'colspan',
+            'rowspan',
+            'colwidth',
+            'style',
+            'poster',
+            'data-media-id',
+            'controls',
+            'width',
+            'height'
+        ]
+    });
+}

package/dist/sveltekit/components/image.svelte

@@ -24,6 +24,14 @@
 	const blurUrl = $derived(
 		data && isProperImageObject(data) ? data.blurDataUrl : null
 	);
+
+	let loaded = $state(false);
+
+	// Reset loaded when image source changes
+	$effect(() => {
+		if (data && isProperImageObject(data)) data.data?.url;
+		loaded = false;
+	});
 </script>
 
 <style>
@@ -52,8 +60,9 @@
 					alt={data.data.alt}
 					width={data.data.width}
 					height={data.data.height}
-					class="{className} {blurUrl ? 'includio-blur-placeholder' : ''}"
-					style={blurUrl ? `background-image:url(${blurUrl})` : undefined}
+					class="{className} {blurUrl && !loaded ? 'includio-blur-placeholder' : ''}"
+					style={blurUrl && !loaded ? `background-image:url(${blurUrl})` : undefined}
+					onload={() => (loaded = true)}
 					{loading}
 					{...restProps}
 				/>

package/dist/sveltekit/components/preview.svelte

@@ -1,17 +1,18 @@
-<script lang="ts">
-	import type { Entry, PopulatedEntryData } from '../../types/entries.js';
+<script lang="ts" generics="T extends { data: PopulatedEntryData }">
+	import type { PopulatedEntryData } from '../../types/entries.js';
 	import { onMount, type Snippet } from 'svelte';
 
 	type Props = {
-		entry: Entry;
-		child?: Snippet<[{ entry: Entry }]>;
+		entry: T;
+		child?: Snippet<[{ entry: T }]>;
 	};
 
 	let { entry, child }: Props = $props();
 
-	let previewData: Entry = $state(entry);
+	let previewData: T = $state(entry);
 	let hybridModeEnabled = $state(false);
 	let highlightedPath = $state<string | null>(null);
+	let parentOrigin: string | null = null;
 
 	/**
 	 * Checks if a value looks like a UUID reference
@@ -53,18 +54,18 @@
 	}
 
 	/**
-	 * Checks if a value is a simple resolved reference (has id and url at top level)
-	 * e.g., { id: "...", url: "...", width: 800, ... }
+	 * Checks if a value is a simple resolved reference (has id UUID at top level)
+	 * e.g., { id: "...", slug: "...", type: "collection" } or { id: "...", url: "...", width: 800 }
 	 */
 	function isResolvedReference(
 		value: unknown
-	): value is { id: string; url: string; [key: string]: unknown } {
+	): value is { id: string; [key: string]: unknown } {
 		return (
 			typeof value === 'object' &&
 			value !== null &&
 			'id' in value &&
-			'url' in value &&
-			typeof (value as Record<string, unknown>).id === 'string'
+			typeof (value as Record<string, unknown>).id === 'string' &&
+			isUUID((value as Record<string, unknown>).id)
 		);
 	}
 
@@ -232,12 +233,19 @@
 
 	onMount(() => {
 		function handleMessage(e: MessageEvent) {
+			// Accept first message from any origin (handshake), then lock to that origin
+			if (!parentOrigin) {
+				parentOrigin = e.origin;
+			} else if (e.origin !== parentOrigin) {
+				return;
+			}
+
 			if (e.data.type === 'preview-update') {
 				// Merge form data with current preview data, preserving resolved references
 				previewData = {
 					...previewData,
-					data: deepMergeWithReferences(previewData.data, e.data.data)
-				};
+					data: deepMergeWithReferences(previewData.data as PopulatedEntryData, e.data.data)
+				} as T;
 			}
 
 			if (e.data.type === 'hybrid-mode-enable') {
@@ -257,7 +265,7 @@
 		document.addEventListener('click', handleLinkClick, true);
 
 		// Signal to parent that preview is ready to receive data
-		window.parent.postMessage({ type: 'preview-ready' }, '*');
+		window.parent.postMessage({ type: 'preview-ready' }, parentOrigin || '*');
 
 		return () => {
 			window.removeEventListener('message', handleMessage);
@@ -319,7 +327,7 @@
 		if (path) {
 			// Normalize to dot notation (hero[0].data → hero.0.data)
 			const normalized = path.replace(/\[(\d+)\]/g, '.$1');
-			window.parent.postMessage({ type: 'hybrid-focus', path: normalized }, '*');
+			window.parent.postMessage({ type: 'hybrid-focus', path: normalized }, parentOrigin || '*');
 		}
 	}
 

package/dist/sveltekit/components/preview.svelte.d.ts

@@ -1,11 +1,41 @@
-import type { Entry } from '../../types/entries.js';
+import type { PopulatedEntryData } from '../../types/entries.js';
 import { type Snippet } from 'svelte';
-type Props = {
-    entry: Entry;
-    child?: Snippet<[{
-        entry: Entry;
-    }]>;
+declare function $$render<T extends {
+    data: PopulatedEntryData;
+}>(): {
+    props: {
+        entry: T;
+        child?: Snippet<[{
+            entry: T;
+        }]>;
+    };
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
 };
-declare const Preview: import("svelte").Component<Props, {}, "">;
-type Preview = ReturnType<typeof Preview>;
+declare class __sveltets_Render<T extends {
+    data: PopulatedEntryData;
+}> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends {
+        data: PopulatedEntryData;
+    }>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends {
+        data: PopulatedEntryData;
+    }>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Preview: $$IsomorphicComponent;
+type Preview<T extends {
+    data: PopulatedEntryData;
+}> = InstanceType<typeof Preview<T>>;
 export default Preview;

package/dist/sveltekit/index.d.ts

@@ -5,3 +5,4 @@ export { default as HybridTarget } from './components/hybrid-target.svelte';
 export { default as Image } from './components/image.svelte';
 export { default as Video } from './components/video.svelte';
 export { default as Media } from './components/media.svelte';
+export { getLink, isImageFieldData, isVideoFieldData } from './utils/index.js';

package/dist/sveltekit/index.js

@@ -5,3 +5,4 @@ export { default as HybridTarget } from './components/hybrid-target.svelte';
 export { default as Image } from './components/image.svelte';
 export { default as Video } from './components/video.svelte';
 export { default as Media } from './components/media.svelte';
+export { getLink, isImageFieldData, isVideoFieldData } from './utils/index.js';

package/dist/sveltekit/utils/getLink.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Resolves a link value to a URL string.
+ * Handles: string, { url: string }, { url: Record<string, string> } (UrlFieldData), null/undefined.
+ */
+export declare function getLink(link: string | {
+    url: string | Record<string, string>;
+} | null | undefined, language?: string): string;

package/dist/sveltekit/utils/getLink.js

@@ -0,0 +1,32 @@
+/**
+ * Resolves a link value to a URL string.
+ * Handles: string, { url: string }, { url: Record<string, string> } (UrlFieldData), null/undefined.
+ */
+export function getLink(link, language) {
+    if (!link)
+        return '';
+    if (typeof link === 'object' && 'url' in link) {
+        const url = link.url;
+        if (typeof url === 'object') {
+            // UrlFieldData — localized Record<string, string>
+            if (language && url[language])
+                return normalizeLink(url[language]);
+            // Fallback to first available locale
+            const first = Object.values(url)[0];
+            return first ? normalizeLink(first) : '';
+        }
+        return normalizeLink(url);
+    }
+    if (typeof link !== 'string')
+        return '';
+    return normalizeLink(link);
+}
+function normalizeLink(link) {
+    if (link.startsWith('#') ||
+        link.startsWith('http://') ||
+        link.startsWith('https://') ||
+        link.startsWith('/')) {
+        return link;
+    }
+    return `/${link}`;
+}

package/dist/sveltekit/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { getLink } from './getLink.js';
+export { isImageFieldData, isVideoFieldData } from './media.js';

package/dist/sveltekit/utils/index.js

@@ -0,0 +1,2 @@
+export { getLink } from './getLink.js';
+export { isImageFieldData, isVideoFieldData } from './media.js';

package/dist/sveltekit/utils/media.d.ts

@@ -0,0 +1,3 @@
+import type { ImageFieldData, VideoFieldData, MediaFieldData } from '../../types/fields.js';
+export declare function isImageFieldData(media: MediaFieldData): media is ImageFieldData;
+export declare function isVideoFieldData(media: MediaFieldData): media is VideoFieldData;

package/dist/sveltekit/utils/media.js

@@ -0,0 +1,6 @@
+export function isImageFieldData(media) {
+    return 'styles' in media;
+}
+export function isVideoFieldData(media) {
+    return !('styles' in media);
+}