initial production release 🎉

src/components/Application/Configuration/Login.svelte

@@ -0,0 +1,50 @@
+<script>
+  import { session } from "@store";
+  function login() {
+    const left = screen.width / 2 - 1020 / 2;
+    const top = screen.height / 2 - 618 / 2;
+    const newWindow = open(
+      `https://github.com/login/oauth/authorize?client_id=${
+        import.meta.env.VITE_GITHUB_APP_CLIENTID
+      }`,
+      "Authenticate",
+      "resizable=1, scrollbars=1, fullscreen=0, height=618, width=1020,top=" +
+        top +
+        ", left=" +
+        left +
+        ", toolbar=0, menubar=0, status=0",
+    );
+    const timer = setInterval(() => {
+      if (newWindow.closed) {
+        clearInterval(timer);
+        const ghToken = new URL(newWindow.document.URL).searchParams.get(
+          "ghToken",
+        );
+        if (ghToken) {
+          $session.githubAppToken = ghToken;
+        }
+      }
+    }, 100);
+  }
+</script>
+
+<div class="text-center text-white">
+  <div class="text-2xl font-bold text-center pb-4">
+    Choose your Git provider
+  </div>
+  <button on:click="{login}" class="hover:scale-110 transform duration-100 transition">
+    <svg
+    class="w-16"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    ><path
+      d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"
+    ></path></svg
+  >
+  </button>
+</div>