@svadmin/lite 0.3.0 → 0.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/lite",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "SSR-compatible lightweight admin UI for @svadmin — zero client-side JS, works in IE11",
   "type": "module",
   "files": [
@@ -21,7 +21,7 @@
   },
   "peerDependencies": {
     "svelte": "^5.0.0",
-    "@svadmin/core": "^0.19.5",
+    "@svadmin/core": "^0.21.2",
     "@sveltejs/kit": "^2.0.0"
   },
   "dependencies": {

package/src/components/LiteShow.svelte

@@ -21,10 +21,10 @@
     canEdit = true,
   }: Props = $props();
 
-  const pk = resource.primaryKey ?? 'id';
-  const id = record[pk];
+  let pk = $derived(resource.primaryKey ?? 'id');
+  let id = $derived(record[pk]);
   const showFields = $derived(
-    resource.fields.filter(f => f.showInShow !== false && f.showInList !== false)
+    resource.fields.filter(f => f.showInShow !== false)
   );
 </script>
 

package/src/components/LiteTable.svelte

@@ -29,7 +29,7 @@
     canDelete = true,
   }: Props = $props();
 
-  const pk = resource.primaryKey ?? 'id';
+  let pk = $derived(resource.primaryKey ?? 'id');
   const listFields = $derived(
     resource.fields.filter(f => f.showInList !== false)
   );

package/src/components/buttons/LiteCloneButton.svelte

@@ -22,7 +22,7 @@
 </script>
 
 <a
-  href="{basePath}/{resource}/create?cloneId={recordItemId}"
+  href="{basePath}/{resource}/clone/{recordItemId}"
   class="lite-btn {size === 'sm' ? 'lite-btn-sm' : ''} {className}"
   title={t('common.clone') || 'Clone'}
 >

package/src/components/buttons/LiteRefreshButton.svelte

@@ -16,7 +16,7 @@
 </script>
 
 <a
-  href="?"
+  href=""
   class="lite-btn {size === 'sm' ? 'lite-btn-sm' : ''} {className}"
   title={t('common.refresh') || 'Refresh'}
 >

package/src/components/fields/LiteBooleanField.svelte

@@ -9,7 +9,7 @@
   }
 
   let { field, value, error = [], mode = 'show' }: Props = $props();
-  const hasError = error.length > 0;
+  let hasError = $derived(error.length > 0);
 </script>
 
 {#if mode === 'show'}

package/src/components/fields/LiteDateField.svelte

@@ -9,7 +9,7 @@
   }
 
   let { field, value, error = [], mode = 'show' }: Props = $props();
-  const hasError = error.length > 0;
+  let hasError = $derived(error.length > 0);
 
   function formatDate(v: unknown): string {
     if (!v) return '';

package/src/components/fields/LiteEmailField.svelte

@@ -9,7 +9,7 @@
   }
 
   let { field, value, error = [], mode = 'show' }: Props = $props();
-  const hasError = error.length > 0;
+  let hasError = $derived(error.length > 0);
 </script>
 
 {#if mode === 'show'}

package/src/components/fields/LiteFileField.svelte

@@ -9,7 +9,7 @@
   }
 
   let { field, value, error = [], mode = 'show' }: Props = $props();
-  const hasError = error.length > 0;
+  let hasError = $derived(error.length > 0);
 
   function getFiles(v: unknown): string[] {
     if (!v) return [];

package/src/components/fields/LiteImageField.svelte

@@ -9,7 +9,7 @@
   }
 
   let { field, value, error = [], mode = 'show' }: Props = $props();
-  const hasError = error.length > 0;
+  let hasError = $derived(error.length > 0);
   
   function getUrls(v: unknown): string[] {
     if (!v) return [];

package/src/components/fields/LiteJsonField.svelte

@@ -9,7 +9,7 @@
   }
 
   let { field, value, error = [], mode = 'show' }: Props = $props();
-  const hasError = error.length > 0;
+  let hasError = $derived(error.length > 0);
   
   function getJsonString(v: unknown): string {
     if (v == null) return '';

package/src/components/fields/LiteMarkdownField.svelte

@@ -9,7 +9,7 @@
   }
 
   let { field, value, error = [], mode = 'show' }: Props = $props();
-  const hasError = error.length > 0;
+  let hasError = $derived(error.length > 0);
 </script>
 
 {#if mode === 'show'}

package/src/components/fields/LiteMultiSelectField.svelte

@@ -9,7 +9,7 @@
   }
 
   let { field, value, error = [], mode = 'show' }: Props = $props();
-  const hasError = error.length > 0;
+  let hasError = $derived(error.length > 0);
 
   function displayOptions(valuesRaw: unknown): string[] {
     if (!valuesRaw || !Array.isArray(valuesRaw)) return [];

package/src/components/fields/LiteNumberField.svelte

@@ -9,7 +9,7 @@
   }
 
   let { field, value, error = [], mode = 'show' }: Props = $props();
-  const hasError = error.length > 0;
+  let hasError = $derived(error.length > 0);
 </script>
 
 {#if mode === 'show'}

package/src/components/fields/LiteRelationField.svelte

@@ -10,7 +10,7 @@
   }
 
   let { field, value, error = [], mode = 'show' }: Props = $props();
-  const hasError = error.length > 0;
+  let hasError = $derived(error.length > 0);
 
   // In Lite version, relations might need to be rendered via server-side joined data 
   // passed through options, or just standard inputs requesting ID.

package/src/components/fields/LiteSelectField.svelte

@@ -10,7 +10,7 @@
   }
 
   let { field, value, error = [], mode = 'show' }: Props = $props();
-  const hasError = error.length > 0;
+  let hasError = $derived(error.length > 0);
 
   function displaySelect(v: unknown): string {
     if (v == null) return '—';

package/src/components/fields/LiteTagField.svelte

@@ -9,7 +9,7 @@
   }
 
   let { field, value, error = [], mode = 'show' }: Props = $props();
-  const hasError = error.length > 0;
+  let hasError = $derived(error.length > 0);
   const tags = $derived(Array.isArray(value) ? value.map(String) : []);
 </script>
 

package/src/components/fields/LiteTextField.svelte

@@ -9,7 +9,7 @@
   }
 
   let { field, value, error = [], mode = 'show' }: Props = $props();
-  const hasError = error.length > 0;
+  let hasError = $derived(error.length > 0);
 </script>
 
 {#if mode === 'show'}

package/src/components/fields/LiteUrlField.svelte

@@ -9,7 +9,7 @@
   }
 
   let { field, value, error = [], mode = 'show' }: Props = $props();
-  const hasError = error.length > 0;
+  let hasError = $derived(error.length > 0);
 </script>
 
 {#if mode === 'show'}

package/src/components/pages/LiteEditPage.svelte

@@ -24,8 +24,8 @@
     canShow = true,
   }: Props = $props();
 
-  const pk = resource.primaryKey ?? 'id';
-  const idStr = String(record[pk]);
+  let pk = $derived(resource.primaryKey ?? 'id');
+  let idStr = $derived(String(record[pk]));
 </script>
 
 <div class="lite-page">

package/src/components/pages/LiteListPage.svelte

@@ -70,6 +70,11 @@
       <LitePagination
         page={pagination.page}
         totalPages={Math.ceil(total / pagination.perPage)}
+        preserveParams={{
+          ...(currentSort ? { sort: currentSort } : {}),
+          ...(currentOrder ? { order: currentOrder } : {}),
+          ...(currentSearch ? { q: currentSearch } : {})
+        }}
       />
     {/if}
   </div>

package/src/components/pages/LiteShowPage.svelte

@@ -22,8 +22,8 @@
     canDelete = true,
   }: Props = $props();
 
-  const pk = resource.primaryKey ?? 'id';
-  const idStr = String(record[pk]);
+  let pk = $derived(resource.primaryKey ?? 'id');
+  let idStr = $derived(String(record[pk]));
   
   const showFields = $derived(
     resource.fields.filter(f => f.showInShow !== false)
@@ -48,9 +48,9 @@
     <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px;">
       {#each showFields as field}
         <div>
-          <label style="display: block; font-size: 13px; font-weight: 500; color: #64748b; margin-bottom: 8px;">
+          <div style="display: block; font-size: 13px; font-weight: 500; color: #64748b; margin-bottom: 8px;">
             {field.label}
-          </label>
+          </div>
           <div style="color: #0f172a; font-size: 14px;">
             <LiteShowField {field} value={record[field.key]} />
           </div>

package/src/schema-generator.ts

@@ -43,6 +43,8 @@ function fieldToZod(field: FieldDefinition): z.ZodTypeAny {
       }
       break;
     case 'multiselect':
+      schema = z.array(z.string()).default([]);
+      break;
     case 'tags':
       schema = z.string().transform((v: string) => v ? v.split(',').map((s: string) => s.trim()) : []);
       break;

package/src/server-adapter.ts

@@ -9,7 +9,7 @@ import type {
   ResourceDefinition, FieldDefinition,
   Sort, Filter,
 } from '@svadmin/core';
-import type { RequestEvent } from '@sveltejs/kit';
+import { fail, redirect, type RequestEvent } from '@sveltejs/kit';
 
 // ─── List Loader ──────────────────────────────────────────────
 
@@ -127,8 +127,10 @@ export function createCrudActions(
     delete: async ({ request }: RequestEvent) => {
       const formData = await request.formData();
       const id = formData.get('id') as string;
+      const redirectTo = formData.get('redirect') as string | undefined;
       try {
         await dp.deleteOne({ resource: resource.name, id });
+        if (redirectTo) throw redirect(303, redirectTo);
         return { success: true };
       } catch (e) {
         return { success: false, error: (e as Error).message };
@@ -190,7 +192,7 @@ export function createAuthActions(authProvider: AuthProvider) {
             sameSite: 'lax',
             maxAge: 60 * 60 * 24 * 7, // 7 days
           });
-          return { success: true, redirectTo: result.redirectTo ?? '/lite' };
+          throw redirect(303, result.redirectTo ?? '/lite');
         }
         return { success: false, error: result.error?.message ?? 'Login failed' };
       } catch (e) {