feat: add disableSameURL option to router.push

README.md

@@ -398,6 +398,7 @@ router.back(NProgressOptions?: RouterNProgressOptions)
 interface RouterNProgressOptions {
   showProgressBar?: boolean;
   startPosition?: number;
+  disableSameURL?: boolean;
 }
 ```
 

demo/app-dir/src/app/page.tsx

@@ -37,6 +37,15 @@ export default function Home() {
         Link with nprogress disabled
       </Link>
       <button onClick={() => router.push('/dashboard')}>Push Dashboard</button>
+      <button
+        onClick={() =>
+          router.push('/', undefined, {
+            disableSameURL: false,
+          })
+        }
+      >
+        Push Dashboard with disableSameURL
+      </button>
       <button className="replace" onClick={() => router.replace('/dashboard')}>
         Replace Dashboard
       </button>

dist/index.d.ts

@@ -44,7 +44,10 @@ export interface ProgressBarProps {
 export interface RouterNProgressOptions {
     showProgressBar?: boolean;
     startPosition?: number;
+    disableSameURL?: boolean;
 }
+export declare const startProgress: () => void;
+export declare const stopProgress: (force?: boolean) => void;
 declare const AppProgressBar: (props: ProgressBarProps) => import("react").JSX.Element;
 export { AppProgressBar, useRouter };
 export { PagesProgressBar } from './PagesProgressBar';

package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-nprogress-bar",
-  "version": "2.3.10",
+  "version": "2.3.11",
   "description": "NextJS progress bar compatible with new app directory",
   "repository": {
     "type": "git",

src/AppProgressBar.tsx

@@ -271,7 +271,11 @@ export function useRouter() {
       const currentUrl = new URL(location.href);
       const targetUrl = new URL(href, location.href);
 
-      if (isSameURL(targetUrl, currentUrl)) return router.push(href, options);
+      if (
+        isSameURL(targetUrl, currentUrl) &&
+        NProgressOptions?.disableSameURL !== false
+      )
+        return router.push(href, options);
 
       startProgress(NProgressOptions?.startPosition);
     },

src/index.tsx

@@ -1,3 +1,4 @@
+import { start, done } from 'nprogress';
 import {
   AppProgressBar as AppProgressBarComponent,
   useRouter,
@@ -50,8 +51,17 @@ export interface ProgressBarProps {
 export interface RouterNProgressOptions {
   showProgressBar?: boolean;
   startPosition?: number;
+  disableSameURL?: boolean;
 }
 
+export const startProgress = () => {
+  start();
+};
+
+export const stopProgress = (force?: boolean) => {
+  done(force);
+};
+
 const AppProgressBar = withSuspense<ProgressBarProps>(AppProgressBarComponent);
 export { AppProgressBar, useRouter };
 export { PagesProgressBar } from './PagesProgressBar';