temp: debug navigation

Author: rsodre

packages/keychain/src/components/app.tsx

@@ -89,6 +89,7 @@ function DefaultRoute() {
     // When logged in and at root path, redirect to inventory
     // Preserve all URL parameters during redirect
     if (account?.username) {
+      console.log(`_____DefaultRoute >> inventory`, search);
       navigate(`/account/${account.username}/inventory`, {
         reset: true,
       });

packages/keychain/src/context/navigation.tsx

@@ -74,6 +74,7 @@ export function NavigationProvider({
     setNavigationStack([rootEntry]);
     setCurrentIndex(0);
     lastTrackedPath.current = "/";
+    console.warn(`----- ROOT >>`, rootEntry);
 
     navigate("/", { replace: true });
   }, [navigate, setNavigationStack, setCurrentIndex]);
@@ -89,6 +90,7 @@ export function NavigationProvider({
       };
       setNavigationStack([initialEntry]);
       setCurrentIndex(0);
+      console.warn(`----- INITIAL_ENTRY >>`, initialEntry);
       lastTrackedPath.current = currentPath;
       isInitialized.current = true;
     }
@@ -108,6 +110,8 @@ export function NavigationProvider({
       lastTrackedPath.current = currentPath;
       return;
     }
+    console.warn(`!!! LOCATION >>`, currentPath, currentPathname);
+    console.log(`!!! current >>`, isInitialized, lastTrackedPath, currentIndex, navigationStack.map((p) => p.path));
 
     // Skip if the pathname hasn't actually changed (ignore search params for stack entries)
     const previousPathname = lastTrackedPath.current.split("?")[0];
@@ -129,8 +133,10 @@ export function NavigationProvider({
             path: currentPath,
             timestamp: Date.now(),
           };
+          console.log(`!!! setNavigationStack >>`, prev.length, prev.map((p) => p.path), ">>", newStack.length, newStack.map((p) => p.path));
           return newStack;
         }
+        console.log(`!!! setNavigationStack prev >>>>>>>>`, prev.length, prev.map((p) => p.path));
         return prev;
       });
 
@@ -156,10 +162,10 @@ export function NavigationProvider({
         }
       }
 
-      // if equals to the last path, keep new one
-      if (prev[currentPosition]?.path === newEntry.path) {
-        currentPosition--;
-      }
+      // // if equals to the last path, keep new one
+      // if (prev[currentPosition]?.path === newEntry.path) {
+      //   currentPosition--;
+      // }
 
       // Truncate any forward history and add new entry
       const newStack = [...prev.slice(0, currentPosition + 1), newEntry];
@@ -168,6 +174,7 @@ export function NavigationProvider({
       const newIndex = newStack.length - 1;
       setCurrentIndex(newIndex);
 
+      console.log(`!!! setNavigationStack +++`, newIndex, prev.length, prev.map((p) => p.path), ">>", newStack.length, newStack.map((p) => p.path));
       return newStack;
     });
 
@@ -232,6 +239,8 @@ export function NavigationProvider({
         showClose?: boolean;
       },
     ) => {
+      console.warn(`::: navigateWithTracking >>`, to, options);
+      console.log(`::: current >>`, isInitialized, lastTrackedPath, currentIndex, navigationStack.length, navigationStack.map((p) => p.path));
       if (typeof to === "number") {
         // Handle relative navigation
         const newIndex = currentIndex + to;
@@ -286,11 +295,14 @@ export function NavigationProvider({
                   options.showClose ?? newStack[currentIndex].showClose,
               };
             }
+            console.log(`::: setNavigationStack >>`, prev.length, prev.map((p) => p.path), ">>", newStack.length, newStack.map((p) => p.path));
             return newStack;
           });
+          console.log(`::: lastTrackedPath >>`, lastTrackedPath.current);
           lastTrackedPath.current = finalPath;
         }
 
+        console.log(`::: navigate >>`, finalPath, options);
         navigate(finalPath, options);
       }
     },