@tsrx/prettier-plugin 0.3.27 → 0.3.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsrx/prettier-plugin",
-  "version": "0.3.27",
+  "version": "0.3.29",
   "description": "Ripple plugin for Prettier",
   "type": "module",
   "module": "src/index.js",
@@ -26,11 +26,11 @@
   "devDependencies": {
     "@types/node": "^24.3.0",
     "prettier": "^3.8.3",
-    "ripple": "0.3.27"
+    "ripple": "0.3.29"
   },
   "dependencies": {
-    "@tsrx/core": "0.0.7",
-    "@tsrx/ripple": "0.0.9"
+    "@tsrx/core": "0.0.9",
+    "@tsrx/ripple": "0.0.11"
   },
   "files": [
     "src/"

package/src/index.js

@@ -5554,6 +5554,7 @@ function createElementLevelCommentPartsTrimmed(comments) {
 
 /**
  * Print a Tsx node - renders Ripple template children inside <tsx>...</tsx>
+ * or fragment shorthand <>...</> when the original source used a fragment.
  * @param {AST.Tsx} node - The Tsx node
  * @param {AstPath<AST.Tsx>} path - The AST path
  * @param {RippleFormatOptions} options - Prettier options
@@ -5561,8 +5562,9 @@ function createElementLevelCommentPartsTrimmed(comments) {
  * @returns {Doc}
  */
 function printTsx(node, path, options, print) {
-	const tagName = '<tsx>';
-	const closingTagName = '</tsx>';
+	const is_fragment = !node.openingElement?.name;
+	const tagName = is_fragment ? '<>' : '<tsx>';
+	const closingTagName = is_fragment ? '</>' : '</tsx>';
 
 	const hasChildren = Array.isArray(node.children) && node.children.length > 0;
 

package/src/index.test.js

@@ -1935,6 +1935,40 @@ files = [...(files ?? []), ...dt.files];`;
 			expect(result).toBeWithNewline(expected);
 		});
 
+		it('should preserve fragment shorthand in class methods', async () => {
+			const input = `class Foo {
+	bar() {
+		return <>{"Hello"}</>;
+	}
+}`;
+
+			const expected = `class Foo {
+  bar() {
+    return <>{'Hello'}</>;
+  }
+}`;
+
+			const result = await format(input, { singleQuote: true, printWidth: 100 });
+			expect(result).toBeWithNewline(expected);
+		});
+
+		it('should preserve explicit tsx blocks in class methods', async () => {
+			const input = `class Foo {
+	bar() {
+		return <tsx>{"Hello"}</tsx>;
+	}
+}`;
+
+			const expected = `class Foo {
+  bar() {
+    return <tsx>{'Hello'}</tsx>;
+  }
+}`;
+
+			const result = await format(input, { singleQuote: true, printWidth: 100 });
+			expect(result).toBeWithNewline(expected);
+		});
+
 		it('should format class with a literal component method', async () => {
 			const input = `class TestClass {
   component 'something'() {