Merge pull request #36806 from dotnet/main

Merge to Live

Author: wadepickett

aspnetcore/host-and-deploy/health-checks.md

@@ -7,7 +7,7 @@ description: This tutorial provides a walkthrough of bundling and building an AS
 monikerRange: ">= aspnetcore-2.1"
 ms.author: wpickett
 ms.custom: mvc, engagement-fy23
-ms.date: 01/27/2026
+ms.date: 02/24/2026
 uid: tutorials/signalr-typescript-webpack
 ---
 # Tutorial: Get started with ASP.NET Core SignalR using TypeScript and Webpack
@@ -205,7 +205,7 @@ In this section, you create a [Node.js](https://nodejs.org/) project to convert
 
       The `HubConnectionBuilder` class creates a new builder for configuring the server connection. The `withUrl` function configures the hub URL.
 
-      SignalR enables the exchange of messages between a client and a server. Each message has a specific name. For example, messages with the name `messageReceived` can run the logic responsible for displaying the new message in the messages zone. Listening to a specific message can be done via the `on` function. Any number of message names can be listened to. It's also possible to pass parameters to the message, such as the author's name and the content of the message received. Once the client receives a message, a new `div` element is created with the author's name and the message content in its `innerHTML` attribute. It's added to the main `div` element displaying the messages.
+      SignalR enables the exchange of messages between a client and a server. Each message has a specific name. For example, messages with the name `messageReceived` can run the logic responsible for displaying the new message in the messages zone. Listening to a specific message can be done via the `on` function. Any number of message names can be listened to. It's also possible to pass parameters to the message, such as the author's name and the content of the message received. Once the client receives a message, a new `div` element is created with the author's name and message content appended as child elements using `textContent`. It's added to the main `div` element displaying the messages.
 
       Sending a message through the WebSockets connection requires calling the `send` method. The method's first parameter is the message name. The message data inhabits the other parameters. In this example, a message identified as `newMessage` is sent to the server. The message consists of the username and the user input from a text box. If the send works, the text box value is cleared.
 

aspnetcore/tutorials/signalr-typescript-webpack.md

@@ -210,7 +210,7 @@ The app currently displays a basic form to send messages, but isn't yet function
 
     The preceding code supports receiving messages from the server. The `HubConnectionBuilder` class creates a new builder for configuring the server connection. The `withUrl` function configures the hub URL.
 
-    SignalR enables the exchange of messages between a client and a server. Each message has a specific name. For example, messages with the name `messageReceived` can run the logic responsible for displaying the new message in the messages zone. Listening to a specific message can be done via the `on` function. Any number of message names can be listened to. It's also possible to pass parameters to the message, such as the author's name and the content of the message received. Once the client receives a message, a new `div` element is created with the author's name and the message content in its `innerHTML` attribute. It's added to the main `div` element displaying the messages.
+    SignalR enables the exchange of messages between a client and a server. Each message has a specific name. For example, messages with the name `messageReceived` can run the logic responsible for displaying the new message in the messages zone. Listening to a specific message can be done via the `on` function. Any number of message names can be listened to. It's also possible to pass parameters to the message, such as the author's name and the content of the message received. Once the client receives a message, a new `div` element is created with the author's name and message content appended as child elements using `textContent`. It's added to the main `div` element displaying the messages.
 
 1. Now that the client can receive a message, configure it to send messages. Add the highlighted code to the `src/index.ts` file:
 
@@ -465,7 +465,7 @@ The app currently displays a simple form to send messages. Nothing happens when
 
     The preceding code supports receiving messages from the server. The `HubConnectionBuilder` class creates a new builder for configuring the server connection. The `withUrl` function configures the hub URL.
 
-    SignalR enables the exchange of messages between a client and a server. Each message has a specific name. For example, messages with the name `messageReceived` can run the logic responsible for displaying the new message in the messages zone. Listening to a specific message can be done via the `on` function. You can listen to any number of message names. It's also possible to pass parameters to the message, such as the author's name and the content of the message received. Once the client receives a message, a new `div` element is created with the author's name and the message content in its `innerHTML` attribute. The new message is added to the main `div` element displaying the messages.
+    SignalR enables the exchange of messages between a client and a server. Each message has a specific name. For example, messages with the name `messageReceived` can run the logic responsible for displaying the new message in the messages zone. Listening to a specific message can be done via the `on` function. You can listen to any number of message names. It's also possible to pass parameters to the message, such as the author's name and the content of the message received. Once the client receives a message, a new `div` element is created with the author's name and message content appended as child elements using `textContent`. The new message is added to the main `div` element displaying the messages.
 
 1. Now that the client can receive a message, configure it to send messages. Add the highlighted code to the `src/index.ts` file:
 

aspnetcore/tutorials/signalr-typescript-webpack/includes/signalr-typescript-webpack2.1-5.md

@@ -177,7 +177,7 @@ In this section, you create a [Node.js](https://nodejs.org/) project to convert
 
    The `HubConnectionBuilder` class creates a new builder for configuring the server connection. The `withUrl` function configures the hub URL.
 
-   SignalR enables the exchange of messages between a client and a server. Each message has a specific name. For example, messages with the name `messageReceived` can run the logic responsible for displaying the new message in the messages zone. Listening to a specific message can be done via the `on` function. Any number of message names can be listened to. It's also possible to pass parameters to the message, such as the author's name and the content of the message received. Once the client receives a message, a new `div` element is created with the author's name and the message content in its `innerHTML` attribute. It's added to the main `div` element displaying the messages.
+   SignalR enables the exchange of messages between a client and a server. Each message has a specific name. For example, messages with the name `messageReceived` can run the logic responsible for displaying the new message in the messages zone. Listening to a specific message can be done via the `on` function. Any number of message names can be listened to. It's also possible to pass parameters to the message, such as the author's name and the content of the message received. Once the client receives a message, a new `div` element is created with the author's name and message content appended as child elements using `textContent`. It's added to the main `div` element displaying the messages.
 
    Sending a message through the WebSockets connection requires calling the `send` method. The method's first parameter is the message name. The message data inhabits the other parameters. In this example, a message identified as `newMessage` is sent to the server. The message consists of the username and the user input from a text box. If the send works, the text box value is cleared.
 

aspnetcore/tutorials/signalr-typescript-webpack/includes/signalr-typescript-webpack6.md

@@ -183,7 +183,7 @@ In this section, you create a [Node.js](https://nodejs.org/) project to convert
 
      The `HubConnectionBuilder` class creates a new builder for configuring the server connection. The `withUrl` function configures the hub URL.
 
-     SignalR enables the exchange of messages between a client and a server. Each message has a specific name. For example, messages with the name `messageReceived` can run the logic responsible for displaying the new message in the messages zone. Listening to a specific message can be done via the `on` function. Any number of message names can be listened to. It's also possible to pass parameters to the message, such as the author's name and the content of the message received. Once the client receives a message, a new `div` element is created with the author's name and the message content in its `innerHTML` attribute. It's added to the main `div` element displaying the messages.
+     SignalR enables the exchange of messages between a client and a server. Each message has a specific name. For example, messages with the name `messageReceived` can run the logic responsible for displaying the new message in the messages zone. Listening to a specific message can be done via the `on` function. Any number of message names can be listened to. It's also possible to pass parameters to the message, such as the author's name and the content of the message received. Once the client receives a message, a new `div` element is created with the author's name and message content appended as child elements using `textContent`. It's added to the main `div` element displaying the messages.
 
      Sending a message through the WebSockets connection requires calling the `send` method. The method's first parameter is the message name. The message data inhabits the other parameters. In this example, a message identified as `newMessage` is sent to the server. The message consists of the username and the user input from a text box. If the send works, the text box value is cleared.
 

aspnetcore/tutorials/signalr-typescript-webpack/includes/signalr-typescript-webpack7.md

@@ -185,7 +185,7 @@ In this section, you create a [Node.js](https://nodejs.org/) project to convert
 
       The `HubConnectionBuilder` class creates a new builder for configuring the server connection. The `withUrl` function configures the hub URL.
 
-      SignalR enables the exchange of messages between a client and a server. Each message has a specific name. For example, messages with the name `messageReceived` can run the logic responsible for displaying the new message in the messages zone. Listening to a specific message can be done via the `on` function. Any number of message names can be listened to. It's also possible to pass parameters to the message, such as the author's name and the content of the message received. Once the client receives a message, a new `div` element is created with the author's name and the message content in its `innerHTML` attribute. It's added to the main `div` element displaying the messages.
+      SignalR enables the exchange of messages between a client and a server. Each message has a specific name. For example, messages with the name `messageReceived` can run the logic responsible for displaying the new message in the messages zone. Listening to a specific message can be done via the `on` function. Any number of message names can be listened to. It's also possible to pass parameters to the message, such as the author's name and the content of the message received. Once the client receives a message, a new `div` element is created with the author's name and message content appended as child elements using `textContent`. It's added to the main `div` element displaying the messages.
 
       Sending a message through the WebSockets connection requires calling the `send` method. The method's first parameter is the message name. The message data inhabits the other parameters. In this example, a message identified as `newMessage` is sent to the server. The message consists of the username and the user input from a text box. If the send works, the text box value is cleared.
 

aspnetcore/tutorials/signalr-typescript-webpack/includes/signalr-typescript-webpack8-9.md

@@ -13,7 +13,14 @@ const connection = new signalR.HubConnectionBuilder()
 connection.on("messageReceived", (username: string, message: string) => {
   const m = document.createElement("div");
 
-  m.innerHTML = `<div class="message-author">${username}</div><div>${message}</div>`;
+  const author = document.createElement("div");
+  author.className = "message-author";
+  author.textContent = username;
+
+  const content = document.createElement("div");
+  content.textContent = message;
+
+  m.append(author, content);
 
   divMessages.appendChild(m);
   divMessages.scrollTop = divMessages.scrollHeight;

aspnetcore/tutorials/signalr-typescript-webpack/samples/10.x/src/index.ts

@@ -13,8 +13,14 @@ const connection = new signalR.HubConnectionBuilder()
 connection.on("messageReceived", (username: string, message: string) => {
     let messageContainer = document.createElement("div");
 
-    messageContainer.innerHTML =
-        `<div class="message-author">${username}</div><div>${message}</div>`;
+    const author = document.createElement("div");
+    author.className = "message-author";
+    author.textContent = username;
+
+    const content = document.createElement("div");
+    content.textContent = message;
+
+    messageContainer.append(author, content);
 
     divMessages.appendChild(messageContainer);
     divMessages.scrollTop = divMessages.scrollHeight;

aspnetcore/tutorials/signalr-typescript-webpack/samples/2.x/src/index.ts

@@ -13,8 +13,14 @@ const connection = new signalR.HubConnectionBuilder()
 connection.on("messageReceived", (username: string, message: string) => {
     let messages = document.createElement("div");
 
-    messages.innerHTML =
-        `<div class="message-author">${username}</div><div>${message}</div>`;
+    const author = document.createElement("div");
+    author.className = "message-author";
+    author.textContent = username;
+
+    const content = document.createElement("div");
+    content.textContent = message;
+
+    messages.append(author, content);
 
     divMessages.appendChild(messages);
     divMessages.scrollTop = divMessages.scrollHeight;

aspnetcore/tutorials/signalr-typescript-webpack/samples/3.x/src/index.ts

@@ -13,8 +13,14 @@ const connection = new signalR.HubConnectionBuilder()
 connection.on("messageReceived", (username: string, message: string) => {
     let m = document.createElement("div");
 
-    m.innerHTML =
-        `<div class="message-author">${username}</div><div>${message}</div>`;
+    const author = document.createElement("div");
+    author.className = "message-author";
+    author.textContent = username;
+
+    const content = document.createElement("div");
+    content.textContent = message;
+
+    m.append(author, content);
 
     divMessages.appendChild(m);
     divMessages.scrollTop = divMessages.scrollHeight;