Sync Blazor templates with aspnetcore net11-pre4

src/Templates/src/templates/maui-blazor-solution/.template.config/template.json

@@ -65,7 +65,8 @@
       "copyOnly": [
         "**/wwwroot/lib/bootstrap/**",
         "**/*.svg",
-        "**/*.ttf"
+        "**/*.ttf",
+        "**/*.razor.js"
       ],
       "modifiers": [
         {
@@ -289,7 +290,10 @@
         "sourceVariableName": "kestrelHttpPort",
         "fallbackVariableName": "kestrelHttpPortGenerated"
       },
-      "replaces": "5500"
+      "replaces": "5500",
+      "onlyIf": [{
+        "after": "localhost:"
+      }]
     },
     "kestrelHttpsPort": {
       "type": "parameter",
@@ -311,7 +315,10 @@
         "sourceVariableName": "kestrelHttpsPort",
         "fallbackVariableName": "kestrelHttpsPortGenerated"
       },
-      "replaces": "5501"
+      "replaces": "5501",
+      "onlyIf": [{
+        "after": "localhost:"
+      }]
     },
     "iisHttpPort": {
       "type": "parameter",

src/Templates/src/templates/maui-blazor-solution/MauiApp.1.Shared/Layout/NavMenu.razor.js

@@ -1,9 +1,12 @@
 // Handle navigation menu toggle
-const navScrollable = document.getElementById("nav-scrollable");
-const navToggler = document.querySelector(".navbar-toggler");
+if (!globalThis.__mauiNavMenuCollapseInitialized) {
+    globalThis.__mauiNavMenuCollapseInitialized = true;
 
-if (navScrollable && navToggler) {
-    navScrollable.addEventListener("click", function() {
-        navToggler.click();
+    document.addEventListener("click", function(event) {
+        const target = event.target;
+
+        if (target instanceof Element && target.closest("#nav-scrollable")) {
+            document.querySelector(".navbar-toggler")?.click();
+        }
     });
 }

src/Templates/src/templates/maui-blazor-solution/MauiApp.1.Web.Client/MauiApp.1.Web.Client.csproj

@@ -10,7 +10,7 @@
 
   <ItemGroup>
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="MS_COMPONENTS_WEBASSEMBLY_VERSION" />
-    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Authentication" Version="8.0.0" Condition="'$(IndividualLocalAuth)' == 'True'" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Authentication" Version="MS_COMPONENTS_WEBASSEMBLY_VERSION" Condition="'$(IndividualLocalAuth)' == 'True'" />
   </ItemGroup>
 
   <ItemGroup>

src/Templates/src/templates/maui-blazor-solution/MauiApp.1.Web.Client/Program.Main.cs

@@ -20,7 +20,7 @@ static async Task Main(string[] args)
         #if (IndividualLocalAuth)
         builder.Services.AddAuthorizationCore();
         builder.Services.AddCascadingAuthenticationState();
-        builder.Services.AddSingleton<AuthenticationStateProvider, PersistentAuthenticationStateProvider>();
+        builder.Services.AddAuthenticationStateDeserialization();
 
         #endif
         await builder.Build().RunAsync();

src/Templates/src/templates/maui-blazor-solution/MauiApp.1.Web.Client/Program.cs

@@ -14,7 +14,7 @@
 #if (IndividualLocalAuth)
 builder.Services.AddAuthorizationCore();
 builder.Services.AddCascadingAuthenticationState();
-builder.Services.AddSingleton<AuthenticationStateProvider, PersistentAuthenticationStateProvider>();
+builder.Services.AddAuthenticationStateDeserialization();
 
 #endif
 await builder.Build().RunAsync();

src/Templates/src/templates/maui-blazor-solution/MauiApp.1.Web/Components/Layout/ReconnectModal.razor

@@ -25,11 +25,11 @@
         <p class="components-pause-visible">
             The session has been paused by the server.
         </p>
-        <button id="components-resume-button" class="components-pause-visible">
-            Resume
-        </button>
         <p class="components-resume-failed-visible">
-            Failed to resume the session.<br />Please reload the page.
+            Failed to resume the session.<br />Please retry or reload the page.
         </p>
+        <button id="components-resume-button" class="components-pause-visible components-resume-failed-visible">
+            Resume
+        </button>
     </div>
 </dialog>

src/Templates/src/templates/maui-blazor-solution/MauiApp.1.Web/Components/Layout/ReconnectModal.razor.css

@@ -31,13 +31,10 @@
     opacity: 0;
     transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
     animation: components-reconnect-modal-fadeOutOpacity 0.5s both;
-    &[open]
-
-{
-    animation: components-reconnect-modal-slideUp 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity 0.5s ease-in-out 0.3s;
-    animation-fill-mode: both;
-}
-
+    &[open] {
+        animation: components-reconnect-modal-slideUp 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity 0.5s ease-in-out 0.3s;
+        animation-fill-mode: both;
+    }
 }
 
 #components-reconnect-modal::backdrop {

src/Templates/src/templates/maui-blazor-solution/MauiApp.1.Web/Components/Layout/ReconnectModal.razor.js

@@ -52,7 +52,7 @@ async function resume() {
             location.reload();
         }
     } catch {
-        location.reload();
+        reconnectModal.classList.replace("components-reconnect-paused", "components-reconnect-resume-failed");
     }
 }
 

src/Templates/src/templates/maui-blazor-solution/MauiApp.1/wwwroot/index.html

@@ -21,6 +21,9 @@
     <div id="app">Loading...</div>
 
     <script src="_framework/blazor.webview.js" autostart="false"></script>
+<!--#if (SampleContent) -->
+    <script type="module" src="_content/MauiApp.1.Shared/Layout/NavMenu.razor.js"></script>
+<!--#endif -->
 
 </body>
 

src/Templates/src/templates/maui-blazor/.template.config/template.json

@@ -52,7 +52,8 @@
       "copyOnly": [
         "**/wwwroot/lib/bootstrap/**",
         "**/*.svg",
-        "**/*.ttf"
+        "**/*.ttf",
+        "**/*.razor.js"
       ],
       "modifiers": [
         {

src/Templates/src/templates/maui-blazor/Components/Layout/NavMenu.razor.js

@@ -1,9 +1,12 @@
 // Handle navigation menu toggle
-const navScrollable = document.getElementById("nav-scrollable");
-const navToggler = document.querySelector(".navbar-toggler");
+if (!globalThis.__mauiNavMenuCollapseInitialized) {
+    globalThis.__mauiNavMenuCollapseInitialized = true;
 
-if (navScrollable && navToggler) {
-    navScrollable.addEventListener("click", function() {
-        navToggler.click();
+    document.addEventListener("click", function(event) {
+        const target = event.target;
+
+        if (target instanceof Element && target.closest("#nav-scrollable")) {
+            document.querySelector(".navbar-toggler")?.click();
+        }
     });
 }

src/Templates/src/templates/maui-blazor/wwwroot/index.html

@@ -26,6 +26,9 @@
     </div>
 
     <script src="_framework/blazor.webview.js" autostart="false"></script>
+<!--#if (SampleContent) -->
+    <script type="module" src="Components/Layout/NavMenu.razor.js"></script>
+<!--#endif -->
 
 </body>