fix: better comments

Author: nolanlawson

packages/@lwc/ssr-compiler/src/compile-template/adjacent-text-nodes.ts

@@ -70,7 +70,11 @@ export function generateConcatenatedTextNodesExpressions(cxt: TransformerContext
                 textNodes.unshift(sibling);
             }
         } else {
-            // if we reach the beginning of the array or a non-Text/Comment node, we are done
+            // If we reach a non-Text/Comment node, we are done. These should not be concatenated
+            // with sibling Text nodes separated by e.g. an Element:
+            //     {a}{b}<div></div>{c}{d}
+            // In the above, {a} and {b} are concatenated, and {c} and {d} are concatenated,
+            // but the `<div>` separates the two groups.
             break;
         }
     }

packages/@lwc/ssr-compiler/src/compile-template/ir-to-es.ts

@@ -75,7 +75,7 @@ export function irChildrenToEs(
     const result: EsStatement[] = [];
 
     for (let i = 0; i < children.length; i++) {
-        // must set the siblings inside the for loop due nested children
+        // must set the siblings inside the for loop due to nested children
         cxt.siblings = children;
         cxt.currentNodeIndex = i;
         const cleanUp = cb?.(children[i]);

packages/@lwc/ssr-compiler/src/compile-template/transformers/component/slotted-content.ts

@@ -157,7 +157,7 @@ function getLightSlottedContent(rootNodes: IrChildNode[], cxt: TransformerContex
 
     const traverse = (nodes: IrChildNode[], ancestorIndices: number[]) => {
         for (let i = 0; i < nodes.length; i++) {
-            // must set the siblings inside the for loop due nested children
+            // must set the siblings inside the for loop due to nested children
             cxt.siblings = nodes;
             cxt.currentNodeIndex = i;
             const node = nodes[i];