@idealyst/navigation 1.0.81 → 1.0.82

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/navigation",
-  "version": "1.0.81",
+  "version": "1.0.82",
   "description": "Cross-platform navigation library for React and React Native",
   "readme": "README.md",
   "main": "src/index.ts",
@@ -38,8 +38,8 @@
     "publish:npm": "npm publish"
   },
   "peerDependencies": {
-    "@idealyst/components": "^1.0.81",
-    "@idealyst/theme": "^1.0.81",
+    "@idealyst/components": "^1.0.82",
+    "@idealyst/theme": "^1.0.82",
     "@react-navigation/bottom-tabs": "^7.0.0",
     "@react-navigation/drawer": "^7.0.0",
     "@react-navigation/native": "^7.0.0",

package/src/context/NavigatorContext.native.tsx

@@ -9,15 +9,18 @@ const NavigatorContext = createContext<NavigatorContextValue>({
 });
 
 // Utility function to parse path with parameters and find matching route
-const parseParameterizedPath = (path: string, routes: any[]): { routeName: string, params: Record<string, string> } | null => {
+const parseParameterizedPath = (path: string, rootRoute: any): { routeName: string, params: Record<string, string> } | null => {
     // Handle absolute paths like /event/123
     if (path.startsWith('/')) {
         const pathSegments = path.split('/').filter(Boolean);
         
         // Find matching route by checking patterns like /event/:id
-        const findMatchingRoute = (routeList: any[], segments: string[], startIndex = 0): any => {
+        const findMatchingRoute = (routeList: any[], segments: string[], startIndex = 0, pathPrefix = ''): any => {
             for (const route of routeList) {
                 const routeSegments = route.path.split('/').filter(Boolean);
+                // Clean up path joining to avoid double slashes
+                const cleanPath = route.path.startsWith('/') ? route.path.slice(1) : route.path;
+                const fullRoutePath = pathPrefix ? `${pathPrefix}/${cleanPath}` : route.path;
                 
                 if (routeSegments.length === segments.length - startIndex) {
                     let isMatch = true;
@@ -39,13 +42,18 @@ const parseParameterizedPath = (path: string, routes: any[]): { routeName: strin
                     }
                     
                     if (isMatch) {
-                        return { route, params: extractedParams };
+                        return { route, params: extractedParams, fullPath: fullRoutePath };
                     }
                 }
                 
                 // Check nested routes
                 if (route.routes) {
-                    const nestedMatch = findMatchingRoute(route.routes, segments, startIndex + route.path.split('/').filter(Boolean).length);
+                    const nestedMatch = findMatchingRoute(
+                        route.routes, 
+                        segments, 
+                        startIndex + routeSegments.length,
+                        fullRoutePath
+                    );
                     if (nestedMatch) {
                         return nestedMatch;
                     }
@@ -54,10 +62,10 @@ const parseParameterizedPath = (path: string, routes: any[]): { routeName: strin
             return null;
         };
         
-        const match = findMatchingRoute([route], pathSegments);
+        const match = findMatchingRoute(rootRoute.routes || [], pathSegments);
         if (match) {
             return {
-                routeName: match.route.path,
+                routeName: match.fullPath,
                 params: match.params
             };
         }
@@ -71,10 +79,8 @@ const UnwrappedNavigatorProvider = ({ route }: NavigatorProviderProps) => {
     const navigation = useNavigation();
         
     const navigate = (params: NavigateParams) => {
-        
         // Parse parameterized path for mobile
-        const parsed = parseParameterizedPath(params.path, [route]);
-        
+        const parsed = parseParameterizedPath(params.path, route);
         if (parsed) {
             // Navigate to the pattern route with extracted parameters
             navigation.navigate(parsed.routeName as never, parsed.params as never);

package/src/context/NavigatorContext.web.tsx

@@ -5,14 +5,12 @@ import { buildNavigator } from '../routing';
 
 const NavigatorContext = createContext<NavigatorContextValue>({
     navigate: () => {},
-    params: {},
 });
 
 export const NavigatorProvider = ({ 
     route,
 }: NavigatorProviderProps) => {
     const reactRouterNavigate = useNavigate()
-    const params = useParams()
     
     const navigateFunction = (params: NavigateParams) => {
         if (params.path) {
@@ -44,7 +42,6 @@ export const NavigatorProvider = ({
     return (
         <NavigatorContext.Provider value={{ 
             navigate: navigateFunction,
-            params: params || {}
         }}>
             <RouteComponent />
         </NavigatorContext.Provider>