[release/8.0] [Blazor] Fix for URLs/querystrings not updating for interactive components when using SSR routing (#51279)

# Invoke `LocationChanged` for interactive components when an enhanced navigation occurs

This PR makes the `LocationChanged` event get invoked for interactive runtimes when an enhanced navigation occurs.

## Description

This PR makes the following changes:
* The `LocationChanged` event gets invoked for all interactive runtimes when either a client-side or enhanced navigation occurs
  * Previously:
    * An enhanced navigation would have not invoked the `LocationChanged` event in interactive runtimes
    * A client-side navigation would only invoke the `LocationChanged` event for the runtime that started most recently
* Attempting to enable interactive routing from multiple interactive runtimes results in an error at runtime
* If an interactive router is present but multiple runtimes are available, the `LocationChanging` event only gets invoked for the runtime that has the interactive router
  * It would take additional work to allow either runtime to cancel a client-side navigation, and that's outside the scope of this PR. We have #48766 to track doing the extra work to support this scenario

Fixes #51216

## Customer Impact

Without this changes the customers will encounter problems with UI being correctly updated during enhanced navigation because `LocationChanging` event not firing. 

Besides the UI not updating correctly this will also cause customer registered handlers for the `LocationChanged` event not firing resulting in unexpected behaviors.

## Regression?

- [ ] Yes
- [x] No

[If yes, specify the version the behavior has regressed from]

## Risk

- [ ] High
- [ ] Medium
- [x] Low

Despite the size of this change, we have quite extensive automated tests (including these newly added ones) around the interactive routing scenarios, so we expect that nothing will break from this change.

## Verification

- [x] Manual (required)
- [x] Automated

## Packaging changes reviewed?

- [ ] Yes
- [x] No
- [ ] N/A

----

## When servicing release/2.1

- [ ] Make necessary changes in eng/PatchConfig.props

---------

Co-authored-by: Surayya Huseyn Zada <[email protected]>
Co-authored-by: Surayya Huseyn Zada <[email protected]>

Author: MackinnonBuck

src/Components/Server/src/Circuits/RemoteNavigationInterception.cs

@@ -35,6 +35,6 @@ public async Task EnableNavigationInterceptionAsync()
                 "attempted during prerendering or while the client is disconnected.");
         }
 
-        await _jsRuntime.InvokeAsync<object>(Interop.EnableNavigationInterception);
+        await _jsRuntime.InvokeAsync<object>(Interop.EnableNavigationInterception, WebRendererId.Server);
     }
 }

src/Components/Server/src/Circuits/RemoteNavigationManager.cs

@@ -157,7 +157,7 @@ private async Task SetHasLocationChangingListenersAsync(bool value)
     {
         try
         {
-            await _jsRuntime.InvokeVoidAsync(Interop.SetHasLocationChangingListeners, value);
+            await _jsRuntime.InvokeVoidAsync(Interop.SetHasLocationChangingListeners, WebRendererId.Server, value);
         }
         catch (JSDisconnectedException)
         {

src/Components/Web.JS/dist/Release/blazor.server.js

@@ -10,6 +10,7 @@ import { DefaultReconnectionHandler } from './Platform/Circuits/DefaultReconnect
 import { discoverServerPersistedState, ServerComponentDescriptor } from './Services/ComponentDescriptorDiscovery';
 import { fetchAndInvokeInitializers } from './JSInitializers/JSInitializers.Server';
 import { RootComponentManager } from './Services/RootComponentManager';
+import { WebRendererId } from './Rendering/WebRendererId';
 
 let initializersPromise: Promise<void> | undefined;
 let appState: string;
@@ -74,7 +75,7 @@ async function startServerCore(components: RootComponentManager<ServerComponentD
   options.reconnectionHandler = options.reconnectionHandler || Blazor.defaultReconnectionHandler;
 
   // Configure navigation via SignalR
-  Blazor._internal.navigationManager.listenForNavigationEvents((uri: string, state: string | undefined, intercepted: boolean): Promise<void> => {
+  Blazor._internal.navigationManager.listenForNavigationEvents(WebRendererId.Server, (uri: string, state: string | undefined, intercepted: boolean): Promise<void> => {
     return circuit.sendLocationChanged(uri, state, intercepted);
   }, (callId: number, uri: string, state: string | undefined, intercepted: boolean): Promise<void> => {
     return circuit.sendLocationChanging(callId, uri, state, intercepted);

src/Components/Web.JS/dist/Release/blazor.web.js

@@ -16,6 +16,7 @@ import { receiveDotNetDataStream } from './StreamingInterop';
 import { WebAssemblyComponentAttacher } from './Platform/WebAssemblyComponentAttacher';
 import { MonoConfig } from 'dotnet';
 import { RootComponentManager } from './Services/RootComponentManager';
+import { WebRendererId } from './Rendering/WebRendererId';
 
 let options: Partial<WebAssemblyStartOptions> | undefined;
 let initializersPromise: Promise<void>;
@@ -127,7 +128,7 @@ async function startCore(components: RootComponentManager<WebAssemblyComponentDe
     }
   };
 
-  Blazor._internal.navigationManager.listenForNavigationEvents(async (uri: string, state: string | undefined, intercepted: boolean): Promise<void> => {
+  Blazor._internal.navigationManager.listenForNavigationEvents(WebRendererId.WebAssembly, async (uri: string, state: string | undefined, intercepted: boolean): Promise<void> => {
     await dispatcher.invokeDotNetStaticMethodAsync(
       'Microsoft.AspNetCore.Components.WebAssembly',
       'NotifyLocationChanged',

src/Components/Web.JS/dist/Release/blazor.webview.js

@@ -9,6 +9,7 @@ import { startIpcReceiver } from './Platform/WebView/WebViewIpcReceiver';
 import { sendAttachPage, sendBeginInvokeDotNetFromJS, sendEndInvokeJSFromDotNet, sendByteArray, sendLocationChanged, sendLocationChanging } from './Platform/WebView/WebViewIpcSender';
 import { fetchAndInvokeInitializers } from './JSInitializers/JSInitializers.WebView';
 import { receiveDotNetDataStream } from './StreamingInterop';
+import { WebRendererId } from './Rendering/WebRendererId';
 
 let started = false;
 
@@ -32,8 +33,8 @@ async function boot(): Promise<void> {
 
   Blazor._internal.receiveWebViewDotNetDataStream = receiveWebViewDotNetDataStream;
 
-  navigationManagerFunctions.enableNavigationInterception();
-  navigationManagerFunctions.listenForNavigationEvents(sendLocationChanged, sendLocationChanging);
+  navigationManagerFunctions.enableNavigationInterception(WebRendererId.WebView);
+  navigationManagerFunctions.listenForNavigationEvents(WebRendererId.WebView, sendLocationChanged, sendLocationChanging);
 
   sendAttachPage(navigationManagerFunctions.getBaseURI(), navigationManagerFunctions.getLocationHref());
   await jsInitializer.invokeAfterStartedCallbacks(Blazor);

src/Components/Web.JS/src/Boot.Server.Common.ts

@@ -43,7 +43,9 @@ export function startIpcReceiver(): void {
 
     'Refresh': navigationManagerFunctions.refresh,
 
-    'SetHasLocationChangingListeners': navigationManagerFunctions.setHasLocationChangingListeners,
+    'SetHasLocationChangingListeners': (hasListeners: boolean) => {
+      navigationManagerFunctions.setHasLocationChangingListeners(WebRendererId.WebView, hasListeners);
+    },
 
     'EndLocationChanging': navigationManagerFunctions.endLocationChanging,
   };

src/Components/Web.JS/src/Boot.WebAssembly.Common.ts

@@ -60,7 +60,7 @@ class BlazorStreamingUpdate extends HTMLElement {
                   // The URL was already updated on the original link click. Replace so that 'back' goes to the pre-redirection location.
                   history.replaceState(null, '', destinationUrl);
                 }
-                performEnhancedPageLoad(destinationUrl);
+                performEnhancedPageLoad(destinationUrl, /* interceptedLink */ false);
               } else {
                 // Same reason for varying as above
                 if (isFormPost) {