This repository has been archived on 2021-11-08. You can view files and clone it, but cannot push or open issues or pull requests.
svelte-sharg/src/App.svelte

87 lines
2.3 KiB
Svelte

<script lang="ts" context="module">
async function getCurrentHash(): Promise<string> {
const response = await fetch(
"https://api.github.com/repos/Toby222/svelte-sharg/commits/main",
{
mode: "cors",
}
);
if (response.status < 200 || response.status > 299) {
throw new Error(response.statusText);
} else {
const result = (await response.json()).sha;
return result;
}
}
let CURRENT_HASH: string;
getCurrentHash().then((hash) => (CURRENT_HASH = hash));
</script>
<script lang="ts">
import Footer from "./components/Footer.svelte";
import Header from "./components/Header.svelte";
import Wrapper from "./components/Wrapper.svelte";
import { SharkGame } from "./shark/SharkGame";
import { Modals, closeModal } from "svelte-modals";
import { onDestroy, onMount } from "svelte";
import type { Unsubscriber } from "svelte/store";
SharkGame.init();
let root: HTMLElement;
let unsubscribeSettings: Unsubscriber;
let updateInterval: ReturnType<typeof setInterval> | undefined;
onMount(() => {
root = document.documentElement;
SharkGame.Settings.settings.subscribe((settings) => {
root.classList.toggle(
"no-theme",
!settings.appearance.enableThemes.current
);
settings.appearance.theme.options.forEach((theme) => {
root.classList.toggle(
theme,
theme === settings.appearance.theme.current
);
});
if (settings.other.updateCheck.current && updateInterval === undefined) {
updateInterval = setInterval(async () => {
if (
CURRENT_HASH !== undefined &&
CURRENT_HASH !== (await getCurrentHash())
) {
console.log("Updoot");
}
}, 6 * 60 * 1000);
} else if (
!settings.other.updateCheck.current &&
updateInterval !== undefined
) {
clearInterval(updateInterval);
}
});
});
onDestroy(() => {
unsubscribeSettings();
});
function handleKeyUp(event: KeyboardEvent) {
if (event.key === "Escape") {
closeModal();
}
}
</script>
<svelte:body on:keyup={handleKeyUp} />
<Modals>
<div slot="backdrop" id="modal-backdrop" on:click={closeModal} />
</Modals>
<Header game={SharkGame} title={SharkGame.title} />
<Wrapper game={SharkGame} />
<Footer />