Updated demos to conform to best practices.

Author: KristofferStrube

samples/KristofferStrube.Blazor.FileAPI.WasmExample/Pages/FileReaderSample.razor

@@ -1,5 +1,6 @@
 @page "/FileReaderSample"
 @using System.Text
+@implements IAsyncDisposable
 
 @inject IJSRuntime JSRuntime
 @inject HttpClient HttpClient
@@ -127,4 +128,12 @@ We then use the methods of the <code>FileReader</code> interface to read the <co
         };
         await fileReader.ReadAsDataURLAsync(blob!);
     }
+
+    public async ValueTask DisposeAsync()
+    {
+        if (blob is not null)
+        {
+            await blob.DisposeAsync();
+        }
+    }
 }

samples/KristofferStrube.Blazor.FileAPI.WasmExample/Pages/Index.razor

@@ -1,5 +1,5 @@
 @page "/"
-@implements IDisposable
+@implements IAsyncDisposable
 
 @inject IJSRuntime JSRuntime
 @inject HttpClient HttpClient
@@ -38,8 +38,15 @@ content type: @file?.Type
         blobURL = URL.CreateObjectURL(file);
     }
 
-    public void Dispose()
+    public async ValueTask DisposeAsync()
     {
-        URL.RevokeObjectURL(blobURL);
+        if (file is not null)
+        {
+            await file.DisposeAsync();
+        }
+        if (blobURL is not "")
+        {
+            URL.RevokeObjectURL(blobURL);
+        }
     }
 }

samples/KristofferStrube.Blazor.FileAPI.WasmExample/Pages/Slice.razor

@@ -28,7 +28,7 @@ Here we can see how we can slice a <code>Blob</code>. We construct a <code>Blob<
 
     protected override async Task OnInitializedAsync()
     {
-        var blob = await BlobInProcess.CreateAsync(
+        await using var blob = await BlobInProcess.CreateAsync(
             JSRuntime,
             blobParts: new BlobPart[] { Enumerable.Range(0, 50).Select(i => (byte)i).ToArray() },
             options: new() { Type = "text/plain" }

samples/KristofferStrube.Blazor.FileAPI.WasmExample/Pages/StreamLargeBlob.razor

@@ -32,11 +32,11 @@ This sample will illustrate stream reading a large Blob to .NET using the inbuil
 
         var jSBlob = await JSRuntime.InvokeAsync<IJSObjectReference>("hugeBlob");
 
-        var blob = Blob.Create(JSRuntime, jSBlob);
+        await using var blob = await Blob.CreateAsync(JSRuntime, jSBlob);
 
-        var stream = await blob.StreamAsync();
+        await using var stream = await blob.StreamAsync();
 
-        var reader = await stream.GetDefaultReaderAsync();
+        await using var reader = await stream.GetDefaultReaderAsync();
 
         await foreach (var chunk in reader.IterateStringsAsync())
         {