enforce strict typescript

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())
 	}
 }

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) => ({

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

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) ?? '?' },
 				}),
 			},
 		})

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">

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

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"]
 }