@svadmin/ui 0.56.0 → 0.58.0

package/dist/components/saved-list-views.d.ts

@@ -0,0 +1,35 @@
+import type { Filter, Sort } from '@svadmin/core';
+export interface SavedListViewState {
+    search: string;
+    filters: Filter[];
+    sorters: Sort[];
+    pagination: {
+        current: number;
+        pageSize: number;
+    };
+    columnVisibility: Record<string, boolean>;
+    columnOrder: string[];
+}
+export interface SavedListView {
+    id: string;
+    name: string;
+    state: SavedListViewState;
+}
+export interface ListPreferenceScope {
+    resourceName: string;
+    providerName: string;
+    tenantIdentity?: string | number;
+}
+export declare function readSavedListViews(raw: string | null, allowedColumnIds: Set<string>): SavedListView[];
+export declare function serializeSavedListViews(views: SavedListView[]): string;
+export declare function cloneSavedListViewState(state: SavedListViewState): SavedListViewState;
+export declare function listPreferenceScopeId(scope: ListPreferenceScope): string;
+export declare function canMigrateLegacyListPreferences(scope: ListPreferenceScope): boolean;
+export declare function savedListViewsStorageKey(scope: ListPreferenceScope): string;
+export declare function activeSavedListViewStorageKey(scope: ListPreferenceScope): string;
+export declare function columnVisibilityStorageKey(scope: ListPreferenceScope): string;
+export declare function columnOrderStorageKey(scope: ListPreferenceScope): string;
+export declare function legacySavedListViewsStorageKey(resourceName: string): string;
+export declare function legacyActiveSavedListViewStorageKey(resourceName: string): string;
+export declare function legacyColumnVisibilityStorageKey(resourceName: string): string;
+export declare function legacyColumnOrderStorageKey(resourceName: string): string;

package/dist/components/saved-list-views.js

@@ -0,0 +1,168 @@
+const STORAGE_VERSION = 1;
+const MAX_SAVED_VIEWS = 25;
+const MAX_FILTER_NODES = 200;
+const CRUD_OPERATORS = new Set([
+    'eq', 'ne', 'lt', 'gt', 'lte', 'gte',
+    'contains', 'ncontains', 'startswith', 'endswith',
+    'in', 'nin', 'null', 'nnull', 'between', 'nbetween',
+]);
+function isRecord(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+function isPositiveInteger(value, max) {
+    return typeof value === 'number' && Number.isInteger(value) && value > 0 && value <= max;
+}
+function parseFilter(value, allowedFieldIds, budget, depth = 0) {
+    if (depth > 20 || budget.remaining-- <= 0 || !isRecord(value))
+        return undefined;
+    if (typeof value.field === 'string') {
+        if (!allowedFieldIds.has(value.field) || typeof value.operator !== 'string' || !CRUD_OPERATORS.has(value.operator) || !('value' in value)) {
+            return undefined;
+        }
+        return {
+            field: value.field,
+            operator: value.operator,
+            value: value.value,
+        };
+    }
+    if ((value.operator !== 'and' && value.operator !== 'or') || !Array.isArray(value.value))
+        return undefined;
+    const children = value.value.map((entry) => parseFilter(entry, allowedFieldIds, budget, depth + 1));
+    if (children.some((entry) => entry === undefined))
+        return undefined;
+    return { operator: value.operator, value: children };
+}
+function parseSorters(value, allowedFieldIds) {
+    const sorters = [];
+    for (const sorter of value) {
+        if (!isRecord(sorter) || typeof sorter.field !== 'string' || !allowedFieldIds.has(sorter.field))
+            return undefined;
+        if (sorter.order !== 'asc' && sorter.order !== 'desc')
+            return undefined;
+        sorters.push({ field: sorter.field, order: sorter.order });
+    }
+    return sorters;
+}
+function parseColumnVisibility(value, allowedColumnIds) {
+    if (!isRecord(value))
+        return undefined;
+    const visibility = {};
+    for (const [columnId, visible] of Object.entries(value)) {
+        if (!allowedColumnIds.has(columnId) || typeof visible !== 'boolean')
+            continue;
+        visibility[columnId] = visible;
+    }
+    return visibility;
+}
+function parseColumnOrder(value, allowedColumnIds) {
+    if (!Array.isArray(value))
+        return undefined;
+    return [...new Set(value.filter((columnId) => (typeof columnId === 'string' && allowedColumnIds.has(columnId))))];
+}
+function parseState(value, allowedColumnIds) {
+    if (!isRecord(value))
+        return undefined;
+    if (typeof value.search !== 'string' || value.search.length > 1_000)
+        return undefined;
+    if (!Array.isArray(value.filters) || !Array.isArray(value.sorters))
+        return undefined;
+    if (!isRecord(value.pagination) || !isPositiveInteger(value.pagination.current, 1_000_000) || !isPositiveInteger(value.pagination.pageSize, 1_000)) {
+        return undefined;
+    }
+    const allowedFieldIds = new Set([...allowedColumnIds].filter((columnId) => !columnId.startsWith('_')));
+    const filterBudget = { remaining: MAX_FILTER_NODES };
+    const filters = value.filters.map((entry) => parseFilter(entry, allowedFieldIds, filterBudget));
+    if (filters.some((entry) => entry === undefined))
+        return undefined;
+    const sorters = parseSorters(value.sorters, allowedFieldIds);
+    const columnVisibility = parseColumnVisibility(value.columnVisibility, allowedColumnIds);
+    const columnOrder = parseColumnOrder(value.columnOrder, allowedColumnIds);
+    if (!sorters || !columnVisibility || !columnOrder)
+        return undefined;
+    return {
+        search: value.search,
+        filters: filters,
+        sorters,
+        pagination: {
+            current: value.pagination.current,
+            pageSize: value.pagination.pageSize,
+        },
+        columnVisibility,
+        columnOrder,
+    };
+}
+export function readSavedListViews(raw, allowedColumnIds) {
+    if (!raw)
+        return [];
+    try {
+        const parsed = JSON.parse(raw);
+        if (!isRecord(parsed) || parsed.version !== STORAGE_VERSION || !Array.isArray(parsed.views))
+            return [];
+        const views = [];
+        const seenIds = new Set();
+        for (const entry of parsed.views.slice(0, MAX_SAVED_VIEWS)) {
+            if (!isRecord(entry) || typeof entry.id !== 'string' || !entry.id.trim() || entry.id.length > 120)
+                continue;
+            if (seenIds.has(entry.id))
+                continue;
+            if (typeof entry.name !== 'string' || !entry.name.trim() || entry.name.length > 60)
+                continue;
+            const state = parseState(entry.state, allowedColumnIds);
+            if (!state)
+                continue;
+            seenIds.add(entry.id);
+            views.push({ id: entry.id, name: entry.name.trim(), state });
+        }
+        return views;
+    }
+    catch (error) {
+        if (error instanceof SyntaxError)
+            return [];
+        throw error;
+    }
+}
+export function serializeSavedListViews(views) {
+    return JSON.stringify({ version: STORAGE_VERSION, views: views.slice(0, MAX_SAVED_VIEWS) });
+}
+export function cloneSavedListViewState(state) {
+    return JSON.parse(JSON.stringify(state));
+}
+function encodeScopeValue(value) {
+    if (value === undefined)
+        return 'u';
+    return `${typeof value === 'number' ? 'n' : 's'}:${encodeURIComponent(String(value))}`;
+}
+export function listPreferenceScopeId(scope) {
+    return [
+        `r:${encodeURIComponent(scope.resourceName)}`,
+        `p:${encodeURIComponent(scope.providerName)}`,
+        `t:${encodeScopeValue(scope.tenantIdentity)}`,
+    ].join('|');
+}
+export function canMigrateLegacyListPreferences(scope) {
+    return scope.providerName === 'default' && scope.tenantIdentity === undefined;
+}
+export function savedListViewsStorageKey(scope) {
+    return `svadmin-list-views-v2-${listPreferenceScopeId(scope)}`;
+}
+export function activeSavedListViewStorageKey(scope) {
+    return `svadmin-list-view-active-v2-${listPreferenceScopeId(scope)}`;
+}
+export function columnVisibilityStorageKey(scope) {
+    return `svadmin-columns-v2-${listPreferenceScopeId(scope)}`;
+}
+export function columnOrderStorageKey(scope) {
+    return `svadmin-colorder-v2-${listPreferenceScopeId(scope)}`;
+}
+export function legacySavedListViewsStorageKey(resourceName) {
+    return `svadmin-list-views-${resourceName}`;
+}
+export function legacyActiveSavedListViewStorageKey(resourceName) {
+    return `svadmin-list-view-active-${resourceName}`;
+}
+export function legacyColumnVisibilityStorageKey(resourceName) {
+    return `svadmin-columns-${resourceName}`;
+}
+export function legacyColumnOrderStorageKey(resourceName) {
+    return `svadmin-colorder-${resourceName}`;
+}

package/dist/index.d.ts

@@ -15,6 +15,8 @@ export { default as EmptyState } from './components/EmptyState.svelte';
 export { default as StatsCard } from './components/StatsCard.svelte';
 export { default as PageHeader } from './components/PageHeader.svelte';
 export { default as ResourceOperationsPage } from './components/ResourceOperationsPage.svelte';
+export { default as RecordDetailDrawer } from './components/RecordDetailDrawer.svelte';
+export { default as ResourceAccessGuard } from './components/ResourceAccessGuard.svelte';
 export { default as LoginPage } from './components/LoginPage.svelte';
 export { default as AuthPageShell } from './components/AuthPageShell.svelte';
 export { default as RegisterPage } from './components/RegisterPage.svelte';
@@ -227,3 +229,5 @@ export type { DateRangeFormat, DateRangeValue } from './components/fields/DateRa
 export type { PercentTone } from './components/fields/PercentField.svelte';
 export type { RatingSize } from './components/fields/RatingField.svelte';
 export type { CurrencyTone } from './components/fields/CurrencyField.svelte';
+export { default as MediaThumbnail } from './components/content/MediaThumbnail.svelte';
+export type { MediaThumbnailSize, MediaThumbnailFit } from './components/content/MediaThumbnail.svelte';

package/dist/index.js

@@ -18,6 +18,8 @@ export { default as EmptyState } from './components/EmptyState.svelte';
 export { default as StatsCard } from './components/StatsCard.svelte';
 export { default as PageHeader } from './components/PageHeader.svelte';
 export { default as ResourceOperationsPage } from './components/ResourceOperationsPage.svelte';
+export { default as RecordDetailDrawer } from './components/RecordDetailDrawer.svelte';
+export { default as ResourceAccessGuard } from './components/ResourceAccessGuard.svelte';
 export { default as LoginPage } from './components/LoginPage.svelte';
 export { default as AuthPageShell } from './components/AuthPageShell.svelte';
 export { default as RegisterPage } from './components/RegisterPage.svelte';
@@ -214,3 +216,4 @@ export { default as DetailDrawer } from './components/DetailDrawer.svelte';
 export { default as AuditTimeline } from './components/content/AuditTimeline.svelte';
 export { default as FilterDropdown } from './components/FilterDropdown.svelte';
 export { default as BatchActionBar } from './components/BatchActionBar.svelte';
+export { default as MediaThumbnail } from './components/content/MediaThumbnail.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.56.0",
+  "version": "0.58.0",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [
@@ -39,7 +39,7 @@
     "./components/*": "./dist/components/*"
   },
   "peerDependencies": {
-    "@svadmin/core": "^0.41.1",
+    "@svadmin/core": "^0.42.0",
     "@tanstack/svelte-query": "^6.1.38",
     "highlight.js": "^11.11.1",
     "isomorphic-dompurify": "^3.22.0",