membershipworks: Fix script in upcoming events post generator

membershipworks/js/upcoming_events_post_generator.entry.ts

@@ -0,0 +1,19 @@
+import { Popover } from "bootstrap";
+
+async function copyToClipboard(event: MouseEvent) {
+  // https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API
+  const data = new ClipboardItem({
+    "text/plain": new Blob([document.getElementById("preview")!.innerHTML], {
+      type: "text/plain",
+    }),
+  });
+  await navigator.clipboard.write([data]);
+
+  let popover = Popover.getInstance(event.target as Element)!;
+  popover.show();
+  setTimeout(() => popover.hide(), 1000);
+}
+
+const button = document.getElementById("copy-button")!;
+new Popover(button, { trigger: "manual" });
+button.addEventListener("click", copyToClipboard);

membershipworks/templates/membershipworks/upcoming_events.dj.html

@@ -1,6 +1,11 @@
 {% extends "base.dj.html" %}
 
 {% load nh3_tags %}
+{% load django_vite %}
+
+{% block vite_extra_assets %}
+  {% vite_asset 'membershipworks/js/upcoming_events_post_generator.entry.ts' %}
+{% endblock %}
 
 {% block title %}Upcoming Events{% endblock %}
 {% block content %}
@@ -136,25 +141,3 @@
     </button>
   </div>
 {% endblock %}
-{% block script %}
-  <script>
-    async function copyToClipboard(event) {
-      // https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API
-      const data = new ClipboardItem({
-        "text/plain": new Blob(
-          [document.getElementById("preview").innerHTML], {
-            type: "text/plain"
-          })
-      });
-      await navigator.clipboard.write([data]);
-
-      bootstrap.Popover.getInstance(event.target).show();
-      setTimeout(() => bootstrap.Popover.getInstance(event.target).hide(), 1000);
-    }
-    const button = document.getElementById("copy-button");
-    const popover = new bootstrap.Popover(button, {
-      trigger: "manual"
-    })
-    button.addEventListener("click", copyToClipboard);
-  </script>
-{% endblock %}