Restore hx-history-preserve attribute, that can be used by any elem…

…ent swapped by htmx
croxton · Dec 7, 2023 · 1e5ed11 · 1e5ed11
1 parent 16a7bc8
commit 1e5ed11
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 7 deletions.
diff --git a/README.md b/README.md
@@ -43,7 +43,7 @@ A core tenet of htmx is to inline implementation details, so that the behaviour
 1. Include `booster.min.js` in the `<head>` of your page, right after `htmx`:
 ```html
 <script defer src="https://cdn.jsdelivr.net/gh/bigskysoftware/htmx@1.9.9/src/htmx.min.js"></script>
-<script defer src="https://cdn.jsdelivr.net/gh/croxton/htmx-booster-pack@1.0.8/dist/booster.min.js"></script>
+<script defer src="https://cdn.jsdelivr.net/gh/croxton/htmx-booster-pack@1.0.9/dist/booster.min.js"></script>
 ```
 
 2. Create a folder in the webroot of your project to store your scripts, e.g. `/scripts/boosts/`. Add a `<meta>` tag and set the `basePath` of your folder:

diff --git a/dist/booster-pack.min.mjs b/dist/booster-pack.min.mjs
@@ -93,7 +93,7 @@ class BoosterExt {
       next: {}
     };
     function saveToCache(dom, store) {
-      let markers = dom.querySelectorAll("[data-" + extension + ']:not([data-reset="false"])');
+      let markers = dom.querySelectorAll("[data-" + extension + '], [hx-history-preserve]:not([data-reset="false"])');
       if (markers)
         for (let i = 0; i < markers.length; ++i)
           typeof markers[i].id < "u" && (cache[store][markers[i].id] = markers[i].outerHTML);

diff --git a/dist/booster.min.js b/dist/booster.min.js
@@ -8,7 +8,7 @@ class BoosterExt {
       next: {}
     };
     function saveToCache(dom, store) {
-      let markers = dom.querySelectorAll("[data-" + extension + ']:not([data-reset="false"])');
+      let markers = dom.querySelectorAll("[data-" + extension + '], [hx-history-preserve]:not([data-reset="false"])');
       if (markers)
         for (let i = 0; i < markers.length; ++i)
           typeof markers[i].id < "u" && (cache[store][markers[i].id] = markers[i].outerHTML);

diff --git a/lib/boosterExt.js b/lib/boosterExt.js
@@ -10,7 +10,8 @@ export default class BoosterExt {
     };
 
     function saveToCache(dom, store) {
-      let markers = dom.querySelectorAll('[data-'+extension+']' + ':not([data-reset="false"])');
+      // support [hx-history-preserve] as well as booster components
+      let markers = dom.querySelectorAll('[data-'+extension+'], [hx-history-preserve]' + ':not([data-reset="false"])');
       if (markers) {
         for (let i = 0; i < markers.length; ++i) {
           if (typeof markers[i].id !== 'undefined') {

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "htmx-booster-pack",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "Minimal component framework for htmx",
   "type": "module",
   "exports": {