@svadmin/ui 0.32.5 → 0.32.7

package/dist/components/AdminApp.svelte

@@ -13,17 +13,6 @@
   import AutoTable from './AutoTable.svelte';
   import AutoForm from './AutoForm.svelte';
   import ShowPage from './ShowPage.svelte';
-
-  // Module-level QueryClient — survives component remounts (SPA only)
-  let _queryClient: QueryClient | null = null;
-  function getOrCreateQueryClient(): QueryClient {
-    if (!_queryClient) {
-      _queryClient = new QueryClient({
-        defaultOptions: { queries: { staleTime: 30_000, retry: 1 } },
-      });
-    }
-    return _queryClient;
-  }
   import Toast from './Toast.svelte';
   import LoginPage from './LoginPage.svelte';
   import RegisterPage from './RegisterPage.svelte';
@@ -51,7 +40,7 @@
     /** Theme configuration for dark-first mode, CSS overrides, etc. */
     themeConfig?: ThemeConfig;
     dashboard?: Snippet;
-    loginPage?: Snippet<[{ onSuccess: () => void }]>;
+    loginPage?: Snippet;
     /** Override default components via DI */
     components?: Partial<ComponentRegistry>;
     /** Custom multi-level menu configuration */
@@ -89,16 +78,28 @@
     Skeleton: Skeleton as unknown as ComponentRegistry['Skeleton'],
   };
 
-  setComponentRegistry({ ...defaultComponents, ...userComponents });
+  // Merge user overrides and set context
+  $effect(() => {
+    setComponentRegistry({ ...defaultComponents, ...userComponents });
+  });
 
-  const defaultRouter = createHashRouterProvider();
-  const resolvedRouter = $derived(routerProvider ?? defaultRouter);
+  // Resolve router provider (default to hash)
+  const resolvedRouter = $derived(routerProvider ?? createHashRouterProvider());
   const resolvedRouteMode = $derived(routeMode ?? (routerProvider ? 'auto' : 'hash'));
 
-  // Set up context — use $effect.pre so prop changes are tracked and children can access during first render
+  // Set up initial context synchronously so children can access resources immediately during first render
+  setDataProvider(dataProvider);
+  if (authProvider) setAuthProvider(authProvider);
+  setResources(resources);
+  setRouterProvider(resolvedRouter);
+  if (locale) setLocale(locale);
+  if (userThemeConfig) configureTheme(userThemeConfig);
+  if (defaultTheme) setTheme(defaultTheme);
+
+  // Set up context — use $effect so prop changes are tracked
   $effect.pre(() => {
     setDataProvider(dataProvider);
-    setAuthProvider(authProvider);
+    if (authProvider) setAuthProvider(authProvider);
     setResources(resources);
     setRouterProvider(resolvedRouter);
     if (locale) setLocale(locale);
@@ -106,10 +107,14 @@
     if (defaultTheme) setTheme(defaultTheme);
   });
 
-  // QueryClient — created once and reused across remounts
-  const queryClient = getOrCreateQueryClient();
+  const queryClient = new QueryClient({
+    defaultOptions: {
+      queries: { staleTime: 30_000, retry: 1 },
+    },
+  });
 
-  // Initialize router with provider
+  // Initialize router with provider synchronously
+  initRouter(resolvedRouter);
   $effect.pre(() => {
     initRouter(resolvedRouter);
   });
@@ -164,7 +169,7 @@
       </div>
     </div>
   {:else if route === '/login' && loginPage}
-    {@render loginPage({ onSuccess: () => { isAuthenticated = true; navigate('/'); } })}
+    {@render loginPage()}
   {:else if route === '/login' && authProvider}
     <LoginPage {title} onSuccess={() => { isAuthenticated = true; navigate('/'); }} />
   {:else if route === '/register' && authProvider?.register}

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

@@ -13,9 +13,7 @@ interface Props {
     /** Theme configuration for dark-first mode, CSS overrides, etc. */
     themeConfig?: ThemeConfig;
     dashboard?: Snippet;
-    loginPage?: Snippet<[{
-        onSuccess: () => void;
-    }]>;
+    loginPage?: Snippet;
     /** Override default components via DI */
     components?: Partial<ComponentRegistry>;
     /** Custom multi-level menu configuration */

package/dist/components/AutoTable.svelte

@@ -9,7 +9,7 @@
     type ColumnVisibilityState,
     type ExpandedState,
   } from '@tanstack/svelte-table';
-  import { getCoreRowModel } from '@tanstack/table-core';
+  import { createCoreRowModel } from '@tanstack/table-core';
 
   import { useList, useDelete, useDeleteMany, getResource, notify } from '@svadmin/core';
   import type { Pagination as PaginationState, Sort, Filter, FieldDefinition } from '@svadmin/core';
@@ -280,7 +280,7 @@
   const tbl = createTable({
     get data() { return query.data?.data ?? []; },
     get columns() { return columns; },
-    getCoreRowModel: getCoreRowModel(),
+    getCoreRowModel: createCoreRowModel(),
     manualPagination: true,
     manualSorting: true,
     getRowId: (row: any) => String(row[primaryKey]),

package/dist/components/Header.svelte

@@ -26,11 +26,12 @@
     siteUrl?: string;
   }>();
 
-  const registry = $derived(getComponentRegistry() || {} as any);
-  const CustomBreadcrumbs = $derived(registry.Breadcrumbs);
-  const CustomThemeToggle = $derived(registry.ThemeToggle);
-  const CustomUserMenu = $derived(registry.UserMenu);
-  const CustomNotificationPanel = $derived(registry.NotificationPanel);
+  // Retrieve optional component overrides from registry
+  const registry = getComponentRegistry() || {} as any;
+  const CustomBreadcrumbs = registry.Breadcrumbs;
+  const CustomThemeToggle = registry.ThemeToggle;
+  const CustomUserMenu = registry.UserMenu;
+  const CustomNotificationPanel = registry.NotificationPanel;
 </script>
 
 <header class="sticky top-0 z-30 flex h-14 w-full shrink-0 items-center justify-between bg-card/60 backdrop-blur-md px-4 md:px-6">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.32.5",
+  "version": "0.32.7",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [
@@ -27,7 +27,7 @@
     "./components/*": "./dist/components/*"
   },
   "peerDependencies": {
-    "@svadmin/core": "^0.23.5",
+    "@svadmin/core": "^0.23.6",
     "@tanstack/svelte-query": "^6.0.0",
     "highlight.js": "^11.11.1",
     "isomorphic-dompurify": "^3.7.1",