ripple 0.3.72 → 0.3.76

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

@@ -2,13 +2,13 @@ import { RippleURL, RippleURLSearchParams, flushSync, track } from 'ripple';
 
 describe('RippleURLSearchParams > iteration', () => {
 	it('handles keys method with reactivity', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('foo=bar&baz=qux');
-				let &[keys] = track(() => Array.from(params.keys()));
+		function URLTest() @{
+			const params = RippleURLSearchParams('foo=bar&baz=qux');
+			let &[keys] = track(() => Array.from(params.keys()));
+			<>
 				<button onClick={() => params.append('new', 'value')}>{'add param'}</button>
 				<pre>{JSON.stringify(keys)}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -26,13 +26,13 @@ describe('RippleURLSearchParams > iteration', () => {
 	});
 
 	it('handles values method with reactivity', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('foo=bar&baz=qux');
-				let &[values] = track(() => Array.from(params.values()));
+		function URLTest() @{
+			const params = RippleURLSearchParams('foo=bar&baz=qux');
+			let &[values] = track(() => Array.from(params.values()));
+			<>
 				<button onClick={() => params.set('foo', 'updated')}>{'update foo'}</button>
 				<pre>{JSON.stringify(values)}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -50,13 +50,13 @@ describe('RippleURLSearchParams > iteration', () => {
 	});
 
 	it('handles entries method with reactivity', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('foo=bar&baz=qux');
-				let &[entries] = track(() => Array.from(params.entries()));
+		function URLTest() @{
+			const params = RippleURLSearchParams('foo=bar&baz=qux');
+			let &[entries] = track(() => Array.from(params.entries()));
+			<>
 				<button onClick={() => params.append('new', 'value')}>{'add param'}</button>
 				<pre>{JSON.stringify(entries)}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -76,13 +76,13 @@ describe('RippleURLSearchParams > iteration', () => {
 	});
 
 	it('handles Symbol.iterator with reactivity', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('foo=bar&baz=qux');
-				let &[entries] = track(() => Array.from(params));
+		function URLTest() @{
+			const params = RippleURLSearchParams('foo=bar&baz=qux');
+			let &[entries] = track(() => Array.from(params));
+			<>
 				<button onClick={() => params.delete('foo')}>{'delete foo'}</button>
 				<pre>{JSON.stringify(entries)}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -100,14 +100,14 @@ describe('RippleURLSearchParams > iteration', () => {
 	});
 
 	it('handles iteration with for...of', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('foo=bar&baz=qux');
+		function URLTest() @{
+			const params = RippleURLSearchParams('foo=bar&baz=qux');
+			<>
 				<button onClick={() => params.append('new', 'value')}>{'add param'}</button>
-				for (const [key, value] of params) {
+				@for (const [key, value] of params) {
 					<pre>{`${key}=${value}`}</pre>
 				}
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -128,20 +128,20 @@ describe('RippleURLSearchParams > iteration', () => {
 	});
 
 	it('handles forEach iteration', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('a=1&b=2&c=3');
-				let &[sum] = track(() => {
-					let total = 0;
-					// Access the params reactively through entries
-					for (const [key, value] of params.entries()) {
-						total += parseInt(value, 10);
-					}
-					return total;
-				});
+		function URLTest() @{
+			const params = RippleURLSearchParams('a=1&b=2&c=3');
+			let &[sum] = track(() => {
+				let total = 0;
+				// Access the params reactively through entries
+				for (const [key, value] of params.entries()) {
+					total += parseInt(value, 10);
+				}
+				return total;
+			});
+			<>
 				<button onClick={() => params.append('d', '4')}>{'add d=4'}</button>
 				<pre>{sum}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);

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

@@ -2,13 +2,13 @@ import { RippleURL, RippleURLSearchParams, flushSync, track } from 'ripple';
 
 describe('RippleURLSearchParams > mutation', () => {
 	it('handles append operation with reactivity', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('foo=bar');
+		function URLTest() @{
+			const params = RippleURLSearchParams('foo=bar');
+			<>
 				<button onClick={() => params.append('baz', 'qux')}>{'append'}</button>
 				<pre>{params.toString()}</pre>
 				<pre>{params.size}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -28,14 +28,14 @@ describe('RippleURLSearchParams > mutation', () => {
 	});
 
 	it('handles append with multiple values for same key', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('foo=bar');
-				let &[allFoo] = track(() => params.getAll('foo'));
+		function URLTest() @{
+			const params = RippleURLSearchParams('foo=bar');
+			let &[allFoo] = track(() => params.getAll('foo'));
+			<>
 				<button onClick={() => params.append('foo', 'baz')}>{'append foo'}</button>
 				<pre>{params.toString()}</pre>
 				<pre>{JSON.stringify(allFoo)}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -55,14 +55,14 @@ describe('RippleURLSearchParams > mutation', () => {
 	});
 
 	it('handles delete operation with reactivity', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('foo=bar&baz=qux');
+		function URLTest() @{
+			const params = RippleURLSearchParams('foo=bar&baz=qux');
+			<>
 				<button onClick={() => params.delete('foo')}>{'delete foo'}</button>
 				<pre>{params.toString()}</pre>
 				<pre>{params.size}</pre>
 				<pre>{params.has('foo').toString()}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -84,13 +84,13 @@ describe('RippleURLSearchParams > mutation', () => {
 	});
 
 	it('handles delete with specific value', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('foo=bar&foo=baz&foo=qux');
+		function URLTest() @{
+			const params = RippleURLSearchParams('foo=bar&foo=baz&foo=qux');
+			<>
 				<button onClick={() => params.delete('foo', 'baz')}>{'delete foo=baz'}</button>
 				<pre>{params.toString()}</pre>
 				<pre>{params.size}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -110,14 +110,14 @@ describe('RippleURLSearchParams > mutation', () => {
 	});
 
 	it('handles delete when key does not exist', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('foo=bar');
-				let &[reactiveSize] = track(() => params.size);
+		function URLTest() @{
+			const params = RippleURLSearchParams('foo=bar');
+			let &[reactiveSize] = track(() => params.size);
+			<>
 				<button onClick={() => params.delete('nonexistent')}>{'delete nonexistent'}</button>
 				<pre>{params.toString()}</pre>
 				<pre>{reactiveSize}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -137,14 +137,14 @@ describe('RippleURLSearchParams > mutation', () => {
 	});
 
 	it('handles set operation with reactivity', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('foo=bar');
+		function URLTest() @{
+			const params = RippleURLSearchParams('foo=bar');
+			<>
 				<button onClick={() => params.set('foo', 'updated')}>{'update foo'}</button>
 				<button onClick={() => params.set('baz', 'qux')}>{'add baz'}</button>
 				<pre>{params.toString()}</pre>
 				<pre>{params.size}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -172,14 +172,14 @@ describe('RippleURLSearchParams > mutation', () => {
 	});
 
 	it('handles set with multiple existing values', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('foo=bar&foo=baz&foo=qux');
-				let &[allFoo] = track(() => params.getAll('foo'));
+		function URLTest() @{
+			const params = RippleURLSearchParams('foo=bar&foo=baz&foo=qux');
+			let &[allFoo] = track(() => params.getAll('foo'));
+			<>
 				<button onClick={() => params.set('foo', 'single')}>{'set foo'}</button>
 				<pre>{params.toString()}</pre>
 				<pre>{JSON.stringify(allFoo)}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -199,14 +199,14 @@ describe('RippleURLSearchParams > mutation', () => {
 	});
 
 	it('handles set when value is the same', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('foo=bar');
-				let &[reactiveString] = track(() => params.toString());
+		function URLTest() @{
+			const params = RippleURLSearchParams('foo=bar');
+			let &[reactiveString] = track(() => params.toString());
+			<>
 				<button onClick={() => params.set('foo', 'bar')}>{'set same value'}</button>
 				<pre>{reactiveString}</pre>
 				<pre>{params.size}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -225,12 +225,12 @@ describe('RippleURLSearchParams > mutation', () => {
 	});
 
 	it('handles sort operation with reactivity', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('z=last&a=first&m=middle');
+		function URLTest() @{
+			const params = RippleURLSearchParams('z=last&a=first&m=middle');
+			<>
 				<button onClick={() => params.sort()}>{'sort'}</button>
 				<pre>{params.toString()}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -248,21 +248,19 @@ describe('RippleURLSearchParams > mutation', () => {
 	});
 
 	it('handles clearing all params via delete', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com?foo=bar&baz=qux');
-				const params = url.searchParams;
+		function URLTest() @{
+			const url = RippleURL('https://example.com?foo=bar&baz=qux');
+			const params = url.searchParams;
+			<>
 				<button
 					onClick={() => {
 						params.delete('foo');
 						params.delete('baz');
 					}}
-				>
-					{'clear all'}
-				</button>
+				>{'clear all'}</button>
 				<pre>{url.href}</pre>
 				<pre>{params.size}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -284,9 +282,9 @@ describe('RippleURLSearchParams > mutation', () => {
 	});
 
 	it('handles multiple operations in sequence', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams();
+		function URLTest() @{
+			const params = RippleURLSearchParams();
+			<>
 				<button
 					onClick={() => {
 						params.append('a', '1');
@@ -296,12 +294,10 @@ describe('RippleURLSearchParams > mutation', () => {
 						params.append('c', '3');
 						params.sort();
 					}}
-				>
-					{'complex operations'}
-				</button>
+				>{'complex operations'}</button>
 				<pre>{params.toString()}</pre>
 				<pre>{params.size}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -321,16 +317,16 @@ describe('RippleURLSearchParams > mutation', () => {
 	});
 
 	it('handles duplicate keys with different values', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams();
-				let &[tags] = track(() => params.getAll('tag'));
+		function URLTest() @{
+			const params = RippleURLSearchParams();
+			let &[tags] = track(() => params.getAll('tag'));
+			<>
 				<button onClick={() => params.append('tag', 'javascript')}>{'add js'}</button>
 				<button onClick={() => params.append('tag', 'typescript')}>{'add ts'}</button>
 				<button onClick={() => params.append('tag', 'ripple')}>{'add ripple'}</button>
 				<pre>{JSON.stringify(tags)}</pre>
 				<pre>{params.size}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);

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

@@ -2,15 +2,15 @@ import { RippleURL, RippleURLSearchParams, flushSync, track } from 'ripple';
 
 describe('RippleURLSearchParams > retrieval', () => {
 	it('handles get operation with reactivity', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('foo=bar&baz=qux');
-				let &[foo] = track(() => params.get('foo'));
-				let &[baz] = track(() => params.get('baz'));
+		function URLTest() @{
+			const params = RippleURLSearchParams('foo=bar&baz=qux');
+			let &[foo] = track(() => params.get('foo'));
+			let &[baz] = track(() => params.get('baz'));
+			<>
 				<button onClick={() => params.set('foo', 'updated')}>{'update foo'}</button>
 				<pre>{foo}</pre>
 				<pre>{baz}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -30,12 +30,10 @@ describe('RippleURLSearchParams > retrieval', () => {
 	});
 
 	it('handles get for nonexistent key', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('foo=bar');
-				let &[nonexistent] = track(() => params.get('nonexistent'));
-				<pre>{String(nonexistent)}</pre>
-			</>;
+		function URLTest() @{
+			const params = RippleURLSearchParams('foo=bar');
+			let &[nonexistent] = track(() => params.get('nonexistent'));
+			<pre>{String(nonexistent)}</pre>
 		}
 
 		render(URLTest);
@@ -44,13 +42,13 @@ describe('RippleURLSearchParams > retrieval', () => {
 	});
 
 	it('handles getAll operation with reactivity', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('foo=bar&foo=baz');
-				let &[allFoo] = track(() => params.getAll('foo'));
+		function URLTest() @{
+			const params = RippleURLSearchParams('foo=bar&foo=baz');
+			let &[allFoo] = track(() => params.getAll('foo'));
+			<>
 				<button onClick={() => params.append('foo', 'qux')}>{'append foo'}</button>
 				<pre>{JSON.stringify(allFoo)}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -68,16 +66,16 @@ describe('RippleURLSearchParams > retrieval', () => {
 	});
 
 	it('handles has operation with reactivity', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('foo=bar');
-				let &[hasFoo] = track(() => params.has('foo'));
-				let &[hasBaz] = track(() => params.has('baz'));
+		function URLTest() @{
+			const params = RippleURLSearchParams('foo=bar');
+			let &[hasFoo] = track(() => params.has('foo'));
+			let &[hasBaz] = track(() => params.has('baz'));
+			<>
 				<button onClick={() => params.append('baz', 'qux')}>{'add baz'}</button>
 				<button onClick={() => params.delete('foo')}>{'delete foo'}</button>
 				<pre>{hasFoo.toString()}</pre>
 				<pre>{hasBaz.toString()}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -105,15 +103,15 @@ describe('RippleURLSearchParams > retrieval', () => {
 	});
 
 	it('handles has with specific value', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('foo=bar&foo=baz');
-				let &[hasBarValue] = track(() => params.has('foo', 'bar'));
-				let &[hasQuxValue] = track(() => params.has('foo', 'qux'));
+		function URLTest() @{
+			const params = RippleURLSearchParams('foo=bar&foo=baz');
+			let &[hasBarValue] = track(() => params.has('foo', 'bar'));
+			let &[hasQuxValue] = track(() => params.has('foo', 'qux'));
+			<>
 				<button onClick={() => params.append('foo', 'qux')}>{'add qux'}</button>
 				<pre>{hasBarValue.toString()}</pre>
 				<pre>{hasQuxValue.toString()}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -133,14 +131,14 @@ describe('RippleURLSearchParams > retrieval', () => {
 	});
 
 	it('handles size property with reactivity', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('foo=bar');
-				let &[size] = track(() => params.size);
+		function URLTest() @{
+			const params = RippleURLSearchParams('foo=bar');
+			let &[size] = track(() => params.size);
+			<>
 				<button onClick={() => params.append('baz', 'qux')}>{'add'}</button>
 				<button onClick={() => params.delete('foo')}>{'delete'}</button>
 				<pre>{size}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);

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

@@ -2,13 +2,13 @@ import { RippleURL, RippleURLSearchParams, flushSync, track } from 'ripple';
 
 describe('RippleURLSearchParams > serialization', () => {
 	it('handles toString method with reactivity', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams('foo=bar');
-				let &[string] = track(() => params.toString());
+		function URLTest() @{
+			const params = RippleURLSearchParams('foo=bar');
+			let &[string] = track(() => params.toString());
+			<>
 				<button onClick={() => params.append('baz', 'qux')}>{'add'}</button>
 				<pre>{string}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -26,13 +26,13 @@ describe('RippleURLSearchParams > serialization', () => {
 	});
 
 	it('handles special characters encoding', () => {
-		function URLTest() {
-			return <>
-				const params = RippleURLSearchParams();
+		function URLTest() @{
+			const params = RippleURLSearchParams();
+			<>
 				<button onClick={() => params.set('key', 'value with spaces')}>{'add spaces'}</button>
 				<button onClick={() => params.set('special', '!@#$%^&*()')}>{'add special'}</button>
 				<pre>{params.toString()}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);

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

@@ -2,14 +2,14 @@ import { RippleURL, flushSync } from 'ripple';
 
 describe('RippleURLSearchParams > RippleURL integration', () => {
 	it('integrates with RippleURL', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com?foo=bar');
-				const params = url.searchParams;
+		function URLTest() @{
+			const url = RippleURL('https://example.com?foo=bar');
+			const params = url.searchParams;
+			<>
 				<button onClick={() => params.append('baz', 'qux')}>{'add param'}</button>
 				<pre>{url.href}</pre>
 				<pre>{params.toString()}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);
@@ -31,14 +31,14 @@ describe('RippleURLSearchParams > RippleURL integration', () => {
 	});
 
 	it('handles empty search string in URL', () => {
-		function URLTest() {
-			return <>
-				const url = RippleURL('https://example.com');
-				const params = url.searchParams;
+		function URLTest() @{
+			const url = RippleURL('https://example.com');
+			const params = url.searchParams;
+			<>
 				<button onClick={() => params.append('foo', 'bar')}>{'add first param'}</button>
 				<pre>{url.href}</pre>
 				<pre>{params.size}</pre>
-			</>;
+			</>
 		}
 
 		render(URLTest);