RustLangES · Brayan-724 · Sep 13, 2024 · Sep 5, 2024 · Sep 5, 2024 · Sep 5, 2024
diff --git a/.gitignore b/.gitignore
@@ -3,6 +3,7 @@ node_modules
 # Output
 .output
 .vercel
+.wrangler
 /.svelte-kit
 /dist
 /build

diff --git a/package.json b/package.json
@@ -45,5 +45,8 @@
 		"vite": "^5.0.3",
 		"vitest": "^2.0.0"
 	},
-	"type": "module"
+	"type": "module",
+	"dependencies": {
+		"@auth/sveltekit": "^1.4.2"
+	}
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app.css b/src/app.css
@@ -20,6 +20,7 @@ body {
 	width: 100vw;
 	min-height: 100vh;
 	margin: 0;
+	overflow-x: hidden;
 }
 
 #SVELTEUI_PROVIDER {

diff --git a/src/app.d.ts b/src/app.d.ts
@@ -6,7 +6,15 @@ declare global {
 		// interface Locals {}
 		// interface PageData {}
 		// interface PageState {}
-		// interface Platform {}
+		interface Platform {
+			env: {
+				FORMS_DB: D1Database;
+			};
+			context: {
+				waitUntil(promise: Promise<any>): void;
+			};
+			caches: CacheStorage & { default: Cache };
+		}
 	}
 }
 

diff --git a/src/app.html b/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" />
+		<title>RustLangES Dashboard</title>
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">

diff --git a/src/auth.ts b/src/auth.ts
@@ -0,0 +1,6 @@
+import { SvelteKitAuth } from "@auth/sveltekit"
+import GitHub from "@auth/sveltekit/providers/github"
+
+export const { handle, signIn, signOut } = SvelteKitAuth({
+  providers: [GitHub],
+})
diff --git a/src/hooks.server.ts b/src/hooks.server.ts
@@ -0,0 +1,7 @@
+import { sequence } from "@sveltejs/kit/hooks";
+
+import { prepareStylesSSR } from "@svelteuidev/core";
+
+import { handle as authHandle } from "./auth";
+
+export const handle = sequence(authHandle, prepareStylesSSR);
diff --git a/src/lib/forms/models.d.ts b/src/lib/forms/models.d.ts
@@ -0,0 +1,41 @@
+export interface Form {
+	id: number;
+	title: string;
+	description: string;
+	edition: string;
+
+	/** 0 = false, 1 = true. D1 Things */
+	multiple_times: number;
+
+	/** 0 = false, 1 = true. D1 Things */
+	require_login: number;
+
+	/** 0 = false, 1 = true. D1 Things */
+	deleted: number;
+
+	/** Created datetime in seconds */
+	created_at: number;
+}
+
+type Step<Type extends string, Data extends object> = {
+	id: number;
+	title: string;
+	description: string;
+	type: Type;
+	data: Data;
+};
+
+export type Question = QuestionText | QuestionQuestionText | QuestionOptions;
+
+export type QuestionText = Step<'text', {}>;
+
+export type QuestionQuestionText = Step<'questionText', { required?: boolean }>;
+
+export type QuestionOptions = Step<
+	'options',
+	{
+		canMultiple: boolean;
+		required: boolean;
+		options: Array<string>;
+	}
+>;
diff --git a/src/lib/forms/service/stores/form.ts b/src/lib/forms/service/stores/form.ts
@@ -0,0 +1,39 @@
+import { writable } from 'svelte/store';
+import type { Form, Question } from '../../models';
+
+export const form = writable<Form>();
+export const questions = writable<Question[]>([]);
+
+export async function loadDetails(
+	platform: Readonly<App.Platform> | undefined,
+	type_form: string
+): Promise<{ form: Form; questions: Question }> {
+	const form_res = await platform!.env.FORMS_DB.prepare('SELECT * FROM Form WHERE id = ?')
+		.bind(type_form)
+		.run();
+
+	const questions_res = await platform!.env.FORMS_DB.prepare(
+		'SELECT * FROM Question WHERE form_id = ?'
+	)
+		.bind(type_form)
+		.run();
+
+	const formData = form_res.results[0];
+	const questionsData = questions_res.results;
+
+	form.set(formData);
+	questions.set(questionsData);
+
+	return { form: formData, questions: questionsData };
+}
+
+export function receiveDetails(data: unknown) {
+	if (typeof data === 'object' && data !== null) {
+		if ('form' in data) {
+			form.set(data.form as Form);
+		}
+		if ('questions' in data) {
+			questions.set(data.questions as Question[]);
+		}
+	}
+}
diff --git a/src/lib/forms/service/stores/forms.ts b/src/lib/forms/service/stores/forms.ts
@@ -0,0 +1,20 @@
+import { writable } from 'svelte/store';
+import type { Form } from '../../models';
+
+export const forms = writable<Form[]>([]);
+
+export async function loadFormsFromDB(
+	platform: Readonly<App.Platform> | undefined
+): Promise<Form[]> {
+	const forms_res = await platform!.env.FORMS_DB.prepare('SELECT * FROM Form').run();
+
+	forms.set(forms_res.results);
+
+	return forms_res.results;
+}
+
+export function receiveForms(data: unknown) {
+	if (typeof data === 'object' && data !== null && 'forms' in data) {
+		forms.set(data.forms as Form[]);
+	}
+}
diff --git a/src/lib/forms/service/stores/question.ts b/src/lib/forms/service/stores/question.ts
@@ -0,0 +1,25 @@
+import { writable } from 'svelte/store';
+import type { Question } from '../../models';
+
+export const question = writable<Question>();
+
+export async function loadQuestionFromDB(
+	platform: Readonly<App.Platform> | undefined,
+	params: number
+): Promise<Question> {
+	const question_res = await platform!.env.FORMS_DB.prepare('SELECT * FROM Question WHERE id = ?')
+		.bind(params)
+		.run();
+
+	question.set(question_res.results[0]);
+
+	return question_res.results[0];
+}
+
+export function receiveQuestion(data: unknown) {
+	if (typeof data === 'object' && data !== null && 'question' in data) {
+		question.set(data.question as Question);
+	} else {
+		console.error('Invalid data format in receiveQuestion:', data);
+	}
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -3,6 +3,7 @@ node_modules @@
     # Output
     .output
     .vercel
+    .wrangler
     /.svelte-kit
     /dist
     /build
@@ Expand Down @@