@donotdev/ui 0.0.6 → 0.0.8

package/dist/routing/useGoTo.js

@@ -3,19 +3,15 @@
  * @fileoverview useGoTo Hook - Navigation search logic
  * @description Clean hook for Cmd+K navigation with favorites, recents, and filtering
  *
- * @version 0.0.1
+ * @version 0.0.2
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
 import { useCallback, useMemo } from 'react';
-import { useLocalStorage } from '@donotdev/core';
+import { useNavigationStore } from '@donotdev/core';
 // Platform-specific hooks via conditional exports
 import { useNavigate } from '@donotdev/ui/routing/hooks';
 import { useNavigationItems } from './useNavigation';
-const FAVORITES_KEY = 'nav_favorites';
-const RECENT_KEY = 'nav_recent';
-const MAX_RECENT = 8;
-const EMPTY_ARRAY = [];
 /**
  * Hook for navigation with favorites and recents
  * Command component handles search/filtering
@@ -23,15 +19,12 @@ const EMPTY_ARRAY = [];
 export const useGoTo = () => {
     const navigate = useNavigate();
     const navigationItems = useNavigationItems() ?? [];
-    // LocalStorage state
-    const { value: favorites, setValue: setFavorites } = useLocalStorage(FAVORITES_KEY, {
-        defaultValue: EMPTY_ARRAY,
-        syncAcrossTabs: true,
-    });
-    const { value: recent, setValue: setRecent } = useLocalStorage(RECENT_KEY, {
-        defaultValue: EMPTY_ARRAY,
-        syncAcrossTabs: false,
-    });
+    // Navigation store (favorites and recent persisted per computer)
+    const favorites = useNavigationStore((state) => state.favorites);
+    const recent = useNavigationStore((state) => state.recent);
+    const toggleFavoriteStore = useNavigationStore((state) => state.toggleFavorite);
+    const isFavoriteStore = useNavigationStore((state) => state.isFavorite);
+    const addRecentStore = useNavigationStore((state) => state.addRecent);
     // Get favorite items
     const favoriteItems = useMemo(() => {
         if (!navigationItems.length)
@@ -45,16 +38,16 @@ export const useGoTo = () => {
         const items = navigationItems.filter((item) => recent.includes(item.path));
         return items.slice(0, 5);
     }, [recent, navigationItems]);
-    // Toggle favorite
+    // Toggle favorite (delegates to navigation store)
     const toggleFavorite = useCallback((path) => {
-        setFavorites((prev) => prev.includes(path) ? prev.filter((p) => p !== path) : [...prev, path]);
-    }, [setFavorites]);
-    // Check if item is favorite
-    const isFavorite = useCallback((path) => favorites.includes(path), [favorites]);
-    // Add to recent
+        toggleFavoriteStore(path);
+    }, [toggleFavoriteStore]);
+    // Check if item is favorite (delegates to navigation store)
+    const isFavorite = useCallback((path) => isFavoriteStore(path), [isFavoriteStore]);
+    // Add to recent (delegates to navigation store)
     const addRecent = useCallback((path) => {
-        setRecent((prev) => [path, ...prev.filter((p) => p !== path)].slice(0, MAX_RECENT));
-    }, [setRecent]);
+        addRecentStore(path);
+    }, [addRecentStore]);
     // Navigate to item
     const navigateToItem = useCallback((path) => {
         addRecent(path);