From 8697c2fe767af28d6bbb572acf3ee5ce1689c482 Mon Sep 17 00:00:00 2001
From: Chad Freeman <ceo@marinadev.xyz>
Date: Sat, 17 Aug 2024 00:51:55 -0400
Subject: [PATCH] initalize db

---
 package.json                 | 76 ++++++++++++++++++------------------
 src/lib/db.ts                | 31 ++++++++++++++-
 src/routes/auth/+page.svelte | 64 ++++++++++++++++++++++++++----
 3 files changed, 123 insertions(+), 48 deletions(-)

diff --git a/package.json b/package.json
index eb6ecdd..e658ed5 100644
--- a/package.json
+++ b/package.json
@@ -1,40 +1,40 @@
 {
-	"name": "talkomatic",
-	"version": "0.0.1",
-	"private": true,
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"format": "prettier --write .",
-		"lint": "prettier --check ."
-	},
-	"devDependencies": {
-		"@deno/kv": "^0.8.1",
-		"@olli/kvdex": "npm:@jsr/olli__kvdex",
-		"@sveltejs/adapter-auto": "^3.0.0",
-		"@sveltejs/kit": "^2.0.0",
-		"@sveltejs/vite-plugin-svelte": "^3.0.0",
-		"@ts-rex/argon2": "npm:@jsr/ts-rex__argon2",
-		"autoprefixer": "^10.4.20",
-		"daisyui": "^4.12.10",
-		"hono": "^4.5.5",
-		"lucia": "^3.2.0",
-		"postcss": "^8.4.41",
-		"prettier": "^3.3.2",
-		"prettier-plugin-svelte": "^3.2.5",
-		"svelte": "^5.0.0-next.1",
-		"svelte-check": "^3.6.0",
-		"sveltekit-superforms": "^2.17.0",
-		"tailwindcss": "^3.4.10",
-		"typescript": "^5.0.0",
-		"vite": "^5.0.3",
-		"zod": "^3.23.8"
-	},
-	"type": "module",
-	"trustedDependencies": [
-		"svelte-preprocess"
-	]
+  "name": "talkomatic",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build",
+    "preview": "vite preview",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "format": "prettier --write .",
+    "lint": "prettier --check ."
+  },
+  "devDependencies": {
+    "@deno/kv": "^0.8.1",
+    "@olli/kvdex": "npm:@jsr/olli__kvdex",
+    "@sveltejs/adapter-auto": "^3.0.0",
+    "@sveltejs/kit": "^2.0.0",
+    "@sveltejs/vite-plugin-svelte": "^3.0.0",
+    "@ts-rex/argon2": "npm:@jsr/ts-rex__argon2",
+    "autoprefixer": "^10.4.20",
+    "daisyui": "^4.12.10",
+    "hono": "^4.5.5",
+    "lucia": "^3.2.0",
+    "postcss": "^8.4.41",
+    "prettier": "^3.3.2",
+    "prettier-plugin-svelte": "^3.2.5",
+    "svelte": "^5.0.0-next.1",
+    "svelte-check": "^3.6.0",
+    "sveltekit-superforms": "^2.17.0",
+    "tailwindcss": "^3.4.10",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.3",
+    "zod": "^3.23.8"
+  },
+  "type": "module",
+  "trustedDependencies": [
+    "svelte-preprocess"
+  ]
 }
diff --git a/src/lib/db.ts b/src/lib/db.ts
index 0e8df9a..7e03c5c 100644
--- a/src/lib/db.ts
+++ b/src/lib/db.ts
@@ -1,2 +1,29 @@
-import {  } from "@olli/kvdex"
-import {  } from "@deno/kv"
\ No newline at end of file
+import { kvdex as gate_keeping_the_database, collection, model } from "@olli/kvdex"
+import { openKv } from "@deno/kv"
+import { z } from "zod"
+
+const user = z.object({
+    username: z.string(),
+    password: z.string(),
+    id: z.string(),
+})
+
+const session = z.object({
+    expiresAt: z.date(),
+    userId: z.string(),
+})
+
+export const gate_keeping_this_too = await openKv()
+export const db = gate_keeping_the_database(gate_keeping_this_too, {
+    user: collection(user),
+    session: collection(session, {
+        indices: {
+            userId: 'secondary'
+        }
+    }),
+    pfp: collection(model<Uint8Array>()),
+    chat: {
+        boxes: collection(model<{ userID: string, text: string }>()),
+        users: collection(user.pick({ username: true, id: true }))
+    }
+})
\ No newline at end of file
diff --git a/src/routes/auth/+page.svelte b/src/routes/auth/+page.svelte
index 5f61b72..43509dd 100644
--- a/src/routes/auth/+page.svelte
+++ b/src/routes/auth/+page.svelte
@@ -1,13 +1,61 @@
 <script lang="ts">
 	import { superForm } from 'sveltekit-superforms';
-
+    import { page } from "$app/stores"
 	const { data } = $props();
 	const { enhance, message, constraints, errors, form } = superForm(data.form);
 </script>
 
 <div class="h-[100vh] flex items-center justify-center">
-	<div class="card bg-base-100 w-96 shadow-xl">
-		<form class="m-2 flex-col flex gap-y-4" method="post" use:enhance>
+	<div class="card bg-base-200 w-96 shadow-xl p-4">
+		<h1 class="text-xl mb-2 font-bold">sign up/in</h1>
+		<div class="join">
+			<a href="{$page.url.pathname}/oauth/google" class="btn grow btn-outline join-item">
+				<svg
+					class="size-4"
+					viewBox="-3 0 262 262"
+					xmlns="http://www.w3.org/2000/svg"
+					preserveAspectRatio="xMidYMid"
+					fill="#000000"
+					><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g
+						id="SVGRepo_tracerCarrier"
+						stroke-linecap="round"
+						stroke-linejoin="round"></g
+					><g id="SVGRepo_iconCarrier"
+						><path
+							d="M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027"
+							fill="#4285F4"></path
+						><path
+							d="M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1"
+							fill="#34A853"></path
+						><path
+							d="M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782"
+							fill="#FBBC05"></path
+						><path
+							d="M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251"
+							fill="#EB4335"></path
+						></g
+					></svg>
+			</a>
+			<a href="{$page.url.pathname}/oauth/discord" class="btn grow btn-outline join-item">
+				<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127.14 96.36"
+					><path
+						fill="#5865f2"
+						d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"
+					></path
+					></svg>
+			</a>
+			<a href="{$page.url.pathname}/oauth/github" class="btn grow btn-outline join-item">
+				<svg class="size-5" viewBox="0 0 98 96" xmlns="http://www.w3.org/2000/svg"
+					><path
+						fill-rule="evenodd"
+						clip-rule="evenodd"
+						d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z"
+						fill="#24292f"></path
+					></svg>
+			</a>
+		</div>
+		<span class="divider">or</span>
+		<form class="flex-col flex gap-y-4" method="post" use:enhance>
 			<label class="input input-bordered flex items-center gap-2">
 				<svg
 					xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +75,9 @@
 					class="grow placeholder:text-base-content/20"
 					placeholder="kaii" />
 			</label>
-            <span
-            class="opacity-0 hidden transition-opacity duration-1000 text-error"
-            class:showerror={$errors.username}>^ {$errors.username?.join(" & ")}</span>
+			<span
+				class="opacity-0 hidden transition-opacity duration-1000 text-error"
+				class:showerror={$errors.username}>^ {$errors.username?.join(' & ')}</span>
 			<label class="input input-bordered flex items-center gap-2">
 				<svg
 					xmlns="http://www.w3.org/2000/svg"
@@ -53,10 +101,10 @@
 				class:showerror={$errors.password}>^ {$errors.password}</span>
 			<div class="flex flex-row gap-x-4">
 				<button formaction="?/signup" type="submit" class="btn btn-secondary flex-grow">
-					Signup
+					sign up
 				</button>
 				<button formaction="?/login" type="submit" class="btn btn-secondary btn-outline flex-grow">
-					Login
+					sign in
 				</button>
 			</div>
 			{#if $message}<span class="text-xs">{$message}</span>{/if}