diff --git a/public/events.js b/public/events.js new file mode 100644 index 0000000..20595ab --- /dev/null +++ b/public/events.js @@ -0,0 +1,41 @@ +const element = document.getElementsByTagName("html")[0]; + +function GameDetails(servername, serverurl, mapname, maxplayers, steamid, gamemode, volume, lang, gamemodeNice) { + setInterval(() => { + element.dispatchEvent( + new CustomEvent("gameDetails", { + detail: { + servername, + serverurl, + mapname, + maxplayers, + steamid, + gamemode, + volume, + lang, + gamemodeNice, + }, + }) + ); + }, 1000); +} + +function DownloadingFile(file) { + element.dispatchEvent( + new CustomEvent("downloadingFile", { + detail: { + file, + }, + }) + ); +} + +function SetStatusChanged(status) { + element.dispatchEvent( + new CustomEvent("statusChanged", { + detail: { + status, + }, + }) + ); +} diff --git a/src/App.svelte b/src/App.svelte index 039cb5b..f2a9db9 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -1,42 +1,48 @@ -
-
- - -
-
-
-
-

You're joining

-

MadHouseLABS | Wire Starfall Arc9 PAC LVS

-
-
-
-
- +{#if $gameDetails} +
+
+ + +
+
+
+
+

You're joining

+

{$gameDetails?.servername}

+
+
+
+
+ +
+

Listening to:

+

garf.mp4

-

Listening to:

-

garf.mp4

-
-
-
- -

gm_construct

-
-
- -

sandbox

+
+
+ +

{$gameDetails?.mapname}

+
+
+ +

{$gameDetails?.gamemode}

+
-
+{:else} +
+
+ +
+
+{/if} diff --git a/src/lib/events.js b/src/lib/events.js new file mode 100644 index 0000000..994d958 --- /dev/null +++ b/src/lib/events.js @@ -0,0 +1,14 @@ +import { writable } from "svelte/store"; + +const element = document.getElementsByTagName("html")[0]; + +export const gameDetails = writable(); +export const downloadingFile = writable(); +export const statusChanged = writable(); + +// @ts-ignore +element.addEventListener("gameDetails", ({ detail }) => gameDetails.set(detail)); +// @ts-ignore +element.addEventListener("downloadingFile", ({ detail }) => downloadingFile.set(detail)); +// @ts-ignore +element.addEventListener("statusChanged", ({ detail }) => statusChanged.set(detail));