includio-cms 0.0.69 → 0.1.0

package/dist/core/server/entries/operations/get.js

@@ -28,6 +28,9 @@ function transformDataValuesToLocalized(dataValues, defaultLanguage) {
 export const getDbEntries = async (options) => {
     return getCMS().databaseAdapter.getEntries(options);
 };
+export const countDbEntries = async (options) => {
+    return getCMS().databaseAdapter.countEntries(options);
+};
 export const getDbEntry = async (options) => {
     const { id, ...rest } = options;
     const [entry] = await getCMS().databaseAdapter.getEntries({
@@ -43,6 +46,9 @@ export const getDbEntryOrThrow = async (options) => {
     }
     return entry;
 };
+export const countRawEntries = async (options) => {
+    return countDbEntries(options);
+};
 export const getRawEntries = async (options) => {
     const dbEntries = await getDbEntries(options);
     const entries = await Promise.all(dbEntries.map(async (entry) => {

package/dist/db-postgres/index.js

@@ -1,7 +1,7 @@
 import { drizzle } from 'drizzle-orm/postgres-js';
 import postgres from 'postgres';
 import * as schema from './schema/index.js';
-import { eq, and, inArray, sql, isNull, desc, SQL, ilike, or } from 'drizzle-orm';
+import { eq, and, inArray, sql, isNull, desc, asc, SQL, ilike, or, count } from 'drizzle-orm';
 const SAFE_JSON_KEY = /^[a-zA-Z0-9_]+$/;
 function validateJsonPathKeys(path) {
     for (const key of path) {
@@ -109,9 +109,34 @@ export function pg(config) {
                 if (allConditions.length > 0) {
                     query.where(and(...allConditions));
                 }
+                if (options.orderBy) {
+                    const col = schema.entriesTable[options.orderBy.column];
+                    query.orderBy(options.orderBy.direction === 'asc' ? asc(col) : desc(col));
+                }
+                if (options.limit != null) {
+                    query.limit(options.limit);
+                }
+                if (options.offset != null) {
+                    query.offset(options.offset);
+                }
             }
             return await query;
         },
+        countEntries: async (options) => {
+            const conditions = [
+                options.type ? eq(schema.entriesTable.type, options.type) : undefined,
+                options.slug ? eq(schema.entriesTable.slug, options.slug) : undefined,
+                options.ids ? inArray(schema.entriesTable.id, options.ids) : undefined,
+                options.onlyArchived
+                    ? sql `${schema.entriesTable.archivedAt} IS NOT NULL`
+                    : isNull(schema.entriesTable.archivedAt)
+            ].filter(Boolean);
+            const [result] = await db
+                .select({ count: count() })
+                .from(schema.entriesTable)
+                .where(and(...conditions));
+            return result?.count ?? 0;
+        },
         updateEntry: async ({ id, data }) => {
             return db.transaction(async (tx) => {
                 const [result] = await tx

package/dist/sveltekit/components/hybrid-context.d.ts

@@ -0,0 +1,4 @@
+export declare const HYBRID_CONTEXT_KEY: unique symbol;
+/** Call in a layout/component script to enable data-hybrid-path rendering for all descendant HybridTarget/Image/Video. */
+export declare function enableHybridEditing(): void;
+export declare function isHybridEnabled(): boolean;

package/dist/sveltekit/components/hybrid-context.js

@@ -0,0 +1,9 @@
+import { getContext, setContext } from 'svelte';
+export const HYBRID_CONTEXT_KEY = Symbol('hybrid');
+/** Call in a layout/component script to enable data-hybrid-path rendering for all descendant HybridTarget/Image/Video. */
+export function enableHybridEditing() {
+    setContext(HYBRID_CONTEXT_KEY, true);
+}
+export function isHybridEnabled() {
+    return !!getContext(HYBRID_CONTEXT_KEY);
+}

package/dist/sveltekit/components/hybrid-target.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 	import type { HTMLAttributes } from 'svelte/elements';
+	import { isHybridEnabled } from './hybrid-context.js';
 
 	type Props = HTMLAttributes<HTMLElement> & {
 		path: string;
@@ -9,9 +10,11 @@
 	};
 
 	let { path, tag = 'div', class: className = '', style, children, ...rest }: Props = $props();
+
+	const hybrid = isHybridEnabled();
 </script>
 
-<svelte:element this={tag} data-hybrid-path={path} class={className} {style} {...rest}>
+<svelte:element this={tag} data-hybrid-path={hybrid ? path : undefined} class={className} {style} {...rest}>
 	{#if children}
 		{@render children()}
 	{/if}

package/dist/sveltekit/components/image.svelte

@@ -3,6 +3,9 @@
 	import type { ImageFieldData } from '../../types/fields.js';
 	import type { MediaFile } from '../../types/media.js';
 	import type { HTMLImgAttributes } from 'svelte/elements';
+	import { isHybridEnabled } from './hybrid-context.js';
+
+	const hybrid = isHybridEnabled();
 
 	type Props = HTMLImgAttributes & {
 		data: ImageFieldData | MediaFile;
@@ -44,11 +47,11 @@
 
 {#if !data}
 	<!-- No image data provided -->
-	<picture class={pictureClass} data-hybrid-path={hybridPath}>
+	<picture class={pictureClass} data-hybrid-path={hybrid ? hybridPath : undefined}>
 		<img alt="No image available" class={className} {loading} {...restProps} />
 	</picture>
 {:else}
-	<picture class={pictureClass} data-hybrid-path={hybridPath}>
+	<picture class={pictureClass} data-hybrid-path={hybrid ? hybridPath : undefined}>
 		{#if isProperImageObject(data)}
 			{#if data.data}
 				{#each Object.values(data.styles) as style}

package/dist/sveltekit/components/preview.svelte

@@ -1,6 +1,9 @@
 <script lang="ts" generics="T extends { data: PopulatedEntryData }">
 	import type { PopulatedEntryData } from '../../types/entries.js';
 	import { onMount, type Snippet } from 'svelte';
+	import { enableHybridEditing } from './hybrid-context.js';
+
+	enableHybridEditing();
 
 	type Props = {
 		entry: T;

package/dist/sveltekit/components/video.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import type { VideoFieldData } from '../../types/fields.js';
 	import type { HTMLVideoAttributes } from 'svelte/elements';
+	import { isHybridEnabled } from './hybrid-context.js';
 
 	type Props = HTMLVideoAttributes & {
 		data: VideoFieldData;
@@ -13,6 +14,8 @@
 		data,
 		...restProps
 	}: Props = $props();
+
+	const hybrid = isHybridEnabled();
 </script>
 
 {#if data?.data}
@@ -22,7 +25,7 @@
 		width={data.data.width || undefined}
 		height={data.data.height || undefined}
 		class={className}
-		data-hybrid-path={hybridPath}
+		data-hybrid-path={hybrid ? hybridPath : undefined}
 		{...restProps}
 	>
 		<source src={data.data.url} type={data.data.mimeType || undefined} />

package/dist/sveltekit/index.d.ts

@@ -5,4 +5,5 @@ 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 { enableHybridEditing } from './components/hybrid-context.js';
 export { getLink, isImageFieldData, isVideoFieldData } from './utils/index.js';

package/dist/sveltekit/index.js

@@ -5,4 +5,5 @@ 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 { enableHybridEditing } from './components/hybrid-context.js';
 export { getLink, isImageFieldData, isVideoFieldData } from './utils/index.js';

package/dist/types/adapters/db.d.ts

@@ -1,5 +1,5 @@
 import type { ConsentLogData } from '../consent.js';
-import type { DbEntry, DbEntryInsert, DbEntryVersion, DbEntryVersionInsert, GetDbEntriesOptions, GetDbEntryVersionsOptions } from '../entries.js';
+import type { DbEntry, DbEntryInsert, DbEntryVersion, DbEntryVersionInsert, GetDbEntriesOptions, GetDbEntryVersionsOptions, PaginationOptions } from '../entries.js';
 import type { ImageFieldStyle } from '../fields.js';
 import type { FormSubmission } from '../forms.js';
 import type { ImageStyle, MediaFile, MediaTag, UploadedMediaFile } from '../media.js';
@@ -7,6 +7,7 @@ export type { FilesAdapter } from './files.js';
 export interface DatabaseAdapter {
     createEntry: CreateEntry;
     getEntries: GetEntries;
+    countEntries: CountEntries;
     updateEntry: UpdateEntry;
     archiveEntry: ArchiveEntry;
     deleteEntry: DeleteEntry;
@@ -38,6 +39,7 @@ export interface DatabaseAdapter {
 }
 export type CreateEntry = (data: DbEntryInsert) => Promise<DbEntry>;
 export type GetEntries = (data: GetDbEntriesOptions) => Promise<DbEntry[]>;
+export type CountEntries = (data: Omit<GetDbEntriesOptions, keyof PaginationOptions>) => Promise<number>;
 export type UpdateEntry = (data: {
     id: string;
     data: Partial<DbEntry>;

package/dist/types/entries.d.ts

@@ -64,7 +64,15 @@ export interface DbEntryVersionInsert {
     publishedAt?: Date | null;
     publishedBy?: string | null;
 }
-export interface GetDbEntriesOptions {
+export interface PaginationOptions {
+    limit?: number;
+    offset?: number;
+    orderBy?: {
+        column: 'createdAt' | 'updatedAt';
+        direction: 'asc' | 'desc';
+    };
+}
+export interface GetDbEntriesOptions extends PaginationOptions {
     ids?: string[];
     slug?: string;
     type?: EntryType;
@@ -76,7 +84,7 @@ export interface GetDbEntryOptions {
     type?: EntryType;
     onlyArchived?: boolean;
 }
-export interface GetRawEntriesOptions {
+export interface GetRawEntriesOptions extends PaginationOptions {
     ids?: string[];
     slug?: string;
     onlyArchived?: boolean;

package/dist/types/languages.d.ts

@@ -1,3 +1,4 @@
+import type { locales } from '../paraglide/runtime.js';
 export type Language = 'en' | 'pl';
-export type InterfaceLanguage = 'en' | 'pl';
+export type InterfaceLanguage = (typeof locales)[number];
 export type Localized = Partial<Record<InterfaceLanguage, string>> | string;

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

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

package/dist/updates/0.1.0/index.js

@@ -0,0 +1,25 @@
+export const update = {
+    version: '0.1.0',
+    date: '2026-02-17',
+    description: 'Stabilization — pagination, language switcher, and more',
+    features: [
+        'Server-side pagination for collection entries (limit/offset/orderBy)',
+        'Persistent page index and active tab across navigation',
+        'countEntries adapter method for total count queries',
+        'Automatic fallback to client-side pagination for search and name sorting'
+    ],
+    fixes: [
+        'Language switcher now reactive globally — all UI updates instantly without reload',
+        'Removed hardcoded en/pl — locale list derived from Paraglide config',
+        'Browser language auto-detected as default interface language',
+        'Deduplicated formatRelativeDate across dashboard and form components',
+        'Account profile: fixed name input not responding to typing',
+        'Account preferences: added aria-pressed to theme/language toggles',
+        'Removed placeholder 2FA stub from security section',
+        'Media tag counts now display correct values — TagSidebar and BulkActionBar receive all files',
+        'Hybrid target: data-hybrid-path no longer rendered on public pages — only in preview iframe'
+    ],
+    breakingChanges: [
+        'getRawEntries remote now returns { entries: RawEntry[], total: number } instead of RawEntry[]'
+    ]
+};

package/dist/updates/index.js

@@ -3,7 +3,8 @@ import { update as update0066 } from './0.0.66/index.js';
 import { update as update0067 } from './0.0.67/index.js';
 import { update as update0068 } from './0.0.68/index.js';
 import { update as update0069 } from './0.0.69/index.js';
-export const updates = [update0065, update0066, update0067, update0068, update0069];
+import { update as update010 } from './0.1.0/index.js';
+export const updates = [update0065, update0066, update0067, update0068, update0069, update010];
 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.0.69",
+	"version": "0.1.0",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",

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

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

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

@@ -1,67 +0,0 @@
-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'
-        ]
-    });
-}