Merge pull request #55 from datvm/add-showDirectoryPicker-mode

Added Mode option for BaseDirectoryPickerOptions

Author: KristofferStrube

samples/KristofferStrube.Blazor.FileSystemAccess.WasmExample/Pages/OpenDirectory.razor

@@ -0,0 +1,110 @@
+@page "/OpenDirectory"
+@inject IFileSystemAccessServiceInProcess FileSystemAccessService
+@inject IJSRuntime Js;
+
+<PageTitle>File System Access - Open Directory</PageTitle>
+
+@if (handler is null)
+{
+    <div class="hstack gap-3">
+        <label>
+            <input type="checkbox" @bind="write" />
+            Write permission
+        </label>
+
+        <button class="btn btn-primary" @onclick="OpenFolderAsync">Pick directory</button>
+    </div>
+}
+else
+{
+    <div class="mb-3">
+        <button class="btn btn-success" disabled="@(!write)" @onclick="WriteHelloWorldAsync">
+            <span>Create @(FileName)</span>
+
+            @if (!write)
+            {
+                <span> (no write permission)</span>
+            }
+        </button>
+    </div>
+
+    foreach (var item in items)
+    {
+        <div>
+            <span class="oi @(item.Kind == FileSystemHandleKind.Directory ? "oi-folder" : "oi-file")" aria-hidden="true"></span>
+            @(item.Name)
+        </div>
+    }
+}
+
+@code {
+    const string FileName = "HelloWorld.txt";
+
+    bool write;
+    FileSystemDirectoryHandleInProcess? handler;
+    IFileSystemHandleInProcess[] items = Array.Empty<IFileSystemHandleInProcess>();
+
+    async Task OpenFolderAsync()
+    {
+        try
+        {
+            handler = await FileSystemAccessService.ShowDirectoryPickerAsync(new DirectoryPickerOptionsStartInFileSystemHandle()
+                {
+                    Mode = write ? FileSystemPermissionMode.ReadWrite : FileSystemPermissionMode.Read,
+                });
+
+            await LoadItemsAsync();
+        }
+        catch (Exception ex)
+        {
+            Console.WriteLine(ex);
+        }
+    }
+
+    async Task LoadItemsAsync()
+    {
+        items = await handler!.ValuesAsync();
+    }
+
+    async Task WriteHelloWorldAsync()
+    {
+        try
+        {
+            try
+            {
+                var existing = await handler!.GetFileHandleAsync(FileName, new()
+                    {
+                        Create = false,
+                    });
+
+                if (existing is not null)
+                {
+                    await Js.InvokeVoidAsync("alert", "The file is already exist!");
+                    return;
+                }
+            }
+            catch (Exception)
+            {
+                // File does not exist
+            }
+
+            var fileHandle = await handler!.GetFileHandleAsync(FileName, new()
+                {
+                    Create = true,
+                });
+
+            await using (var writable = await fileHandle.CreateWritableAsync())
+            {
+                await using var writer = new StreamWriter(writable);
+                await writer.WriteLineAsync("Hello world");
+            }
+
+            await LoadItemsAsync();
+        }
+        catch (Exception ex)
+        {
+            Console.WriteLine(ex);
+        }
+    }
+
+}

samples/KristofferStrube.Blazor.FileSystemAccess.WasmExample/Shared/NavMenu.razor

@@ -19,6 +19,11 @@
                 <span class="oi oi-excerpt" aria-hidden="true"></span> Open File
             </NavLink>
         </div>
+        <div class="nav-item px-3">
+            <NavLink class="nav-link" href="OpenDirectory">
+                <span class="oi oi-folder" aria-hidden="true"></span> Open Directory
+            </NavLink>
+        </div>
         <div class="nav-item px-3">
             <NavLink class="nav-link" href="ViewZipFile">
                 <span class="oi oi-box" aria-hidden="true"></span> View Zip File

src/KristofferStrube.Blazor.FileSystemAccess/Options/DirectoryPickerOptions.cs

@@ -45,6 +45,12 @@ public abstract class BaseDirectoryPickerOptions
 {
     public string? Id { get; set; }
 
+    /// <summary>
+    /// <see href="https://wicg.github.io/file-system-access/#enumdef-filesystempermissionmode">FileSystemPermissionMode browser specs</see>.
+    /// The default value is <see cref="FileSystemPermissionMode.Read"/>.
+    /// </summary>
+    public FileSystemPermissionMode Mode { get; set; } = FileSystemPermissionMode.Read;
+
     internal virtual ExpandoObject Serializable()
     {
         dynamic res = new ExpandoObject();
@@ -53,6 +59,8 @@ internal virtual ExpandoObject Serializable()
             res.id = Id;
         }
 
+        res.mode = Mode;
+
         return res;
     }
-}
+}