Set up Discord OAuth2 (#16)

* add oauth2 redirect

* wip

* wip

Reference:
- https://discord.com/developers/docs/topics/oauth2
- https://npmjs.com/package/@deno/kv
-

* added components for availability, data, datetime, time

* added sample data for the new question types

* Fixed Datetime question input

* wip

* Ran formating and added availability question

* Removed unnecessary AvailabilityQuestionValue from imports in form.svelte

* Fixed spelling error lol

* Added the name attribute to question types changed sumbit button

* blindly-coded wip

* wip

* wip

* wip

* add form and submission to `Store` interface

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* Update kv.ts

* wip

* update tentative landing page

* wip getting sessions to seemingly work maybe

TODO: remove rogue console log statements.

* Delete +server.ts

* run `npm run lint`

* add form preview components

* wip

* wip

* Squashed commit of the following:

commit 71e0b11
Author: Alexander Peras <[email protected]>
Date:   Fri Feb 9 04:42:49 2024 -0800

    npm run format

commit 7b981e9
Author: Alexander Peras <[email protected]>
Date:   Fri Feb 9 04:36:09 2024 -0800

    fixed textarea resizing after changing fieldset

commit 3e947e7
Author: Alexander Peras <[email protected]>
Date:   Fri Feb 9 04:11:33 2024 -0800

    npm run format

commit 7798511
Author: Alexander Peras <[email protected]>
Date:   Fri Feb 9 04:07:59 2024 -0800

    added choiceIndex functionality

commit 05adf31
Author: Alexander Peras <[email protected]>
Date:   Fri Feb 9 03:47:08 2024 -0800

    added functionality for custom choice

commit 2150ac7
Author: Alexander Peras <[email protected]>
Date:   Fri Feb 9 03:31:02 2024 -0800

    npm run format and fixed lint errors

commit cdffee6
Author: Alexander Peras <[email protected]>
Date:   Fri Feb 9 03:18:23 2024 -0800

    replaced default with value in form.ts and all interfaces

commit 2106f9f
Author: AlexthePear <[email protected]>
Date:   Tue Feb 6 14:54:16 2024 -0800

    ran npm run format

commit 2b79740
Author: AlexthePear <[email protected]>
Date:   Tue Feb 6 14:51:15 2024 -0800

    FIXED: SingleTextSelectQuestion Value didn't extend QuestionValueBase

commit 5222508
Author: AlexthePear <[email protected]>
Date:   Sat Feb 3 17:38:01 2024 -0800

    wip

commit 03c0572
Author: AlexthePear <[email protected]>
Date:   Sat Feb 3 16:10:03 2024 -0800

    WIP: changing availiability question from using data.defualt to AvailabilityQuestionValue to store data

commit 964b6e3
Author: AlexthePear <[email protected]>
Date:   Sat Feb 3 15:41:26 2024 -0800

    reformated files

commit 04f1012
Merge: 63b8577 0bf9f59
Author: AlexthePear <[email protected]>
Date:   Sat Feb 3 15:40:16 2024 -0800

    Merge branch 'new-form-questions' of https://github.com/acmcsufoss/form into new-form-questions

commit 63b8577
Author: AlexthePear <[email protected]>
Date:   Sat Feb 3 15:39:57 2024 -0800

    wrapped all questions in fieldset and replaced label with <legend>

commit 0bf9f59
Author: Alexander Peras <[email protected]>
Date:   Wed Jan 31 13:40:35 2024 -0800

    fixed text area question resizing

commit 7538b33
Author: Alexander Peras <[email protected]>
Date:   Wed Jan 31 13:35:07 2024 -0800

    Added validation for avaliability question so its always a valid input

* wip

* fixed demo_form css

* fix demo form

* Update +page.svelte

* add form editor notes

* add check to createForm

* add redirect to `/discord_oauth2/logout` endpoint

* add `DENO_KV_CONNECT_URL` env var

* check workflow: copy default env vars

* check workflow: copy default env vars

* move db files to `.denokv` directory

* Update check.yaml

* check workflow: omit build step

* replace default `kvPath`

* edit form editor component

---------

Co-authored-by: Kaitlyn Jao <[email protected]>
Co-authored-by: AlexthePear <[email protected]>
Co-authored-by: AlexthePear <[email protected]>

.env.example

@@ -0,0 +1,8 @@
+DENO_KV_ACCESS_TOKEN=""
+DENO_KV_CONNECT_URL=""
+DISCORD_REDIRECT_URI=""
+DISCORD_CLIENT_ID=""
+DISCORD_CLIENT_SECRET=""
+DISCORD_GUILD_ID=""
+DISCORD_ROLE_ID=""
+DISCORD_BOT_TOKEN=""

.github/workflows/check.yaml

@@ -36,6 +36,12 @@ jobs:
       - name: Install Dependencies
         run: npm ci
 
+      - name: Set up .env
+        run: cp .env.example .env
+
+      - name: Set up .env
+        run: cp .env.example .env
+
       - name: Svelte check
         run: npm run check
 
@@ -44,6 +50,3 @@ jobs:
 
       - name: Lint
         run: npm run lint && git diff --exit-code
-
-      - name: Build
-        run: npm run build

.gitignore

@@ -8,3 +8,4 @@ node_modules
 !.env.example
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
+.denokv*

package.json

@@ -28,5 +28,11 @@
 		"typescript": "^5.0.0",
 		"vite": "^4.4.2"
 	},
-	"type": "module"
+	"type": "module",
+	"dependencies": {
+		"@deno/kv": "^0.7.0",
+		"discord-api-types": "^0.37.67",
+		"export-to-csv": "^1.2.2",
+		"ulid": "^2.3.0"
+	}
 }

src/app.d.ts

@@ -1,11 +1,16 @@
+import type { User } from '$lib/store';
+
 // See https://kit.svelte.dev/docs/types#app
 // for information about these interfaces
 declare global {
 	namespace App {
 		// interface Error {}
-		// interface Locals {}
 		// interface PageData {}
 		// interface Platform {}
+
+		interface Locals {
+			user: User | undefined;
+		}
 	}
 }
 

src/app.html

@@ -4,6 +4,7 @@
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<link rel="stylesheet" href="%sveltekit.assets%/global.css" />
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">

src/hooks.server.ts

@@ -0,0 +1,15 @@
+import type { Handle } from '@sveltejs/kit';
+import { s } from '$lib/resources/store';
+import { SESSION_ID_COOKIE_NAME } from '$lib/oauth2';
+
+export const handle: Handle = async ({ event, resolve }) => {
+	const sessionID = event.cookies.get(SESSION_ID_COOKIE_NAME);
+	if (sessionID) {
+		const user = await s.getUserBySessionID(sessionID);
+		if (user) {
+			event.locals.user = user;
+		}
+	}
+
+	return await resolve(event);
+};