@svadmin/ui 0.0.6 → 0.4.1

package/src/router-state.svelte.ts

@@ -1,5 +1,5 @@
 // Shared reactive hash router state — .svelte.ts enables $state at module level
-import { matchRoute } from '@svadmin/core/router';
+import { matchRoute, setActiveRouterProvider } from '@svadmin/core/router';
 import type { RouterProvider } from '@svadmin/core';
 
 let _route = $state('/');
@@ -17,20 +17,24 @@ const ROUTES = [
   '/:resource/create',
   '/:resource/edit/:id',
   '/:resource/show/:id',
+  '/:parent/:parentId/:resource',
+  '/:parent/:parentId/:resource/create',
+  '/:parent/:parentId/:resource/edit/:id',
+  '/:parent/:parentId/:resource/show/:id',
 ];
 
 function sync() {
+  let path: string;
+
   if (_provider) {
-    // Use RouterProvider for parsing
     const parsed = _provider.parse();
-    const path = parsed.pathname || '/';
-    const m = matchRoute(path.startsWith('#') ? path : `#${path}`, ROUTES);
+    path = parsed.pathname || '/';
+    const m = matchRoute(path, ROUTES);
     _route = m?.route ?? '/';
     _params = { ...(m?.params ?? {}), ...parsed.params };
   } else {
-    // Fallback: direct hash parsing
-    const hash = window.location.hash;
-    const m = matchRoute(hash, ROUTES);
+    path = typeof window !== 'undefined' ? window.location.hash.replace(/^#/, '') || '/' : '/';
+    const m = matchRoute(path, ROUTES);
     _route = m?.route ?? '/';
     _params = m?.params ?? {};
   }
@@ -40,9 +44,12 @@ export function initRouter(provider?: RouterProvider) {
   if (_initialized) return;
   _initialized = true;
   _provider = provider;
+  setActiveRouterProvider(provider);
   sync();
-  window.addEventListener('hashchange', sync);
-  window.addEventListener('popstate', sync);
+  if (typeof window !== 'undefined') {
+    window.addEventListener('hashchange', sync);
+    window.addEventListener('popstate', sync);
+  }
 }
 
 export function getRoute(): string {