ripple 0.3.68 → 0.3.69

package/tests/hydration/compiled/client/try.js

@@ -18,184 +18,175 @@ var root_13 = _$_.template(`<div class="resolved"> </div>`, 0);
 
 import { trackAsync } from 'ripple';
 
-export function RootPending(__anchor, _, __block) {
-	_$_.push_component();
+export function RootPending() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		var p_1 = root();
 
-	var p_1 = root();
-
-	_$_.append(__anchor, p_1);
-	_$_.pop_component();
+		_$_.append(__anchor, p_1);
+	});
 }
 
-export function RootCatch(__anchor, { error, reset }, __block) {
-	_$_.push_component();
-
-	var section_1 = root_1();
-
-	{
-		var p_2 = _$_.child(section_1);
+export function RootCatch({ error, reset }) {
+	return _$_.tsrx_element((__anchor, __block) => {
+		var section_1 = root_1();
 
 		{
-			var expression = _$_.child(p_2);
+			var p_2 = _$_.child(section_1);
 
-			_$_.expression(expression, () => error.message);
-			_$_.pop(p_2);
-		}
+			{
+				var expression = _$_.child(p_2);
 
-		var button_1 = _$_.sibling(p_2);
+				_$_.expression(expression, () => error.message);
+				_$_.pop(p_2);
+			}
 
-		_$_.event('Click', button_1, reset);
-	}
+			var button_1 = _$_.sibling(p_2);
 
-	_$_.append(__anchor, section_1);
-	_$_.pop_component();
-}
+			_$_.event('Click', button_1, reset);
+		}
 
-export function RootThrows(__anchor, _, __block) {
-	_$_.push_component();
+		_$_.append(__anchor, section_1);
+	});
+}
 
-	throw _$_.with_scope(__block, () => new Error('root exploded'));
+export function RootThrows() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		throw _$_.with_scope(__block, () => new Error('root exploded'));
 
-	var fragment = root_2();
+		var fragment = root_2();
 
-	_$_.append(__anchor, fragment);
-	_$_.pop_component();
+		_$_.append(__anchor, fragment);
+	});
 }
 
-export function RootAsyncDirect(__anchor, _, __block) {
-	_$_.push_component();
-
-	let lazy = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve('root async value')), __block, 'd6bf9e33');
-	var p_3 = root_3();
+export function RootAsyncDirect() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve('root async value')), __block, 'd6bf9e33');
+		var p_3 = root_3();
 
-	{
-		var expression_1 = _$_.child(p_3);
+		{
+			var expression_1 = _$_.child(p_3);
 
-		_$_.expression(expression_1, () => lazy.value);
-		_$_.pop(p_3);
-	}
+			_$_.expression(expression_1, () => lazy.value);
+			_$_.pop(p_3);
+		}
 
-	_$_.append(__anchor, p_3);
-	_$_.pop_component();
+		_$_.append(__anchor, p_3);
+	});
 }
 
-export function RootAsyncRejects(__anchor, _, __block) {
-	_$_.push_component();
+export function RootAsyncRejects() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy_1 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.reject(new Error('root async failed'))), __block, 'd2fe7b64');
+		var p_4 = root_4();
 
-	let lazy_1 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.reject(new Error('root async failed'))), __block, 'd2fe7b64');
-	var p_4 = root_4();
-
-	{
-		var expression_2 = _$_.child(p_4);
+		{
+			var expression_2 = _$_.child(p_4);
 
-		_$_.expression(expression_2, () => lazy_1.value);
-		_$_.pop(p_4);
-	}
+			_$_.expression(expression_2, () => lazy_1.value);
+			_$_.pop(p_4);
+		}
 
-	_$_.append(__anchor, p_4);
-	_$_.pop_component();
+		_$_.append(__anchor, p_4);
+	});
 }
 
-export function AsyncListInTryPending(__anchor, _, __block) {
-	_$_.push_component();
-
-	var fragment_1 = root_5();
-	var node = _$_.first_child_frag(fragment_1);
+export function AsyncListInTryPending() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		var fragment_1 = root_5();
+		var node = _$_.first_child_frag(fragment_1);
 
-	_$_.try(
-		node,
-		(__anchor) => {
-			var fragment_2 = root_6();
-			var node_1 = _$_.first_child_frag(fragment_2);
+		_$_.try(
+			node,
+			(__anchor) => {
+				var fragment_2 = root_6();
+				var node_1 = _$_.first_child_frag(fragment_2);
 
-			AsyncList(node_1, {}, _$_.active_block);
-			_$_.append(__anchor, fragment_2);
-		},
-		null,
-		(__anchor) => {
-			var p_5 = root_7();
+				_$_.render_component(AsyncList, node_1, {});
+				_$_.append(__anchor, fragment_2);
+			},
+			null,
+			(__anchor) => {
+				var p_5 = root_7();
 
-			_$_.append(__anchor, p_5);
-		}
-	);
+				_$_.append(__anchor, p_5);
+			}
+		);
 
-	_$_.append(__anchor, fragment_1);
-	_$_.pop_component();
+		_$_.append(__anchor, fragment_1);
+	});
 }
 
-function AsyncList(__anchor, _, __block) {
-	_$_.push_component();
+function AsyncList() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy_2 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve(['alpha', 'beta', 'gamma'])), __block, 'b3d31627');
+		var ul_1 = root_8();
 
-	let lazy_2 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve(['alpha', 'beta', 'gamma'])), __block, 'b3d31627');
-	var ul_1 = root_8();
+		{
+			_$_.for(
+				ul_1,
+				() => lazy_2.value,
+				(__anchor, item) => {
+					var li_1 = root_9();
 
-	{
-		_$_.for(
-			ul_1,
-			() => lazy_2.value,
-			(__anchor, item) => {
-				var li_1 = root_9();
+					{
+						var expression_3 = _$_.child(li_1);
 
-				{
-					var expression_3 = _$_.child(li_1);
+						_$_.expression(expression_3, () => item);
+						_$_.pop(li_1);
+					}
 
-					_$_.expression(expression_3, () => item);
-					_$_.pop(li_1);
-				}
+					_$_.append(__anchor, li_1);
+				},
+				4
+			);
 
-				_$_.append(__anchor, li_1);
-			},
-			4
-		);
-
-		_$_.pop(ul_1);
-	}
+			_$_.pop(ul_1);
+		}
 
-	_$_.append(__anchor, ul_1);
-	_$_.pop_component();
+		_$_.append(__anchor, ul_1);
+	});
 }
 
-export function AsyncTryWithLeadingSibling(__anchor, _, __block) {
-	_$_.push_component();
+export function AsyncTryWithLeadingSibling() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		var fragment_3 = root_10();
+		var div_1 = _$_.first_child_frag(fragment_3);
+		var node_2 = _$_.sibling(div_1);
 
-	var fragment_3 = root_10();
-	var div_1 = _$_.first_child_frag(fragment_3);
-	var node_2 = _$_.sibling(div_1);
+		_$_.try(
+			node_2,
+			(__anchor) => {
+				var fragment_4 = root_11();
+				var node_3 = _$_.first_child_frag(fragment_4);
 
-	_$_.try(
-		node_2,
-		(__anchor) => {
-			var fragment_4 = root_11();
-			var node_3 = _$_.first_child_frag(fragment_4);
-
-			AsyncContent(node_3, {}, _$_.active_block);
-			_$_.append(__anchor, fragment_4);
-		},
-		null,
-		(__anchor) => {
-			var div_2 = root_12();
+				_$_.render_component(AsyncContent, node_3, {});
+				_$_.append(__anchor, fragment_4);
+			},
+			null,
+			(__anchor) => {
+				var div_2 = root_12();
 
-			_$_.append(__anchor, div_2);
-		}
-	);
+				_$_.append(__anchor, div_2);
+			}
+		);
 
-	_$_.append(__anchor, fragment_3);
-	_$_.pop_component();
+		_$_.append(__anchor, fragment_3);
+	});
 }
 
-function AsyncContent(__anchor, _, __block) {
-	_$_.push_component();
+function AsyncContent() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy_3 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve('ready')), __block, '15ea8758');
+		var div_3 = root_13();
 
-	let lazy_3 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve('ready')), __block, '15ea8758');
-	var div_3 = root_13();
-
-	{
-		var expression_4 = _$_.child(div_3);
+		{
+			var expression_4 = _$_.child(div_3);
 
-		_$_.expression(expression_4, () => lazy_3.value);
-		_$_.pop(div_3);
-	}
+			_$_.expression(expression_4, () => lazy_3.value);
+			_$_.pop(div_3);
+		}
 
-	_$_.append(__anchor, div_3);
-	_$_.pop_component();
+		_$_.append(__anchor, div_3);
+	});
 }