@svadmin/ui 0.30.0 → 0.30.1

package/dist/components/AdminApp.svelte

@@ -191,6 +191,11 @@
           {@const Comp = getComponentRegistry().ShowPage}
           <Comp resourceName={params.resource} id={params.id} />
         {/key}
+      {:else if route === '/:resource/clone/:id'}
+        {#key `${params.resource}-clone-${params.id}`}
+          {@const Comp = getComponentRegistry().AutoForm}
+          <Comp resourceName={params.resource} mode="create" id={params.id} />
+        {/key}
       {/if}
       </div>
       {/key}

package/dist/components/AppearanceSettings.svelte

@@ -22,24 +22,24 @@
   // Sidebar density
   const DENSITY_KEY = 'svadmin-sidebar-density';
   let density = $state<'compact' | 'standard'>(
-    (typeof localStorage !== 'undefined' ? localStorage.getItem(DENSITY_KEY) : null) as 'compact' | 'standard' ?? 'standard'
+    (typeof window !== 'undefined' ? localStorage.getItem(DENSITY_KEY) : null) as 'compact' | 'standard' ?? 'standard'
   );
 
   function setDensity(d: 'compact' | 'standard') {
     density = d;
-    if (typeof localStorage !== 'undefined') localStorage.setItem(DENSITY_KEY, d);
+    if (typeof window !== 'undefined') localStorage.setItem(DENSITY_KEY, d);
   }
 
   // Page size
   const PAGE_SIZE_KEY = 'svadmin-default-page-size';
   const pageSizeOptions = [10, 20, 50];
   let pageSize = $state<number>(
-    typeof localStorage !== 'undefined' ? parseInt(localStorage.getItem(PAGE_SIZE_KEY) ?? '10', 10) : 10
+    typeof window !== 'undefined' ? parseInt(localStorage.getItem(PAGE_SIZE_KEY) ?? '10', 10) : 10
   );
 
   function setPageSize(size: number) {
     pageSize = size;
-    if (typeof localStorage !== 'undefined') localStorage.setItem(PAGE_SIZE_KEY, String(size));
+    if (typeof window !== 'undefined') localStorage.setItem(PAGE_SIZE_KEY, String(size));
   }
 
   // Locale display names

package/dist/components/AutoTable.svelte

@@ -84,7 +84,7 @@
   const urlState = readURLState();
 
   // Snapshot resource values for initial state (untrack to avoid reactive tracking)
-  const storedPageSize = typeof localStorage !== 'undefined' ? parseInt(localStorage.getItem('svadmin-default-page-size') ?? '', 10) : NaN;
+  const storedPageSize = typeof window !== 'undefined' ? parseInt(localStorage.getItem('svadmin-default-page-size') ?? '', 10) : NaN;
   const initPageSize = untrack(() => resource.pageSize ?? (isNaN(storedPageSize) ? 10 : storedPageSize));
   const initDefaultSort = untrack(() => resource.defaultSort);
 
@@ -171,7 +171,7 @@
   let columnVisibility = $state<VisibilityState>((() => {
     // Try to restore from localStorage first
     const storageKey = `svadmin-columns-${resourceName}`;
-    if (typeof localStorage !== 'undefined') {
+    if (typeof window !== 'undefined') {
       try {
         const stored = localStorage.getItem(storageKey);
         if (stored) return JSON.parse(stored);
@@ -191,7 +191,7 @@
   // Persist column visibility to localStorage
   $effect(() => {
     const storageKey = `svadmin-columns-${resourceName}`;
-    if (typeof localStorage !== 'undefined') {
+    if (typeof window !== 'undefined') {
       try {
         localStorage.setItem(storageKey, JSON.stringify(columnVisibility));
       } catch { /* ignore quota errors */ }

package/dist/components/DraggableHeader.svelte

@@ -32,7 +32,7 @@
   // Restore saved order from localStorage
   $effect(() => {
     const storageKey = `svadmin-colorder-${resourceName}`;
-    if (typeof localStorage === 'undefined') return;
+    if (typeof window === 'undefined') return;
     try {
       const saved = localStorage.getItem(storageKey);
       if (saved) {
@@ -79,7 +79,7 @@
 
     // Persist to localStorage
     const storageKey = `svadmin-colorder-${resourceName}`;
-    if (typeof localStorage !== 'undefined') {
+    if (typeof window !== 'undefined') {
       try {
         localStorage.setItem(storageKey, JSON.stringify(newColumns.map(c => c.id)));
       } catch { /* ignore */ }

package/dist/components/TooltipButton.svelte

@@ -6,6 +6,9 @@
 
   interface Props extends Omit<HTMLButtonAttributes, 'class' | 'children'> {
     tooltip: string;
+    href?: string;
+    target?: string;
+    rel?: string;
     variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
     size?: 'default' | 'sm' | 'lg' | 'icon' | 'icon-sm';
     side?: 'top' | 'right' | 'bottom' | 'left';
@@ -24,6 +27,9 @@
     disabled = false,
     type = 'button',
     tabindex,
+    href,
+    target,
+    rel,
     children,
     ...restProps
   }: Props = $props();
@@ -32,7 +38,7 @@
 <Tooltip.Root>
   <Tooltip.Trigger>
     {#snippet child({ props })}
-      {@const buttonProps = { ...props, ...restProps, variant, size, type, class: className, 'aria-label': restProps['aria-label'] ?? tooltip, onclick, disabled, tabindex } as any}
+      {@const buttonProps = { ...props, ...restProps, href, target, rel, variant, size, type, class: className, 'aria-label': restProps['aria-label'] ?? tooltip, onclick, disabled, tabindex } as any}
       <Button {...buttonProps}>
         {@render children()}
       </Button>

package/dist/components/TooltipButton.svelte.d.ts

@@ -2,6 +2,9 @@ import type { Snippet } from 'svelte';
 import type { HTMLButtonAttributes } from 'svelte/elements';
 interface Props extends Omit<HTMLButtonAttributes, 'class' | 'children'> {
     tooltip: string;
+    href?: string;
+    target?: string;
+    rel?: string;
     variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
     size?: 'default' | 'sm' | 'lg' | 'icon' | 'icon-sm';
     side?: 'top' | 'right' | 'bottom' | 'left';

package/dist/router-state.svelte.js

@@ -14,10 +14,12 @@ const ROUTES = [
     '/:resource/create',
     '/:resource/edit/:id',
     '/:resource/show/:id',
+    '/:resource/clone/:id',
     '/:parent/:parentId/:resource',
     '/:parent/:parentId/:resource/create',
     '/:parent/:parentId/:resource/edit/:id',
     '/:parent/:parentId/:resource/show/:id',
+    '/:parent/:parentId/:resource/clone/:id',
 ];
 function sync() {
     let path;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.30.0",
+  "version": "0.30.1",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [
@@ -25,7 +25,7 @@
     "./components/*": "./dist/components/*"
   },
   "peerDependencies": {
-    "@svadmin/core": "^0.21.0",
+    "@svadmin/core": "^0.21.1",
     "@tanstack/svelte-query": "^6.0.0",
     "highlight.js": "^11.11.1",
     "isomorphic-dompurify": "^3.7.1",
@@ -53,6 +53,7 @@
   "dependencies": {
     "@lucide/svelte": "^1.7.0",
     "@tanstack/svelte-table": "^9.0.0-alpha.10",
+    "@tanstack/table-core": "^9.0.0-alpha.10",
     "bits-ui": "^2.17.1",
     "clsx": "^2.1.1",
     "cmdk-sv": "^0.0.19",
@@ -71,9 +72,7 @@
   "bugs": {
     "url": "https://github.com/zuohuadong/svadmin/issues"
   },
-  "devDependencies": {
-    "@tanstack/table-core": "8.21.3"
-  },
+  "devDependencies": {},
   "scripts": {
     "build": "svelte-package -i src -o dist"
   }