feat:google oauth

src/lib/components/login-form.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { enhance } from '$app/forms';
+	import { goto } from '$app/navigation';
 	import { Button } from '$lib/components/button/index.js';
 	import * as Card from '$lib/components/card/index.js';
 	import { Label } from '$lib/components/label/index.js';
@@ -61,6 +62,15 @@
 						</Button>
 					</div>
 				</div>
+				<Button variant="outline" class="mt-4 w-full" onclick={() => goto('/login/google')}>
+					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+						<path
+							d="M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
+							fill="currentColor"
+						/>
+					</svg>
+					Login with Google
+				</Button>
 			</form>
 		</Card.Content>
 	</Card.Root>

src/lib/server/auth.ts

@@ -82,3 +82,26 @@ export function deleteSessionTokenCookie(event: RequestEvent) {
 		path: '/'
 	});
 }
+
+export async function getUserFromGoogleId(googleId: string) {
+	const [user] = await db.select().from(table.user).where(eq(table.user.googleId, googleId));
+	return user || null;
+}
+
+export async function createUser(googleId: string, name: string) {
+	const userId = generateUserId();
+	const user: table.User = {
+		id: userId,
+		username: name,
+		googleId,
+		passwordHash: null,
+		age: null
+	};
+	await db.insert(table.user).values(user);
+	return user;
+}
+
+function generateUserId(): string {
+	const bytes = crypto.getRandomValues(new Uint8Array(15));
+	return encodeBase64url(bytes);
+}

src/lib/server/db/schema.ts

@@ -4,7 +4,8 @@ export const user = pgTable('user', {
 	id: text('id').primaryKey(),
 	age: integer('age'),
 	username: text('username').notNull().unique(),
-	passwordHash: text('password_hash').notNull()
+	passwordHash: text('password_hash'),
+	googleId: text('google_id').unique()
 });
 
 export const session = pgTable('session', {

src/lib/server/oauth.ts

@@ -0,0 +1,8 @@
+import { Google } from 'arctic';
+import { GOOGLE_CLIENT_ID, GOOGLE_CLIENT_SECRET } from '$env/static/private';
+
+export const google = new Google(
+	GOOGLE_CLIENT_ID,
+	GOOGLE_CLIENT_SECRET,
+	'https://sergeno.ziasvannes.tech/login/google/callback'
+);