react-hook-toolkit 1.3.0 → 1.3.2

package/dist/chunk1516/chunk0022.d.ts

@@ -1,7 +1,7 @@
 import { UseBrowserControlsReturn } from "../type";
 export declare const useBrowser: () => UseBrowserControlsReturn;
-export declare const useRouter: (initialPath: string) => {
+export declare function useRouter(initialPath?: string): {
     pathname: string;
     searchParams: URLSearchParams;
-    navigate: (path: string) => void;
+    navigate: (newPath: any) => void;
 };

package/dist/chunk1516/chunk0022.js

@@ -379,15 +379,34 @@ export var useBrowser = function () {
         closeCurrentTab: closeCurrentTab,
     };
 };
-export var useRouter = function (initialPath) {
-    var _a = useState(initialPath), pathname = _a[0], setPathname = _a[1];
-    var searchParams = useState(function () { return new URLSearchParams(); })[0];
-    var router = useMemo(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 {
-            pathname: pathname,
-            searchParams: searchParams,
-            navigate: function (path) { return setPathname(String(path)); },
+            pathname: basePath,
+            searchParams: new URLSearchParams(queryString || ''),
         };
-    }, [pathname, searchParams]);
-    return router;
-};
+    }, [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
+    }, []);
+    // Handle browser back/forward navigation
+    useEffect(function () {
+        var handlePopState = function () {
+            setPath(window.location.pathname + window.location.search);
+        };
+        window.addEventListener('popstate', handlePopState);
+        return function () { return window.removeEventListener('popstate', handlePopState); };
+    }, []);
+    return {
+        pathname: pathname,
+        searchParams: searchParams,
+        navigate: navigate,
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-hook-toolkit",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "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",