includio-cms 0.5.7 → 0.6.1

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/layout-renderer.svelte

@@ -9,6 +9,11 @@
 	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
 	import { getLocalizedLabel } from '../../utils/collectionLabel.js';
 	import { cn } from '../../../utils.js';
+	import {
+		resolveFieldByPath,
+		buildFormPath,
+		getDistributedObjectSlugs
+	} from '../../../core/fields/layoutUtils.js';
 
 	type Props = {
 		nodes: LayoutNode[];
@@ -17,6 +22,7 @@
 		focusedPath?: string | null;
 		flashingPath?: string | null;
 		depth?: number;
+		distributedSlugs?: Set<string>;
 	};
 
 	let {
@@ -25,7 +31,8 @@
 		form,
 		focusedPath = null,
 		flashingPath = null,
-		depth = 0
+		depth = 0,
+		distributedSlugs: parentDistributedSlugs
 	}: Props = $props();
 
 	const interfaceLanguage = useInterfaceLanguage();
@@ -33,6 +40,26 @@
 
 	const fieldMap = $derived(new Map(fields.map((f) => [f.slug, f])));
 
+	// Compute distributed object slugs once at top level
+	const distributedSlugs = $derived(parentDistributedSlugs ?? getDistributedObjectSlugs(nodes, fields));
+
+	/**
+	 * Resolve a field reference (slug or dot-notation path) to its Field definition and form path.
+	 * Returns { field, formPath } or undefined if not found.
+	 */
+	function resolveFieldRef(ref: string): { field: Field; formPath: string } | undefined {
+		if (!ref.includes('.')) {
+			// Simple slug — top-level field
+			const field = fieldMap.get(ref);
+			if (!field) return undefined;
+			return { field, formPath: ref };
+		}
+		// Dot-notation — resolve through field tree
+		const field = resolveFieldByPath(fields, ref);
+		if (!field) return undefined;
+		return { field, formPath: buildFormPath(ref) };
+	}
+
 	// Compact field types for autoGrid
 	const compactFieldTypes = new Set(['number', 'select', 'boolean', 'date', 'datetime', 'radio']);
 
@@ -52,6 +79,44 @@
 	}
 </script>
 
+{#snippet fieldSlot(ref: string, autoGrid?: boolean)}
+	{@const resolved = resolveFieldRef(ref)}
+	{#if resolved}
+		{@const { field, formPath } = resolved}
+		{#if evaluateCondition(field.showWhen, (s) => $formData[s])}
+			<div
+				data-field-path={formPath}
+				class={cn(
+					'rounded-lg transition-all duration-500',
+					autoGrid && !isCompactField(field) && 'auto-grid-full',
+					isFlashing(formPath) && 'ring-2 ring-primary ring-offset-2 bg-primary/5 animate-in fade-in'
+				)}
+			>
+				<FieldRenderer
+					{field}
+					{form}
+					path={formPath}
+					{focusedPath}
+					{flashingPath}
+					distributed={field.type === 'object' && distributedSlugs.has(field.slug)}
+				/>
+			</div>
+		{/if}
+	{/if}
+{/snippet}
+
+{#snippet recurse(childNodes: LayoutNode[])}
+	<svelte:self
+		nodes={childNodes}
+		{fields}
+		{form}
+		{focusedPath}
+		{flashingPath}
+		depth={depth + 1}
+		{distributedSlugs}
+	/>
+{/snippet}
+
 {#each nodes as node (node)}
 	{#if node.type === 'section'}
 		<section aria-label={getLabel(node)} class="layout-section">
@@ -60,31 +125,13 @@
 			</div>
 			{#if isLayoutLeaf(node)}
 				<div class="layout-fields-stack">
-					{#each node.fields as slug (slug)}
-						{@const field = fieldMap.get(slug)}
-						{#if field && evaluateCondition(field.showWhen, (s) => $formData[s])}
-							<div
-								data-field-path={slug}
-								class={cn(
-									'rounded-lg transition-all duration-500',
-									isFlashing(slug) && 'ring-2 ring-primary ring-offset-2 bg-primary/5 animate-in fade-in'
-								)}
-							>
-								<FieldRenderer {field} {form} path={slug} {focusedPath} {flashingPath} />
-							</div>
-						{/if}
+					{#each node.fields as ref (ref)}
+						{@render fieldSlot(ref)}
 					{/each}
 				</div>
 			{/if}
 			{#if isLayoutBranch(node)}
-				<svelte:self
-					nodes={node.children}
-					{fields}
-					{form}
-					{focusedPath}
-					{flashingPath}
-					depth={depth + 1}
-				/>
+				{@render recurse(node.children)}
 			{/if}
 		</section>
 
@@ -96,14 +143,7 @@
 			{#if isLayoutBranch(node)}
 				{#each node.children as child (child)}
 					<div class="layout-column">
-						<svelte:self
-							nodes={[child]}
-							{fields}
-							{form}
-							{focusedPath}
-							{flashingPath}
-							depth={depth + 1}
-						/>
+						{@render recurse([child])}
 					</div>
 				{/each}
 			{/if}
@@ -117,49 +157,19 @@
 			<div class="layout-card-body">
 				{#if isLayoutLeaf(node) && node.autoGrid}
 					<div class="layout-auto-grid">
-						{#each node.fields as slug (slug)}
-							{@const field = fieldMap.get(slug)}
-							{#if field && evaluateCondition(field.showWhen, (s) => $formData[s])}
-								<div
-									data-field-path={slug}
-									class={cn(
-										'rounded-lg transition-all duration-500',
-										!isCompactField(field) && 'auto-grid-full',
-										isFlashing(slug) && 'ring-2 ring-primary ring-offset-2 bg-primary/5 animate-in fade-in'
-									)}
-								>
-									<FieldRenderer {field} {form} path={slug} {focusedPath} {flashingPath} />
-								</div>
-							{/if}
+						{#each node.fields as ref (ref)}
+							{@render fieldSlot(ref, true)}
 						{/each}
 					</div>
 				{:else if isLayoutLeaf(node)}
 					<div class="layout-fields-stack">
-						{#each node.fields as slug (slug)}
-							{@const field = fieldMap.get(slug)}
-							{#if field && evaluateCondition(field.showWhen, (s) => $formData[s])}
-								<div
-									data-field-path={slug}
-									class={cn(
-										'rounded-lg transition-all duration-500',
-										isFlashing(slug) && 'ring-2 ring-primary ring-offset-2 bg-primary/5 animate-in fade-in'
-									)}
-								>
-									<FieldRenderer {field} {form} path={slug} {focusedPath} {flashingPath} />
-								</div>
-							{/if}
+						{#each node.fields as ref (ref)}
+							{@render fieldSlot(ref)}
 						{/each}
 					</div>
 				{/if}
 				{#if isLayoutBranch(node)}
-					<svelte:self
-						nodes={node.children}
-						{fields}
-						{form}
-						{focusedPath}
-						{flashingPath}
-						depth={depth + 1}
-					/>
+					{@render recurse(node.children)}
 				{/if}
 			</div>
 		</div>
@@ -174,31 +184,13 @@
 					<Accordion.Content>
 						{#if isLayoutLeaf(node)}
 							<div class="layout-fields-stack">
-								{#each node.fields as slug (slug)}
-									{@const field = fieldMap.get(slug)}
-									{#if field && evaluateCondition(field.showWhen, (s) => $formData[s])}
-										<div
-											data-field-path={slug}
-											class={cn(
-												'rounded-lg transition-all duration-500',
-												isFlashing(slug) && 'ring-2 ring-primary ring-offset-2 bg-primary/5 animate-in fade-in'
-											)}
-										>
-											<FieldRenderer {field} {form} path={slug} {focusedPath} {flashingPath} />
-										</div>
-									{/if}
+								{#each node.fields as ref (ref)}
+									{@render fieldSlot(ref)}
 								{/each}
 							</div>
 						{/if}
 						{#if isLayoutBranch(node)}
-							<svelte:self
-								nodes={node.children}
-								{fields}
-								{form}
-								{focusedPath}
-								{flashingPath}
-								depth={depth + 1}
-							/>
+							{@render recurse(node.children)}
 						{/if}
 					</Accordion.Content>
 				</Accordion.Item>
@@ -208,30 +200,12 @@
 	{:else if node.type === 'stack'}
 		<div class="layout-stack">
 			{#if isLayoutLeaf(node)}
-				{#each node.fields as slug (slug)}
-					{@const field = fieldMap.get(slug)}
-					{#if field && evaluateCondition(field.showWhen, (s) => $formData[s])}
-						<div
-							data-field-path={slug}
-							class={cn(
-								'rounded-lg transition-all duration-500',
-								isFlashing(slug) && 'ring-2 ring-primary ring-offset-2 bg-primary/5 animate-in fade-in'
-							)}
-						>
-							<FieldRenderer {field} {form} path={slug} {focusedPath} {flashingPath} />
-						</div>
-					{/if}
+				{#each node.fields as ref (ref)}
+					{@render fieldSlot(ref)}
 				{/each}
 			{/if}
 			{#if isLayoutBranch(node)}
-				<svelte:self
-					nodes={node.children}
-					{fields}
-					{form}
-					{focusedPath}
-					{flashingPath}
-					depth={depth + 1}
-				/>
+				{@render recurse(node.children)}
 			{/if}
 		</div>
 	{/if}

package/dist/admin/components/layout/layout-renderer.svelte.d.ts

@@ -8,6 +8,7 @@ type Props = {
     focusedPath?: string | null;
     flashingPath?: string | null;
     depth?: number;
+    distributedSlugs?: Set<string>;
 };
 declare const LayoutRenderer: import("svelte").Component<Props, {}, "">;
 type LayoutRenderer = ReturnType<typeof LayoutRenderer>;

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/admin/components/tiptap/InlineBlockNodeView.svelte

@@ -11,13 +11,15 @@
 	import Trash from '@tabler/icons-svelte/icons/trash';
 	import ChevronDown from '@tabler/icons-svelte/icons/chevron-down';
 	import { slide } from 'svelte/transition';
-	import { onMount, onDestroy } from 'svelte';
+	import { onMount, onDestroy, setContext } from 'svelte';
 	import type { FormPathLeaves } from 'sveltekit-superforms';
 	import { evaluateCondition } from '../../utils/fieldCondition.js';
 	import { isRecentlyInserted } from './inline-block-node.js';
 
 	let { node, updateAttributes, editor, getPos, deleteNode }: NodeViewProps = $props();
 
+	setContext('inInlineBlock', true);
+
 	let collapsed = $state(!isRecentlyInserted(node.attrs.blockId));
 
 	const contentLanguage = getContentLanguage();
@@ -33,9 +35,14 @@
 		for (const f of fields) {
 			const key = f.slug;
 			if (['text', 'richtext', 'content'].includes(f.type)) {
-				if (typeof result[key] !== 'object' || result[key] == null) {
-					const val = result[key] ?? (f.type === 'content' ? null : '');
-					result[key] = Object.fromEntries(langs.map((l) => [l, val]));
+				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]));
 				}
 			} else if (f.type === 'url') {
 				const v = result[key] as Record<string, unknown> | undefined;
@@ -89,9 +96,9 @@
 		for (const f of fields) {
 			const key = f.slug;
 			const val = result[key];
-			if (['text', 'richtext'].includes(f.type)) {
+			if (['text', 'richtext', 'content'].includes(f.type)) {
 				if (val && typeof val === 'object' && !Array.isArray(val)) {
-					result[key] = (val as Record<string, unknown>)[currentLang] ?? '';
+					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>;

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

@@ -84,8 +84,17 @@
 					element: bubbleMenu!
 				}),
 				Placeholder.configure({
-					placeholder: 'Wpisz treść lub "/" by wstawić element',
-					showOnlyCurrent: true
+					showOnlyCurrent: false,
+					placeholder: ({ node, hasAnchor, editor }) => {
+						const isLastNode = editor.state.doc.lastChild === node;
+						if (isLastNode && node.type.name === 'paragraph') {
+							return 'Wpisz treść lub "/" by wstawić element';
+						}
+						if (hasAnchor) {
+							return 'Wpisz treść...';
+						}
+						return '';
+					}
 				})
 			],
 			content: initialContent,

package/dist/admin/styles/admin.css

@@ -310,7 +310,8 @@ div[data-collapsible]:not([data-collapsible='icon'])
 
 /* Placeholder — Notion-style */
 .ProseMirror .is-empty.is-editor-empty::before,
-.ProseMirror .has-focus.is-empty::before {
+.ProseMirror .has-focus.is-empty::before,
+.ProseMirror > .is-empty:last-child[data-placeholder]::before {
 	color: var(--text-light);
 	content: attr(data-placeholder);
 	float: left;

package/dist/ai-claude/index.js

@@ -2,9 +2,15 @@ import { getCMS } from '../core/cms.js';
 import Anthropic from '@anthropic-ai/sdk';
 import sharp from 'sharp';
 export function claudeAdapter(config) {
-    const client = new Anthropic({
-        apiKey: config.apiKey
-    });
+    let client = null;
+    function getClient() {
+        if (!client) {
+            if (!config.apiKey)
+                throw new Error('AI_CLAUDE_API_KEY is not set');
+            client = new Anthropic({ apiKey: config.apiKey });
+        }
+        return client;
+    }
     return {
         generateAltText: async (fileId) => {
             const mediaFile = await getCMS().databaseAdapter.getMediaFile({
@@ -23,7 +29,7 @@ export function claudeAdapter(config) {
             const pngBuffer = await sharp(fileBuffer).png().toBuffer();
             const imageBase64 = pngBuffer.toString('base64');
             const prompt = `Generate a concise and descriptive alt text for the following image file in polish language. The alt text should accurately describe the content and context of the image, be no longer than 125 characters, and avoid using phrases like "image of" or "picture of". Return only the alt text, nothing else.`;
-            const message = await client.messages.create({
+            const message = await getClient().messages.create({
                 model: 'claude-haiku-4-5-20251001',
                 max_tokens: 256,
                 messages: [

package/dist/cli/index.js

@@ -1,5 +1,6 @@
 #!/usr/bin/env node
 import { scaffoldAdmin } from './scaffold/admin.js';
+import { installPeers } from './install-peers.js';
 import path from 'node:path';
 const args = process.argv.slice(2);
 const command = args[0];
@@ -8,11 +9,13 @@ function printUsage() {
     console.log(`Usage: includio <command>
 
 Commands:
-  scaffold admin   Generate admin route files
+  scaffold admin    Generate admin route files
+  install-peers     Install missing peer dependencies
 
 Options:
-  --force          Overwrite existing files
-  --routes-dir     Path to routes directory (default: src/routes)
+  --force           Overwrite existing files
+  --routes-dir      Path to routes directory (default: src/routes)
+  --dry-run         Show what would be installed (install-peers)
 `);
 }
 if (command === 'scaffold' && subcommand === 'admin') {
@@ -22,6 +25,10 @@ if (command === 'scaffold' && subcommand === 'admin') {
     console.log('Scaffolding admin routes...\n');
     scaffoldAdmin({ routesDir, force });
 }
+else if (command === 'install-peers') {
+    const dryRun = args.includes('--dry-run');
+    installPeers({ dryRun });
+}
 else {
     printUsage();
     process.exit(command ? 1 : 0);

package/dist/cli/install-peers.d.ts

@@ -0,0 +1,3 @@
+export declare function installPeers(options?: {
+    dryRun?: boolean;
+}): void;

package/dist/cli/install-peers.js

@@ -0,0 +1,52 @@
+import { execSync } from 'node:child_process';
+import fs from 'node:fs';
+import path from 'node:path';
+function detectPackageManager() {
+    const cwd = process.cwd();
+    if (fs.existsSync(path.join(cwd, 'pnpm-lock.yaml')))
+        return 'pnpm';
+    return 'npm';
+}
+function getProjectDeps() {
+    const pkgPath = path.join(process.cwd(), 'package.json');
+    if (!fs.existsSync(pkgPath)) {
+        console.error('No package.json found in current directory.');
+        process.exit(1);
+    }
+    const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'));
+    return { ...pkg.dependencies, ...pkg.devDependencies };
+}
+function getCmsPeerDeps() {
+    // Find includio-cms package.json in node_modules
+    const cmsPkgPath = path.join(process.cwd(), 'node_modules', 'includio-cms', 'package.json');
+    if (!fs.existsSync(cmsPkgPath)) {
+        console.error('includio-cms not found in node_modules. Run install first.');
+        process.exit(1);
+    }
+    const pkg = JSON.parse(fs.readFileSync(cmsPkgPath, 'utf-8'));
+    return pkg.peerDependencies || {};
+}
+export function installPeers(options = {}) {
+    const projectDeps = getProjectDeps();
+    const peerDeps = getCmsPeerDeps();
+    const missing = [];
+    for (const [name, version] of Object.entries(peerDeps)) {
+        if (!projectDeps[name]) {
+            missing.push(`${name}@${version}`);
+        }
+    }
+    if (missing.length === 0) {
+        console.log('All peer dependencies already installed.');
+        return;
+    }
+    console.log(`Missing peer dependencies:\n${missing.map((m) => `  ${m}`).join('\n')}\n`);
+    if (options.dryRun) {
+        console.log('Dry run — no changes made.');
+        return;
+    }
+    const pm = detectPackageManager();
+    const cmd = `${pm} add ${missing.join(' ')}`;
+    console.log(`Running: ${cmd}\n`);
+    execSync(cmd, { stdio: 'inherit' });
+    console.log('\nPeer dependencies installed.');
+}

package/dist/core/fields/fieldSchemaToTs.js

@@ -98,6 +98,8 @@ export function generateZodSchemaFromField(field, languages, options = {
                     }
                 });
             }
+            if (!localized)
+                return docSchema;
             return z.object(Object.fromEntries(languages.map((lang) => [lang, docSchema])));
         }
         case 'number': {

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

@@ -3,15 +3,42 @@ import type { ConfigBase } from '../../types/config.js';
 import type { Layout, LayoutNode } from '../../types/layout.js';
 export declare function getFieldsFromConfig(config: ConfigBase): Field[];
 export declare function hasLayout(config: ConfigBase): boolean;
-/** Collect all field slugs referenced in layout nodes (depth-first order) */
+/** Collect all field paths referenced in layout nodes (depth-first order).
+ *  Supports both plain slugs ('title') and dot-notation ('hero.title'). */
 export declare function collectFieldSlugs(nodes: LayoutNode[]): string[];
+/**
+ * Resolve a field definition by dot-notation path.
+ * E.g. 'companyInfo.contact.email' navigates: fields → companyInfo → fields → contact → fields → email
+ */
+export declare function resolveFieldByPath(fields: Field[], path: string): Field | undefined;
+/**
+ * Collect all leaf field paths from field definitions (recursively flattens objects).
+ * E.g. an object 'hero' with fields 'title','image' → ['hero.title', 'hero.image']
+ * Non-object fields at top level → ['slug']
+ */
+export declare function collectAllLeafPaths(fields: Field[], prefix?: string): string[];
+/**
+ * Identify top-level object slugs where ALL leaf fields are individually
+ * distributed across layout nodes (via dot-notation).
+ * These objects should suppress their own wrapper rendering.
+ */
+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'
+ * 'title' → 'title' (no change for top-level)
+ */
+export declare function buildFormPath(dotPath: string): string;
 export interface LayoutValidationError {
     type: 'missing_field' | 'duplicate_field' | 'depth_exceeded' | 'columns_mismatch';
     message: string;
 }
-/** Validate layout against fields — returns errors or empty array */
+/** Validate layout against fields — returns errors or empty array.
+ *  Supports dot-notation paths (e.g. 'hero.title'). */
 export declare function validateLayout(nodes: LayoutNode[], fields: Field[]): LayoutValidationError[];
 /** Expand a preset into LayoutNode[] */
 export declare function resolveLayout(layout: Layout, fields: Field[]): LayoutNode[];
-/** Resolve layout + append orphan fields in a trailing section */
+/** Resolve layout + append orphan fields in a trailing section.
+ *  Orphan detection works at leaf level — dot-notation refs count as covering their leaves. */
 export declare function resolveLayoutWithOrphans(config: ConfigBase): LayoutNode[];