Refactor event handling to use Promises for better efficiency.

This reverts commit bf8110af6c.

src/components/PostComponent.astro

@@ -1,5 +1,5 @@
 ---
-import {CollectionEntry} from "astro:content";
+import type {CollectionEntry} from "astro:content";
 import {l} from "../util/util";
 import {astroI18n} from "astro-i18n";
 import {Image} from "astro:assets";

src/content/announcements/de/missilewars-iii-eventplan.md

@@ -0,0 +1,45 @@
+---
+title: MissileWars III Eventplan
+key: missilewars3-eventplan
+description: Der Eventplan für MissileWars 3
+created: 2025-03-23
+tags:
+  - event
+  - missilewars
+---
+
+### Infos:
+Eventleitung: TheBreadBears
+Fights werden nach Möglichkeit mit einer Pause von 10 Minuten vorverschoben
+# Gruppenphase
+## Punkte aus der Gruppenphase
+
+<group-table data-event="67"> </group-table>
+
+### Fights
+
+| Start | Teams      |
+|-------|------------|
+| 16:00:00 | KT vs Borg |
+| 16:00:30 | VI vs FK |
+| 16:30:00 | FK vs KT |
+| 16:30:30 | Hlcy vs VI |
+| 17:00:00 | VI vs KT |
+| 17:00:30 | Borg vs Hlcy |
+| 17:30:00 | KT vs Hlcy|
+| 17:30:30 | FK vs Borg |
+| 18:00:00 | VI vs Borg |
+| 18:00:30 | FK vs Hlcy |
+
+## KO-Phase
+
+| Start | Teams      |
+|-------|------------|
+| 18:30:00 | Platz 2 vs Platz 3 |
+| 19:00:00 | Platz 1 vs Platz 4 |
+| 19:30:00 | Verlierer vs Verlierer |
+| 20:00:00 | Sieger vs Sieger |
+
+## Ergebnisse
+
+<fight-table data-event="67" data-group="Gruppe 1"> </fight-table>

src/pages/ankuendigungen/[...slug].astro

@@ -111,15 +111,13 @@ const ogImage = await getImage({
             import type {ExtendedEvent} from "@type/event";
             import {mount} from "svelte";
 
-            const eventMounts: Map<string, ((ev: ExtendedEvent) => void)[]> = new Map();
+            const eventMounts: Map<string, Promise<ExtendedEvent>> = new Map();
 
             class FightTableElement extends HTMLElement {
                 connectedCallback(): void {
-                    if (!eventMounts.has(this.dataset["event"]!)) {
+                    loadEvent(this.dataset["event"]!);
-                        eventMounts.set(this.dataset["event"]!, []);
-                    }
                     const rows = Number.parseInt(this.dataset["rows"]!);
-                    eventMounts.get(this.dataset["event"]!)!.push(ev => {
+                    eventMounts.get(this.dataset["event"]!)!.then(ev => {
                         mount(FightTable, {
                             target: this,
                             props: {
@@ -134,11 +132,9 @@ const ogImage = await getImage({
 
             class GroupTableElement extends HTMLElement {
                 connectedCallback(): void {
-                    if (!eventMounts.has(this.dataset["event"]!)) {
+                    loadEvent(this.dataset["event"]!);
-                        eventMounts.set(this.dataset["event"]!, []);
-                    }
                     const rows = Number.parseInt(this.dataset["rows"]!);
-                    eventMounts.get(this.dataset["event"]!)!.push(ev => {
+                    eventMounts.get(this.dataset["event"]!)!.then(ev => {
                         mount(GroupTable, {
                             target: this,
                             props: {
@@ -154,17 +150,13 @@ const ogImage = await getImage({
             customElements.define("fight-table", FightTableElement);
             customElements.define("group-table", GroupTableElement);
 
-            function mountEvent() {
+            function loadEvent(id: string) {
-                for (const key of eventMounts.keys()) {
+                if (!eventMounts.has(id)) {
-                    get(eventRepo).getEvent(key).then(ev => {
+                    eventMounts.set(id, get(eventRepo).getEvent(id));
-                        for (const mount of eventMounts.get(key)!) {
-                            mount(ev);
-                        }
-                    });
                 }
             }
 
-            mountEvent();
+            document.addEventListener("astro:before-swap", eventMounts.clear);
         </script>
     </article>
 </PageLayout>