This PR fixes an issue where JSX comments were being duplicated in the transpiled output.

Problem

Comments within JSX elements were being treated as JSX text content rather than actual comments, causing duplication:

Input:

function App() {}
const jsx = <App>/* no */{/* 1 */ 123 /* 2 */}/* no */</App>;

Before (problematic output):

// React mode
var jsx = React.createElement(App, null,
    "/* no */", /* 1 */
    123 /* 2 */,
    "/* no */");

// Preserve mode  
var jsx = <App> /* no *//* no */{/* 1 */123 /* 2 */} /* no *//* no */</App>;

Solution

The fix addresses the root cause in two places:

1. JSX Transformer (jsx.ts): Added stripCommentsFromJsxText() function that removes comments from JSX text during transformation for React/ReactJSX modes
2. Emitter (emitter.ts): Modified emitJsxText() to filter out comments from JSX text nodes for preserve mode

Results

After fix:

// React mode - comments properly stripped from text content
var jsx = React.createElement(App, null,
    "", /* 1 */
    123 /* 2 */,
    "");

// Preserve mode - no duplication, comments preserved correctly
var jsx = <App> /* no */{/* 1 */123 /* 2 */} /* no */</App>;

Testing

• Added comprehensive test case covering both React and preserve modes
• Verified all existing JSX comment tests continue to pass (151 tests)
• No regressions detected in JSX comment handling

Fixes #11.

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.