includio-cms 0.5.2 → 0.5.3

package/dist/types/index.js

@@ -7,6 +7,7 @@ export {} from './config.js';
 export {} from './collections.js';
 export {} from './singles.js';
 export {} from './forms.js';
+export {} from './formFields.js';
 export {} from './cms.js';
 export {} from './languages.js';
 export {} from './layout.js';

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

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

package/dist/updates/0.5.3/index.js

@@ -0,0 +1,19 @@
+export const update = {
+    version: '0.5.3',
+    date: '2026-03-04',
+    description: 'Form fields, inline blocks, hybrid preview, field components refactor',
+    features: [
+        'Form fields: select type, minLength/maxLength, errorMessage, remote commands',
+        'Conditional field visibility (showWhen)',
+        'Hybrid preview: device frames, container queries',
+        'TipTap placeholder extension + Notion-style styles',
+        'Server-side field resolution for inline blocks',
+        'Inline blocks: standalone form, full field rendering, collapse UI',
+        'URL field: rel attribute, external auto-detect, UI redesign',
+        'Switch UI component (bits-ui)',
+        'Boolean field: Switch toggle zamiast checkbox',
+        'Storybook stories for all field types'
+    ],
+    fixes: ['Hybrid preview layout fix'],
+    breakingChanges: []
+};

package/dist/updates/index.js

@@ -14,7 +14,8 @@ import { update as update022 } from './0.2.2/index.js';
 import { update as update050 } from './0.5.0/index.js';
 import { update as update051 } from './0.5.1/index.js';
 import { update as update052 } from './0.5.2/index.js';
-export const updates = [update0065, update0066, update0067, update0068, update0069, update010, update011, update012, update013, update014, update015, update020, update022, update050, update051, update052];
+import { update as update053 } from './0.5.3/index.js';
+export const updates = [update0065, update0066, update0067, update0068, update0069, update010, update011, update012, update013, update014, update015, update020, update022, update050, update051, update052, update053];
 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.2",
+	"version": "0.5.3",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",
@@ -199,6 +199,7 @@
 		"@tiptap/extension-highlight": "^3.17.1",
 		"@tiptap/extension-image": "^3.17.1",
 		"@tiptap/extension-link": "^3.17.1",
+		"@tiptap/extension-placeholder": "^3.20.0",
 		"@tiptap/extension-table": "^3.17.1",
 		"@tiptap/extension-table-cell": "^3.17.1",
 		"@tiptap/extension-table-header": "^3.17.1",

package/dist/admin/components/fields/standalone-field-renderer.svelte

@@ -1,148 +0,0 @@
-<script lang="ts">
-	import type { Field } from '../../../types/fields.js';
-	import Input from '../../../components/ui/input/input.svelte';
-	import { Checkbox } from '../../../components/ui/checkbox/index.js';
-	import * as Select from '../../../components/ui/select/index.js';
-	import Label from '../../../components/ui/label/label.svelte';
-	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
-	import { getLocalizedLabel } from '../../utils/collectionLabel.js';
-
-	type Props = {
-		fields: Field[];
-		data: Record<string, unknown>;
-		onchange: (slug: string, value: unknown) => void;
-	};
-
-	let { fields, data, onchange }: Props = $props();
-
-	const interfaceLanguage = useInterfaceLanguage();
-
-	const SUPPORTED_TYPES = new Set([
-		'text',
-		'number',
-		'boolean',
-		'select',
-		'radio',
-		'url'
-	]);
-
-	function handleInput(slug: string, e: Event) {
-		const target = e.target as HTMLInputElement;
-		onchange(slug, target.value);
-	}
-
-	function handleNumberInput(slug: string, e: Event) {
-		const target = e.target as HTMLInputElement;
-		const num = parseFloat(target.value);
-		onchange(slug, isNaN(num) ? 0 : num);
-	}
-</script>
-
-<div class="grid gap-3">
-	{#each fields as field}
-		{#if SUPPORTED_TYPES.has(field.type)}
-			<div class="space-y-1.5">
-				{#if field.type !== 'boolean'}
-					<Label class="text-xs font-medium">
-						{getLocalizedLabel(field.label, interfaceLanguage.current)}
-						{#if field.required}<span class="text-destructive">*</span>{/if}
-					</Label>
-				{/if}
-
-				{#if field.type === 'text'}
-					<Input
-						type="text"
-						value={String(data[field.slug] ?? '')}
-						oninput={(e) => handleInput(field.slug, e)}
-						placeholder={field.placeholder ? getLocalizedLabel(field.placeholder, interfaceLanguage.current) : ''}
-						class="h-8 text-sm"
-					/>
-				{:else if field.type === 'number'}
-					<Input
-						type="number"
-						value={String(data[field.slug] ?? 0)}
-						oninput={(e) => handleNumberInput(field.slug, e)}
-						min={field.min}
-						max={field.max}
-						step={field.step}
-						class="h-8 text-sm"
-					/>
-				{:else if field.type === 'boolean'}
-					<div class="flex items-center gap-2">
-						<Checkbox
-							checked={Boolean(data[field.slug])}
-							onCheckedChange={(checked) => onchange(field.slug, checked)}
-						/>
-						<Label class="text-xs font-medium">
-							{getLocalizedLabel(field.label, interfaceLanguage.current)}
-						</Label>
-					</div>
-				{:else if field.type === 'select' || field.type === 'radio'}
-					{@const currentValue = String(data[field.slug] ?? '')}
-					{@const currentLabel = field.options.find((o) => o.value === currentValue)}
-					<Select.Root
-						type="single"
-						value={currentValue}
-						onValueChange={(v) => onchange(field.slug, v)}
-					>
-						<Select.Trigger size="sm" class="w-full">
-							{#if currentLabel}
-								{getLocalizedLabel(currentLabel.label, interfaceLanguage.current)}
-							{:else}
-								<span class="text-muted-foreground">Wybierz...</span>
-							{/if}
-						</Select.Trigger>
-						<Select.Content>
-							{#each field.options as option}
-								<Select.Item value={option.value} label={getLocalizedLabel(option.label, interfaceLanguage.current)} />
-							{/each}
-						</Select.Content>
-					</Select.Root>
-				{:else if field.type === 'url'}
-					{@const urlData = (data[field.slug] as { url?: string; id?: string; text?: string; newTab?: boolean } | undefined) ?? { url: '' }}
-					<Input
-						type="url"
-						value={urlData.url ?? ''}
-						oninput={(e) => {
-							const target = e.target as HTMLInputElement;
-							onchange(field.slug, { ...urlData, url: target.value });
-						}}
-						placeholder={field.placeholder ? getLocalizedLabel(field.placeholder, interfaceLanguage.current) : 'https://...'}
-						class="h-8 text-sm"
-					/>
-					{#if field.text}
-						<Input
-							type="text"
-							value={urlData.text ?? ''}
-							oninput={(e) => {
-								const target = e.target as HTMLInputElement;
-								onchange(field.slug, { ...urlData, text: target.value });
-							}}
-							placeholder="Tekst linku"
-							class="h-8 text-sm mt-1"
-						/>
-					{/if}
-					{#if field.newTab}
-						<div class="flex items-center gap-2 mt-1">
-							<Checkbox
-								checked={urlData.newTab ?? false}
-								onCheckedChange={(checked) => onchange(field.slug, { ...urlData, newTab: checked })}
-							/>
-							<Label class="text-xs font-medium">Otwórz w nowej karcie</Label>
-						</div>
-					{/if}
-				{/if}
-
-				{#if field.description}
-					<p class="text-muted-foreground text-xs">
-						{getLocalizedLabel(field.description, interfaceLanguage.current)}
-					</p>
-				{/if}
-			</div>
-		{:else}
-			<div class="text-muted-foreground rounded-md border border-dashed p-2 text-center text-xs">
-				Pole „{getLocalizedLabel(field.label, interfaceLanguage.current)}" ({field.type}) nie jest obsługiwane w blokach inline
-			</div>
-		{/if}
-	{/each}
-</div>

package/dist/admin/components/fields/standalone-field-renderer.svelte.d.ts

@@ -1,9 +0,0 @@
-import type { Field } from '../../../types/fields.js';
-type Props = {
-    fields: Field[];
-    data: Record<string, unknown>;
-    onchange: (slug: string, value: unknown) => void;
-};
-declare const StandaloneFieldRenderer: import("svelte").Component<Props, {}, "">;
-type StandaloneFieldRenderer = ReturnType<typeof StandaloneFieldRenderer>;
-export default StandaloneFieldRenderer;