ripple 0.3.68 → 0.3.70

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

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

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

@@ -2,12 +2,13 @@ import { RippleURL, RippleURLSearchParams, flushSync, track } from 'ripple';
 
 describe('RippleURLSearchParams > iteration', () => {
 	it('handles keys method with reactivity', () => {
-		component 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>
+		function URLTest() {
+			return <>
+				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);
@@ -25,12 +26,13 @@ describe('RippleURLSearchParams > iteration', () => {
 	});
 
 	it('handles values method with reactivity', () => {
-		component 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>
+		function URLTest() {
+			return <>
+				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);
@@ -48,12 +50,13 @@ describe('RippleURLSearchParams > iteration', () => {
 	});
 
 	it('handles entries method with reactivity', () => {
-		component 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>
+		function URLTest() {
+			return <>
+				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);
@@ -73,12 +76,13 @@ describe('RippleURLSearchParams > iteration', () => {
 	});
 
 	it('handles Symbol.iterator with reactivity', () => {
-		component 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>
+		function URLTest() {
+			return <>
+				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);
@@ -96,14 +100,14 @@ describe('RippleURLSearchParams > iteration', () => {
 	});
 
 	it('handles iteration with for...of', () => {
-		component URLTest() {
-			const params = RippleURLSearchParams('foo=bar&baz=qux');
-
-			<button onClick={() => params.append('new', 'value')}>{'add param'}</button>
-
-			for (const [key, value] of params) {
-				<pre>{`${key}=${value}`}</pre>
-			}
+		function URLTest() {
+			return <>
+				const params = RippleURLSearchParams('foo=bar&baz=qux');
+				<button onClick={() => params.append('new', 'value')}>{'add param'}</button>
+				for (const [key, value] of params) {
+					<pre>{`${key}=${value}`}</pre>
+				}
+			</>;
 		}
 
 		render(URLTest);
@@ -124,19 +128,20 @@ describe('RippleURLSearchParams > iteration', () => {
 	});
 
 	it('handles forEach iteration', () => {
-		component 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>
+		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;
+				});
+				<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,12 +2,13 @@ import { RippleURL, RippleURLSearchParams, flushSync, track } from 'ripple';
 
 describe('RippleURLSearchParams > mutation', () => {
 	it('handles append operation with reactivity', () => {
-		component URLTest() {
-			const params = RippleURLSearchParams('foo=bar');
-
-			<button onClick={() => params.append('baz', 'qux')}>{'append'}</button>
-			<pre>{params.toString()}</pre>
-			<pre>{params.size}</pre>
+		function URLTest() {
+			return <>
+				const params = RippleURLSearchParams('foo=bar');
+				<button onClick={() => params.append('baz', 'qux')}>{'append'}</button>
+				<pre>{params.toString()}</pre>
+				<pre>{params.size}</pre>
+			</>;
 		}
 
 		render(URLTest);
@@ -27,13 +28,14 @@ describe('RippleURLSearchParams > mutation', () => {
 	});
 
 	it('handles append with multiple values for same key', () => {
-		component 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>
+		function URLTest() {
+			return <>
+				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);
@@ -53,13 +55,14 @@ describe('RippleURLSearchParams > mutation', () => {
 	});
 
 	it('handles delete operation with reactivity', () => {
-		component 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>
+		function URLTest() {
+			return <>
+				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);
@@ -81,12 +84,13 @@ describe('RippleURLSearchParams > mutation', () => {
 	});
 
 	it('handles delete with specific value', () => {
-		component 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>
+		function URLTest() {
+			return <>
+				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);
@@ -106,13 +110,14 @@ describe('RippleURLSearchParams > mutation', () => {
 	});
 
 	it('handles delete when key does not exist', () => {
-		component 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>
+		function URLTest() {
+			return <>
+				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);
@@ -132,13 +137,14 @@ describe('RippleURLSearchParams > mutation', () => {
 	});
 
 	it('handles set operation with reactivity', () => {
-		component 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>
+		function URLTest() {
+			return <>
+				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);
@@ -166,13 +172,14 @@ describe('RippleURLSearchParams > mutation', () => {
 	});
 
 	it('handles set with multiple existing values', () => {
-		component 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>
+		function URLTest() {
+			return <>
+				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);
@@ -192,13 +199,14 @@ describe('RippleURLSearchParams > mutation', () => {
 	});
 
 	it('handles set when value is the same', () => {
-		component 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>
+		function URLTest() {
+			return <>
+				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);
@@ -217,11 +225,12 @@ describe('RippleURLSearchParams > mutation', () => {
 	});
 
 	it('handles sort operation with reactivity', () => {
-		component URLTest() {
-			const params = RippleURLSearchParams('z=last&a=first&m=middle');
-
-			<button onClick={() => params.sort()}>{'sort'}</button>
-			<pre>{params.toString()}</pre>
+		function URLTest() {
+			return <>
+				const params = RippleURLSearchParams('z=last&a=first&m=middle');
+				<button onClick={() => params.sort()}>{'sort'}</button>
+				<pre>{params.toString()}</pre>
+			</>;
 		}
 
 		render(URLTest);
@@ -239,20 +248,21 @@ describe('RippleURLSearchParams > mutation', () => {
 	});
 
 	it('handles clearing all params via delete', () => {
-		component 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>
-			<pre>{url.href}</pre>
-			<pre>{params.size}</pre>
+		function URLTest() {
+			return <>
+				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>
+				<pre>{url.href}</pre>
+				<pre>{params.size}</pre>
+			</>;
 		}
 
 		render(URLTest);
@@ -274,23 +284,24 @@ describe('RippleURLSearchParams > mutation', () => {
 	});
 
 	it('handles multiple operations in sequence', () => {
-		component URLTest() {
-			const params = RippleURLSearchParams();
-
-			<button
-				onClick={() => {
-					params.append('a', '1');
-					params.append('b', '2');
-					params.set('a', '10');
-					params.delete('b');
-					params.append('c', '3');
-					params.sort();
-				}}
-			>
-				{'complex operations'}
-			</button>
-			<pre>{params.toString()}</pre>
-			<pre>{params.size}</pre>
+		function URLTest() {
+			return <>
+				const params = RippleURLSearchParams();
+				<button
+					onClick={() => {
+						params.append('a', '1');
+						params.append('b', '2');
+						params.set('a', '10');
+						params.delete('b');
+						params.append('c', '3');
+						params.sort();
+					}}
+				>
+					{'complex operations'}
+				</button>
+				<pre>{params.toString()}</pre>
+				<pre>{params.size}</pre>
+			</>;
 		}
 
 		render(URLTest);
@@ -310,15 +321,16 @@ describe('RippleURLSearchParams > mutation', () => {
 	});
 
 	it('handles duplicate keys with different values', () => {
-		component 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>
+		function URLTest() {
+			return <>
+				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,14 +2,15 @@ import { RippleURL, RippleURLSearchParams, flushSync, track } from 'ripple';
 
 describe('RippleURLSearchParams > retrieval', () => {
 	it('handles get operation with reactivity', () => {
-		component 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>
+		function URLTest() {
+			return <>
+				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);
@@ -29,11 +30,12 @@ describe('RippleURLSearchParams > retrieval', () => {
 	});
 
 	it('handles get for nonexistent key', () => {
-		component URLTest() {
-			const params = RippleURLSearchParams('foo=bar');
-			let &[nonexistent] = track(() => params.get('nonexistent'));
-
-			<pre>{String(nonexistent)}</pre>
+		function URLTest() {
+			return <>
+				const params = RippleURLSearchParams('foo=bar');
+				let &[nonexistent] = track(() => params.get('nonexistent'));
+				<pre>{String(nonexistent)}</pre>
+			</>;
 		}
 
 		render(URLTest);
@@ -42,12 +44,13 @@ describe('RippleURLSearchParams > retrieval', () => {
 	});
 
 	it('handles getAll operation with reactivity', () => {
-		component 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>
+		function URLTest() {
+			return <>
+				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);
@@ -65,15 +68,16 @@ describe('RippleURLSearchParams > retrieval', () => {
 	});
 
 	it('handles has operation with reactivity', () => {
-		component 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>
+		function URLTest() {
+			return <>
+				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);
@@ -101,14 +105,15 @@ describe('RippleURLSearchParams > retrieval', () => {
 	});
 
 	it('handles has with specific value', () => {
-		component 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>
+		function URLTest() {
+			return <>
+				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);
@@ -128,13 +133,14 @@ describe('RippleURLSearchParams > retrieval', () => {
 	});
 
 	it('handles size property with reactivity', () => {
-		component 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>
+		function URLTest() {
+			return <>
+				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);