added oauth link

Author: AdrianGonz97

.prettierrc

@@ -1,7 +1,7 @@
 {
 	"useTabs": true,
 	"singleQuote": true,
-	"trailingComma": "none",
+	"trailingComma": "es5",
 	"printWidth": 100,
 	"plugins": ["prettier-plugin-svelte"],
 	"pluginSearchDirs": ["."],

src/app.d.ts

@@ -2,7 +2,10 @@
 // for information about these interfaces
 // and what to do when importing types
 declare namespace App {
-	// interface Locals {}
+	interface Locals {
+		pb: import('pocketbase').default;
+		user?: import('pocketbase').Record | import('pocketbase').Admin;
+	}
 	// interface PageData {}
 	// interface Error {}
 	// interface Platform {}

src/routes/+layout.server.ts

@@ -0,0 +1,7 @@
+import type { LayoutServerLoad } from './$types';
+
+export const load: LayoutServerLoad = async ({ locals }) => {
+	return {
+		user: locals.user
+	};
+};

src/routes/+layout.svelte

@@ -0,0 +1,47 @@
+<script lang="ts">
+	import { browser } from '$app/environment';
+	import { PUBLIC_TWITCH_CLIENT_ID, PUBLIC_TWITCH_REDIRECT_URI } from '$env/static/public';
+	import type { LayoutServerData } from './$types';
+
+	export let data: LayoutServerData;
+
+	let url = new URL('https://id.twitch.tv/oauth2/authorize');
+
+	if (browser) {
+		const state = generateState();
+		const scopes = ['user:read:email'];
+		url.searchParams.set('client_id', PUBLIC_TWITCH_CLIENT_ID);
+		url.searchParams.set('redirect_uri', PUBLIC_TWITCH_REDIRECT_URI);
+		url.searchParams.set('response_type', 'code');
+		url.searchParams.set('scope', scopes.join('+'));
+		url.searchParams.set('state', state);
+
+		window.localStorage.setItem('state', state);
+	}
+
+	function generateState() {
+		const validChars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+
+		let array = new Uint8Array(43);
+
+		window.crypto.getRandomValues(array);
+		array = array.map((x) => validChars.charCodeAt(x % validChars.length));
+
+		// @ts-ignore
+		const randomState = String.fromCharCode.apply(null, array);
+
+		return randomState;
+	}
+</script>
+
+<main>
+	{#if data.user}
+		<h2>Welcome, {data.user.id}!</h2>
+		<form action="/logout" method="POST">
+			<button type="submit">Logout</button>
+		</form>
+	{:else}
+		<a href={url.toString()}>Connect with Twitch</a>
+	{/if}
+	<slot />
+</main>