Pro 9684 static path (#5509)

* Update Vue component for statis: true

* Add changeset

Author: BoDonkey

.changeset/early-eyes-open.md

@@ -0,0 +1,5 @@
+---
+"apostrophe": patch
+---
+
+Fixed `piecesFilters` navigation (with `static: true`) reverting to the unfiltered index when logged in and an editor had clicked Edit at least once. It now recognizes filter path segments appended to the context doc's URL and preserves both the browser URL and the correctly filtered content on refresh.

packages/apostrophe/modules/@apostrophecms/admin-bar/ui/apos/components/TheAposContextBar.vue

@@ -591,6 +591,15 @@ export default {
         // Slug changed, change browser URL to reflect the actual url of the doc
         doc._url = doc._url + (window.location.search || '');
         history.replaceState(null, '', doc._url);
+      } else {
+        // No genuine slug change, e.g. the current path is just the
+        // context doc's canonical URL with extra path segments appended
+        // (piecesFilters paths generated by `static: true`). Fetch
+        // content from the actual current browser URL rather than the
+        // bare doc._url, otherwise any filter path segments and query
+        // string driving the current view would be lost and we'd render
+        // the unfiltered index instead.
+        doc._url = window.location.pathname + window.location.search;
       }
 
       const qs = {
@@ -747,7 +756,27 @@ export default {
       const normalizedUrl = url.replace(/^https?:\/\/[^/]+\//, '/');
       const currentPageUrl = window.location.pathname + window.location.search;
 
-      return normalizedUrl !== currentPageUrl;
+      if (normalizedUrl === currentPageUrl) {
+        return false;
+      }
+
+      // The context doc's canonical URL may be a path prefix of the
+      // current page's path (e.g. context doc is `/blog` and we're
+      // viewing a piecesFilters path like `/blog/categories/events`,
+      // generated when the piece-index module is configured with
+      // `static: true`). That's not a slug change, just additional path
+      // segments appended by the page itself, so don't treat it as a
+      // difference requiring reconciliation. We don't require matching
+      // the entire path, just the segment boundary, and we exclude the
+      // root path ("/") from this check since virtually every path is
+      // "under" it.
+      const normalizedPath = normalizedUrl.split('?')[0];
+      const currentPath = window.location.pathname;
+      if (normalizedPath !== '/' && currentPath.startsWith(`${normalizedPath}/`)) {
+        return false;
+      }
+
+      return true;
     },
     lockNotAvailable() {
       if (this.contextStack.length) {