Convert multiple pages into SPA

svelte/src/filesystem/filemanager/FileManager.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-import { fs_delete_all, fs_download, fs_rename, type FSNode } from "filesystem/FilesystemAPI"
+import { fs_delete_all, fs_download, fs_rename, type FSNode } from "lib/FilesystemAPI"
 import { onMount } from "svelte"
 import CreateDirectory from "./CreateDirectory.svelte"
 import ListView from "./ListView.svelte"
@@ -13,6 +13,7 @@ import type { FSNavigator } from "filesystem/FSNavigator";
 import FsUploadWidget from "filesystem/upload_widget/FSUploadWidget.svelte";
 import EditWindow from "filesystem/edit_window/EditWindow.svelte";
 import { FileAction, type FileEvent } from "./FileManagerLib";
+import FileMenu from "./FileMenu.svelte";
 
 export let nav: FSNavigator
 export let upload_widget: FsUploadWidget
@@ -23,6 +24,7 @@ let uploader: FsUploadWidget
 let mode = "viewing"
 let creating_dir = false
 let show_hidden = false
+let file_menu: FileMenu
 
 export const upload = (files: File[]) => {
 	return uploader.upload(files)
@@ -84,6 +86,11 @@ const file_event = (e: CustomEvent<FileEvent>) => {
 		e.detail.original.stopPropagation()
 		fs_download(nav.children[index])
 		break
+	case FileAction.Menu:
+		e.detail.original.preventDefault()
+		e.detail.original.stopPropagation()
+		file_menu.open(nav.children[index], e.detail.original.target)
+		break
 	}
 }
 
@@ -410,10 +417,10 @@ onMount(() => {
 	{/if}
 </div>
 
+<FileMenu bind:this={file_menu} bind:nav bind:edit_window />
+
 <style>
 .container {
-	height: 100%;
-	width: 100%;
 	padding: 0;
 	overflow: auto;
 	display: block;