Add Dynamic VersionLabel Component

src/AstroPanda.Blazor.Toolkit/AstroPanda.Blazor.Toolkit.csproj

@@ -12,6 +12,7 @@
     <PackageReference Include="MudBlazor" Version="6.12.0" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components" Version="8.0.1" />    
+    <PackageReference Include="Microsoft.Extensions.Http" Version="8.0.0" />        
   </ItemGroup>
 
   <ItemGroup>

src/AstroPanda.Blazor.Toolkit/Components/VersionLabel.razor

@@ -0,0 +1,64 @@
+@namespace AstroPanda.Blazor.Toolkit
+
+@using AstroPanda.Blazor.Toolkit.Options
+@using System.Reflection
+@using System.Net.Http.Json
+
+@if (!string.IsNullOrWhiteSpace(_version))
+{
+    <div class="version-label">
+        <MudText Style="@Style" Class="@Class" Typo="Typo.caption">
+            v. @_version
+        </MudText>
+    </div>
+}
+
+@code {
+    [Inject]
+    private NavigationManager _navManager { get; set; }
+
+    [Parameter]
+    public string ManifestPath { get; set; } = "/manifest.json";
+
+    [Parameter]
+    public VersionFetch VersionFetchType { get; set; } = VersionFetch.Remote;
+
+    [Parameter]
+    public string Style { get; set; } = "position: absolute; bottom: 10px; right: 15px; text-transform:none;";
+
+    [Parameter]
+    public string Class { get; set; } = string.Empty;
+
+    private string _version { get; set; } = string.Empty;
+
+    protected override async Task OnInitializedAsync()
+    {
+        switch(VersionFetchType)
+        {
+            case VersionFetch.Remote:
+                var _http = new HttpClient()
+                {
+                        BaseAddress = new Uri(_navManager.BaseUri)
+                };
+
+                var config = await _http.GetFromJsonAsync<Manifest>(ManifestPath);
+
+                if (config is null)
+                    break;
+
+                if (config.Version is not null)
+                    _version = config.Version;
+                else if (config.VersionName is not null)
+                    _version = config.VersionName.Substring(0, 8);
+                break;
+            case VersionFetch.ExecutingAssembly:
+                var assemblyVersion = Assembly.GetExecutingAssembly().GetName().Version;
+                _version = assemblyVersion is null ? "0.0.0" : assemblyVersion.ToString();
+                break;
+            default:
+                break;
+        }
+
+        base.OnInitialized();
+    }
+}

src/AstroPanda.Blazor.Toolkit/Extensions/ServiceCollectionExtensions.cs

@@ -1,13 +1,11 @@
+using BlazorComponentBus;
 using Microsoft.Extensions.DependencyInjection;
 using Microsoft.Extensions.DependencyInjection.Extensions;
-using AstroPanda.Blazor.Toolkit;
-using BlazorComponentBus;
 using MudBlazor.Services;
 
 namespace AstroPanda.Blazor.Toolkit;
 public static class ServiceCollectionExtensions
 {
-
     /// <summary>
     /// Registers the services from the Blazor Toolkit
     /// DOM
@@ -20,8 +18,9 @@ public static IServiceCollection AddBlazorToolkit(this IServiceCollection servic
         services.TryAddSingleton<IDownloadService, DownloadService>();
 
         services.AddScoped<IComponentBus, ComponentBus>();
-        services.AddScoped<ComponentBus>(sp => sp.GetRequiredService<IComponentBus>() as ComponentBus);
+        services.AddScoped(sp => sp.GetRequiredService<IComponentBus>() as ComponentBus ?? new ComponentBus());
 
+        services.AddHttpClient();
         services.AddMudServices();
         return services;
     }

src/AstroPanda.Blazor.Toolkit/Models/Manifest.cs

@@ -0,0 +1,18 @@
+using System.Text.Json.Serialization;
+
+namespace AstroPanda.Blazor.Toolkit;
+
+public class Manifest
+{
+    [JsonPropertyName("name")]
+    public string Name { get; set; }
+
+    [JsonPropertyName("short_name")]
+    public string ShortName { get; set; }
+
+    [JsonPropertyName("version")]
+    public string Version { get; set; }
+
+    [JsonPropertyName("version_name")]
+    public string VersionName { get; set; }
+}

src/AstroPanda.Blazor.Toolkit/Options/VersionFetch.cs

@@ -0,0 +1,7 @@
+namespace AstroPanda.Blazor.Toolkit.Options;
+public enum VersionFetch
+{
+    Remote,
+
+    ExecutingAssembly
+}

src/AstroPanda.Blazor.Toolkit/Options/VersionOptions.cs

@@ -0,0 +1,5 @@
+namespace AstroPanda.Blazor.Toolkit.Options;
+internal class VersionOptions
+{
+    public const string ClientName = "Version";
+}

src/BlazorToolkit.Server/BlazorToolkit.Server.csproj

@@ -1,9 +1,9 @@
-<Project Sdk="Microsoft.NET.Sdk.Web">
+<Project Sdk="Microsoft.NET.Sdk.Web">
 
   <PropertyGroup>
     <TargetFramework>net8.0</TargetFramework>
     <Nullable>enable</Nullable>
-    <ImplicitUsings>enable</ImplicitUsings>
+    <ImplicitUsings>enable</ImplicitUsings>    
   </PropertyGroup>
 
 

src/BlazorToolkit.Server/Components/Layout/NavMenu.razor

@@ -1,6 +1,9 @@
-<MudNavMenu>
+@using AstroPanda.Blazor.Toolkit
+@using AstroPanda.Blazor.Toolkit.Options
+<MudNavMenu Style="height: 100%;">
     <MudNavLink Href="" Match="NavLinkMatch.All" Icon="@Icons.Material.Filled.Home">Home</MudNavLink>
     <MudNavLink Href="counter" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.Add">Counter</MudNavLink>
     <MudNavLink Href="weather" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.List">Weather</MudNavLink>
-
+
+    <VersionLabel VersionFetchType="VersionFetch.ExecutingAssembly"/>
 </MudNavMenu>

src/BlazorToolkit.Wasm/BlazorToolkit.Wasm.csproj

@@ -20,4 +20,10 @@
     <ServiceWorker Include="wwwroot\service-worker.js" PublishedContent="wwwroot\service-worker.published.js" />
   </ItemGroup>
 
+  <ItemGroup>
+    <Content Update="wwwroot\manifest.webmanifest">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+    </Content>
+  </ItemGroup>
+
 </Project>

src/BlazorToolkit.Wasm/Layout/NavMenu.razor

@@ -1,6 +1,8 @@
-<MudNavMenu>
+@using AstroPanda.Blazor.Toolkit
+<MudNavMenu Style="height: 100%;">
     <MudNavLink Href="" Match="NavLinkMatch.All" Icon="@Icons.Material.Filled.Home">Home</MudNavLink>
     <MudNavLink Href="counter" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.Add">Counter</MudNavLink>
     <MudNavLink Href="weather" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.List">Weather</MudNavLink>
 
+    <VersionLabel ManifestPath="/manifest.webmanifest"/>
 </MudNavMenu>

src/BlazorToolkit.Wasm/Program.cs

@@ -1,3 +1,4 @@
+using AstroPanda.Blazor.Toolkit;
 using BlazorToolkit.Wasm;
 using Microsoft.AspNetCore.Components.Web;
 using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
@@ -10,5 +11,6 @@
 builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
 
 builder.Services.AddMudServices();
+builder.Services.AddBlazorToolkit();
 
 await builder.Build().RunAsync();

src/BlazorToolkit.Wasm/wwwroot/manifest.webmanifest

@@ -1,6 +1,7 @@
 {
   "name": "BlazorToolkit.Wasm",
   "short_name": "BlazorToolkit.Wasm",
+  "version": "pizza-the-hut",
   "id": "./",
   "start_url": "./",
   "display": "standalone",