ripple 0.3.72 → 0.3.76

package/tests/client/url/url.partial-removal.test.tsrx

@@ -2,13 +2,13 @@ import { RippleURL, flushSync } from 'ripple';
 
 describe('RippleURL > partials/removal', () => {
 	it('handles URL with no port specified', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com/path');
+		function URLTest() @{
+			const url = RippleURL('https://example.com/path');
+			<>
 				<pre>{url.port}</pre>
 				<pre>{url.host}</pre>
 				<button onClick={() => (url.port = '8080')}>{'Add Port'}</button>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -28,13 +28,13 @@ describe('RippleURL > partials/removal', () => {
 	});
 
 	it('handles URL with no search params', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com/path');
+		function URLTest() @{
+			const url = RippleURL('https://example.com/path');
+			<>
 				<pre>{url.search}</pre>
 				<pre>{url.searchParams.size}</pre>
 				<button onClick={() => url.searchParams.append('foo', 'bar')}>{'Add Param'}</button>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -54,12 +54,12 @@ describe('RippleURL > partials/removal', () => {
 	});
 
 	it('handles URL with no hash', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com/path');
+		function URLTest() @{
+			const url = RippleURL('https://example.com/path');
+			<>
 				<pre>{url.hash}</pre>
 				<button onClick={() => (url.hash = '#section')}>{'Add Hash'}</button>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -77,13 +77,13 @@ describe('RippleURL > partials/removal', () => {
 	});
 
 	it('handles removing port by setting empty string', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com:8080/path');
+		function URLTest() @{
+			const url = RippleURL('https://example.com:8080/path');
+			<>
 				<button onClick={() => (url.port = '')}>{'Remove Port'}</button>
 				<pre>{url.href}</pre>
 				<pre>{url.port}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -103,13 +103,13 @@ describe('RippleURL > partials/removal', () => {
 	});
 
 	it('handles removing hash by setting empty string', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com/path#section');
+		function URLTest() @{
+			const url = RippleURL('https://example.com/path#section');
+			<>
 				<button onClick={() => (url.hash = '')}>{'Remove Hash'}</button>
 				<pre>{url.href}</pre>
 				<pre>{url.hash}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -131,14 +131,14 @@ describe('RippleURL > partials/removal', () => {
 	});
 
 	it('handles removing search by setting empty string', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com/path?foo=bar');
+		function URLTest() @{
+			const url = RippleURL('https://example.com/path?foo=bar');
+			<>
 				<button onClick={() => (url.search = '')}>{'Remove Search'}</button>
 				<pre>{url.href}</pre>
 				<pre>{url.search}</pre>
 				<pre>{url.searchParams.size}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -162,13 +162,13 @@ describe('RippleURL > partials/removal', () => {
 	});
 
 	it('handles hash without leading # character', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com/path');
+		function URLTest() @{
+			const url = RippleURL('https://example.com/path');
+			<>
 				<button onClick={() => (url.hash = 'section')}>{'Set Hash'}</button>
 				<pre>{url.hash}</pre>
 				<pre>{url.href}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -189,13 +189,13 @@ describe('RippleURL > partials/removal', () => {
 	});
 
 	it('handles search without leading ? character', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com/path');
+		function URLTest() @{
+			const url = RippleURL('https://example.com/path');
+			<>
 				<button onClick={() => (url.search = 'foo=bar')}>{'Set Search'}</button>
 				<pre>{url.search}</pre>
 				<pre>{url.href}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);

package/tests/client/url/url.reactivity.test.tsrx

@@ -2,14 +2,14 @@ import { RippleURL, flushSync } from 'ripple';
 
 describe('RippleURL > reactivity', () => {
 	it('handles protocol changes with reactivity', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com/path');
+		function URLTest() @{
+			const url = RippleURL('https://example.com/path');
+			<>
 				<button onClick={() => (url.protocol = 'http:')}>{'Change Protocol'}</button>
 				<pre>{url.href}</pre>
 				<pre>{url.protocol}</pre>
 				<pre>{url.origin}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -31,14 +31,14 @@ describe('RippleURL > reactivity', () => {
 	});
 
 	it('handles hostname changes with reactivity', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com/path');
+		function URLTest() @{
+			const url = RippleURL('https://example.com/path');
+			<>
 				<button onClick={() => (url.hostname = 'newdomain.com')}>{'Change Hostname'}</button>
 				<pre>{url.href}</pre>
 				<pre>{url.hostname}</pre>
 				<pre>{url.host}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -60,14 +60,14 @@ describe('RippleURL > reactivity', () => {
 	});
 
 	it('handles port changes with reactivity', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com:8080/path');
+		function URLTest() @{
+			const url = RippleURL('https://example.com:8080/path');
+			<>
 				<button onClick={() => (url.port = '9090')}>{'Change Port'}</button>
 				<pre>{url.href}</pre>
 				<pre>{url.port}</pre>
 				<pre>{url.host}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -89,15 +89,15 @@ describe('RippleURL > reactivity', () => {
 	});
 
 	it('handles host changes with reactivity', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com:8080/path');
+		function URLTest() @{
+			const url = RippleURL('https://example.com:8080/path');
+			<>
 				<button onClick={() => (url.host = 'newdomain.com:9090')}>{'Change Host'}</button>
 				<pre>{url.href}</pre>
 				<pre>{url.host}</pre>
 				<pre>{url.hostname}</pre>
 				<pre>{url.port}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -123,13 +123,13 @@ describe('RippleURL > reactivity', () => {
 	});
 
 	it('handles pathname changes with reactivity', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com/old-path');
+		function URLTest() @{
+			const url = RippleURL('https://example.com/old-path');
+			<>
 				<button onClick={() => (url.pathname = '/new-path')}>{'Change Pathname'}</button>
 				<pre>{url.href}</pre>
 				<pre>{url.pathname}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -149,13 +149,13 @@ describe('RippleURL > reactivity', () => {
 	});
 
 	it('handles search changes with reactivity', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com/path?foo=bar');
+		function URLTest() @{
+			const url = RippleURL('https://example.com/path?foo=bar');
+			<>
 				<button onClick={() => (url.search = '?baz=qux')}>{'Change Search'}</button>
 				<pre>{url.href}</pre>
 				<pre>{url.search}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -179,13 +179,13 @@ describe('RippleURL > reactivity', () => {
 	});
 
 	it('handles hash changes with reactivity', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com/path#section1');
+		function URLTest() @{
+			const url = RippleURL('https://example.com/path#section1');
+			<>
 				<button onClick={() => (url.hash = '#section2')}>{'Change Hash'}</button>
 				<pre>{url.href}</pre>
 				<pre>{url.hash}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -209,13 +209,13 @@ describe('RippleURL > reactivity', () => {
 	});
 
 	it('handles username changes with reactivity', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://user:pass@example.com/path');
+		function URLTest() @{
+			const url = RippleURL('https://user:pass@example.com/path');
+			<>
 				<button onClick={() => (url.username = 'newuser')}>{'Change Username'}</button>
 				<pre>{url.href}</pre>
 				<pre>{url.username}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -239,13 +239,13 @@ describe('RippleURL > reactivity', () => {
 	});
 
 	it('handles password changes with reactivity', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://user:pass@example.com/path');
+		function URLTest() @{
+			const url = RippleURL('https://user:pass@example.com/path');
+			<>
 				<button onClick={() => (url.password = 'newpass')}>{'Change Password'}</button>
 				<pre>{url.href}</pre>
 				<pre>{url.password}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -269,14 +269,12 @@ describe('RippleURL > reactivity', () => {
 	});
 
 	it('handles href changes with reactivity', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com/path?foo=bar#section');
+		function URLTest() @{
+			const url = RippleURL('https://example.com/path?foo=bar#section');
+			<>
 				<button
 					onClick={() => (url.href = 'https://newdomain.com:9090/newpath?baz=qux#newsection')}
-				>
-					{'Change Href'}
-				</button>
+				>{'Change Href'}</button>
 				<pre>{url.href}</pre>
 				<pre>{url.protocol}</pre>
 				<pre>{url.hostname}</pre>
@@ -284,7 +282,7 @@ describe('RippleURL > reactivity', () => {
 				<pre>{url.pathname}</pre>
 				<pre>{url.search}</pre>
 				<pre>{url.hash}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -318,14 +316,14 @@ describe('RippleURL > reactivity', () => {
 	});
 
 	it('handles origin property reactivity', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com:8080/path');
+		function URLTest() @{
+			const url = RippleURL('https://example.com:8080/path');
+			<>
 				<button onClick={() => (url.protocol = 'http:')}>{'Change Protocol'}</button>
 				<button onClick={() => (url.hostname = 'newdomain.com')}>{'Change Hostname'}</button>
 				<button onClick={() => (url.port = '9090')}>{'Change Port'}</button>
 				<pre>{url.origin}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -351,16 +349,16 @@ describe('RippleURL > reactivity', () => {
 		expect(container.querySelector('pre').textContent).toBe('http://newdomain.com:9090');
 	});
 	it('handles searchParams changes with reactivity', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com/path?foo=bar');
-				const params = url.searchParams;
+		function URLTest() @{
+			const url = RippleURL('https://example.com/path?foo=bar');
+			const params = url.searchParams;
+			<>
 				<button onClick={() => params.set('foo', 'updated')}>{'Update Foo'}</button>
 				<button onClick={() => params.append('baz', 'qux')}>{'Add Baz'}</button>
 				<pre>{url.href}</pre>
 				<pre>{url.search}</pre>
 				<pre>{params.get('foo')}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -396,17 +394,17 @@ describe('RippleURL > reactivity', () => {
 	});
 
 	it('handles search property updates reflected in searchParams', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com/path?foo=bar');
-				const params = url.searchParams;
+		function URLTest() @{
+			const url = RippleURL('https://example.com/path?foo=bar');
+			const params = url.searchParams;
+			<>
 				<button onClick={() => (url.search = '?baz=qux&test=value')}>{'Change Search'}</button>
 				<pre>{url.search}</pre>
 				<pre>{params.get('foo')}</pre>
 				<pre>{params.get('baz')}</pre>
 				<pre>{params.get('test')}</pre>
 				<pre>{params.size}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -432,9 +430,9 @@ describe('RippleURL > reactivity', () => {
 	});
 
 	it('handles multiple URL property changes in sequence', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com/path');
+		function URLTest() @{
+			const url = RippleURL('https://example.com/path');
+			<>
 				<button
 					onClick={() => {
 						url.protocol = 'http:';
@@ -444,11 +442,9 @@ describe('RippleURL > reactivity', () => {
 						url.search = '?key=value';
 						url.hash = '#section';
 					}}
-				>
-					{'Change All'}
-				</button>
+				>{'Change All'}</button>
 				<pre>{url.href}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -468,18 +464,18 @@ describe('RippleURL > reactivity', () => {
 	});
 
 	it('handles href change updates all properties and searchParams', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://old.com/old?foo=bar#old');
-				const params = url.searchParams;
-				<button onClick={() => (url.href = 'https://new.com:9090/new?baz=qux#new')}>
-					{'Change Href'}
-				</button>
+		function URLTest() @{
+			const url = RippleURL('https://old.com/old?foo=bar#old');
+			const params = url.searchParams;
+			<>
+				<button
+					onClick={() => (url.href = 'https://new.com:9090/new?baz=qux#new')}
+				>{'Change Href'}</button>
 				<pre>{params.get('foo')}</pre>
 				<pre>{params.get('baz')}</pre>
 				<pre>{params.size}</pre>
 				<pre>{url.pathname}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);

package/tests/client/url/url.serialization.test.tsrx

@@ -2,12 +2,12 @@ import { RippleURL, flushSync } from 'ripple';
 
 describe('RippleURL > serialization', () => {
 	it('handles toString method', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com/path?foo=bar#section');
+		function URLTest() @{
+			const url = RippleURL('https://example.com/path?foo=bar#section');
+			<>
 				<button onClick={() => (url.pathname = '/newpath')}>{'Change Pathname'}</button>
 				<pre>{url.toString()}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -29,13 +29,13 @@ describe('RippleURL > serialization', () => {
 	});
 
 	it('handles toJSON method', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com/path?foo=bar');
+		function URLTest() @{
+			const url = RippleURL('https://example.com/path?foo=bar');
+			<>
 				<button onClick={() => (url.pathname = '/api')}>{'Change Pathname'}</button>
 				<pre>{url.toJSON()}</pre>
 				<pre>{JSON.stringify({ url: url.toJSON() })}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);

package/tests/client/url-search-params/url-search-params.derived.test.tsrx

@@ -2,18 +2,18 @@ import { RippleURL, RippleURLSearchParams, flushSync, track } from 'ripple';
 
 describe('RippleURLSearchParams > derived', () => {
 	it('handles reactive computed properties based on search params', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('page=1&limit=10');
-				let &[page] = track(() => parseInt(params.get('page') || '1', 10));
-				let &[limit] = track(() => parseInt(params.get('limit') || '10', 10));
-				let &[offset] = track(() => (page - 1) * limit);
+		function URLTest() @{
+			const params = RippleURLSearchParams('page=1&limit=10');
+			let &[page] = track(() => parseInt(params.get('page') || '1', 10));
+			let &[limit] = track(() => parseInt(params.get('limit') || '10', 10));
+			let &[offset] = track(() => (page - 1) * limit);
+			<>
 				<button onClick={() => params.set('page', '2')}>{'next page'}</button>
 				<button onClick={() => params.set('page', '1')}>{'first page'}</button>
 				<pre>{`Page: ${page}`}</pre>
 				<pre>{`Limit: ${limit}`}</pre>
 				<pre>{`Offset: ${offset}`}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -44,32 +44,26 @@ describe('RippleURLSearchParams > derived', () => {
 	});
 
 	it('maintains reactivity across multiple components', () => {
-		function ParentTest() {
-			return <>
-				const params = RippleURLSearchParams('count=0');
+		function ParentTest() @{
+			const params = RippleURLSearchParams('count=0');
+			<>
 				<ChildA {params} />
 				<ChildB {params} />
-			</>;
+			</>
 		}
 
-		function ChildA({ params }: { params: RippleURLSearchParams }) {
-			return <>
-				<button
-					onClick={() => {
-						const current = parseInt(params.get('count') || '0', 10);
-						params.set('count', String(current + 1));
-					}}
-				>
-					{'increment'}
-				</button>
-			</>;
+		function ChildA({ params }: { params: RippleURLSearchParams }) @{
+			<button
+				onClick={() => {
+					const current = parseInt(params.get('count') || '0', 10);
+					params.set('count', String(current + 1));
+				}}
+			>{'increment'}</button>
 		}
 
-		function ChildB({ params }: { params: RippleURLSearchParams }) {
-			return <>
-				let &[count] = track(() => params.get('count'));
-				<pre>{count}</pre>
-			</>;
+		function ChildB({ params }: { params: RippleURLSearchParams }) @{
+			let &[count] = track(() => params.get('count'));
+			<pre>{count}</pre>
 		}
 
 		render(ParentTest);

package/tests/client/url-search-params/url-search-params.initialization.test.tsrx

@@ -2,12 +2,12 @@ import { RippleURL, RippleURLSearchParams } from 'ripple';
 
 describe('RippleURLSearchParams > initialization', () => {
 	it('creates empty URLSearchParams with reactivity', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams();
+		function URLTest() @{
+			const params = RippleURLSearchParams();
+			<>
 				<pre>{params.toString()}</pre>
 				<pre>{params.size}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -17,13 +17,13 @@ describe('RippleURLSearchParams > initialization', () => {
 	});
 
 	it('creates URLSearchParams from string with reactivity', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('foo=bar&baz=qux');
+		function URLTest() @{
+			const params = RippleURLSearchParams('foo=bar&baz=qux');
+			<>
 				<pre>{params.toString()}</pre>
 				<pre>{params.size}</pre>
 				<pre>{params.get('foo')}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -34,12 +34,12 @@ describe('RippleURLSearchParams > initialization', () => {
 	});
 
 	it('creates URLSearchParams from object with reactivity', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams({ foo: 'bar', baz: 'qux' });
+		function URLTest() @{
+			const params = RippleURLSearchParams({ foo: 'bar', baz: 'qux' });
+			<>
 				<pre>{params.toString()}</pre>
 				<pre>{params.size}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -49,12 +49,12 @@ describe('RippleURLSearchParams > initialization', () => {
 	});
 
 	it('handles URL-encoded characters correctly', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('name=John+Doe&email=john%40example.com');
+		function URLTest() @{
+			const params = RippleURLSearchParams('name=John+Doe&email=john%40example.com');
+			<>
 				<pre>{params.get('name')}</pre>
 				<pre>{params.get('email')}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);