Null handling for Api

fix api null response handling

fix type

more null handling

more null handling, for api

remove unused css selector

src/lib/api/apiStore.ts

@@ -32,8 +32,11 @@ export interface Assignment {
 export async function updateFiles() {
 	const api = getContext('api') as ApiHandler;
 
-	const userDocuments = await api.getUserDocuments();
-	const userDocumentsJson = await userDocuments.json();
+	const response = await api.getUserDocuments();
+	if (!response) {
+		throw new Error('Could not update files due to no response');
+	}
+	const userDocumentsJson = await response.json();
 	console.log(userDocumentsJson);
 
 	fileStore.set(userDocumentsJson);
@@ -57,18 +60,20 @@ export function updateUserInfo(state: AuthorizerState) {
 
 // Explicitly specify the type of the store
 export const fileStore = writable<FileInfo[]>([]);
+export const assignmentStore = writable<Assignment[]>([]);
 
 interface userInfo {
 	name: string;
 }
 export const userInfo = writable<userInfo>();
 
-export const assignmentStore = writable<Assignment[]>([]);
-
 export async function updateAssignments() {
 	const api = getContext('api') as ApiHandler;
 
 	const response = await api.getAssignments();
+	if (!response) {
+		throw new Error('Could not update assignments due to no response');
+	}
 	const json = await response.json();
 
 	assignmentStore.set(json);

src/lib/api/index.ts

@@ -16,7 +16,7 @@ export default class ApiHandler {
 
 	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	debounce(func: any, timeout = 300) {
-		let timer: number;
+		let timer: NodeJS.Timeout;
 		// eslint-disable-next-line @typescript-eslint/no-explicit-any
 		return (...args: any) => {
 			clearTimeout(timer);

src/routes/+layout.svelte

@@ -52,16 +52,4 @@
 		flex-direction: column;
 		min-height: 100vh;
 	}
-
-	main {
-		flex: 1;
-		flex-direction: column;
-		/* padding: 1rem; */
-		width: 100%;
-		max-height: 100%;
-		/* max-width: 64rem; */
-		margin: 0 auto;
-		min-height: 100vh;
-		box-sizing: border-box;
-	}
 </style>

src/routes/workspace/FileViewer.svelte

@@ -35,7 +35,10 @@
 	<SideBarElem active={false}>
 		<button
 			on:click={async () => {
-				const newFile = await (await api.createDocument(randomName())).json();
+				const newFile = await api.createDocument(randomName()).then((response) => {
+					if (!response) return;
+					return response.json();
+				});
 				activeFile.set(newFile);
 				fileStore.update((before) => [...before, newFile]);
 			}}

src/routes/workspace/editor/+page.svelte

@@ -21,6 +21,7 @@
 	}
 
 	api.getDocument(id || '').then((file) => {
+		if (!file) return;
 		file.json().then((fileContent) => {
 			activeFile.set(fileContent);
 		});

src/routes/workspace/editor/Toolbar/MoreActions.svelte

@@ -14,9 +14,9 @@
 	function deleteActiveFile() {
 		const id = $activeFile?.id;
 		if (!id) return;
-		api.deleteDocument(id).then((it) => {
-			if (it.status !== 200) return;
-			console.log(it);
+		api.deleteDocument(id).then((response) => {
+			if (!response || response.status !== 200) return;
+			console.log(response);
 			fileStore.update((prev) => prev.filter((it) => it !== $activeFile));
 			activeFile.set(null);
 		});