fix closing a directory

src/features/file/index.tsx

@@ -30,7 +30,8 @@ interface FilesContextType {
     readonly root: Accessor<FileSystemDirectoryHandle | undefined>,
     readonly loading: Accessor<boolean>,
 
-    open(directory: FileSystemDirectoryHandle): void;
+    open(directory: FileSystemDirectoryHandle): Promise<void>;
+    close(): Promise<void>;
     get(key: string): Accessor<FileSystemDirectoryHandle | undefined>
     set(key: string, handle: FileSystemDirectoryHandle): Promise<void>;
     remove(key: string): Promise<void>;
@@ -140,6 +141,12 @@ export const FilesProvider: ParentComponent = (props) => {
             await internal.set(ROOT, directory);
         },
 
+        async close() {
+            setState('root', undefined);
+
+            await internal.remove(ROOT);
+        },
+
         get(key: string): Accessor<FileSystemDirectoryHandle | undefined> {
             return createMemo(() => state.openedFiles.find(entity => entity.key === key)?.handle);
         },

src/routes/(editor)/edit.tsx

@@ -242,7 +242,7 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
             await filesContext.open(directory);
         }, { key: 'o', modifier: Modifier.Control }),
         close: createCommand('page.edit.command.close', async () => {
-            filesContext.remove('__root__');
+            await filesContext.close();
         }),
         closeTab: createCommand('page.edit.command.closeTab', async (id: string) => {
             filesContext.remove(id);