From bf8110af6ce1cd791860d23e65c4a9323024cd21 Mon Sep 17 00:00:00 2001
From: Chaoscaot <chaos@chaoscaot.de>
Date: Sun, 23 Feb 2025 12:18:58 +0100
Subject: [PATCH] Refactor event mounts and update script management.

---
 src/pages/ankuendigungen/[...slug].astro | 30 +++++++++++-------------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/src/pages/ankuendigungen/[...slug].astro b/src/pages/ankuendigungen/[...slug].astro
index f325f53..8cc3c16 100644
--- a/src/pages/ankuendigungen/[...slug].astro
+++ b/src/pages/ankuendigungen/[...slug].astro
@@ -103,23 +103,22 @@ const ogImage = await getImage({
             <LanguageWarning/>
         )}
         <Content/>
-        <script>
+        <script is:inline data-astro-rerun>
             import FightTable from "@components/FightTable.svelte";
             import {get} from "svelte/store";
             import GroupTable from "@components/GroupTable.svelte";
             import {eventRepo} from "../../components/repo/event";
-            import type {ExtendedEvent} from "@type/event";
             import {mount} from "svelte";
 
-            const eventMounts: Map<string, ((ev: ExtendedEvent) => void)[]> = new Map();
+            const eventMounts = new Map();
 
             class FightTableElement extends HTMLElement {
-                connectedCallback(): void {
-                    if (!eventMounts.has(this.dataset["event"]!)) {
-                        eventMounts.set(this.dataset["event"]!, []);
+                connectedCallback() {
+                    if (!eventMounts.has(this.dataset["event"])) {
+                        eventMounts.set(this.dataset["event"], []);
                     }
-                    const rows = Number.parseInt(this.dataset["rows"]!);
-                    eventMounts.get(this.dataset["event"]!)!.push(ev => {
+                    const rows = Number.parseInt(this.dataset["rows"]);
+                    eventMounts.get(this.dataset["event"]).push(ev => {
                         mount(FightTable, {
                             target: this,
                             props: {
@@ -133,12 +132,12 @@ const ogImage = await getImage({
             }
 
             class GroupTableElement extends HTMLElement {
-                connectedCallback(): void {
-                    if (!eventMounts.has(this.dataset["event"]!)) {
-                        eventMounts.set(this.dataset["event"]!, []);
+                connectedCallback() {
+                    if (!eventMounts.has(this.dataset["event"])) {
+                        eventMounts.set(this.dataset["event"], []);
                     }
-                    const rows = Number.parseInt(this.dataset["rows"]!);
-                    eventMounts.get(this.dataset["event"]!)!.push(ev => {
+                    const rows = Number.parseInt(this.dataset["rows"]);
+                    eventMounts.get(this.dataset["event"]).push(ev => {
                         mount(GroupTable, {
                             target: this,
                             props: {
@@ -157,15 +156,14 @@ const ogImage = await getImage({
             function mountEvent() {
                 for (const key of eventMounts.keys()) {
                     get(eventRepo).getEvent(key).then(ev => {
-                        for (const mount of eventMounts.get(key)!) {
+                        for (const mount of eventMounts.get(key)) {
                             mount(ev);
                         }
                     });
                 }
             }
 
-            document.addEventListener("astro:page-load", mountEvent);
-            document.addEventListener("astro:before-swap", eventMounts.clear);
+            mountEvent();
         </script>
     </article>
 </PageLayout>