fix: document$ should not emit on anchor navigation (#154)

Signed-off-by: squidfunk <martin.donath@squidfunk.com>

Author: squidfunk

dist/assets/javascripts/bundle.354a4b29.min.js

@@ -273,7 +273,7 @@
       </script>
     {% endblock %}
     {% block scripts %}
-      <script src="{{ 'assets/javascripts/bundle.354a4b29.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.ee611ef6.min.js' | url }}"></script>
       {% for script in config.extra_javascript %}
         {{ script | script_tag }}
       {% endfor %}

dist/assets/javascripts/bundle.ee611ef6.min.js

@@ -37,12 +37,15 @@ import {
   distinctUntilKeyChanged,
   endWith,
   exhaustMap,
+  filter,
   fromEvent,
   ignoreElements,
   map,
   merge,
   of,
+  pairwise,
   share,
+  startWith,
   switchMap,
   take,
   tap,
@@ -339,7 +342,10 @@ export function setupInstantNavigation(
   // reason, we fall back and use regular navigation, forcing a reload.
   const document$ =
     location$.pipe(
-      distinctUntilKeyChanged("pathname"),
+      startWith(getLocation()),
+      pairwise(),
+      filter(([prev, next]) => prev.pathname !== next.pathname),
+      map(([, url]) => url),
       switchMap(url => requestHTML(url, { progress$ })
         .pipe(
           catchError(() => {
@@ -376,6 +382,18 @@ export function setupInstantNavigation(
       distinctUntilKeyChanged("hash"),
     ),
 
+    // Handle hash changes on the current document, including the first anchor
+    // click after the initial page load.
+    location$.pipe(
+      startWith(getLocation()),
+      pairwise(),
+      filter(([prev, next]) => (
+        prev.pathname === next.pathname &&
+        prev.hash     !== next.hash
+      )),
+      map(([, url]) => url)
+    ),
+
     // Handle instant navigation events that are triggered by the user clicking
     // on an anchor link with the same hash fragment as the current one in the
     // URL. It is essential that we only intercept those from instant navigation