@svadmin/lite 0.3.2 → 0.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/lite",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "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.21.2",
+    "@svadmin/core": "^0.22.1",
     "@sveltejs/kit": "^2.0.0"
   },
   "dependencies": {

package/src/components/LiteAuditLog.svelte

@@ -79,11 +79,11 @@
   {#if totalPages > 1}
     <div class="lite-pagination" style="margin-top:12px;">
       {#if page > 1}
-        <a href="{basePath}page={page - 1}" class="lite-btn lite-btn-sm">&laquo; Prev</a>
+        <a href={`${basePath}page={page - 1}`} class="lite-btn lite-btn-sm">&laquo; Prev</a>
       {/if}
       <span style="padding:0 12px;font-size:14px;color:#64748b;">Page {page} / {totalPages} ({total} total)</span>
       {#if page < totalPages}
-        <a href="{basePath}page={page + 1}" class="lite-btn lite-btn-sm">Next &raquo;</a>
+        <a href={`${basePath}page={page + 1}`} class="lite-btn lite-btn-sm">Next &raquo;</a>
       {/if}
     </div>
   {/if}

package/src/components/LiteLayout.svelte

@@ -81,7 +81,7 @@
     {:else}
       {#each menuResources as res}
         <a
-          href="{basePath}/{res.name}"
+          href={`${basePath}/${res.name}`}
           class={res.name === currentResource ? 'active' : ''}
         >
           {res.label}
@@ -91,7 +91,7 @@
     {#if userName}
       <div style="position:absolute;bottom:0;left:0;right:0;padding:12px 16px;border-top:1px solid #334155;font-size:12px;color:#94a3b8;">
         {userName}
-        <form method="POST" action="{basePath}/login?/logout" style="display:inline;margin-left:8px;">
+        <form method="POST" action={`${basePath}/login?/logout`} style="display:inline;margin-left:8px;">
           <button type="submit" class="lite-btn lite-btn-sm" style="color:#94a3b8;border-color:#475569;background:transparent;">Logout</button>
         </form>
       </div>

package/src/components/LiteShow.svelte

@@ -33,11 +33,11 @@
     <h1>{resource.label} #{id}</h1>
     <div>
       {#if canEdit}
-        <a href="{basePath}/{resource.name}/edit/{id}" class="lite-btn lite-btn-primary">
+        <a href={`${basePath}/${resource.name}/edit/${id}`} class="lite-btn lite-btn-primary">
           {t('common.edit') || 'Edit'}
         </a>
       {/if}
-      <a href="{basePath}/{resource.name}" class="lite-btn" style="margin-left:8px;">
+      <a href={`${basePath}/${resource.name}`} class="lite-btn" style="margin-left:8px;">
         {t('common.backToList') || 'Back to List'}
       </a>
     </div>

package/src/components/LiteTable.svelte

@@ -103,7 +103,7 @@
         {#if canEdit || canDelete}
           <td class="actions">
             {#if canEdit}
-              <a href="{basePath}/{resource.name}/edit/{id}" class="lite-btn lite-btn-sm">{t('common.edit') || 'Edit'}</a>
+              <a href={`${basePath}/${resource.name}/edit/${id}`} class="lite-btn lite-btn-sm">{t('common.edit') || 'Edit'}</a>
             {/if}
             {#if canDelete}
               <!-- Delete uses <details> for no-JS confirmation -->

package/src/components/advanced/LiteDrawerForm.svelte

@@ -26,7 +26,7 @@
   const href = $derived(
     mode === 'create'
       ? `${basePath}/${resource.name}/create`
-      : `${basePath}/${resource.name}/${recordId}/edit`
+      : `${basePath}/${resource.name}/edit/${recordId}`
   );
 
   const buttonLabel = $derived(

package/src/components/advanced/LiteModalForm.svelte

@@ -27,7 +27,7 @@
   const href = $derived(
     mode === 'create'
       ? `${basePath}/${resource.name}/create`
-      : `${basePath}/${resource.name}/${recordId}/edit`
+      : `${basePath}/${resource.name}/edit/${recordId}`
   );
 
   const buttonLabel = $derived(

package/src/components/buttons/LiteCloneButton.svelte

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

package/src/components/buttons/LiteCreateButton.svelte

@@ -20,7 +20,7 @@
 </script>
 
 <a
-  href="{basePath}/{resource}/create"
+  href={`${basePath}/${resource}/create`}
   class="lite-btn lite-btn-primary {size === 'sm' ? 'lite-btn-sm' : ''} {className}"
   title={t('common.create') || 'Create'}
 >

package/src/components/buttons/LiteDeleteButton.svelte

@@ -37,7 +37,7 @@
     <p style="margin: 0 0 8px; font-size: 13px; color: #111827;">
       {t('common.areYouSure') || 'Are you sure?'}
     </p>
-    <form method="POST" action="?/{resource}_delete" style="display:inline-flex; gap: 8px;">
+    <form method="POST" action="?/delete" style="display:inline-flex; gap: 8px;">
       <input type="hidden" name="id" value={String(recordItemId)} />
       {#if redirectUrl}
         <input type="hidden" name="redirect" value={redirectUrl} />

package/src/components/buttons/LiteEditButton.svelte

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

package/src/components/buttons/LiteImportButton.svelte

@@ -31,7 +31,7 @@
   </summary>
   <div class="lite-confirm-panel">
     <p style="margin: 0 0 8px; font-size: 13px;">{t('common.importData') || 'Import data (CSV/JSON)'}</p>
-    <form method="POST" action="?/{resource}_import" enctype="multipart/form-data" style="display:flex; flex-direction: column; gap: 8px;">
+    <form method="POST" action="?/${resource}_import" enctype="multipart/form-data" style="display:flex; flex-direction: column; gap: 8px;">
       <input type="file" name="file" accept=".csv,.json" required style="font-size: 13px;" />
       <div style="display:flex; gap: 8px; justify-content: flex-end;">
         <button 

package/src/components/buttons/LiteListButton.svelte

@@ -20,7 +20,7 @@
 </script>
 
 <a
-  href="{basePath}/{resource}"
+  href={`${basePath}/${resource}`}
   class="lite-btn {size === 'sm' ? 'lite-btn-sm' : ''} {className}"
   title={t('common.list') || 'List'}
 >

package/src/components/buttons/LiteShowButton.svelte

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

package/src/components/layout/LiteSidebar.svelte

@@ -75,7 +75,7 @@
   {:else}
     {#each menuResources as res}
       <a
-        href="{basePath}/{res.name}"
+        href={`${basePath}/${res.name}`}
         class={res.name === currentResource ? 'active' : ''}
       >
         {res.label ?? res.name}
@@ -85,7 +85,7 @@
   {#if userName}
     <div style="position:absolute;bottom:0;left:0;right:0;padding:12px 16px;border-top:1px solid #334155;font-size:12px;color:#94a3b8;">
       {userName}
-      <form method="POST" action="{basePath}/login?/logout" style="display:inline;margin-left:8px;">
+      <form method="POST" action={`${basePath}/login?/logout`} style="display:inline;margin-left:8px;">
         <button type="submit" class="lite-btn lite-btn-sm" style="color:#94a3b8;border-color:#475569;background:transparent;padding:2px 8px;">Logout</button>
       </form>
     </div>

package/src/components/pages/LiteCreatePage.svelte

@@ -33,7 +33,7 @@
     {resource}
     {errors}
     {values}
-    action="?/{resource.name}_create"
-    cancelUrl="{basePath}/{resource.name}"
+    action="?/create"
+    cancelUrl={`${basePath}/${resource.name}`}
   />
 </div>

package/src/components/pages/LiteEditPage.svelte

@@ -37,7 +37,7 @@
       {/if}
       <LiteListButton resource={resource.name} {basePath} />
       {#if canDelete}
-        <LiteDeleteButton resource={resource.name} recordItemId={idStr} redirectUrl="{basePath}/{resource.name}" {basePath} />
+        <LiteDeleteButton resource={resource.name} recordItemId={idStr} redirectUrl={`${basePath}/${resource.name}`} {basePath} />
       {/if}
     </div>
   </div>
@@ -48,7 +48,7 @@
     {resource}
     {errors}
     values={record}
-    action="?/{resource.name}_update"
-    cancelUrl="{basePath}/{resource.name}"
+    action="?/update"
+    cancelUrl={`${basePath}/${resource.name}`}
   />
 </div>

package/src/components/pages/LiteShowPage.svelte

@@ -39,7 +39,7 @@
       {/if}
       <LiteListButton resource={resource.name} {basePath} />
       {#if canDelete}
-        <LiteDeleteButton resource={resource.name} recordItemId={idStr} redirectUrl="{basePath}/{resource.name}" {basePath} />
+        <LiteDeleteButton resource={resource.name} recordItemId={idStr} redirectUrl={`${basePath}/${resource.name}`} {basePath} />
       {/if}
     </div>
   </div>

package/src/server-adapter.ts

@@ -9,7 +9,7 @@ import type {
   ResourceDefinition, FieldDefinition,
   Sort, Filter,
 } from '@svadmin/core';
-import { fail, redirect, type RequestEvent } from '@sveltejs/kit';
+import { fail, redirect, isRedirect, type RequestEvent } from '@sveltejs/kit';
 
 // ─── List Loader ──────────────────────────────────────────────
 
@@ -107,6 +107,7 @@ export function createCrudActions(
         const result = await dp.create({ resource: resource.name, variables });
         return { success: true, id: (result.data as Record<string, unknown>)[pk] };
       } catch (e) {
+        if (isRedirect(e)) throw e;
         return { success: false, error: (e as Error).message, values: variables };
       }
     },
@@ -120,6 +121,7 @@ export function createCrudActions(
         await dp.update({ resource: resource.name, id, variables });
         return { success: true };
       } catch (e) {
+        if (isRedirect(e)) throw e;
         return { success: false, error: (e as Error).message, values: variables };
       }
     },
@@ -133,6 +135,7 @@ export function createCrudActions(
         if (redirectTo) throw redirect(303, redirectTo);
         return { success: true };
       } catch (e) {
+        if (isRedirect(e)) throw e;
         return { success: false, error: (e as Error).message };
       }
     },
@@ -155,21 +158,31 @@ export function createAuthGuard(
       return resolve(event);
     }
 
+    // Local Lite Session Verify 
+    const session = event.cookies.get('svadmin-session');
+    if (!session) {
+      return new Response(null, {
+        status: 302,
+        headers: { Location: loginPath },
+      });
+    }
+
     try {
       const check = await authProvider.check();
       if (!check.authenticated) {
+        event.cookies.delete('svadmin-session', { path: '/' });
         return new Response(null, {
           status: 302,
           headers: { Location: loginPath },
         });
       }
     } catch {
+      event.cookies.delete('svadmin-session', { path: '/' });
       return new Response(null, {
         status: 302,
         headers: { Location: loginPath },
       });
     }
-
     return resolve(event);
   };
 }
@@ -196,6 +209,7 @@ export function createAuthActions(authProvider: AuthProvider) {
         }
         return { success: false, error: result.error?.message ?? 'Login failed' };
       } catch (e) {
+        if (isRedirect(e)) throw e;
         return { success: false, error: (e as Error).message };
       }
     },