Canvas support V1

assets/hx.js

@@ -10,14 +10,26 @@
         return document.body.getAttribute('hx-boost') === 'true';
     }
 
+    // Only wiki pages are boosted: same origin, a slash-terminated path, no
+    // query except a search (?q=). Files, the editor (?edit), internal
+    // endpoints (/_…) and POST forms navigate normally.
+    function isPageURL(url) {
+        if (url.origin !== location.origin) return false;
+        if (!url.pathname.endsWith('/') || url.pathname.indexOf('/_') === 0) return false;
+        var ok = true;
+        url.searchParams.forEach(function (v, key) { if (key !== 'q') ok = false; });
+        return ok;
+    }
+
     // A server-sent HX-Redirect follows a mutation (move, delete, …): load the
     // target into the current history entry rather than pushing a new one, so
-    // Back skips the stale pre-mutation page. Boosted pages swap it in like a
-    // navigation; elsewhere replaceState + reload (not location.replace: a
+    // Back skips the stale pre-mutation page. Boosted pages swap a page target
+    // in like a navigation; anything else (or a target that is not a page,
+    // like a new canvas) gets replaceState + reload (not location.replace: a
     // target differing only by #fragment would otherwise not re-fetch).
     htmx.location = {
         set href(target) {
-            if (boosting()) {
+            if (boosting() && isPageURL(new URL(target, location.href))) {
                 if (window.closeModal) closeModal();
                 htmx.ajax('GET', target, {
                     target: '.shell',
@@ -60,17 +72,6 @@
     // snapshots that could show a page from before a move or delete).
     htmx.config.scrollIntoViewOnBoost = false;
 
-    // Only wiki pages are boosted: same origin, a slash-terminated path, no
-    // query except a search (?q=). Files, the editor (?edit), internal
-    // endpoints (/_…) and POST forms navigate normally.
-    function isPageURL(url) {
-        if (url.origin !== location.origin) return false;
-        if (!url.pathname.endsWith('/') || url.pathname.indexOf('/_') === 0) return false;
-        var ok = true;
-        url.searchParams.forEach(function (v, key) { if (key !== 'q') ok = false; });
-        return ok;
-    }
-
     // htmx decides per element whether it is boosted, right after this event.
     document.addEventListener('htmx:beforeProcessNode', function (e) {
         var elt = e.target;