ripple 0.3.26 → 0.3.28

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # ripple
 
+## 0.3.28
+
+### Patch Changes
+
+- Updated dependencies
+  [[`e4b5555`](https://github.com/Ripple-TS/ripple/commit/e4b5555fb5b1651a2bf1bf232565c7e0e40213b8),
+  [`e4b5555`](https://github.com/Ripple-TS/ripple/commit/e4b5555fb5b1651a2bf1bf232565c7e0e40213b8)]:
+  - @tsrx/ripple@0.0.10
+  - ripple@0.3.28
+
+## 0.3.27
+
+### Patch Changes
+
+- Updated dependencies []:
+  - ripple@0.3.27
+
 ## 0.3.26
 
 ### Patch Changes

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ripple is an elegant TypeScript UI framework",
   "license": "MIT",
   "author": "Dominic Gannaway",
-  "version": "0.3.26",
+  "version": "0.3.28",
   "type": "module",
   "module": "src/runtime/index-client.js",
   "main": "src/runtime/index-client.js",
@@ -76,7 +76,7 @@
     "esm-env": "^1.2.2",
     "@types/estree": "^1.0.8",
     "@types/estree-jsx": "^1.0.5",
-    "@tsrx/ripple": "0.0.9"
+    "@tsrx/ripple": "0.0.10"
   },
   "devDependencies": {
     "@types/node": "^24.3.0",
@@ -84,9 +84,9 @@
     "typescript": "^5.9.3",
     "@volar/language-core": "~2.4.28",
     "vscode-languageserver-types": "^3.17.5",
-    "@tsrx/core": "0.0.7"
+    "@tsrx/core": "0.0.8"
   },
   "peerDependencies": {
-    "ripple": "0.3.26"
+    "ripple": "0.3.28"
   }
 }

package/tests/client/basic/basic.errors.test.tsrx

@@ -228,6 +228,30 @@ describe('basic client > errors', () => {
 		}).toThrow('Do...while loops are not supported in components.');
 	});
 
+	it('should allow JSX fragments in TSRX templates as <tsx> shorthand', () => {
+		const code = `
+			export default component SafeProfile() {
+				<b><>{111}</></b>
+			}
+		`;
+
+		expect(() => {
+			compile(code, 'test.tsrx');
+		}).not.toThrow();
+	});
+
+	it('should allow JSX fragments inside tsx blocks', () => {
+		const code = `
+			export default component SafeProfile() {
+				<tsx><>{111}</></tsx>
+			}
+		`;
+
+		expect(() => {
+			compile(code, 'test.tsrx');
+		}).not.toThrow();
+	});
+
 	it('should not throw error for while loop inside a function within a component', () => {
 		const code = `
 			export default component App() {

package/tests/client/tsx.test.tsrx

@@ -1,7 +1,7 @@
 import { flushSync, track } from 'ripple';
 
 describe('tsx expression', () => {
-	it('renders a basic tsx element', () => {
+	it('renders a basic fragment shorthand element', () => {
 		component App() {
 			const el = <tsx><div>hello world</div></tsx>;
 			{el}
@@ -242,7 +242,7 @@ describe('tsx expression', () => {
 		expect(div.title).toBe('Item 1');
 	});
 
-	it('renders tsx passed directly as component prop', () => {
+	it('renders fragment shorthand passed directly as component prop', () => {
 		component Wrapper(&{ content }: { content: any }) {
 			<div class="wrapper">{content}</div>
 		}
@@ -257,7 +257,7 @@ describe('tsx expression', () => {
 		expect(wrapper.textContent).toBe('direct prop');
 	});
 
-	it('renders tsx passed directly as children prop', () => {
+	it('renders fragment shorthand passed directly as children prop', () => {
 		component Card(&{ title, children }: { title: any; children: any }) {
 			<div class="card">
 				<h2 class="card-title">{title}</h2>