react-hook-toolkit 2.0.5 → 2.0.6

package/README.md

@@ -48,6 +48,39 @@ const {
     closeCurrentTab
   } = useBrowser();
 ```
+---
+
+📌 **useRouter**
+Keeps track of the current URL path and query parameters, and allows navigation by updating the browser URL. Useful for lightweight routing in apps without full routing libraries.
+
+```ts
+const { pathname, searchParams, navigate } = useRouter();
+
+console.log(pathname); // "/dashboard"
+
+console.log(searchParams.get("tab")); // "home"
+
+navigate("/dashboard?tab=home");
+```
+
+---
+
+📌 **useNavigationState**
+Combines the functionality of `useRouter` and React Router’s `useNavigate` + `useLocation`. Tracks `pathname`, `searchParams`, and `state` (from pushState), and allows navigation while passing custom state.
+
+```ts
+const { pathname, searchParams, state, navigate } = useNavigationState();
+
+console.log(pathname); // "/dashboard"
+
+console.log(searchParams.get("tab")); // "home"
+
+console.log(state?.id); // 34
+
+navigate("/dashboard", { state: { id: 34 } });
+```
+
+---
 
 📌 **useRequest**  
 Provides an easy way to fetch data with hooks, managing loading, data, and error states.

package/dist/chunk1516/chunk0022.d.ts

@@ -5,3 +5,12 @@ export declare function useRouter(initialPath?: string): {
     searchParams: URLSearchParams;
     navigate: (newPath: any) => void;
 };
+export declare function useNavigationState(): {
+    pathname: string;
+    search: string;
+    searchParams: URLSearchParams;
+    state: any;
+    navigate: (newPath: string, options?: {
+        state?: any;
+    }) => void;
+};

package/dist/chunk1516/chunk0022.js

@@ -382,7 +382,6 @@ export var useBrowser = function () {
 export function useRouter(initialPath) {
     if (initialPath === void 0) { initialPath = window.location.pathname + window.location.search; }
     var _a = useState(initialPath), path = _a[0], setPath = _a[1];
-    // Extract pathname and searchParams from the current path
     var _b = useMemo(function () {
         var _a = path.split('?'), basePath = _a[0], queryString = _a[1];
         return {
@@ -390,13 +389,11 @@ export function useRouter(initialPath) {
             searchParams: new URLSearchParams(queryString || ''),
         };
     }, [path]), pathname = _b.pathname, searchParams = _b.searchParams;
-    // Function to update the route
     var navigate = useCallback(function (newPath) {
         var newPathStr = String(newPath);
         setPath(newPathStr);
-        window.history.pushState({}, '', newPathStr); // Optional: updates browser URL
+        window.history.pushState({}, '', newPathStr);
     }, []);
-    // Handle browser back/forward navigation
     useEffect(function () {
         var handlePopState = function () {
             setPath(window.location.pathname + window.location.search);
@@ -410,3 +407,38 @@ export function useRouter(initialPath) {
         navigate: navigate,
     };
 }
+export function useNavigationState() {
+    var _a = useState({
+        pathname: window.location.pathname,
+        search: window.location.search,
+        state: window.history.state,
+    }), location = _a[0], setLocation = _a[1];
+    var navigate = useCallback(function (newPath, options) {
+        window.history.pushState((options === null || options === void 0 ? void 0 : options.state) || {}, "", newPath);
+        setLocation({
+            pathname: window.location.pathname,
+            search: window.location.search,
+            state: (options === null || options === void 0 ? void 0 : options.state) || {},
+        });
+        window.dispatchEvent(new PopStateEvent("popstate"));
+    }, []);
+    useEffect(function () {
+        var handlePopState = function () {
+            setLocation({
+                pathname: window.location.pathname,
+                search: window.location.search,
+                state: window.history.state,
+            });
+        };
+        window.addEventListener("popstate", handlePopState);
+        return function () { return window.removeEventListener("popstate", handlePopState); };
+    }, []);
+    var searchParams = useMemo(function () { return new URLSearchParams(location.search); }, [location.search]);
+    return {
+        pathname: location.pathname,
+        search: location.search,
+        searchParams: searchParams,
+        state: location.state,
+        navigate: navigate,
+    };
+}

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 import 'nprogress/nprogress.css';
 import { ReactHooksWrapper, getHook, setHook } from './chunk1415/chunk143';
 import { useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress, useRecentSearch, useSpeech, usePermission, usePageLeave, useMotion, useHoverDirty, useBeforeUnload, useClickAway, useResponsive, useUnmountedRef } from './chunk1516/chunk726433';
-import { useBrowser, useRouter } from './chunk1516/chunk0022';
+import { useBrowser, useNavigationState, useRouter } from './chunk1516/chunk0022';
 declare const useDrawer: () => import("./chunk1213/chunk158261").DrawerContextValue;
 import { useGenericReducer, useArray, useAsync, useClipboard, useCookie, useDarkMode, useDebounce, useDebouncedCallback, useDebouncedValue, useDelay, useRequest, useRequestRetry, useForm, useImageLoader, useIndexedDB, useInterval, useKeyPress, useLocalStorage, useMediaQuery, useMousePosition, useOnlineStatus, usePersistedState, usePrevious, useReducedMotion, useResizeObserver, useScrollDirection, useScrollLock, useScrollPosition, useScript, useStepper, useThrottle, useTimeout, useToggle, useVisibilityChange, useWindowSize } from './chunk1516/chunk940514';
 import { createOptimizedContext, useBattery, useCountDown, useCountUp, useCrossFieldValidation, useCss, useDragReorder, useEventListener, useEventListeners, useFieldArray, useFormSubmit, useFormWizard, useGeoLocation, useHistory, useInfiniteScroll, useIsMounted, usePersistedForm, usePreferredLanguage, useSessionStorage, useSmartForm, useSound, useSpeak, useTimer, useTouch, useUndo, useUpdateEffect, useWebSocket } from './chunk1516/chunk0021';
 import { DrawerProvider } from './chunk1213/chunk158261';
 export default ReactHooksWrapper;
-export { getHook, setHook, useGenericReducer, useArray, useAsync, useBrowser, useBattery, useBeforeUnload, useClipboard, useCookie, useClickAway, useCountDown, useCountUp, useCrossFieldValidation, useCss, useDrawer, useDarkMode, useDebounce, useDebouncedCallback, useDebouncedValue, useDelay, useDragReorder, useEventListener, useEventListeners, useRequest, useRequestRetry, useFieldArray, useForm, useFormSubmit, useFormWizard, useGeoLocation, useHoverDirty, useHistory, useHistoryState, useIdle, useImageLoader, useIndexedDB, useInfiniteScroll, useInterval, useIsFirstRender, useIsMounted, useKeyPress, useList, useLocalStorage, useLockBodyScroll, useLongPress, useMotion, useMediaQuery, useMousePosition, useOnlineStatus, usePersistedForm, usePersistedState, usePreferredLanguage, usePrevious, usePermission, usePageLeave, useRouter, useReducedMotion, useRecentSearch, useResponsive, useResizeObserver, useScript, useScrollDirection, useScrollLock, useScrollPosition, useSessionStorage, useSmartForm, useSound, useSpeech, useSpeak, useStepper, useThrottle, useTimeout, useTimer, useToggle, useTouch, useUnmountedRef, useUndo, useUpdateEffect, useVisibilityChange, useWebSocket, useWindowSize, DrawerProvider, createOptimizedContext, };
+export { getHook, setHook, useGenericReducer, useArray, useAsync, useBrowser, useBattery, useBeforeUnload, useClipboard, useCookie, useClickAway, useCountDown, useCountUp, useCrossFieldValidation, useCss, useDrawer, useDarkMode, useDebounce, useDebouncedCallback, useDebouncedValue, useDelay, useDragReorder, useEventListener, useEventListeners, useRequest, useRequestRetry, useFieldArray, useForm, useFormSubmit, useFormWizard, useGeoLocation, useHoverDirty, useHistory, useHistoryState, useIdle, useImageLoader, useIndexedDB, useInfiniteScroll, useInterval, useIsFirstRender, useIsMounted, useKeyPress, useList, useLocalStorage, useLockBodyScroll, useLongPress, useMotion, useMediaQuery, useMousePosition, useNavigationState, useOnlineStatus, usePersistedForm, usePersistedState, usePreferredLanguage, usePrevious, usePermission, usePageLeave, useRouter, useReducedMotion, useRecentSearch, useResponsive, useResizeObserver, useScript, useScrollDirection, useScrollLock, useScrollPosition, useSessionStorage, useSmartForm, useSound, useSpeech, useSpeak, useStepper, useThrottle, useTimeout, useTimer, useToggle, useTouch, useUnmountedRef, useUndo, useUpdateEffect, useVisibilityChange, useWebSocket, useWindowSize, DrawerProvider, createOptimizedContext, };

package/dist/index.js

@@ -1,7 +1,7 @@
 import 'nprogress/nprogress.css';
 import { ReactHooksWrapper, getHook, setHook } from './chunk1415/chunk143';
 import { useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress, useRecentSearch, useSpeech, usePermission, usePageLeave, useMotion, useHoverDirty, useBeforeUnload, useClickAway, useResponsive, useUnmountedRef } from './chunk1516/chunk726433';
-import { useBrowser, useRouter } from './chunk1516/chunk0022';
+import { useBrowser, useNavigationState, useRouter } from './chunk1516/chunk0022';
 import { useContext } from 'react';
 import DrawerContext from './chunk1213/chunk158261';
 var useDrawer = function () { return useContext(DrawerContext); };
@@ -9,4 +9,4 @@ import { useGenericReducer, useArray, useAsync, useClipboard, useCookie, useDark
 import { createOptimizedContext, useBattery, useCountDown, useCountUp, useCrossFieldValidation, useCss, useDragReorder, useEventListener, useEventListeners, useFieldArray, useFormSubmit, useFormWizard, useGeoLocation, useHistory, useInfiniteScroll, useIsMounted, usePersistedForm, usePreferredLanguage, useSessionStorage, useSmartForm, useSound, useSpeak, useTimer, useTouch, useUndo, useUpdateEffect, useWebSocket } from './chunk1516/chunk0021';
 import { DrawerProvider } from './chunk1213/chunk158261';
 export default ReactHooksWrapper;
-export { getHook, setHook, useGenericReducer, useArray, useAsync, useBrowser, useBattery, useBeforeUnload, useClipboard, useCookie, useClickAway, useCountDown, useCountUp, useCrossFieldValidation, useCss, useDrawer, useDarkMode, useDebounce, useDebouncedCallback, useDebouncedValue, useDelay, useDragReorder, useEventListener, useEventListeners, useRequest, useRequestRetry, useFieldArray, useForm, useFormSubmit, useFormWizard, useGeoLocation, useHoverDirty, useHistory, useHistoryState, useIdle, useImageLoader, useIndexedDB, useInfiniteScroll, useInterval, useIsFirstRender, useIsMounted, useKeyPress, useList, useLocalStorage, useLockBodyScroll, useLongPress, useMotion, useMediaQuery, useMousePosition, useOnlineStatus, usePersistedForm, usePersistedState, usePreferredLanguage, usePrevious, usePermission, usePageLeave, useRouter, useReducedMotion, useRecentSearch, useResponsive, useResizeObserver, useScript, useScrollDirection, useScrollLock, useScrollPosition, useSessionStorage, useSmartForm, useSound, useSpeech, useSpeak, useStepper, useThrottle, useTimeout, useTimer, useToggle, useTouch, useUnmountedRef, useUndo, useUpdateEffect, useVisibilityChange, useWebSocket, useWindowSize, DrawerProvider, createOptimizedContext, };
+export { getHook, setHook, useGenericReducer, useArray, useAsync, useBrowser, useBattery, useBeforeUnload, useClipboard, useCookie, useClickAway, useCountDown, useCountUp, useCrossFieldValidation, useCss, useDrawer, useDarkMode, useDebounce, useDebouncedCallback, useDebouncedValue, useDelay, useDragReorder, useEventListener, useEventListeners, useRequest, useRequestRetry, useFieldArray, useForm, useFormSubmit, useFormWizard, useGeoLocation, useHoverDirty, useHistory, useHistoryState, useIdle, useImageLoader, useIndexedDB, useInfiniteScroll, useInterval, useIsFirstRender, useIsMounted, useKeyPress, useList, useLocalStorage, useLockBodyScroll, useLongPress, useMotion, useMediaQuery, useMousePosition, useNavigationState, useOnlineStatus, usePersistedForm, usePersistedState, usePreferredLanguage, usePrevious, usePermission, usePageLeave, useRouter, useReducedMotion, useRecentSearch, useResponsive, useResizeObserver, useScript, useScrollDirection, useScrollLock, useScrollPosition, useSessionStorage, useSmartForm, useSound, useSpeech, useSpeak, useStepper, useThrottle, useTimeout, useTimer, useToggle, useTouch, useUnmountedRef, useUndo, useUpdateEffect, useVisibilityChange, useWebSocket, useWindowSize, DrawerProvider, createOptimizedContext, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-hook-toolkit",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "Ultimate package for React developers, offering a powerful collection of hooks and components to enhance their development experience.",
   "main": "dist/index.js",
   "module": "dist/index.js",