add: profile connections, spotify connection

crates/app/src/public/html/auth/connection.html

@@ -0,0 +1,40 @@
+{% extends "auth/base.html" %} {% block head %}
+<title>Connection</title>
+{% endblock %} {% block title %}Connection{% endblock %} {% block content %}
+<div class="w-full flex-col gap-2" id="status"><b>Working...</b></div>
+
+{% if connection_type == "Spotify" and user and user.connections.Spotify and
+config.connections.spotify_client_id %}
+<script>
+    setTimeout(async () => {
+        const code = new URLSearchParams(window.location.search).get("code");
+        const client_id = "{{ config.connections.spotify_client_id }}";
+        const verifier = "{{ user.connections.Spotify[0].data.verifier }}";
+
+        if (!code) {
+            alert("Connection failed (did not get code from Spotify)");
+            return;
+        }
+
+        const [token, refresh_token, expires_in] = await trigger(
+            "spotify::get_token",
+            [client_id, verifier, code],
+        );
+
+        const profile = await trigger("spotify::profile", [token]);
+
+        const { message } = await trigger("connections::push_con_data", [
+            "Spotify",
+            {
+                token,
+                refresh_token,
+                expires_in: expires_in.toString(),
+                name: profile.display_name,
+            },
+        ]);
+
+        document.getElementById("status").innerHTML =
+            `<b>${message}.</b> You can now close this tab.`;
+    }, 150);
+</script>
+{% endif %} {% endblock %}