includio-cms 0.7.2 → 0.13.1

package/dist/admin/components/tiptap/FigureNodeView.svelte

@@ -5,6 +5,11 @@
 	import AlignCenter from '@tabler/icons-svelte/icons/align-center';
 	import AlignRight from '@tabler/icons-svelte/icons/align-right';
 	import AlertTriangle from '@tabler/icons-svelte/icons/alert-triangle';
+	import { tiptapLang } from './lang.js';
+	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
+
+	const interfaceLanguage = useInterfaceLanguage();
+	const t = $derived(tiptapLang[interfaceLanguage.current]);
 
 	let { node, updateAttributes, selected }: NodeViewProps = $props();
 
@@ -91,8 +96,8 @@
 					class="toolbar-btn"
 					class:active={node.attrs.align === 'left'}
 					onclick={() => setAlign('left')}
-					aria-label="Wyrównaj do lewej"
-					title="Wyrównaj do lewej"
+					aria-label={t.alignLeftLabel}
+					title={t.alignLeftLabel}
 				>
 					<AlignLeft size={16} />
 				</button>
@@ -101,8 +106,8 @@
 					class="toolbar-btn"
 					class:active={node.attrs.align === 'center'}
 					onclick={() => setAlign('center')}
-					aria-label="Wyśrodkuj"
-					title="Wyśrodkuj"
+					aria-label={t.alignCenterLabel}
+					title={t.alignCenterLabel}
 				>
 					<AlignCenter size={16} />
 				</button>
@@ -111,8 +116,8 @@
 					class="toolbar-btn"
 					class:active={node.attrs.align === 'right'}
 					onclick={() => setAlign('right')}
-					aria-label="Wyrównaj do prawej"
-					title="Wyrównaj do prawej"
+					aria-label={t.alignRightLabel}
+					title={t.alignRightLabel}
 				>
 					<AlignRight size={16} />
 				</button>
@@ -131,7 +136,7 @@
 					bind:value={altInput}
 					onblur={saveAlt}
 					onkeydown={handleAltKeydown}
-					placeholder="Opis zdjęcia..."
+					placeholder={t.imageAltPlaceholder}
 				/>
 			{:else if hasAlt}
 				<button type="button" class="figure-alt-display" onclick={startEditAlt}>
@@ -140,7 +145,7 @@
 			{:else}
 				<button type="button" class="figure-alt-display figure-alt-missing" onclick={startEditAlt}>
 					<AlertTriangle size={14} />
-					<span>Dodaj opis zdjęcia, żeby każdy mógł je zrozumieć</span>
+					<span>{t.addAltMessage}</span>
 				</button>
 			{/if}
 		</div>
@@ -154,11 +159,11 @@
 				bind:value={captionInput}
 				onblur={saveCaption}
 				onkeydown={handleKeydown}
-				placeholder="Dodaj podpis..."
+				placeholder={t.captionPlaceholder}
 			/>
 		{:else}
 			<button type="button" class="caption-display" ondblclick={() => (editing = true)}>
-				{node.attrs.caption || 'Kliknij dwukrotnie, by dodać podpis'}
+				{node.attrs.caption || t.captionDefault}
 			</button>
 		{/if}
 	</div>

package/dist/admin/components/tiptap/InlineBlockNodeView.svelte

@@ -26,114 +26,44 @@
 
 	const SKIP_TYPES: Set<FieldType> = new Set(['slug', 'seo']);
 
+	/** Ensure blockData has default values for all fields (no per-lang wrapping — data is flat) */
 	function normalizeBlockData(
 		data: Record<string, unknown>,
-		fields: Field[],
-		langs: string[]
+		fields: Field[]
 	): Record<string, unknown> {
 		const result = { ...data };
 		for (const f of fields) {
 			const key = f.slug;
-			if (['text', 'richtext', 'content'].includes(f.type)) {
-				const val = result[key];
-				const needsWrap =
-					val == null ||
-					typeof val !== 'object' ||
-					(f.type === 'content' && 'type' in (val as Record<string, unknown>));
-				if (needsWrap) {
-					const fallback = val ?? (f.type === 'content' ? null : '');
-					result[key] = Object.fromEntries(langs.map((l) => [l, fallback]));
-				}
+			if (['text', 'richtext'].includes(f.type)) {
+				if (result[key] == null) result[key] = '';
+			} else if (f.type === 'content') {
+				// Leave as-is (null or doc)
 			} else if (f.type === 'url') {
 				const v = result[key] as Record<string, unknown> | undefined;
 				if (!v || typeof v !== 'object') {
-					result[key] = { id: '', url: {} };
-				} else if (!('url' in v) || v.url == null) {
-					result[key] = { ...v, url: {} };
-				} else if (typeof v.url === 'string') {
-					const urlStr = v.url as string;
-					const textStr = typeof v.text === 'string' ? v.text : '';
-					result[key] = {
-						...v,
-						url: Object.fromEntries(langs.map((l) => [l, urlStr])),
-						text: Object.fromEntries(langs.map((l) => [l, textStr]))
-					};
+					result[key] = { id: '', url: '' };
+				} else {
+					if (typeof v.url !== 'string') v.url = '';
 				}
 				const urlField = f as import('../../../types/fields.js').UrlField;
 				const d = result[key] as Record<string, unknown>;
-				if (urlField.text && !d.text) d.text = {};
+				if (urlField.text && d.text == null) d.text = '';
 				if (urlField.newTab && d.newTab === undefined) d.newTab = false;
 				if (urlField.rel && d.rel === undefined) d.rel = '';
 			} else if (f.type === 'blocks') {
 				const bf = f as BlocksField;
 				if (Array.isArray(result[key])) {
-					result[key] = (result[key] as any[]).map((item) => ({
-						...item,
-						data: normalizeBlockData(
-							item.data ?? {},
-							bf.of.find((d: ObjectField) => d.slug === item.slug)?.fields ?? [],
-							langs
+					result[key] = (result[key] as any[]).map((item) =>
+						normalizeBlockData(
+							item,
+							bf.of.find((d: ObjectField) => d.slug === item._slug)?.fields ?? []
 						)
-					}));
+					);
 				}
 			} else if (f.type === 'object') {
 				const of_ = f as ObjectField;
-				if (result[key] && typeof result[key] === 'object' && 'data' in (result[key] as object)) {
-					const obj = result[key] as Record<string, unknown>;
-					result[key] = { ...obj, data: normalizeBlockData(obj.data as Record<string, unknown>, of_.fields, langs) };
-				}
-			}
-		}
-		return result;
-	}
-
-	function denormalizeBlockData(
-		data: Record<string, unknown>,
-		fields: Field[],
-		currentLang: string
-	): Record<string, unknown> {
-		const result = { ...data };
-		for (const f of fields) {
-			const key = f.slug;
-			const val = result[key];
-			if (['text', 'richtext', 'content'].includes(f.type)) {
-				if (val && typeof val === 'object' && !Array.isArray(val)) {
-					result[key] = (val as Record<string, unknown>)[currentLang] ?? (f.type === 'content' ? null : '');
-				}
-			} else if (f.type === 'url' && val && typeof val === 'object') {
-				const v = val as Record<string, unknown>;
-				const flat: Record<string, unknown> = {};
-				if (v.id !== undefined) flat.id = v.id;
-				flat.url =
-					v.url && typeof v.url === 'object'
-						? (v.url as Record<string, string>)[currentLang] ?? ''
-						: v.url ?? '';
-				if ('text' in v) {
-					flat.text =
-						v.text && typeof v.text === 'object'
-							? (v.text as Record<string, string>)[currentLang] ?? ''
-							: v.text ?? '';
-				}
-				if (v.newTab !== undefined) flat.newTab = v.newTab;
-				if (v.rel !== undefined) flat.rel = v.rel;
-				result[key] = flat;
-			} else if (f.type === 'blocks') {
-				const bf = f as BlocksField;
-				if (Array.isArray(val)) {
-					result[key] = (val as any[]).map((item) => ({
-						...item,
-						data: denormalizeBlockData(
-							item.data ?? {},
-							bf.of.find((d: ObjectField) => d.slug === item.slug)?.fields ?? [],
-							currentLang
-						)
-					}));
-				}
-			} else if (f.type === 'object') {
-				const of_ = f as ObjectField;
-				if (val && typeof val === 'object' && 'data' in (val as object)) {
-					const obj = val as Record<string, unknown>;
-					result[key] = { ...obj, data: denormalizeBlockData(obj.data as Record<string, unknown>, of_.fields, currentLang) };
+				if (result[key] && typeof result[key] === 'object') {
+					result[key] = normalizeBlockData(result[key] as Record<string, unknown>, of_.fields);
 				}
 			}
 		}
@@ -145,9 +75,27 @@
 	);
 
 	const blockDef = $derived(inlineBlocks.find((b) => b.slug === node.attrs.blockType));
-	const blockLabel = $derived(blockDef?.label ? (Object.values(blockDef.label)[0] ?? blockDef.slug) : node.attrs.blockType);
+	const blockLabel = $derived(blockDef?.label ? (typeof blockDef.label === 'string' ? blockDef.label : Object.values(blockDef.label)[0] ?? blockDef.slug) : node.attrs.blockType);
 	const supportedFields = $derived(blockDef?.fields.filter((f) => !SKIP_TYPES.has(f.type)) ?? []);
 
+	const accordionLabel = $derived.by(() => {
+		const field = blockDef?.accordionLabelField;
+		if (!field || typeof field !== 'string' || !field.trim()) return '';
+		const val = $formStore[field] as string | Record<string, string> | undefined;
+		if (!val) return '';
+		if (typeof val === 'string') return val.trim();
+		if (typeof val === 'object') {
+			if ('url' in val) {
+				const urlData = val as { url: string | Record<string, string>; text?: string | Record<string, string> };
+				const display = urlData.text || urlData.url;
+				if (typeof display === 'string') return display.trim();
+				if (typeof display === 'object' && display !== null) return display[contentLanguage.current] ?? '';
+			}
+			return (val as Record<string, string>)[contentLanguage.current] ?? '';
+		}
+		return '';
+	});
+
 	function parseBlockData(raw: unknown): Record<string, unknown> {
 		if (typeof raw === 'string') {
 			try { return JSON.parse(raw); } catch { return {}; }
@@ -156,9 +104,8 @@
 		return {};
 	}
 
-	const langs = contentLanguage.all;
 	const allFields = blockDef?.fields ?? [];
-	const standaloneForm = createStandaloneForm(normalizeBlockData(parseBlockData(node.attrs.blockData), allFields, langs));
+	const standaloneForm = createStandaloneForm(normalizeBlockData(parseBlockData(node.attrs.blockData), allFields));
 	const formStore = standaloneForm.form;
 
 	// Track last JSON we wrote to PM to avoid re-parsing our own writes
@@ -169,8 +116,7 @@
 	const unsubscribe = formStore.subscribe((data) => {
 		if (debounceTimer) clearTimeout(debounceTimer);
 		debounceTimer = setTimeout(() => {
-			const denormalized = denormalizeBlockData(data, allFields, contentLanguage.current);
-			const json = JSON.stringify(denormalized);
+			const json = JSON.stringify(data);
 			if (json !== lastWrittenJson) {
 				lastWrittenJson = json;
 				updateAttributes({ blockData: json });
@@ -188,7 +134,7 @@
 		const raw = node.attrs.blockData;
 		const rawJson = typeof raw === 'string' ? raw : JSON.stringify(raw);
 		if (rawJson !== lastWrittenJson) {
-			formStore.set(normalizeBlockData(parseBlockData(raw), allFields, langs));
+			formStore.set(normalizeBlockData(parseBlockData(raw), allFields));
 		}
 	});
 
@@ -264,9 +210,12 @@
 					class="inline-block-collapse-toggle"
 					onclick={() => (collapsed = !collapsed)}
 					aria-expanded={!collapsed}
-					aria-label={collapsed ? 'Rozwiń blok' : 'Zwiń blok'}
+					aria-label={collapsed ? `Rozwiń blok ${blockLabel}${accordionLabel ? ` — ${accordionLabel}` : ''}` : `Zwiń blok ${blockLabel}${accordionLabel ? ` — ${accordionLabel}` : ''}`}
 				>
 					<span class="inline-block-label">{blockLabel}</span>
+					{#if accordionLabel}
+						<span class="inline-block-accordion-label">— {accordionLabel}</span>
+					{/if}
 					<span class="collapse-chevron" class:collapsed>
 						<ChevronDown size={14} />
 					</span>
@@ -370,6 +319,16 @@
 		color: var(--foreground);
 	}
 
+	.inline-block-accordion-label {
+		font-size: 0.8125rem;
+		font-weight: 400;
+		color: var(--muted-foreground);
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		max-width: 200px;
+	}
+
 	.collapse-chevron {
 		display: flex;
 		align-items: center;

package/dist/admin/components/tiptap/SlashCommandPopup.svelte

@@ -1,6 +1,11 @@
 <script lang="ts">
 	import type { SlashCommandItem } from './slash-command.js';
 	import { onMount } from 'svelte';
+	import { tiptapLang } from './lang.js';
+	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
+
+	const interfaceLanguage = useInterfaceLanguage();
+	const t = $derived(tiptapLang[interfaceLanguage.current]);
 
 	type Props = {
 		items: SlashCommandItem[];
@@ -79,9 +84,9 @@
 	});
 </script>
 
-<div class="slash-popup" bind:this={listEl} data-slash-popup role="listbox" aria-label="Polecenia">
+<div class="slash-popup" bind:this={listEl} data-slash-popup role="listbox" aria-label={t.commandsLabel}>
 	{#if items.length === 0}
-		<div class="slash-empty">Brak wyników</div>
+		<div class="slash-empty">{t.noResults}</div>
 	{:else}
 		{@const groups = grouped()}
 		{#each [...groups.entries()] as [group, groupItems]}
@@ -114,7 +119,7 @@
 				class="slash-more-btn"
 				onclick={() => (showTier2 = true)}
 			>
-				Więcej...
+				{t.more}
 			</button>
 		{/if}
 	{/if}

package/dist/admin/components/tiptap/editor-toolbar.svelte

@@ -3,6 +3,11 @@
 	import ToolbarButton from './toolbar-button.svelte';
 	import * as Tooltip from '../../../components/ui/tooltip/index.js';
 	import Separator from '../../../components/ui/separator/separator.svelte';
+	import { tiptapLang } from './lang.js';
+	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
+
+	const interfaceLanguage = useInterfaceLanguage();
+	const t = $derived(tiptapLang[interfaceLanguage.current]);
 
 	// Icons
 	import H_2 from '@tabler/icons-svelte/icons/h-2';
@@ -60,21 +65,21 @@
 	<div class="flex flex-wrap items-center gap-0.5 border-b p-1 sticky top-0 z-10 bg-muted/50">
 		<!-- Headings -->
 		<ToolbarButton
-			label="Nagłówek 2"
+			label={t.heading2}
 			active={ed.isActive('heading', { level: 2 })}
 			onclick={() => ed.chain().focus().toggleHeading({ level: 2 }).run()}
 		>
 			<H_2 class="h-4 w-4" />
 		</ToolbarButton>
 		<ToolbarButton
-			label="Nagłówek 3"
+			label={t.heading3}
 			active={ed.isActive('heading', { level: 3 })}
 			onclick={() => ed.chain().focus().toggleHeading({ level: 3 }).run()}
 		>
 			<H_3 class="h-4 w-4" />
 		</ToolbarButton>
 		<ToolbarButton
-			label="Paragraf"
+			label={t.paragraph}
 			active={ed.isActive('paragraph') && !ed.isActive('heading')}
 			onclick={() => ed.chain().focus().setParagraph().run()}
 		>
@@ -85,35 +90,35 @@
 
 		<!-- Text formatting -->
 		<ToolbarButton
-			label="Pogrubienie"
+			label={t.bold}
 			active={ed.isActive('bold')}
 			onclick={() => ed.chain().focus().toggleBold().run()}
 		>
 			<Bold class="h-4 w-4" />
 		</ToolbarButton>
 		<ToolbarButton
-			label="Kursywa"
+			label={t.italic}
 			active={ed.isActive('italic')}
 			onclick={() => ed.chain().focus().toggleItalic().run()}
 		>
 			<Italic class="h-4 w-4" />
 		</ToolbarButton>
 		<ToolbarButton
-			label="Podkreślenie"
+			label={t.underline}
 			active={ed.isActive('underline')}
 			onclick={() => ed.chain().focus().toggleUnderline().run()}
 		>
 			<Underline class="h-4 w-4" />
 		</ToolbarButton>
 		<ToolbarButton
-			label="Przekreślenie"
+			label={t.strikethrough}
 			active={ed.isActive('strike')}
 			onclick={() => ed.chain().focus().toggleStrike().run()}
 		>
 			<Strikethrough class="h-4 w-4" />
 		</ToolbarButton>
 		<ToolbarButton
-			label="Wyróżnienie"
+			label={t.highlight}
 			active={ed.isActive('highlight')}
 			onclick={() => ed.chain().focus().toggleHighlight().run()}
 		>
@@ -124,28 +129,28 @@
 
 		<!-- Alignment -->
 		<ToolbarButton
-			label="Do lewej"
+			label={t.alignLeft}
 			active={ed.isActive({ textAlign: 'left' })}
 			onclick={() => ed.chain().focus().setTextAlign('left').run()}
 		>
 			<AlignLeft class="h-4 w-4" />
 		</ToolbarButton>
 		<ToolbarButton
-			label="Wyśrodkuj"
+			label={t.alignCenter}
 			active={ed.isActive({ textAlign: 'center' })}
 			onclick={() => ed.chain().focus().setTextAlign('center').run()}
 		>
 			<AlignCenter class="h-4 w-4" />
 		</ToolbarButton>
 		<ToolbarButton
-			label="Do prawej"
+			label={t.alignRight}
 			active={ed.isActive({ textAlign: 'right' })}
 			onclick={() => ed.chain().focus().setTextAlign('right').run()}
 		>
 			<AlignRight class="h-4 w-4" />
 		</ToolbarButton>
 		<ToolbarButton
-			label="Wyjustuj"
+			label={t.alignJustify}
 			active={ed.isActive({ textAlign: 'justify' })}
 			onclick={() => ed.chain().focus().setTextAlign('justify').run()}
 		>
@@ -156,21 +161,21 @@
 
 		<!-- Lists & Quote -->
 		<ToolbarButton
-			label="Lista punktowa"
+			label={t.bulletList}
 			active={ed.isActive('bulletList')}
 			onclick={() => ed.chain().focus().toggleBulletList().run()}
 		>
 			<List class="h-4 w-4" />
 		</ToolbarButton>
 		<ToolbarButton
-			label="Lista numerowana"
+			label={t.orderedList}
 			active={ed.isActive('orderedList')}
 			onclick={() => ed.chain().focus().toggleOrderedList().run()}
 		>
 			<ListNumbers class="h-4 w-4" />
 		</ToolbarButton>
 		<ToolbarButton
-			label="Cytat"
+			label={t.blockquote}
 			active={ed.isActive('blockquote')}
 			onclick={() => ed.chain().focus().toggleBlockquote().run()}
 		>
@@ -180,16 +185,16 @@
 		<Separator orientation="vertical" class="mx-1 h-6" />
 
 		<!-- Link, Image, Table -->
-		<ToolbarButton label="Link" active={ed.isActive('link')} onclick={onLinkDialog}>
+		<ToolbarButton label={t.link} active={ed.isActive('link')} onclick={onLinkDialog}>
 			<LinkIcon class="h-4 w-4" />
 		</ToolbarButton>
-		<ToolbarButton label="Obrazek" active={false} onclick={onImageDialog}>
+		<ToolbarButton label={t.image} active={false} onclick={onImageDialog}>
 			<Photo class="h-4 w-4" />
 		</ToolbarButton>
-		<ToolbarButton label="Wideo" active={false} onclick={onVideoDialog}>
+		<ToolbarButton label={t.video} active={false} onclick={onVideoDialog}>
 			<VideoIcon class="h-4 w-4" />
 		</ToolbarButton>
-		<ToolbarButton label="Tabela" active={false} onclick={onTableDialog}>
+		<ToolbarButton label={t.table} active={false} onclick={onTableDialog}>
 			<Table class="h-4 w-4" />
 		</ToolbarButton>
 
@@ -197,14 +202,14 @@
 
 		<!-- Code -->
 		<ToolbarButton
-			label="Kod inline"
+			label={t.inlineCode}
 			active={ed.isActive('code')}
 			onclick={() => ed.chain().focus().toggleCode().run()}
 		>
 			<Code class="h-4 w-4" />
 		</ToolbarButton>
 		<ToolbarButton
-			label="Blok kodu"
+			label={t.codeBlock}
 			active={ed.isActive('codeBlock')}
 			onclick={() => ed.chain().focus().toggleCodeBlock().run()}
 		>
@@ -213,7 +218,7 @@
 
 		{#if showInsertBlock && onInsertBlock}
 			<Separator orientation="vertical" class="mx-1 h-6" />
-			<ToolbarButton label="Wstaw blok" active={false} onclick={onInsertBlock}>
+			<ToolbarButton label={t.insertBlock} active={false} onclick={onInsertBlock}>
 				<Plus class="h-4 w-4" />
 			</ToolbarButton>
 		{/if}
@@ -222,7 +227,7 @@
 			<Separator orientation="vertical" class="mx-1 h-6" />
 
 			<!-- HTML View -->
-			<ToolbarButton label="Widok HTML" active={isCodeViewActive} onclick={onToggleCodeView}>
+			<ToolbarButton label={t.htmlView} active={isCodeViewActive} onclick={onToggleCodeView}>
 				<SourceCode class="h-4 w-4" />
 			</ToolbarButton>
 		{/if}

package/dist/admin/components/tiptap/image-dialog.svelte

@@ -4,6 +4,11 @@
 	import { getRemotes } from '../../context/remotes.js';
 	import type { Editor } from '@tiptap/core';
 	import AlertTriangle from '@tabler/icons-svelte/icons/alert-triangle';
+	import { tiptapLang } from './lang.js';
+	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
+
+	const interfaceLanguage = useInterfaceLanguage();
+	const t = $derived(tiptapLang[interfaceLanguage.current]);
 
 	type Props = {
 		open: boolean;
@@ -78,7 +83,7 @@
 <Dialog.Root bind:open {onOpenChange}>
 	<Dialog.Content class="max-w-5xl! sm:max-w-5xl!">
 		<Dialog.Header>
-			<Dialog.Title>Wstaw obrazek</Dialog.Title>
+			<Dialog.Title>{t.insertImage}</Dialog.Title>
 		</Dialog.Header>
 		<MediaSelector bind:selected accept="image/*" onConfirm={handleConfirm} />
 	</Dialog.Content>
@@ -88,26 +93,26 @@
 <Dialog.Root bind:open={altOpen}>
 	<Dialog.Content class="max-w-lg! sm:max-w-lg!">
 		<Dialog.Header>
-			<Dialog.Title>Opis zdjęcia</Dialog.Title>
+			<Dialog.Title>{t.imageDescription}</Dialog.Title>
 		</Dialog.Header>
 		<div class="image-alt-prompt">
 			{#if !altText.trim()}
 				<div class="image-alt-banner">
 					<AlertTriangle class="size-4 shrink-0" />
-					<span>Dodaj opis zdjęcia, żeby każdy mógł je zrozumieć</span>
+					<span>{t.addAltBanner}</span>
 				</div>
 			{/if}
 			<div class="image-alt-preview">
 				<img src={fileUrl} alt="" class="image-alt-thumb" />
 			</div>
-			<label class="image-alt-label" for="image-alt-input">Opis alternatywny (alt text)</label>
+			<label class="image-alt-label" for="image-alt-input">{t.altLabel}</label>
 			<input
 				id="image-alt-input"
 				type="text"
 				class="image-alt-input"
 				bind:value={altText}
 				onkeydown={handleAltKeydown}
-				placeholder="Np. Zdjęcie zespołu na konferencji..."
+				placeholder={t.altPlaceholder}
 			/>
 			<div class="image-alt-actions">
 				<button
@@ -115,14 +120,14 @@
 					class="image-alt-btn-primary"
 					onclick={() => insertImage(altText.trim())}
 				>
-					Dodaj i wstaw
+					{t.addAndInsert}
 				</button>
 				<button
 					type="button"
 					class="image-alt-btn-ghost"
 					onclick={handleAltCancel}
 				>
-					Pomiń
+					{t.skip}
 				</button>
 			</div>
 		</div>

package/dist/admin/components/tiptap/inline-block-node.js

@@ -25,7 +25,6 @@ function getFieldDefault(field) {
         return field.defaultValue;
     switch (field.type) {
         case 'text':
-        case 'richtext':
         case 'date':
         case 'datetime':
             return '';
@@ -40,7 +39,6 @@ function getFieldDefault(field) {
             return [];
         case 'url':
             return { url: '' };
-        case 'image':
         case 'file':
         case 'media':
         case 'relation':
@@ -119,8 +117,11 @@ export const InlineBlockNode = Node.create({
         };
     },
     addNodeView() {
-        return SvelteNodeViewRenderer(InlineBlockNodeView, {
-            context: this.options.context
-        });
+        const Component = InlineBlockNodeView;
+        const baseContext = this.options.context;
+        return (props) => {
+            const context = baseContext ? new Map(baseContext) : undefined;
+            return SvelteNodeViewRenderer(Component, { context })(props);
+        };
     }
 });