From 728ad56b33cdc64fb1a4f71deeeb8eff8e56c76a Mon Sep 17 00:00:00 2001
From: cupcakearmy <hi@nicco.io>
Date: Tue, 1 Mar 2022 02:00:01 +0100
Subject: [PATCH] enforce strict typescript

---
 frontend/src/lib/files.ts             |  2 +-
 frontend/src/lib/ui/FileUpload.svelte |  2 +-
 frontend/src/lib/ui/TextInput.svelte  |  2 +-
 frontend/src/lib/views/Create.svelte  |  2 +-
 frontend/src/routes/__layout.svelte   |  2 +-
 frontend/src/routes/note/[id].svelte  | 11 +++++++----
 frontend/tsconfig.json                |  3 ++-
 7 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/frontend/src/lib/files.ts b/frontend/src/lib/files.ts
index 26cf3e2..78a31d2 100644
--- a/frontend/src/lib/files.ts
+++ b/frontend/src/lib/files.ts
@@ -7,7 +7,7 @@ export class Files {
 		})
 	}
 
-	static fromString(s: string): Promise<Blob> {
+	static async fromString(s: string): Promise<Blob> {
 		return fetch(s).then((r) => r.blob())
 	}
 }
diff --git a/frontend/src/lib/ui/FileUpload.svelte b/frontend/src/lib/ui/FileUpload.svelte
index ee5b752..14b5476 100644
--- a/frontend/src/lib/ui/FileUpload.svelte
+++ b/frontend/src/lib/ui/FileUpload.svelte
@@ -12,7 +12,7 @@
 
 	async function onInput(e: Event) {
 		const input = e.target as HTMLInputElement
-		if (input.files.length) {
+		if (input?.files?.length) {
 			files = Array.from(input.files)
 			const data: FileDTO[] = await Promise.all(
 				files.map(async (file) => ({
diff --git a/frontend/src/lib/ui/TextInput.svelte b/frontend/src/lib/ui/TextInput.svelte
index 13ff666..da8d9ee 100644
--- a/frontend/src/lib/ui/TextInput.svelte
+++ b/frontend/src/lib/ui/TextInput.svelte
@@ -8,7 +8,7 @@
 	import Icon from './Icon.svelte'
 
 	export let label: string = ''
-	export let value: string | number
+	export let value: any
 
 	export let copy: boolean = false
 	export let random: boolean = false
diff --git a/frontend/src/lib/views/Create.svelte b/frontend/src/lib/views/Create.svelte
index 8af4c08..663dbc4 100644
--- a/frontend/src/lib/views/Create.svelte
+++ b/frontend/src/lib/views/Create.svelte
@@ -33,7 +33,7 @@
 		message = $t('home.explanation', {
 			values: {
 				type: $t(timeExpiration ? 'common.minutes' : 'common.views', {
-					values: { n: timeExpiration ? note.expiration : note.views },
+					values: { n: (timeExpiration ? note.expiration : note.views) ?? '?' },
 				}),
 			},
 		})
diff --git a/frontend/src/routes/__layout.svelte b/frontend/src/routes/__layout.svelte
index e0d928c..4ea067a 100644
--- a/frontend/src/routes/__layout.svelte
+++ b/frontend/src/routes/__layout.svelte
@@ -3,7 +3,7 @@
 	// @ts-ignore
 	import { registerAll } from '$locales'
 	registerAll()
-	init({ initialLocale: getLocaleFromNavigator(), fallbackLocale: 'en' })
+	init({ initialLocale: getLocaleFromNavigator() ?? undefined, fallbackLocale: 'en' })
 </script>
 
 <script lang="ts">
diff --git a/frontend/src/routes/note/[id].svelte b/frontend/src/routes/note/[id].svelte
index a734833..02b2b6e 100644
--- a/frontend/src/routes/note/[id].svelte
+++ b/frontend/src/routes/note/[id].svelte
@@ -1,5 +1,7 @@
 <script context="module" lang="ts">
-	export async function load({ params }) {
+	import type { Load } from '@sveltejs/kit'
+
+	export const load: Load = async ({ params }) => {
 		return {
 			props: params,
 		}
@@ -7,13 +9,14 @@
 </script>
 
 <script lang="ts">
+	import { onMount } from 'svelte'
+	import { t } from 'svelte-intl-precompile'
+
 	import type { NotePublic } from '$lib/api'
 	import { get, info } from '$lib/api'
 	import { decrypt, getKeyFromString } from '$lib/crypto'
 	import Button from '$lib/ui/Button.svelte'
 	import ShowNote from '$lib/ui/ShowNote.svelte'
-	import { onMount } from 'svelte'
-	import { t } from 'svelte-intl-precompile'
 
 	export let id: string
 
@@ -27,7 +30,7 @@
 	onMount(async () => {
 		try {
 			loading = true
-			error = null
+			error = false
 			password = window.location.hash.slice(1)
 			await info(id)
 			exists = true
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index d826f6e..ae8e7b5 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -24,7 +24,8 @@
 		"checkJs": true,
 		"paths": {
 			"$lib/*": ["src/lib/*"]
-		}
+		},
+		"strict": true
 	},
 	"include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.ts", "src/**/*.svelte"]
 }