Fix JSX comment duplication in preserve mode

src/compiler/emitter.ts

@@ -6104,10 +6104,39 @@ export function createPrinter(printerOptions: PrinterOptions = {}, handlers: Pri
     function forEachTrailingCommentToEmit(end: number, cb: (commentPos: number, commentEnd: number, kind: SyntaxKind, hasTrailingNewLine: boolean) => void) {
         // Emit the trailing comments only if the container's end doesn't match because the container should take care of emitting these comments
         if (currentSourceFile && (containerEnd === -1 || (end !== containerEnd && end !== declarationListContainerEnd))) {
-            forEachTrailingCommentRange(currentSourceFile.text, end, cb);
+            // Create a wrapper callback that filters out comments that are part of JSX text content
+            const filteredCb = (commentPos: number, commentEnd: number, kind: SyntaxKind, hasTrailingNewLine: boolean) => {
+                // Check if this comment is actually JSX text content
+                if (isCommentWithinJsxText(commentPos, commentEnd)) {
+                    return; // Skip this comment emission
+                }
+                cb(commentPos, commentEnd, kind, hasTrailingNewLine);
+            };
+
+            forEachTrailingCommentRange(currentSourceFile.text, end, filteredCb);
         }
     }
 
+    function isCommentWithinJsxText(commentPos: number, commentEnd: number): boolean {
+        if (!currentSourceFile) return false;
+
+        // Find JSX text nodes that might contain this comment
+        function checkNode(node: Node): boolean {
+            if (node.kind === SyntaxKind.JsxText) {
+                const jsxText = node as JsxText;
+                // Check if the comment range is within the JSX text node range
+                if (commentPos >= jsxText.pos && commentEnd <= jsxText.end) {
+                    return true;
+                }
+            }
+
+            // Recursively check children
+            return !!forEachChild(node, checkNode);
+        }
+
+        return checkNode(currentSourceFile);
+    }
+
     function hasDetachedComments(pos: number) {
         return detachedCommentsInfo !== undefined && last(detachedCommentsInfo).nodePos === pos;
     }

tests/baselines/reference/jsxCommentDuplication(jsx=preserve).js

@@ -0,0 +1,11 @@
+//// [tests/cases/compiler/jsxCommentDuplication.tsx] ////
+
+//// [jsxCommentDuplication.tsx]
+// Simple test case to reproduce JSX comment duplication
+const x = 42;
+const jsx = <div>/*pre*/{x}/*post*/</div>;
+
+//// [jsxCommentDuplication.jsx]
+// Simple test case to reproduce JSX comment duplication
+var x = 42;
+var jsx = <div>/*pre*/{x}/*post*/</div>;

tests/baselines/reference/jsxCommentDuplication(jsx=preserve).symbols

@@ -0,0 +1,11 @@
+//// [tests/cases/compiler/jsxCommentDuplication.tsx] ////
+
+=== jsxCommentDuplication.tsx ===
+// Simple test case to reproduce JSX comment duplication
+const x = 42;
+>x : Symbol(x, Decl(jsxCommentDuplication.tsx, 1, 5))
+
+const jsx = <div>/*pre*/{x}/*post*/</div>;
+>jsx : Symbol(jsx, Decl(jsxCommentDuplication.tsx, 2, 5))
+>x : Symbol(x, Decl(jsxCommentDuplication.tsx, 1, 5))
+

tests/baselines/reference/jsxCommentDuplication(jsx=preserve).types

@@ -0,0 +1,20 @@
+//// [tests/cases/compiler/jsxCommentDuplication.tsx] ////
+
+=== jsxCommentDuplication.tsx ===
+// Simple test case to reproduce JSX comment duplication
+const x = 42;
+>x : 42
+>  : ^^
+>42 : 42
+>   : ^^
+
+const jsx = <div>/*pre*/{x}/*post*/</div>;
+>jsx : error
+><div>/*pre*/{x}/*post*/</div> : error
+>div : any
+>    : ^^^
+>x : 42
+>  : ^^
+>div : any
+>    : ^^^
+

tests/baselines/reference/jsxCommentDuplication(jsx=react-jsx).errors.txt

@@ -0,0 +1,9 @@
+jsxCommentDuplication.tsx(3,13): error TS2875: This JSX tag requires the module path 'react/jsx-runtime' to exist, but none could be found. Make sure you have types for the appropriate package installed.
+
+
+==== jsxCommentDuplication.tsx (1 errors) ====
+    // Simple test case to reproduce JSX comment duplication
+    const x = 42;
+    const jsx = <div>/*pre*/{x}/*post*/</div>;
+                ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+!!! error TS2875: This JSX tag requires the module path 'react/jsx-runtime' to exist, but none could be found. Make sure you have types for the appropriate package installed.

tests/baselines/reference/jsxCommentDuplication(jsx=react-jsx).js

@@ -0,0 +1,14 @@
+//// [tests/cases/compiler/jsxCommentDuplication.tsx] ////
+
+//// [jsxCommentDuplication.tsx]
+// Simple test case to reproduce JSX comment duplication
+const x = 42;
+const jsx = <div>/*pre*/{x}/*post*/</div>;
+
+//// [jsxCommentDuplication.js]
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+// Simple test case to reproduce JSX comment duplication
+var x = 42;
+var jsx = (0, jsx_runtime_1.jsxs)("div", { children: ["/*pre*/", x, "/*post*/"] });

tests/baselines/reference/jsxCommentDuplication(jsx=react-jsx).symbols

@@ -0,0 +1,11 @@
+//// [tests/cases/compiler/jsxCommentDuplication.tsx] ////
+
+=== jsxCommentDuplication.tsx ===
+// Simple test case to reproduce JSX comment duplication
+const x = 42;
+>x : Symbol(x, Decl(jsxCommentDuplication.tsx, 1, 5))
+
+const jsx = <div>/*pre*/{x}/*post*/</div>;
+>jsx : Symbol(jsx, Decl(jsxCommentDuplication.tsx, 2, 5))
+>x : Symbol(x, Decl(jsxCommentDuplication.tsx, 1, 5))
+

tests/baselines/reference/jsxCommentDuplication(jsx=react-jsx).types

@@ -0,0 +1,22 @@
+//// [tests/cases/compiler/jsxCommentDuplication.tsx] ////
+
+=== jsxCommentDuplication.tsx ===
+// Simple test case to reproduce JSX comment duplication
+const x = 42;
+>x : 42
+>  : ^^
+>42 : 42
+>   : ^^
+
+const jsx = <div>/*pre*/{x}/*post*/</div>;
+>jsx : any
+>    : ^^^
+><div>/*pre*/{x}/*post*/</div> : any
+>                              : ^^^
+>div : any
+>    : ^^^
+>x : 42
+>  : ^^
+>div : any
+>    : ^^^
+

tests/cases/compiler/jsxCommentDuplication.tsx

@@ -0,0 +1,4 @@
+// @jsx: preserve,react-jsx
+// Simple test case to reproduce JSX comment duplication
+const x = 42;
+const jsx = <div>/*pre*/{x}/*post*/</div>;