Added a button to open the Origin Private File System (#66)

For more information about the OPFS, see:
https://developer.mozilla.org/en-US/docs/Web/API/File_System_API/Origin_private_file_system

Author: koron

schema/plugin.json

@@ -4,6 +4,7 @@
   "jupyter.lab.toolbars": {
     "FileSystemAccess": [
       { "name": "open-folder", "rank": 0 },
+      { "name": "open-opfs", "rank": 5 },
       { "name": "uploader", "rank": 10 },
       { "name": "filename-searcher", "rank": 20 }
     ]

src/index.ts

@@ -23,6 +23,7 @@ import { ITranslator, nullTranslator } from '@jupyterlab/translation';
 import {
   listIcon,
   folderIcon,
+  trustedIcon,
   IScore,
   FilenameSearcher
 } from '@jupyterlab/ui-components';
@@ -116,6 +117,25 @@ const plugin: JupyterFrontEndPlugin<void> = {
         }
       );
 
+      toolbarRegistry.addFactory(
+        DRIVE_NAME,
+        'open-opfs',
+        (browser: FileBrowser) => {
+          const openOPFSButton = new ToolbarButton({
+            icon: trustedIcon,
+            onClick: async () => {
+              const directoryHandle = await navigator.storage.getDirectory();
+              if (directoryHandle) {
+                drive.rootHandle = directoryHandle;
+                widget.model.cd('/');
+              }
+            },
+            tooltip: trans.__('Open the Origin Private File System')
+          });
+          return openOPFSButton;
+        }
+      );
+
       toolbarRegistry.addFactory(
         DRIVE_NAME,
         'uploader',