includio-cms 0.1.3 → 0.5.0

package/CHANGELOG.md

@@ -3,6 +3,82 @@
 All notable changes to includio-cms are documented here.
 Generated from `src/lib/updates/` — do not edit manually.
 
+## 0.5.0 — 2026-02-22
+
+Frontend rendering for structured content
+
+### Added
+- `StructuredContent` Svelte component for rendering structured content on frontend
+- `structuredToHtml()` — convert structured content to HTML (RSS, email)
+- Query helpers: `extractBlocks()`, `extractInlineBlocks()`, `extractText()`, `extractMediaRefs()`
+- Media resolution in population pipeline for `content` field — figure/video nodes enriched with `_media`
+
+### Migration
+
+```sql
+No migration needed. Import `StructuredContent` from `includio/sveltekit` to render content fields.
+```
+
+## 0.2.2 — 2026-02-21
+
+Structured Content field (TipTap JSON)
+
+### Added
+- New `content` field type — stores TipTap JSON instead of HTML
+- Extracted shared editor toolbar component
+- Content field link resolution in resolve pipeline
+
+### Migration
+
+```sql
+No migration needed. Add type:"content" fields to collection/single configs. Existing richtext fields unchanged.
+```
+
+## 0.2.0 — 2026-02-21
+
+Array→Blocks rename, new simple array field
+
+### Added
+- Simple array field for flat lists (text, number, url)
+
+### Breaking
+- type:"array" with objects renamed to type:"blocks". Update collection/single configs.
+
+### Migration
+
+```sql
+Config-only: rename type:"array" to type:"blocks" in field definitions. Stored data unchanged.
+```
+
+## 0.1.5 — 2026-02-21
+
+Simplified entry versioning
+
+### Added
+- Auto-save now updates draft in-place instead of creating new versions
+- Ctrl/Cmd+S shortcut for immediate save
+- Simplified status badge — no version numbers, green dot for published
+- Version history shows only meaningful changes with semantic grouping
+- Cleaning migration removes duplicate versions with identical data
+
+### Fixed
+- Auto-save no longer creates dozens of empty versions
+- Pruning no longer deletes important versions to make room for empty ones
+
+### Migration
+
+```sql
+Removes duplicate entry versions where data is identical to the previous version. Preserves published, scheduled, and latest draft versions.
+```
+
+## 0.1.4 — 2026-02-19
+
+Build & reactivity fixes
+
+### Fixed
+- Prepack: remove dist/paraglide/.gitignore before publint (fixes publish validation)
+- Collection entries: wrap query blocks in {#key} to force re-fetch on param change
+
 ## 0.1.3 — 2026-02-18
 
 Admin DX — route scaffolding & boilerplate reduction

package/ROADMAP.md

@@ -48,34 +48,42 @@
 
 - [x] `[feature]` `[P1]` Admin route scaffolding — CLI `includio scaffold admin`, catch-all API handler, page.params fallbacks for CollectionPage/EntryPage <!-- files: src/lib/cli/scaffold/admin.ts, src/lib/admin/api/handler.ts, src/lib/admin/client/collection/collection-page.svelte, src/lib/admin/client/entry/entry-page.svelte -->
 
-## 0.2.0 — Plugin system
+## 0.1.4 — Build & reactivity fixes
+
+- [x] `[fix]` `[P0]` Prepack: remove dist/paraglide/.gitignore before publint (publish validation) <!-- files: package.json -->
+- [x] `[fix]` `[P1]` Collection entries: {#key} wrapper on query blocks to force re-fetch on param change <!-- files: src/lib/admin/client/collection/collection-entries.svelte -->
+
+## 0.2.1–0.5.0 — Hybrid Editor System
+
+> Szczegóły w **[ROADMAP-EDITOR.md](./ROADMAP-EDITOR.md)**
+
+- **0.2.1** — array→blocks rename + simple array `[breaking]`
+- **0.2.2** — Structured Content field (TipTap JSON output)
+- **0.3.0** — Bard-style inline blocks
+- **0.4.0** — Zone system (layout orchestration)
+- **0.4.1** — Accessibility layer (ATAG Part B)
+- **0.5.0** — Frontend rendering
+
+## 0.6.0 — Plugin system _(deferred from 0.2.0)_
 
 - [ ] `[feature]` `[P0]` Wire plugin hooks into CRUD operations (before/afterCreate, Update, Delete) <!-- files: src/lib/types/plugins.ts, src/lib/core/server/entries/operations/ -->
 - [ ] `[feature]` `[P0]` Plugin registration API — public surface for external plugins
 - [ ] `[chore]` `[P1]` Plugin system documentation
 
-## 0.2.1 — CMS API improvements
-
-- [ ] `[feature]` `[P1]` Server-side pagination API (formalize 0.1.0 fix)
-- [ ] `[feature]` `[P1]` Improved type generation <!-- files: src/lib/core/server/generator/ -->
-- [ ] `[feature]` `[P1]` Proper filtering API (SQL-level, not JS post-query)
-- [ ] `[feature]` `[breaking]` `[P1]` Simple array field — `type: 'array'` with `of: 'text' | 'number' | ...` for flat lists (tags, categories) <!-- files: src/lib/types/fields.ts, src/lib/admin/components/fields/array-field.svelte, src/lib/core/fields/fieldSchemaToTs.ts -->
-- [ ] `[feature]` `[breaking]` `[P1]` Rename array → blocks — current array becomes `type: 'blocks'`, keeps `of: ObjectField[]` and accordion/DnD UI <!-- files: src/lib/types/fields.ts, src/lib/admin/components/fields/array-field.svelte, src/lib/admin/components/fields/field-renderer.svelte, src/lib/core/server/fields/resolve*.ts -->
-
-## 0.3.0 — Admin experience
+## 0.6.1 — Admin experience
 
 - [ ] `[feature]` `[P1]` Admin overlay — built-in admin bar on site (quick edit, preview, audit)
 - [ ] `[feature]` `[P1]` Media gallery virtualization/pagination <!-- files: src/lib/admin/components/media/files-list.svelte -->
 - [ ] `[feature]` `[P2]` Image styles UI — preview generated variants in editor
 
-## 0.3.1 — SEO module
+## 0.7.0 — SEO module
 
 - [ ] `[feature]` `[P1]` SERP preview + character limits for title/description <!-- files: src/lib/admin/components/fields/seo-field.svelte -->
 - [ ] `[feature]` `[P1]` Global SEO settings
 - [ ] `[feature]` `[P1]` Dedicated frontend SEO components <!-- files: src/lib/sveltekit/components/seo.svelte -->
 - [ ] `[feature]` `[P2]` Sitemap generation
 
-## 0.4.0 — WCAG/ATAG compliance
+## 0.8.0 — WCAG/ATAG compliance
 
 - [ ] `[chore]` `[P0]` Full WCAG/ATAG audit
 - [ ] `[feature]` `[P0]` Accessibility rework based on audit findings
@@ -91,8 +99,10 @@
 
 ## Backlog
 
+- [ ] `[feature]` `[P1]` Server-side pagination API (formalize 0.1.0 fix)
+- [ ] `[feature]` `[P1]` Improved type generation <!-- files: src/lib/core/server/generator/ -->
+- [ ] `[feature]` `[P1]` Proper filtering API (SQL-level, not JS post-query)
 - [ ] `[feature]` `[P1]` Ban/unban UI — reason + expiry, `banUser`/`unbanUser` <!-- files: src/lib/admin/client/users/ban-user-dialog.svelte -->
 - [ ] `[feature]` `[P1]` Impersonation UI — impersonate/stop bar <!-- files: src/lib/admin/client/users/impersonation-bar.svelte -->
-- [ ] `[feature]` `[P2]` Alternative richtext editor — Word-like mode, single richtext field instead of blocks
 - [ ] `[chore]` `[P2]` Caching/performance layer (scope TBD)
 - [ ] `[feature]` `[P2]` API/CLI for configuration (setup DX for less technical users)

package/dist/admin/api/accept-invite.js

@@ -1,11 +1,7 @@
 import { getInvitationByToken, markInvitationUsed } from '../remote/invite.js';
-import { getCMS } from '../../core/cms.js';
+import { auth } from '../../server/auth.js';
 import { json } from '@sveltejs/kit';
 export const POST = async ({ request }) => {
-    const auth = getCMS().auth;
-    if (!auth) {
-        return json({ error: 'Auth adapter not configured' }, { status: 500 });
-    }
     const { token, name, password } = await request.json();
     if (!token || !name || !password) {
         return json({ error: 'Token, name and password are required' }, { status: 400 });

package/dist/admin/api/invite.js

@@ -2,9 +2,10 @@ import { requireRole } from '../remote/middleware/auth.js';
 import { createInvitation, getPendingInvitations, deleteInvitation, checkEmailExists, getInvitationById } from '../remote/invite.js';
 import { getCMS } from '../../core/cms.js';
 import { json } from '@sveltejs/kit';
+import { inviteEmailTemplate } from '../email/invite-template.js';
 export const POST = async ({ request, url }) => {
     const { user } = requireRole('admin');
-    const { email, role } = await request.json();
+    const { email, role, lang } = await request.json();
     if (!email || !role) {
         return json({ error: 'Email and role are required' }, { status: 400 });
     }
@@ -19,13 +20,8 @@ export const POST = async ({ request, url }) => {
     const inv = await createInvitation(email, role, user.id);
     const inviteUrl = `${url.origin}/admin/accept-invite?token=${inv.token}`;
     try {
-        await emailAdapter.sendMail({
-            to: [email],
-            subject: 'You have been invited to includio CMS',
-            html: `<p>You have been invited to join the CMS as <strong>${role}</strong>.</p>
-				   <p><a href="${inviteUrl}">Click here to accept the invitation</a></p>
-				   <p>This link expires in 7 days.</p>`
-        });
+        const { subject, html } = inviteEmailTemplate({ inviteUrl, role, lang });
+        await emailAdapter.sendMail({ to: [email], subject, html });
     }
     catch (err) {
         await deleteInvitation(inv.id);
@@ -40,7 +36,7 @@ export const GET = async () => {
 };
 export const PATCH = async ({ request, url }) => {
     requireRole('admin');
-    const { id } = await request.json();
+    const { id, lang } = await request.json();
     if (!id) {
         return json({ error: 'Invitation id is required' }, { status: 400 });
     }
@@ -54,13 +50,8 @@ export const PATCH = async ({ request, url }) => {
     }
     const inviteUrl = `${url.origin}/admin/accept-invite?token=${inv.token}`;
     try {
-        await emailAdapter.sendMail({
-            to: [inv.email],
-            subject: 'You have been invited to includio CMS',
-            html: `<p>You have been invited to join the CMS as <strong>${inv.role}</strong>.</p>
-				   <p><a href="${inviteUrl}">Click here to accept the invitation</a></p>
-				   <p>This link expires in 7 days.</p>`
-        });
+        const { subject, html } = inviteEmailTemplate({ inviteUrl, role: inv.role, lang });
+        await emailAdapter.sendMail({ to: [inv.email], subject, html });
     }
     catch (err) {
         return json({ error: 'Failed to send email: ' + (err instanceof Error ? err.message : 'Unknown error') }, { status: 502 });

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

@@ -1,70 +1,40 @@
 <script lang="ts">
-	import * as Tabs from '../../../components/ui/tabs/index.js';
 	import { accountLang } from './lang.js';
 	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
-	import { page } from '$app/stores';
-	import { goto } from '$app/navigation';
+	import { getBreadcrumbs } from '../../state/breadcrumbs.svelte.js';
 	import ProfileSection from './profile-section.svelte';
 	import SecuritySection from './security-section.svelte';
 	import PreferencesSection from './preferences-section.svelte';
 	import SessionsSection from './sessions-section.svelte';
-	import UserCircle from '@tabler/icons-svelte/icons/user-circle';
-	import Shield from '@tabler/icons-svelte/icons/shield';
-	import Settings from '@tabler/icons-svelte/icons/settings';
-	import Devices from '@tabler/icons-svelte/icons/devices';
 
 	const interfaceLanguage = useInterfaceLanguage();
-
-	let activeTab = $derived($page.url.searchParams.get('tab') || 'profile');
-
 	const lang = $derived(accountLang[interfaceLanguage.current]);
+	const breadcrumbs = getBreadcrumbs();
 
-	function handleTabChange(value: string) {
-		const url = new URL($page.url);
-		url.searchParams.set('tab', value);
-		goto(url.toString(), { replaceState: true, keepFocus: true });
-	}
-
-	const tabs = [
-		{ value: 'profile', icon: UserCircle },
-		{ value: 'security', icon: Shield },
-		{ value: 'preferences', icon: Settings },
-		{ value: 'sessions', icon: Devices }
-	] as const;
+	$effect(() => {
+		breadcrumbs.state = [
+			{ label: lang.title }
+		];
+	});
 </script>
 
-<div class="container mx-auto max-w-5xl px-4 py-8">
-	<h1 class="mb-8 text-2xl font-bold">{lang.title}</h1>
-
-	<Tabs.Root value={activeTab} onValueChange={handleTabChange} class="flex flex-col gap-6 md:flex-row">
-		<Tabs.List
-			class="inline-flex h-auto w-full shrink-0 flex-row items-start justify-start gap-1 overflow-x-auto border-none bg-transparent p-0 shadow-none md:w-44 md:flex-col md:overflow-visible dark:border-none dark:bg-transparent dark:shadow-none"
-		>
-			{#each tabs as tab}
-				{@const Icon = tab.icon}
-				<Tabs.Trigger
-					value={tab.value}
-					class="text-muted-foreground hover:bg-muted/50 hover:text-foreground data-[state=active]:bg-muted data-[state=active]:text-foreground h-auto w-full flex-none justify-start gap-2 rounded-md border-none px-3 py-2 text-sm font-medium shadow-none ring-0 transition-colors focus-visible:ring-0 focus-visible:ring-offset-0 data-[state=active]:shadow-none"
-				>
-					<Icon class="size-4" />
-					{lang.tabs[tab.value]}
-				</Tabs.Trigger>
-			{/each}
-		</Tabs.List>
+<div class="acct-content">
+	<div class="acct-inner">
+		<h1 class="mb-6 text-2xl font-bold">{lang.title}</h1>
 
-		<div class="min-w-0 flex-1">
-			<Tabs.Content value="profile" class="mt-0">
+		<div class="flex flex-col gap-5">
+			<div class="acct-fade-up">
 				<ProfileSection />
-			</Tabs.Content>
-			<Tabs.Content value="security" class="mt-0">
+			</div>
+			<div class="acct-fade-up">
 				<SecuritySection />
-			</Tabs.Content>
-			<Tabs.Content value="preferences" class="mt-0">
+			</div>
+			<div class="acct-fade-up">
 				<PreferencesSection />
-			</Tabs.Content>
-			<Tabs.Content value="sessions" class="mt-0">
+			</div>
+			<div class="acct-fade-up">
 				<SessionsSection />
-			</Tabs.Content>
+			</div>
 		</div>
-	</Tabs.Root>
+	</div>
 </div>

package/dist/admin/client/account/lang.d.ts

@@ -1,44 +1,33 @@
 export declare const accountLang: Record<string, {
     title: string;
-    tabs: {
-        profile: string;
-        security: string;
-        preferences: string;
-        sessions: string;
-    };
     profile: {
         title: string;
         name: string;
         email: string;
+        emailHint: string;
         role: string;
-        memberSince: string;
         save: string;
         saved: string;
     };
     security: {
-        title: string;
         changePassword: string;
         currentPassword: string;
         newPassword: string;
         confirmPassword: string;
         updatePassword: string;
         passwordUpdated: string;
-        deleteAccount: string;
-        deleteAccountDesc: string;
-        deleteAccountButton: string;
-        deleteConfirmTitle: string;
-        deleteConfirmDesc: string;
-        deleteConfirmPassword: string;
-        cancel: string;
-        delete: string;
+        passwordHint: string;
+        showPassword: string;
+        hidePassword: string;
+        strengthWeak: string;
+        strengthMedium: string;
+        strengthStrong: string;
+        strengthVeryStrong: string;
+        strengthLabel: string;
     };
-    preferences: {
+    language: {
         title: string;
-        theme: string;
-        themeLight: string;
-        themeDark: string;
-        themeSystem: string;
-        language: string;
+        select: string;
     };
     sessions: {
         title: string;
@@ -49,11 +38,14 @@ export declare const accountLang: Record<string, {
         signOutEverywhereDesc: string;
         sessionRevoked: string;
         allSessionsRevoked: string;
+        online: string;
     };
     errors: {
+        nameRequired: string;
         passwordMismatch: string;
         passwordMinLength: string;
+        passwordRequirements: string;
         currentPasswordRequired: string;
-        deletePasswordRequired: string;
+        confirmPasswordRequired: string;
     };
 }>;

package/dist/admin/client/account/lang.js

@@ -1,120 +1,104 @@
 export const accountLang = {
     pl: {
         title: 'Ustawienia konta',
-        tabs: {
-            profile: 'Profil',
-            security: 'Bezpieczeństwo',
-            preferences: 'Preferencje',
-            sessions: 'Sesje'
-        },
         profile: {
             title: 'Profil',
-            name: 'Imię',
-            email: 'E-mail',
+            name: 'Nazwa',
+            email: 'Adres e-mail',
+            emailHint: 'Zarządzane przez dostawcę logowania',
             role: 'Rola',
-            memberSince: 'Członek od',
-            save: 'Zapisz',
+            save: 'Zapisz zmiany',
             saved: 'Zapisano'
         },
         security: {
-            title: 'Bezpieczeństwo',
-            changePassword: 'Zmień hasło',
-            currentPassword: 'Obecne hasło',
+            changePassword: 'Zmiana hasła',
+            currentPassword: 'Aktualne hasło',
             newPassword: 'Nowe hasło',
-            confirmPassword: 'Potwierdź hasło',
+            confirmPassword: 'Potwierdź nowe hasło',
             updatePassword: 'Zmień hasło',
             passwordUpdated: 'Hasło zostało zmienione',
-            deleteAccount: 'Usuń konto',
-            deleteAccountDesc: 'Trwale usuń swoje konto i wszystkie dane',
-            deleteAccountButton: 'Usuń konto',
-            deleteConfirmTitle: 'Czy na pewno?',
-            deleteConfirmDesc: 'Ta akcja jest nieodwracalna. Spowoduje trwałe usunięcie Twojego konta.',
-            deleteConfirmPassword: 'Wprowadź hasło, aby potwierdzić',
-            cancel: 'Anuluj',
-            delete: 'Usuń'
+            passwordHint: 'Min. 8 znaków, wielka litera, cyfra i znak specjalny',
+            showPassword: 'Pokaż hasło',
+            hidePassword: 'Ukryj hasło',
+            strengthWeak: 'Słabe',
+            strengthMedium: 'Średnie',
+            strengthStrong: 'Silne',
+            strengthVeryStrong: 'Bardzo silne',
+            strengthLabel: 'Siła hasła'
         },
-        preferences: {
-            title: 'Preferencje',
-            theme: 'Motyw',
-            themeLight: 'Jasny',
-            themeDark: 'Ciemny',
-            themeSystem: 'Systemowy',
-            language: 'Język'
+        language: {
+            title: 'Język interfejsu',
+            select: 'Wybierz język'
         },
         sessions: {
             title: 'Aktywne sesje',
-            currentSession: 'Obecna sesja',
+            currentSession: 'Ten komputer',
             lastActive: 'Ostatnio aktywna',
             revoke: 'Zakończ',
-            signOutEverywhere: 'Wyloguj wszędzie',
+            signOutEverywhere: 'Wyloguj ze wszystkich urządzeń',
             signOutEverywhereDesc: 'Zakończ wszystkie sesje oprócz obecnej',
             sessionRevoked: 'Sesja została zakończona',
-            allSessionsRevoked: 'Wszystkie sesje zostały zakończone'
+            allSessionsRevoked: 'Wszystkie sesje zostały zakończone',
+            online: 'Online'
         },
         errors: {
+            nameRequired: 'Nazwa jest wymagana',
             passwordMismatch: 'Hasła nie są zgodne',
-            passwordMinLength: 'Hasło musi mieć min. 6 znaków',
-            currentPasswordRequired: 'Obecne hasło jest wymagane',
-            deletePasswordRequired: 'Hasło jest wymagane do usunięcia konta'
+            passwordMinLength: 'Hasło musi mieć min. 8 znaków',
+            passwordRequirements: 'Hasło musi zawierać wielką literę, cyfrę i znak specjalny',
+            currentPasswordRequired: 'Aktualne hasło jest wymagane',
+            confirmPasswordRequired: 'Potwierdź nowe hasło'
         }
     },
     en: {
         title: 'Account Settings',
-        tabs: {
-            profile: 'Profile',
-            security: 'Security',
-            preferences: 'Preferences',
-            sessions: 'Sessions'
-        },
         profile: {
             title: 'Profile',
             name: 'Name',
-            email: 'Email',
+            email: 'Email address',
+            emailHint: 'Managed by login provider',
             role: 'Role',
-            memberSince: 'Member since',
-            save: 'Save',
+            save: 'Save changes',
             saved: 'Saved'
         },
         security: {
-            title: 'Security',
             changePassword: 'Change password',
             currentPassword: 'Current password',
             newPassword: 'New password',
-            confirmPassword: 'Confirm password',
-            updatePassword: 'Update password',
+            confirmPassword: 'Confirm new password',
+            updatePassword: 'Change password',
             passwordUpdated: 'Password updated',
-            deleteAccount: 'Delete account',
-            deleteAccountDesc: 'Permanently delete your account and all data',
-            deleteAccountButton: 'Delete account',
-            deleteConfirmTitle: 'Are you sure?',
-            deleteConfirmDesc: 'This action is irreversible. It will permanently delete your account.',
-            deleteConfirmPassword: 'Enter your password to confirm',
-            cancel: 'Cancel',
-            delete: 'Delete'
+            passwordHint: 'Min. 8 characters, uppercase, number and special character',
+            showPassword: 'Show password',
+            hidePassword: 'Hide password',
+            strengthWeak: 'Weak',
+            strengthMedium: 'Medium',
+            strengthStrong: 'Strong',
+            strengthVeryStrong: 'Very strong',
+            strengthLabel: 'Password strength'
         },
-        preferences: {
-            title: 'Preferences',
-            theme: 'Theme',
-            themeLight: 'Light',
-            themeDark: 'Dark',
-            themeSystem: 'System',
-            language: 'Language'
+        language: {
+            title: 'Interface language',
+            select: 'Select language'
         },
         sessions: {
             title: 'Active sessions',
-            currentSession: 'Current session',
+            currentSession: 'This computer',
             lastActive: 'Last active',
             revoke: 'Revoke',
-            signOutEverywhere: 'Sign out everywhere',
+            signOutEverywhere: 'Sign out from all devices',
             signOutEverywhereDesc: 'End all sessions except the current one',
             sessionRevoked: 'Session revoked',
-            allSessionsRevoked: 'All sessions revoked'
+            allSessionsRevoked: 'All sessions revoked',
+            online: 'Online'
         },
         errors: {
+            nameRequired: 'Name is required',
             passwordMismatch: 'Passwords do not match',
-            passwordMinLength: 'Password must be at least 6 characters',
+            passwordMinLength: 'Password must be at least 8 characters',
+            passwordRequirements: 'Password must contain an uppercase letter, a number and a special character',
             currentPasswordRequired: 'Current password is required',
-            deletePasswordRequired: 'Password is required to delete account'
+            confirmPasswordRequired: 'Please confirm your new password'
         }
     }
 };