Fixed login callback issue

Author: amr3k

src/app.d.ts

@@ -1,3 +1,4 @@
+import type { User } from '$lib/types/user';
 /// <reference types="@sveltejs/kit" />
 
 // See https://kit.svelte.dev/docs/types#app
@@ -8,3 +9,10 @@ declare namespace App {
 	// interface Session {}
 	// interface Stuff {}
 }
+
+declare global {
+	interface Window {
+		// eslint-disable-next-line no-unused-vars
+		telegramCallback: (data: User) => void;
+	}
+}

src/lib/Login.svelte

@@ -14,7 +14,7 @@
 	 * } | {
 	 * authType?: 'callback'; // Authorization type, Callback means that you will get an event containing user info when the user is logged in, you'll need to use onauth to handle it. Redirect means that user will be redirected to the URL you specify in `redirectURL` parameter.
 	 * redirectURL?: never; // If authType is set to redirect, this is the URL that user will be redirected to after logging in.
-	 * onauth: (user: import('../lib/types/user').user) => void;
+	 * onauth: (user: import('../lib/types/user').User) => void;
 	 * })}
 	 */
 	let {
@@ -32,7 +32,7 @@
 	/** @type {HTMLScriptElement | undefined}*/
 	let script = $state();
 
-	function telegramCallback(/** @type {import('../lib/types/user').user}*/ user) {
+	function telegramCallback(/** @type {import('../lib/types/user').User}*/ user) {
 		onauth(user);
 	}
 	function cleanStart() {
@@ -64,11 +64,8 @@
 	}
 
 	onMount(() => {
+		window.telegramCallback = telegramCallback;
 		cleanStart();
-		if ('telegramCallback' in window) {
-			window.telegramCallback = telegramCallback;
-			console.log('telegramCallback is already defined');
-		}
 	});
 </script>
 

src/lib/types/user.js

@@ -1,5 +1,5 @@
 /**
- * @typedef {Object} user
+ * @typedef {Object} User
  * @property {number} id
  * @property {string} first_name
  * @property {string} username

src/routes/+page.svelte

@@ -37,7 +37,7 @@
 	/** @type {string}*/
 	let loginUsername = 'ComputlyBot';
 
-	async function telegramLogin(/** @type {import('../lib/types/user').user}*/ user) {
+	async function telegramLogin(/** @type {import('$lib/types/user').User}*/ user) {
 		const res = await fetch(window.location.origin + '/bot', {
 			method: 'POST',
 			headers: {

src/routes/bot/+server.js

@@ -3,7 +3,7 @@ import { error, json } from '@sveltejs/kit';
 
 /** @type {import('@sveltejs/kit').RequestHandler} */
 export async function POST({ request }) {
-	/** @type {import('../../lib/types/user').user}*/
+	/** @type {import('$lib/types/user').User}*/
 	const body = await request.json();
 	try {
 		const message = [