remove entered text from localstorage when sending response

app/templates/common/macros.html

@@ -67,7 +67,7 @@
     <div id="babycode-preview-container"></div>
   </div>
 </div>
-<script src="/static/js/babycode-editor.js?v=1"></script>
+<script src="/static/js/babycode-editor.js?v=2"></script>
 {% endmacro %}
 
 {% macro babycode_editor_form(ta_name, prefill = "", cancel_url="", endpoint="") %}

data/static/js/babycode-editor.js

@@ -4,6 +4,9 @@
   ta.addEventListener("keydown", (e) => {
     if(e.key === "Enter" && e.ctrlKey) {
       // console.log(e.target.form)
+      if (inThread()) {
+        localStorage.removeItem(window.location.pathname);
+      }
       e.target.form?.submit();
     }
   })
@@ -18,7 +21,17 @@
     
     localStorage.setItem(window.location.pathname, ta.value);
   })
-  
+
+  if (inThread()) {
+    const form = ta.closest('.post-edit-form');
+    console.log(ta.closest('.post-edit-form'));
+    if (form){
+      form.addEventListener("submit", () => {
+        localStorage.removeItem(window.location.pathname);
+      })
+    }
+  }
+
   document.addEventListener("DOMContentLoaded", () => {
     if (!inThread()) return;
     const prevContent = localStorage.getItem(window.location.pathname);