Update the sample app

- Updates UI, config, and dependencies; add runtime info display
- Add new.css stylesheet for improved base styling in index.html

Author: jsakamoto

Samples/BlazorWasmApp1/App.razor

@@ -1,5 +1,14 @@
+@using System.Runtime.InteropServices
 @inject IConfiguration Configuration
 
+<header>
+    <h1>Blazor WebAssembly App</h1>
+    <h2>User Secrets Extension for Ex Dev Server</h2>
+    <div>
+        @RuntimeInformation.OSDescription / @RuntimeInformation.OSArchitecture / @RuntimeInformation.FrameworkDescription
+    </div>
+</header>
+
 <main>
     <span>Configuration["Foo:Bar"] is </span>
     <span>&quot;@this.Configuration["Foo:Bar"]&quot;</span>

Samples/BlazorWasmApp1/App.razor.css

@@ -1,5 +1,3 @@
-main{
-    font-family: sans-serif;
-    padding-top: 24px;
+header, main {
     text-align: center;
-}
+}

Samples/BlazorWasmApp1/BlazorWasmApp1.csproj

@@ -9,12 +9,12 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="10.0.2" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="10.0.3" />
     <!--
-    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="10.0.2" PrivateAssets="all" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="10.0.3" PrivateAssets="all" />
     -->
-    <PackageReference Include="Toolbelt.Blazor.WebAssembly.ExtensibleDevServer" Version="10.0.2-preview.1" PrivateAssets="all" />
-    <PackageReference Include="Toolbelt.Blazor.WebAssembly.ExtensibleDevServer.UserSecretsExtension" Version="10.0.2-preview.1" PrivateAssets="all" />
+    <PackageReference Include="Toolbelt.Blazor.WebAssembly.ExtensibleDevServer" Version="10.0.3" PrivateAssets="all" />
+    <PackageReference Include="Toolbelt.Blazor.WebAssembly.ExtensibleDevServer.UserSecretsExtension" Version="10.0.3" PrivateAssets="all" />
 
   </ItemGroup>
 

Samples/BlazorWasmApp1/wwwroot/appsettings.Development.json

@@ -2,4 +2,4 @@
   "Foo": {
     "Bar": "Developers Shared"
   }
-}
+}

Samples/BlazorWasmApp1/wwwroot/index.html

@@ -7,6 +7,7 @@
     <title>BlazorWasmMin</title>
     <base href="/" />
     <link rel="preload" id="webassembly" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@exampledev/new.css@1/new.min.css" />
     <link rel="stylesheet" href="css/blazor-ui.css" />
     <link rel="stylesheet" href="BlazorWasmApp1.styles.css" />
     <script type="importmap"></script>