ripple 0.3.12 → 0.3.13

package/tests/hydration/compiled/server/portal.js

@@ -3,249 +3,236 @@ import * as _$_ from 'ripple/internal/server';
 
 import { Portal, track } from 'ripple/server';
 
-export async function SimplePortal(__output) {
-	return _$_.async(async () => {
-		_$_.push_component();
-		__output.push('<div');
-		__output.push(' class="container"');
-		__output.push('>');
+export function SimplePortal() {
+	_$_.push_component();
+
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push(' class="container"');
+		_$_.output_push('>');
 
 		{
-			__output.push('<h1');
-			__output.push('>');
+			_$_.output_push('<h1');
+			_$_.output_push('>');
 
 			{
-				__output.push('Main Content');
+				_$_.output_push('Main Content');
 			}
 
-			__output.push('</h1>');
+			_$_.output_push('</h1>');
 
 			{
 				const comp = Portal;
 
 				const args = [
-					__output,
 					{
 						target: typeof document !== 'undefined' ? document.body : null,
-						children: _$_.ripple_element(function render_children(__output) {
+						children: _$_.ripple_element(function render_children() {
 							_$_.push_component();
-							__output.push('<div');
-							__output.push(' class="portal-content"');
-							__output.push('>');
+							_$_.output_push('<div');
+							_$_.output_push(' class="portal-content"');
+							_$_.output_push('>');
 
 							{
-								__output.push('Portal content');
+								_$_.output_push('Portal content');
 							}
 
-							__output.push('</div>');
+							_$_.output_push('</div>');
 							_$_.pop_component();
 						})
 					}
 				];
 
-				if (comp?.async) {
-					await comp(...args);
-				} else if (comp) {
+				if (comp) {
 					comp(...args);
 				}
 			}
 		}
 
-		__output.push('</div>');
-		_$_.pop_component();
+		_$_.output_push('</div>');
 	});
-}
 
-SimplePortal.async = true;
+	_$_.pop_component();
+}
 
-export async function ConditionalPortal(__output) {
-	return _$_.async(async () => {
-		_$_.push_component();
+export function ConditionalPortal() {
+	_$_.push_component();
 
-		let lazy = _$_.track(true);
+	let lazy = _$_.track(true);
 
-		__output.push('<div');
-		__output.push(' class="container"');
-		__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push(' class="container"');
+		_$_.output_push('>');
 
 		{
-			__output.push('<button');
-			__output.push(' class="toggle"');
-			__output.push('>');
+			_$_.output_push('<button');
+			_$_.output_push(' class="toggle"');
+			_$_.output_push('>');
 
 			{
-				__output.push('Toggle');
+				_$_.output_push('Toggle');
 			}
 
-			__output.push('</button>');
-			__output.push('<!--[-->');
+			_$_.output_push('</button>');
+			_$_.output_push('<!--[-->');
 
 			if (_$_.get(lazy)) {
 				{
 					const comp = Portal;
 
 					const args = [
-						__output,
 						{
 							target: typeof document !== 'undefined' ? document.body : null,
-							children: _$_.ripple_element(function render_children(__output) {
+							children: _$_.ripple_element(function render_children() {
 								_$_.push_component();
-								__output.push('<div');
-								__output.push(' class="portal-content"');
-								__output.push('>');
+								_$_.output_push('<div');
+								_$_.output_push(' class="portal-content"');
+								_$_.output_push('>');
 
 								{
-									__output.push('Portal is visible');
+									_$_.output_push('Portal is visible');
 								}
 
-								__output.push('</div>');
+								_$_.output_push('</div>');
 								_$_.pop_component();
 							})
 						}
 					];
 
-					if (comp?.async) {
-						await comp(...args);
-					} else if (comp) {
+					if (comp) {
 						comp(...args);
 					}
 				}
 			}
 
-			__output.push('<!--]-->');
+			_$_.output_push('<!--]-->');
 		}
 
-		__output.push('</div>');
-		_$_.pop_component();
+		_$_.output_push('</div>');
 	});
+
+	_$_.pop_component();
 }
 
-ConditionalPortal.async = true;
+export function PortalWithMainContent() {
+	_$_.push_component();
 
-export async function PortalWithMainContent(__output) {
-	return _$_.async(async () => {
-		_$_.push_component();
-		__output.push('<div');
-		__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push('>');
 
 		{
-			__output.push('<div');
-			__output.push(' class="main-content"');
-			__output.push('>');
+			_$_.output_push('<div');
+			_$_.output_push(' class="main-content"');
+			_$_.output_push('>');
 
 			{
-				__output.push('Main page content');
+				_$_.output_push('Main page content');
 			}
 
-			__output.push('</div>');
+			_$_.output_push('</div>');
 
 			{
 				const comp = Portal;
 
 				const args = [
-					__output,
 					{
 						target: typeof document !== 'undefined' ? document.body : null,
-						children: _$_.ripple_element(function render_children(__output) {
+						children: _$_.ripple_element(function render_children() {
 							_$_.push_component();
-							__output.push('<div');
-							__output.push(' class="portal-content"');
-							__output.push('>');
+							_$_.output_push('<div');
+							_$_.output_push(' class="portal-content"');
+							_$_.output_push('>');
 
 							{
-								__output.push('Modal content');
+								_$_.output_push('Modal content');
 							}
 
-							__output.push('</div>');
+							_$_.output_push('</div>');
 							_$_.pop_component();
 						})
 					}
 				];
 
-				if (comp?.async) {
-					await comp(...args);
-				} else if (comp) {
+				if (comp) {
 					comp(...args);
 				}
 			}
 
-			__output.push('<div');
-			__output.push(' class="footer"');
-			__output.push('>');
+			_$_.output_push('<div');
+			_$_.output_push(' class="footer"');
+			_$_.output_push('>');
 
 			{
-				__output.push('Footer');
+				_$_.output_push('Footer');
 			}
 
-			__output.push('</div>');
+			_$_.output_push('</div>');
 		}
 
-		__output.push('</div>');
-		_$_.pop_component();
+		_$_.output_push('</div>');
 	});
+
+	_$_.pop_component();
 }
 
-PortalWithMainContent.async = true;
+export function NestedContentWithPortal() {
+	_$_.push_component();
 
-export async function NestedContentWithPortal(__output) {
-	return _$_.async(async () => {
-		_$_.push_component();
-		__output.push('<div');
-		__output.push(' class="outer"');
-		__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push(' class="outer"');
+		_$_.output_push('>');
 
 		{
-			__output.push('<div');
-			__output.push(' class="inner"');
-			__output.push('>');
+			_$_.output_push('<div');
+			_$_.output_push(' class="inner"');
+			_$_.output_push('>');
 
 			{
-				__output.push('<span');
-				__output.push('>');
+				_$_.output_push('<span');
+				_$_.output_push('>');
 
 				{
-					__output.push('Nested content');
+					_$_.output_push('Nested content');
 				}
 
-				__output.push('</span>');
+				_$_.output_push('</span>');
 			}
 
-			__output.push('</div>');
+			_$_.output_push('</div>');
 
 			{
 				const comp = Portal;
 
 				const args = [
-					__output,
 					{
 						target: typeof document !== 'undefined' ? document.body : null,
-						children: _$_.ripple_element(function render_children(__output) {
+						children: _$_.ripple_element(function render_children() {
 							_$_.push_component();
-							__output.push('<div');
-							__output.push(' class="portal-content"');
-							__output.push('>');
+							_$_.output_push('<div');
+							_$_.output_push(' class="portal-content"');
+							_$_.output_push('>');
 
 							{
-								__output.push('Portal content');
+								_$_.output_push('Portal content');
 							}
 
-							__output.push('</div>');
+							_$_.output_push('</div>');
 							_$_.pop_component();
 						})
 					}
 				];
 
-				if (comp?.async) {
-					await comp(...args);
-				} else if (comp) {
+				if (comp) {
 					comp(...args);
 				}
 			}
 		}
 
-		__output.push('</div>');
-		_$_.pop_component();
+		_$_.output_push('</div>');
 	});
-}
 
-NestedContentWithPortal.async = true;
+	_$_.pop_component();
+}

package/tests/hydration/compiled/server/reactivity.js

@@ -3,131 +3,154 @@ import * as _$_ from 'ripple/internal/server';
 
 import { track } from 'ripple/server';
 
-export function TrackedState(__output) {
+export function TrackedState() {
 	_$_.push_component();
 
 	let lazy = _$_.track(0);
 
-	__output.push('<div');
-	__output.push(' class="count"');
-	__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push(' class="count"');
+		_$_.output_push('>');
 
-	{
-		__output.push(_$_.escape(_$_.get(lazy)));
-	}
+		{
+			_$_.output_push(_$_.escape(_$_.get(lazy)));
+		}
+
+		_$_.output_push('</div>');
+	});
 
-	__output.push('</div>');
 	_$_.pop_component();
 }
 
-export function CounterWithInitial(__output, props) {
+export function CounterWithInitial(props) {
 	_$_.push_component();
 
 	let lazy_1 = _$_.track(props.initial);
 
-	__output.push('<div');
-	__output.push('>');
-
-	{
-		__output.push('<span');
-		__output.push(' class="count"');
-		__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push('>');
 
 		{
-			__output.push(_$_.escape(_$_.get(lazy_1)));
+			_$_.output_push('<span');
+			_$_.output_push(' class="count"');
+			_$_.output_push('>');
+
+			{
+				_$_.output_push(_$_.escape(_$_.get(lazy_1)));
+			}
+
+			_$_.output_push('</span>');
 		}
 
-		__output.push('</span>');
-	}
+		_$_.output_push('</div>');
+	});
 
-	__output.push('</div>');
 	_$_.pop_component();
 }
 
-export function CounterWrapper(__output) {
+export function CounterWrapper() {
 	_$_.push_component();
 
-	{
-		const comp = CounterWithInitial;
-		const args = [__output, { initial: 5 }];
+	_$_.regular_block(() => {
+		{
+			const comp = CounterWithInitial;
+			const args = [{ initial: 5 }];
 
-		comp(...args);
-	}
+			comp(...args);
+		}
+	});
 
 	_$_.pop_component();
 }
 
-export function ComputedValues(__output) {
+export function ComputedValues() {
 	_$_.push_component();
 
 	let lazy_2 = _$_.track(2);
 	let lazy_3 = _$_.track(3);
 	const sum = () => _$_.get(lazy_2) + _$_.get(lazy_3);
 
-	__output.push('<div');
-	__output.push(' class="sum"');
-	__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push(' class="sum"');
+		_$_.output_push('>');
+
+		{
+			_$_.output_push(_$_.escape(sum()));
+		}
 
-	{
-		__output.push(_$_.escape(sum()));
-	}
+		_$_.output_push('</div>');
+	});
 
-	__output.push('</div>');
 	_$_.pop_component();
 }
 
-export function MultipleTracked(__output) {
+export function MultipleTracked() {
 	_$_.push_component();
 
 	let lazy_4 = _$_.track(10);
 	let lazy_5 = _$_.track(20);
 	let lazy_6 = _$_.track(30);
 
-	__output.push('<div');
-	__output.push(' class="x"');
-	__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push(' class="x"');
+		_$_.output_push('>');
 
-	{
-		__output.push(_$_.escape(_$_.get(lazy_4)));
-	}
+		{
+			_$_.output_push(_$_.escape(_$_.get(lazy_4)));
+		}
+
+		_$_.output_push('</div>');
+	});
 
-	__output.push('</div>');
-	__output.push('<div');
-	__output.push(' class="y"');
-	__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push(' class="y"');
+		_$_.output_push('>');
 
-	{
-		__output.push(_$_.escape(_$_.get(lazy_5)));
-	}
+		{
+			_$_.output_push(_$_.escape(_$_.get(lazy_5)));
+		}
 
-	__output.push('</div>');
-	__output.push('<div');
-	__output.push(' class="z"');
-	__output.push('>');
+		_$_.output_push('</div>');
+	});
 
-	{
-		__output.push(_$_.escape(_$_.get(lazy_6)));
-	}
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push(' class="z"');
+		_$_.output_push('>');
+
+		{
+			_$_.output_push(_$_.escape(_$_.get(lazy_6)));
+		}
+
+		_$_.output_push('</div>');
+	});
 
-	__output.push('</div>');
 	_$_.pop_component();
 }
 
-export function DerivedState(__output) {
+export function DerivedState() {
 	_$_.push_component();
 
 	let lazy_7 = _$_.track('John');
 	let lazy_8 = _$_.track('Doe');
 	const fullName = () => `${_$_.get(lazy_7)} ${_$_.get(lazy_8)}`;
 
-	__output.push('<div');
-	__output.push(' class="name"');
-	__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push(' class="name"');
+		_$_.output_push('>');
+
+		{
+			_$_.output_push(_$_.escape(fullName()));
+		}
 
-	{
-		__output.push(_$_.escape(fullName()));
-	}
+		_$_.output_push('</div>');
+	});
 
-	__output.push('</div>');
 	_$_.pop_component();
 }