@svadmin/lite 0.3.27 → 0.6.0

package/dist/server-adapter.d.ts

@@ -24,6 +24,7 @@ export interface ListLoaderResult {
     currentSort?: string;
     currentOrder?: 'asc' | 'desc';
     currentSearch?: string;
+    currentFilters?: Record<string, string>;
     resource: ResourceDefinition;
 }
 /**
@@ -92,6 +93,13 @@ export declare function createCrudActions(dp: DataProvider, resource: ResourceDe
         success: boolean;
         error?: undefined;
     }>;
+    batchDelete: ({ request }: RequestEvent) => Promise<{
+        success: boolean;
+        error: string;
+    } | {
+        success: boolean;
+        error?: undefined;
+    }>;
 };
 /**
  * Creates a SvelteKit server hook that checks auth via AuthProvider
@@ -150,11 +158,27 @@ export declare function createAuthActions(authProvider: AuthProvider): {
  * This helper does not imply that Svelte 5 or the consuming app supports IE11.
  */
 export declare function isLegacyBrowser(userAgent: string): boolean;
+export interface LegacyRedirectOptions {
+    /** Route prefix that contains the standalone SSR Lite application. */
+    litePrefix?: string;
+    /** Optional route prefix occupied by the modern SPA, for example `/admin`. */
+    spaPrefix?: string;
+    /** Paths that must remain outside automatic legacy routing. */
+    exclude?: string[];
+    /** Override the SPA-to-Lite path mapping without changing SPA code. */
+    mapPath?: (pathname: string) => string;
+    status?: 302 | 307;
+}
+/**
+ * Computes a legacy redirect without importing or modifying the modern SPA.
+ * This pure helper can be used from non-SvelteKit server middleware.
+ */
+export declare function getLegacyRedirectLocation(request: Pick<Request, 'method' | 'headers'>, url: URL, options?: string | LegacyRedirectOptions): string | undefined;
 /**
  * Creates an opt-in SvelteKit hook that redirects detected IE11 user agents.
  * Consumers remain responsible for their own transpilation and browser support.
  */
-export declare function createLegacyRedirectHook(litePrefix?: string): ({ event, resolve }: {
+export declare function createLegacyRedirectHook(options?: string | LegacyRedirectOptions): ({ event, resolve }: {
     event: RequestEvent;
     resolve: (event: RequestEvent) => Promise<Response>;
 }) => Promise<Response>;

package/dist/server-adapter.js

@@ -1,5 +1,5 @@
 import { redirect, isRedirect } from '@sveltejs/kit';
-import { resourceToZodSchema } from './schema-generator';
+import { resourceToTypeBoxSchema } from './schema-generator';
 import { parseExplicitBoolean } from './value-normalization';
 function listRequestState(url, resource) {
     const requestedPage = Number(url.searchParams.get('page'));
@@ -19,19 +19,45 @@ function listRequestState(url, resource) {
         : resource.defaultSort?.order ?? 'asc';
     return { page, pageSize, sort, order, search: url.searchParams.get('q') ?? undefined };
 }
-function listSearchFilters(resource, search) {
-    if (!search)
-        return [];
-    const fieldFilters = resource.fields
-        .filter((field) => field.searchable)
-        .map((field) => ({
-        field: field.key,
-        operator: 'contains',
-        value: search,
-    }));
-    if (fieldFilters.length === 1)
-        return fieldFilters;
-    return fieldFilters.length > 1 ? [{ operator: 'or', value: fieldFilters }] : [];
+function listRequestFilterValues(resource, url) {
+    const values = {};
+    for (const field of resource.fields) {
+        const raw = url.searchParams.get(`filter_${field.key}`) ?? (field.key !== "q" && field.key !== "sort" && field.key !== "order" && field.key !== "page" ? url.searchParams.get(field.key) : null);
+        if (raw != null && raw.trim() !== "") {
+            values[field.key] = raw.trim();
+        }
+    }
+    return values;
+}
+function listRequestFilters(resource, url) {
+    const filters = [];
+    const search = url.searchParams.get('q') ?? undefined;
+    if (search) {
+        const searchFilters = resource.fields
+            .filter((field) => field.searchable)
+            .map((field) => ({
+            field: field.key,
+            operator: 'contains',
+            value: search,
+        }));
+        if (searchFilters.length === 1) {
+            filters.push(searchFilters[0]);
+        }
+        else if (searchFilters.length > 1) {
+            filters.push({ operator: 'or', value: searchFilters });
+        }
+    }
+    for (const field of resource.fields) {
+        const rawVal = url.searchParams.get(`filter_${field.key}`) ?? (field.key !== 'q' && field.key !== 'sort' && field.key !== 'order' && field.key !== 'page' ? url.searchParams.get(field.key) : null);
+        if (rawVal != null && rawVal.trim() !== '') {
+            filters.push({
+                field: field.key,
+                operator: 'eq',
+                value: field.type === 'number' && !Number.isNaN(Number(rawVal)) ? Number(rawVal) : rawVal,
+            });
+        }
+    }
+    return filters;
 }
 /**
  * Creates a SvelteKit `load` function that fetches a resource list
@@ -45,7 +71,7 @@ export function createListLoader(dp, resource) {
             resource: resource.name,
             pagination: { current: page, pageSize },
             sorters,
-            filters: listSearchFilters(resource, search),
+            filters: listRequestFilters(resource, url),
         });
         return {
             records: listResponse.data,
@@ -60,6 +86,7 @@ export function createListLoader(dp, resource) {
             currentSort: sort,
             currentOrder: order,
             currentSearch: search,
+            currentFilters: listRequestFilterValues(resource, url),
             resource,
         };
     };
@@ -155,6 +182,32 @@ export function createCrudActions(dp, resource) {
                 return { success: false, error: 'Delete failed' };
             }
         },
+        batchDelete: async ({ request }) => {
+            if (resource.canDelete === false) {
+                return { success: false, error: 'Delete is disabled for this resource' };
+            }
+            const formData = await request.formData();
+            const ids = formData.getAll('ids').map(v => String(v).trim()).filter(Boolean);
+            if (ids.length === 0)
+                return { success: false, error: 'No records selected' };
+            const redirectTo = toSafeLocalRedirect(formData.get('redirect'));
+            try {
+                if (dp.deleteMany) {
+                    await dp.deleteMany({ resource: resource.name, ids });
+                }
+                else {
+                    await Promise.all(ids.map(id => dp.deleteOne({ resource: resource.name, id })));
+                }
+                if (redirectTo)
+                    throw redirect(303, redirectTo);
+                return { success: true };
+            }
+            catch (caughtError) {
+                if (isRedirect(caughtError))
+                    throw caughtError;
+                return { success: false, error: 'Batch delete failed' };
+            }
+        },
     };
 }
 // ─── Auth Helpers ─────────────────────────────────────────────
@@ -301,28 +354,74 @@ export function createAuthActions(authProvider) {
 export function isLegacyBrowser(userAgent) {
     return /MSIE|Trident|rv:11/.test(userAgent);
 }
+function normalizeRoutePrefix(prefix) {
+    const segments = prefix.split('/').filter(Boolean);
+    return segments.length > 0 ? `/${segments.join('/')}` : '/';
+}
+function pathWithinPrefix(pathname, prefix) {
+    return prefix === '/' || pathname === prefix || pathname.startsWith(`${prefix}/`);
+}
+function redirectOptions(options) {
+    const configured = typeof options === 'string' ? { litePrefix: options } : options;
+    return {
+        litePrefix: normalizeRoutePrefix(configured.litePrefix ?? '/lite'),
+        spaPrefix: normalizeRoutePrefix(configured.spaPrefix ?? '/'),
+        exclude: (configured.exclude ?? []).map(normalizeRoutePrefix),
+        mapPath: configured.mapPath,
+        status: configured.status ?? 302,
+    };
+}
+/**
+ * Computes a legacy redirect without importing or modifying the modern SPA.
+ * This pure helper can be used from non-SvelteKit server middleware.
+ */
+export function getLegacyRedirectLocation(request, url, options = '/lite') {
+    const configured = redirectOptions(options);
+    const userAgent = request.headers.get('user-agent') ?? '';
+    const acceptsHtml = request.headers.get('accept')?.includes('text/html') === true;
+    const isDocumentRequest = (request.method === 'GET' || request.method === 'HEAD') && acceptsHtml;
+    if (!isLegacyBrowser(userAgent) || !isDocumentRequest)
+        return undefined;
+    if (pathWithinPrefix(url.pathname, configured.litePrefix))
+        return undefined;
+    if (configured.exclude.some((prefix) => pathWithinPrefix(url.pathname, prefix)))
+        return undefined;
+    if (!configured.mapPath
+        && configured.spaPrefix !== '/'
+        && !pathWithinPrefix(url.pathname, configured.spaPrefix))
+        return undefined;
+    let mappedPath;
+    if (configured.mapPath) {
+        mappedPath = configured.mapPath(url.pathname);
+    }
+    else if (configured.spaPrefix !== '/' && pathWithinPrefix(url.pathname, configured.spaPrefix)) {
+        mappedPath = url.pathname.slice(configured.spaPrefix.length) || '/';
+    }
+    else {
+        mappedPath = url.pathname;
+    }
+    const normalizedMappedPath = mappedPath.startsWith('/') ? mappedPath : `/${mappedPath}`;
+    const location = configured.litePrefix === '/'
+        ? normalizedMappedPath
+        : `${configured.litePrefix}${normalizedMappedPath === '/' ? '' : normalizedMappedPath}`;
+    return `${location}${url.search}`;
+}
 /**
  * Creates an opt-in SvelteKit hook that redirects detected IE11 user agents.
  * Consumers remain responsible for their own transpilation and browser support.
  */
-export function createLegacyRedirectHook(litePrefix = '/lite') {
-    const prefixSegments = litePrefix.split('/').filter(Boolean);
-    const normalizedPrefix = prefixSegments.length > 0 ? `/${prefixSegments.join('/')}` : '/';
+export function createLegacyRedirectHook(options = '/lite') {
+    const configured = redirectOptions(options);
     return async ({ event, resolve }) => {
-        const ua = event.request.headers.get('user-agent') ?? '';
-        const acceptsHtml = event.request.headers.get('accept')?.includes('text/html') === true;
-        const isDocumentRequest = (event.request.method === 'GET' || event.request.method === 'HEAD')
-            && acceptsHtml;
-        const isWithinLite = normalizedPrefix === '/'
-            || event.url.pathname === normalizedPrefix
-            || event.url.pathname.startsWith(`${normalizedPrefix}/`);
-        if (isLegacyBrowser(ua) && isDocumentRequest && !isWithinLite) {
-            const targetPath = normalizedPrefix === '/'
-                ? event.url.pathname
-                : `${normalizedPrefix}${event.url.pathname}`;
+        const location = getLegacyRedirectLocation(event.request, event.url, configured);
+        if (location) {
             return new Response(null, {
-                status: 302,
-                headers: { Location: `${targetPath}${event.url.search}` },
+                status: configured.status,
+                headers: {
+                    Location: location,
+                    'Cache-Control': 'private, no-store',
+                    Vary: 'User-Agent',
+                },
             });
         }
         return resolve(event);
@@ -374,7 +473,7 @@ function formatValidationErrors(issues) {
     return errors;
 }
 function validateFormVariables(resource, mode, values) {
-    const result = resourceToZodSchema(resource, mode).safeParse(values);
+    const result = resourceToTypeBoxSchema(resource, mode).safeParse(values);
     if (result.success)
         return { success: true, data: result.data };
     return {
@@ -471,7 +570,7 @@ function formDataToObject(formData, fields) {
                     obj[field.key] = strRaw ? JSON.parse(strRaw) : null;
                 }
                 catch {
-                    obj[field.key] = strRaw; // Let Zod handle validation errors
+                    obj[field.key] = strRaw; // Let TypeBox handle validation errors
                 }
                 break;
             default:

package/dist/value-normalization.d.ts

@@ -1,2 +1,3 @@
 export declare function parseExplicitBoolean(rawBoolean: unknown): boolean | undefined;
 export declare function isExplicitBooleanTrue(rawBoolean: unknown): boolean;
+export declare function getStatusBadgeClass(value: unknown): string;

package/dist/value-normalization.js

@@ -19,3 +19,21 @@ export function parseExplicitBoolean(rawBoolean) {
 export function isExplicitBooleanTrue(rawBoolean) {
     return parseExplicitBoolean(rawBoolean) === true;
 }
+export function getStatusBadgeClass(value) {
+    if (typeof value !== "string")
+        return "lite-badge";
+    const v = value.toLowerCase().trim();
+    if (["active", "completed", "published", "delivered", "paid", "approved", "success", "in_stock", "healthy"].includes(v)) {
+        return "lite-badge lite-badge-success";
+    }
+    if (["draft", "pending", "processing", "in_transit", "review", "waiting", "warning", "low_stock"].includes(v)) {
+        return "lite-badge lite-badge-warning";
+    }
+    if (["cancelled", "rejected", "failed", "suspended", "inactive", "banned", "error", "out_of_stock", "closed"].includes(v)) {
+        return "lite-badge lite-badge-danger";
+    }
+    if (["shipped", "submitted", "open", "new", "admin", "verified"].includes(v)) {
+        return "lite-badge lite-badge-info";
+    }
+    return "lite-badge";
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/lite",
-  "version": "0.3.27",
+  "version": "0.6.0",
   "description": "SSR-first lightweight admin UI for @svadmin with optional progressive enhancement",
   "type": "module",
   "sideEffects": [
@@ -48,28 +48,28 @@
     }
   },
   "peerDependencies": {
-    "svelte": "^5.56.8",
-    "@svadmin/core": ">=0.34.2 <0.43.0",
-    "@sveltejs/kit": "^2.70.2"
+    "svelte": "^5.56.10",
+    "@svadmin/core": ">=0.34.2 <0.46.0",
+    "@sveltejs/kit": "^2.70.3"
   },
   "dependencies": {
-    "@lucide/svelte": "^1.31.0",
-    "zod": "^4.4.3"
+    "@lucide/svelte": "^1.35.0",
+    "@sinclair/typebox": "^0.34.52"
   },
   "devDependencies": {
     "@types/bun": "^1.4.0",
-    "@happy-dom/global-registrator": "^20.11.2",
+    "@happy-dom/global-registrator": "^20.11.12",
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/svelte": "^5.4.2",
-    "happy-dom": "^20.11.2",
-    "vitest": "^4.1.10"
+    "happy-dom": "^20.11.12",
+    "vitest": "^4.1.11"
   },
   "scripts": {
     "build": "node ../../node_modules/@sveltejs/package/svelte-package.js -i src -o dist && bun ../../scripts/copy-package-assets.ts static/enhance.js dist/enhance.js",
     "test": "bun run test:components && bun run test:server && bun run test:security",
     "test:components": "vitest run --config ./vitest.config.ts",
-    "test:server": "bun test ./src/schema-generator.test.ts ./src/server-adapter.test.ts ./src/fragment-id.test.ts ./src/ie11-ssr-contract.test.ts",
+    "test:server": "bun test ./src/schema-generator.test.ts ./src/server-adapter.test.ts ./src/fragment-id.test.ts ./src/compatibility.test.ts ./src/ie11-ssr-contract.test.ts",
     "test:security": "vitest run --config ./src/security.test.config.ts"
   },
   "license": "MIT",