@tsrx/prettier-plugin 0.3.44 → 0.3.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsrx/prettier-plugin",
-  "version": "0.3.44",
+  "version": "0.3.46",
   "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.44"
+    "ripple": "0.3.46"
   },
   "dependencies": {
-    "@tsrx/core": "0.0.24",
-    "@tsrx/ripple": "0.0.26"
+    "@tsrx/core": "0.0.26",
+    "@tsrx/ripple": "0.0.28"
   },
   "files": [
     "src/"

package/src/index.js

@@ -2519,9 +2519,11 @@ function printComponent(
 		contentParts.push(statements);
 	}
 
+	const isArrowComponent = node.metadata?.arrow === true && !node.id && !args.skipComponentLabel;
+
 	// Use Prettier's standard block statement pattern
 	/** @type {Doc[]} */
-	const parts = [signatureParts, ' {'];
+	const parts = [signatureParts, isArrowComponent ? ' => {' : ' {'];
 
 	if (statements.length > 0) {
 		// Build content manually with proper spacing
@@ -2605,10 +2607,14 @@ function printComponent(
 				contentParts.push(doc);
 			}
 
-			return [signatureParts, ' ', group(['{', indent([hardline, contentParts]), hardline, '}'])];
+			return [
+				signatureParts,
+				isArrowComponent ? ' => ' : ' ',
+				group(['{', indent([hardline, contentParts]), hardline, '}']),
+			];
 		}
 
-		parts[1] = ' {}';
+		parts[1] = isArrowComponent ? ' => {}' : ' {}';
 	}
 	return parts;
 }

package/src/index.test.js

@@ -1857,7 +1857,7 @@ files = [...(files ?? []), ...dt.files];`;
 			expect(result).toBeWithNewline(expected);
 		});
 
-		it('should preserve component as a named or an anonymous property', async () => {
+		it('should preserve component properties in named, legacy anonymous, and arrow forms', async () => {
 			const expected = `const UI = {
   span: component Span() {
     <span>{'Hello from Span'}</span>
@@ -1867,6 +1867,9 @@ files = [...(files ?? []), ...dt.files];`;
       {children}
     </button>
   },
+  arrowButton: component({ children }) => {
+    <button>{children}</button>
+  },
 };`;
 
 			const result = await format(expected, { singleQuote: true, printWidth: 100 });