Convert the whole filesystem UI to Typescript

svelte/src/filesystem/upload_widget/FSUploadWidget.svelte

@@ -1,16 +1,28 @@
-<script>
+<script lang="ts" context="module">
+export type UploadJob = {
+	task_id: number,
+	file: File,
+	path: string,
+	component: UploadProgress,
+	status: string,
+	total_size: number,
+	loaded_size: number,
+};
+</script>
+<script lang="ts">
 import { tick } from "svelte";
 import { fade } from "svelte/transition";
 import UploadProgress from "./UploadProgress.svelte";
+import type { FSNavigator } from "filesystem/FSNavigator";
 
-export let nav
+export let nav: FSNavigator
 
 const max_concurrent_uploads = 5
 
-let file_input_field
-let file_input_change = (e) => {
+let file_input_field: HTMLInputElement
+let file_input_change = (e: Event) => {
 	// Start uploading the files async
-	upload_files(e.target.files)
+	upload_files((e.target as HTMLInputElement).files)
 
 	// This resets the file input field
 	file_input_field.nodeValue = ""
@@ -20,10 +32,10 @@ export const pick_files = () => {
 }
 
 let visible = false
-let upload_queue = [];
+let upload_queue: UploadJob[] = [];
 let task_id_counter = 0
 
-export const upload_files = async files => {
+export const upload_files = async (files: File[]|FileList) => {
 	if (files.length === 0) {
 		return
 	} else if (nav.base.type !== "dir") {
@@ -37,7 +49,7 @@ export const upload_files = async files => {
 	}
 }
 
-export const upload_file = async file => {
+export const upload_file = async (file: File) => {
 	if (nav.base.type !== "dir") {
 		alert("Can only upload to directory")
 		return
@@ -122,7 +134,7 @@ const finish_upload = () => {
 	start_upload()
 }
 
-const leave_confirmation = (e) => {
+const leave_confirmation = (e: BeforeUnloadEvent) => {
 	if (state === "uploading") {
 		e.preventDefault()
 		return "If you close this page your files will stop uploading. Do you want to continue?"

svelte/src/filesystem/upload_widget/UploadFunc.ts

@@ -9,7 +9,7 @@
 //
 // on_error is called when the upload has failed. The parameters are the error
 
-import { fs_path_url, type GenericResponse } from "filesystem/FilesystemAPI.mjs"
+import { fs_path_url, type GenericResponse } from "filesystem/FilesystemAPI"
 
 // code and an error message
 export const upload_file = (

svelte/src/filesystem/upload_widget/UploadProgress.svelte

@@ -1,22 +1,18 @@
-<script>
+<script lang="ts">
 import { createEventDispatcher } from "svelte";
 import { fade } from "svelte/transition";
 import { upload_file } from "./UploadFunc";
 import ProgressBar from "util/ProgressBar.svelte";
 import Button from "layout/Button.svelte"
+import type { UploadJob } from "./FSUploadWidget.svelte";
 
 let dispatch = createEventDispatcher()
-export let job = {
-	file: null,
-	path: "",
-	name: "",
-	status: "",
-}
+export let job: UploadJob
 export let total = 0
 export let loaded = 0
 let error_code = ""
 let error_message = ""
-let xhr = null
+let xhr: XMLHttpRequest = null
 
 export const start = () => {
 	xhr = upload_file(