ResourceApi Infrastructure & Sample Improvement

Author: mckaragoz

samples/blazor-standalone-wasm/CodeBeam.UltimateAuth.Sample.BlazorStandaloneWasm/Components/Dialogs/ResourceApiDialog.razor

@@ -0,0 +1,16 @@
+@using CodeBeam.UltimateAuth.Sample.BlazorStandaloneWasm.ResourceApi
+@inject ProductApiService Api
+
+<MudDialog Class="mud-width-full" ContentClass="uauth-dialog">
+
+    <TitleContent>
+        <MudText>Resource Api</MudText>
+        <MudText Typo="Typo.subtitle2" Color="Color.Primary">Sample demonstration of a resource.</MudText>
+    </TitleContent>
+
+    <DialogContent>
+        Products: @(string.Join(", ", _products.Select(x => x.Name)))
+        <MudButton OnClick="GetProducts">Get Products</MudButton>
+    </DialogContent>
+
+</MudDialog>

samples/blazor-standalone-wasm/CodeBeam.UltimateAuth.Sample.BlazorStandaloneWasm/Components/Dialogs/ResourceApiDialog.razor.cs

@@ -0,0 +1,22 @@
+using CodeBeam.UltimateAuth.Client;
+using CodeBeam.UltimateAuth.Sample.BlazorStandaloneWasm.ResourceApi;
+using Microsoft.AspNetCore.Components;
+using MudBlazor;
+
+namespace CodeBeam.UltimateAuth.Sample.BlazorStandaloneWasm.Components.Dialogs;
+
+public partial class ResourceApiDialog
+{
+    [CascadingParameter]
+    private IMudDialogInstance MudDialog { get; set; } = default!;
+
+    [Parameter]
+    public UAuthState AuthState { get; set; } = default!;
+
+    List<Product> _products = new List<Product>();
+
+    private async Task GetProducts()
+    {
+        _products = await Api.GetAllAsync();
+    }
+}

samples/blazor-standalone-wasm/CodeBeam.UltimateAuth.Sample.BlazorStandaloneWasm/Pages/Home.razor

@@ -142,6 +142,15 @@
                                 </MudItem>
                             </MudGrid>
                         }
+
+                        <MudStack Class="mt-4" Row="true" AlignItems="AlignItems.Center">
+                            <MudText Typo="Typo.subtitle2">Resource Api</MudText>
+                            <MudDivider Style="width: 60%" />
+                        </MudStack>
+
+                        <MudButton FullWidth Variant="Variant.Outlined" StartIcon="@Icons.Material.Filled.Api" OnClick="OpenResourceApiDialog">
+                            <MudText Class="mud-width-full" Align="Align.Center">Manage Resource</MudText>
+                        </MudButton>
                     </MudStack>
                 </MudExpansionPanel>
             </MudItem>

samples/blazor-standalone-wasm/CodeBeam.UltimateAuth.Sample.BlazorStandaloneWasm/Pages/Home.razor.cs

@@ -190,6 +190,11 @@ private async Task OpenRoleDialog()
         await DialogService.ShowAsync<RoleDialog>("Role Management", GetDialogParameters(), UAuthDialog.GetDialogOptions());
     }
 
+    private async Task OpenResourceApiDialog()
+    {
+        await DialogService.ShowAsync<ResourceApiDialog>("Resource Api", GetDialogParameters(), UAuthDialog.GetDialogOptions());
+    }
+
     private DialogParameters GetDialogParameters()
     {
         return new DialogParameters

samples/blazor-standalone-wasm/CodeBeam.UltimateAuth.Sample.BlazorStandaloneWasm/Program.cs

@@ -3,6 +3,7 @@
 using CodeBeam.UltimateAuth.Core.Extensions;
 using CodeBeam.UltimateAuth.Sample.BlazorStandaloneWasm;
 using CodeBeam.UltimateAuth.Sample.BlazorStandaloneWasm.Infrastructure;
+using CodeBeam.UltimateAuth.Sample.BlazorStandaloneWasm.ResourceApi;
 using Microsoft.AspNetCore.Components.Web;
 using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
 using MudBlazor.Services;
@@ -28,16 +29,21 @@
 });
 builder.Services.AddMudExtensions();
 
+builder.Services.AddScoped<ProductApiService>();
 builder.Services.AddScoped<DarkModeManager>();
 
-//builder.Services.AddHttpClient("UAuthHub", client =>
-//{
-//    client.BaseAddress = new Uri("https://localhost:6110");
-//});
 
 //builder.Services.AddHttpClient("ResourceApi", client =>
 //{
 //    client.BaseAddress = new Uri("https://localhost:6120");
 //});
 
+builder.Services.AddScoped(sp =>
+{
+    return new HttpClient
+    {
+        BaseAddress = new Uri("https://localhost:6120") // Resource API
+    };
+});
+
 await builder.Build().RunAsync();

samples/blazor-standalone-wasm/CodeBeam.UltimateAuth.Sample.BlazorStandaloneWasm/ResourceApi/Product.cs

@@ -0,0 +1,7 @@
+namespace CodeBeam.UltimateAuth.Sample.BlazorStandaloneWasm.ResourceApi;
+
+public class Product
+{
+    public int Id { get; set; }
+    public string Name { get; set; } = "";
+}

samples/blazor-standalone-wasm/CodeBeam.UltimateAuth.Sample.BlazorStandaloneWasm/ResourceApi/ProductApiService.cs

@@ -0,0 +1,55 @@
+using Microsoft.AspNetCore.Components.WebAssembly.Http;
+using System.Net.Http.Json;
+
+namespace CodeBeam.UltimateAuth.Sample.BlazorStandaloneWasm.ResourceApi;
+
+public class ProductApiService
+{
+    private readonly HttpClient _http;
+
+    public ProductApiService(HttpClient http)
+    {
+        _http = http;
+    }
+
+    public async Task<List<Product>> GetAllAsync()
+    {
+        var request = new HttpRequestMessage(HttpMethod.Get, "/api/products");
+        request.SetBrowserRequestCredentials(BrowserRequestCredentials.Include);
+
+        var response = await _http.SendAsync(request);
+
+        if (!response.IsSuccessStatusCode)
+            throw new Exception($"Failed to fetch products: {response.StatusCode}");
+
+        return await response.Content.ReadFromJsonAsync<List<Product>>() ?? new();
+    }
+
+    public async Task<Product?> GetAsync(int id)
+    {
+        var response = await _http.GetAsync($"/api/products/{id}");
+
+        if (!response.IsSuccessStatusCode)
+            return null;
+
+        return await response.Content.ReadFromJsonAsync<Product>();
+    }
+
+    public async Task<Product?> CreateAsync(Product product)
+    {
+        var response = await _http.PostAsJsonAsync("/api/products", product);
+
+        if (!response.IsSuccessStatusCode)
+            throw new Exception($"Create failed: {response.StatusCode}");
+
+        return await response.Content.ReadFromJsonAsync<Product>();
+    }
+
+    public async Task DeleteAsync(int id)
+    {
+        var response = await _http.DeleteAsync($"/api/products/{id}");
+
+        if (!response.IsSuccessStatusCode)
+            throw new Exception($"Delete failed: {response.StatusCode}");
+    }
+}

samples/blazor-standalone-wasm/CodeBeam.UltimateAuth.Sample.BlazorStandaloneWasm/wwwroot/index.html

@@ -8,8 +8,6 @@
     <base href="/" />
     <link rel="stylesheet" href="css/app.css" />
     <link rel="icon" type="image/png" href="UltimateAuth-Logo.png" />
-    <link href="UltimateAuth.Sample.BlazorStandaloneWasm.styles.css" rel="stylesheet" />
-
     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
     <link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" />
     <link href="_content/CodeBeam.MudBlazor.Extensions/MudExtensions.min.css" rel="stylesheet" />

samples/resource-api/CodeBeam.UltimateAuth.Sample.ResourceApi/Controllers/WeatherForecastController.cs

@@ -19,13 +19,13 @@
         policy
             .WithOrigins("https://localhost:6130")
             .AllowAnyHeader()
-            .AllowAnyMethod();
+            .AllowAnyMethod()
+            .AllowCredentials();
     });
 });
 
 var app = builder.Build();
 
-// Configure the HTTP request pipeline.
 if (app.Environment.IsDevelopment())
 {
     app.MapOpenApi();
@@ -34,6 +34,7 @@
 app.UseHttpsRedirection();
 app.UseCors("WasmSample");
 
+app.UseUltimateAuthResourceApi();
 app.UseAuthentication();
 app.UseAuthorization();