Fix JSX emit to preserve string delimiters (#2327)

Co-authored-by: copilot-swe-agent[bot] <[email protected]>
Co-authored-by: jakebailey <[email protected]>

Author: Copilot

internal/transformers/jsxtransforms/jsx.go

@@ -529,6 +529,8 @@ func (tx *JSXTransformer) transformJsxAttributeInitializer(node *ast.Node) *ast.
 		// Need to be escaped to be handled correctly in a normal string
 		res := tx.Factory().NewStringLiteral(decodeEntities(node.Text()))
 		res.Loc = node.Loc
+		// Preserve the original quote style (single vs double quotes)
+		res.AsStringLiteral().TokenFlags = node.AsStringLiteral().TokenFlags
 		return res
 	}
 	if node.Kind == ast.KindJsxExpression {

testdata/baselines/reference/submodule/compiler/jsxMultilineAttributeValuesReact.js

@@ -15,5 +15,5 @@ foo: 23\n
 
 //// [jsxMultilineAttributeValuesReact.js]
 const a = React.createElement("input", { value: "\nfoo: 23\n" });
-const b = React.createElement("input", { value: "\nfoo: 23\n" });
-const c = React.createElement("input", { value: "\nfoo: 23\\n\n" });
+const b = React.createElement("input", { value: '\nfoo: 23\n' });
+const c = React.createElement("input", { value: '\nfoo: 23\\n\n' });

testdata/baselines/reference/submodule/compiler/jsxMultilineAttributeValuesReact.js.diff

@@ -47,16 +47,16 @@ var whitespace3 = <div>
 var p;
 var selfClosed1 = React.createElement("div", null);
 var selfClosed2 = React.createElement("div", { x: "1" });
-var selfClosed3 = React.createElement("div", { x: "1" });
-var selfClosed4 = React.createElement("div", { x: "1", y: "0" });
-var selfClosed5 = React.createElement("div", { x: 0, y: "0" });
-var selfClosed6 = React.createElement("div", { x: "1", y: "0" });
-var selfClosed7 = React.createElement("div", { x: p, y: "p", b: true });
+var selfClosed3 = React.createElement("div", { x: '1' });
+var selfClosed4 = React.createElement("div", { x: "1", y: '0' });
+var selfClosed5 = React.createElement("div", { x: 0, y: '0' });
+var selfClosed6 = React.createElement("div", { x: "1", y: '0' });
+var selfClosed7 = React.createElement("div", { x: p, y: 'p', b: true });
 var openClosed1 = React.createElement("div", null);
-var openClosed2 = React.createElement("div", { n: "m" }, "foo");
-var openClosed3 = React.createElement("div", { n: "m" }, p);
-var openClosed4 = React.createElement("div", { n: "m" }, p < p);
-var openClosed5 = React.createElement("div", { n: "m", b: true }, p > p);
+var openClosed2 = React.createElement("div", { n: 'm' }, "foo");
+var openClosed3 = React.createElement("div", { n: 'm' }, p);
+var openClosed4 = React.createElement("div", { n: 'm' }, p < p);
+var openClosed5 = React.createElement("div", { n: 'm', b: true }, p > p);
 class SomeClass {
     f() {
         var rewrites1 = React.createElement("div", null, () => this);

testdata/baselines/reference/submodule/conformance/tsxReactEmit1.js

@@ -27,4 +27,4 @@ const test_1 = require("./test");
 // Should emit test_1.React.createElement
 //  and React.__spread
 var foo;
-var spread1 = test_1.React.createElement("div", Object.assign({ x: "" }, foo, { y: "" }));
+var spread1 = test_1.React.createElement("div", Object.assign({ x: '' }, foo, { y: '' }));

testdata/baselines/reference/submodule/conformance/tsxReactEmit1.js.diff

@@ -34,7 +34,7 @@ var M;
     // Should emit M.React.createElement
     //  and M.React.__spread
     var foo;
-    var spread1 = React.createElement("div", Object.assign({ x: "" }, foo, { y: "" }));
+    var spread1 = React.createElement("div", Object.assign({ x: '' }, foo, { y: '' }));
     // Quotes
     var x = React.createElement("div", null, "This \"quote\" thing");
 })(M || (M = {}));

testdata/baselines/reference/submodule/conformance/tsxReactEmit5.js

@@ -5,7 +5,7 @@
      //  and M.React.__spread
      var foo;
 -    var spread1 = M.React.createElement("div", Object.assign({ x: '' }, foo, { y: '' }));
-+    var spread1 = React.createElement("div", Object.assign({ x: "" }, foo, { y: "" }));
++    var spread1 = React.createElement("div", Object.assign({ x: '' }, foo, { y: '' }));
      // Quotes
 -    var x = M.React.createElement("div", null, "This \"quote\" thing");
 +    var x = React.createElement("div", null, "This \"quote\" thing");

testdata/baselines/reference/submodule/conformance/tsxReactEmit5.js.diff

@@ -35,6 +35,6 @@ React.createElement("div", { attr: "{\u2026}\\" });
 // Does not happen for a string literal that happens to be inside an attribute (and escapes then work)
 React.createElement("div", { attr: "{…}\"" });
 // Preserves single quotes
-React.createElement("div", { attr: "\"" });
+React.createElement("div", { attr: '"' });
 // https://github.com/microsoft/TypeScript/issues/35732
 React.createElement("div", null, "\uD83D\uDC08\uD83D\uDC15\uD83D\uDC07\uD83D\uDC11");