persistent forms now only leaks ther required event handler and not the functions it uses internally.

static/js/persistentforms.js

@@ -1,3 +1,6 @@
+
+saveFormToCookieEvent = (() => {
+
     function setCookie(name, value, days) {
         let expires = "";
         if (days) {
@@ -42,7 +45,7 @@ function saveFormToCookie(form) {
         }
     }
 
-function saveFormToCookieEvent(evt) {
+    let saveFormToCookieEvent = function(evt) {
         //console.log("save form to cookie: " + evt.target)
         form = evt.target
         saveFormToCookie(form)
@@ -96,18 +99,6 @@ function loadFormsFromCookie() {
         }
     }
 
-// Most likely not needed.
-/*
-( () => {
-      let forms = getPersistentForms()
-      for (let i = 0; i < forms.length; i++) {
-          forms[i].addEventListener('change', function() {
-              saveFormToCookie(form)
-          })
-      }
-  })()
-*/
-
     htmx.on('htmx:load', function (event) {
         //console.log("htmx:load")
         loadFormsFromCookie();
@@ -118,6 +109,5 @@ htmx.on('htmx:afterSettle', function(event) {
         loadFormsFromCookie();
     });
 
-// when hx-boost=false
+    return saveFormToCookieEvent
-// Load form data from cookie on page load
+})()
-//document.addEventListener('DOMContentLoaded', loadFormFromCookie);