From 3d48caada04d41644a94cbc5ba4ec40442e2e9c6 Mon Sep 17 00:00:00 2001
From: Azalea <22280294+hykilpikonna@users.noreply.github.com>
Date: Tue, 17 Dec 2024 00:38:15 -0500
Subject: [PATCH] [+] Functioning launcher

---
 src/Launcher.svelte | 26 ++++++++++++++++++++++++++
 src/main.ts         |  4 ++--
 2 files changed, 28 insertions(+), 2 deletions(-)
 create mode 100644 src/Launcher.svelte

diff --git a/src/Launcher.svelte b/src/Launcher.svelte
new file mode 100644
index 0000000..481ab00
--- /dev/null
+++ b/src/Launcher.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+  import App from "./App.svelte";
+  import { Backend, type Checkpoint } from "./utils";
+
+  // Get puzzle id from params
+  const urlParams = new URLSearchParams(window.location.search);
+  const puzzleId = urlParams.get("puzzle");
+  let puzzleData: Checkpoint | null = null;
+
+  if (!puzzleId) window.location.href = "/?puzzle=meow";
+  else Backend.get(puzzleId).then((data) => (puzzleData = data));
+</script>
+
+{#if puzzleData !== null && puzzleId !== null}
+  <App {puzzleData} {puzzleId} />
+{:else}
+  <div class="overlay">
+    <div>
+      {#if puzzleId === null}
+        <a href="/?puzzle=meow">Redirecting...</a>
+      {:else}
+        <div>Loading...</div>
+      {/if}
+    </div>
+  </div>
+{/if}
diff --git a/src/main.ts b/src/main.ts
index 59d2e3c..c1e2e93 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -2,9 +2,9 @@ import { mount } from 'svelte'
 import './app.sass'
 import './puzzle.sass'
 import './fonts/caveat.sass'
-import App from './App.svelte'
+import Launcher from './Launcher.svelte'
 
-const app = mount(App, {
+const app = mount(Launcher, {
   target: document.getElementById('app')!,
 })