@ripple-ts/prettier-plugin 0.2.210 → 0.2.212

package/README.md

@@ -1,4 +1,7 @@
 # @ripple-ts/prettier-plugin
 
+[![npm version](https://img.shields.io/npm/v/%40ripple-ts%2Fprettier-plugin?logo=npm)](https://www.npmjs.com/package/@ripple-ts/prettier-plugin)
+[![npm downloads](https://img.shields.io/npm/dm/%40ripple-ts%2Fprettier-plugin?logo=npm&label=downloads)](https://www.npmjs.com/package/@ripple-ts/prettier-plugin)
+
 A Prettier plugin for formatting [Ripple](https://github.com/Ripple-TS/ripple)
 `.ripple` files.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ripple-ts/prettier-plugin",
-  "version": "0.2.210",
+  "version": "0.2.212",
   "description": "Ripple plugin for Prettier",
   "type": "module",
   "module": "src/index.js",
@@ -27,7 +27,7 @@
     "@types/estree": "^1.0.8",
     "@types/estree-jsx": "^1.0.5",
     "prettier": "^3.6.2",
-    "ripple": "0.2.210"
+    "ripple": "0.2.212"
   },
   "dependencies": {},
   "files": [

package/src/index.js

@@ -1596,6 +1596,18 @@ function printRippleNode(node, path, options, print, args) {
 			break;
 		}
 
+		case 'StyleSheet': {
+			// StyleSheet nodes inside <style> elements. When CSS is empty/whitespace-only,
+			// return empty string so the element collapses to <style></style>.
+			// Non-empty stylesheets are normally handled by embed() using textToDoc with the CSS parser.
+			if (!node.source || !node.source.trim()) {
+				nodeContent = '';
+			} else {
+				nodeContent = node.source.trim();
+			}
+			break;
+		}
+
 		case 'ServerIdentifier': {
 			nodeContent = '#server';
 			break;

package/src/index.test.js

@@ -1236,6 +1236,21 @@ const [obj1, obj2] = arrayOfObjects;`;
 			expect(result).toBeWithNewline(expected);
 		});
 
+		it('should not mangle empty stylesheet tags <style></style>', async () => {
+			const input = `component App() {
+  <style>
+
+  </style>
+}`;
+
+			const expected = `component App() {
+  <style></style>
+}`;
+
+			const result = await format(input, { singleQuote: true, printWidth: 100 });
+			expect(result).toBeWithNewline(expected);
+		});
+
 		it('should keep TrackedMap short syntax intact', async () => {
 			const expected = `const map = new #Map([['key1', 'value1'], ['key2', 'value2']]);
 const set = new #Set([1, 2, 3]);`;