fix: fix #12 show progress bar on query param change

.github/workflows/npm-publish-github-packages.yml

@@ -3,9 +3,16 @@
 
 name: Node.js Package
 
+# on:
+#   release:
+#     types: [created]
 on:
-  release:
-    types: [created]
+  workflow_dispatch:
+    inputs:
+      branch:
+        description: 'Branch to deploy'
+        required: true
+        default: 'main'
 
 jobs:
   build:
@@ -34,6 +41,8 @@ jobs:
           cache: 'yarn'
       - run: yarn install
       - run: yarn run prepack
+      # Authenticate with NPM to enable publishing
+
       - run: npm publish
         env:
-          NODE_AUTH_TOKEN: ${{secrets.GITHUB_TOKEN}}
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

example/src/app/search/page.tsx

@@ -0,0 +1,20 @@
+'use client';
+
+// import { useRouter } from '../../../../dist';
+import { useRouter } from 'next13-progressbar';
+
+const SearchPage = () => {
+  const router = useRouter();
+  return (
+    <div>
+      {[1, 2, 3, 4, 5].map((i) => (
+        <div key={i}>
+          {/* <Link href={`/search?item=${i}`}>Item {i}</Link> */}
+          <button onClick={() => router.push(`/search?item=${i}`)}>Item {i}</button>
+        </div>
+      ))}
+    </div>
+  );
+};
+
+export default SearchPage;

example/src/components/NavBar.tsx

@@ -14,6 +14,7 @@ const NavBar = () => {
       <button onClick={() => router.push('/button-link#34')}>ButtonLink</button>
       <Link href={'#'}>HashLink</Link>
       <Link href={'/contact/#44'}>HashLink1</Link>
+      <Link href={'/search'}>Search</Link>
       <button onClick={() => router.replace('/about')}>Replace</button>
     </div>
   );

src/AppProgressBar.tsx

@@ -121,7 +121,11 @@ export const Next13ProgressBar = React.memo(
         // target url without hash removed
         const targetUrl = new URL(anchorElement.href);
         const currentUrl = new URL(location.href);
-        const isSameUrl = targetUrl?.pathname === currentUrl?.pathname;
+
+        // check if search params changed
+        const hasSearchParams = targetUrl?.searchParams?.toString() !== currentUrl?.searchParams?.toString();
+        const paramsChanged = hasSearchParams && targetUrl?.search !== currentUrl?.search;
+        const isSameUrl = targetUrl?.pathname === currentUrl?.pathname && !paramsChanged;
 
         // detect ctrl/cmd option/alt shift click
         if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
@@ -161,7 +165,10 @@ export function useRouter() {
 
   function push(href: string, options?: NavigateOptions) {
     const targetUrl = new URL(href, location.href);
-    if (targetUrl.pathname === pathname) return Promise.resolve(true);
+    const currentUrl = new URL(location.href);
+    const hasSearchParams = targetUrl?.searchParams?.toString() !== currentUrl?.searchParams?.toString();
+    const paramsChanged = hasSearchParams && targetUrl?.search !== currentUrl?.search;
+    if (targetUrl.pathname === pathname && !paramsChanged) return Promise.resolve(true);
     NProgress.start();
     return router.push(href, options);
   }