ripple 0.3.68 → 0.3.70

package/tests/hydration/compiled/client/track-async-serialization.js

@@ -36,353 +36,344 @@ const formatValue = function (...args) {
 	return _$_.rpc('1215faad', args);
 };
 
-export function AsyncWithServerCall(__anchor, _, __block) {
-	_$_.push_component();
+export function AsyncWithServerCall() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy = _$_.track(0, __block, '2e21cbe9');
+		var fragment = root();
+		var button_1 = _$_.first_child_frag(fragment);
 
-	let lazy = _$_.track(0, __block, '2e21cbe9');
-	var fragment = root();
-	var button_1 = _$_.first_child_frag(fragment);
+		button_1.__click = () => {
+			_$_.update(lazy);
+		};
 
-	button_1.__click = () => {
-		_$_.update(lazy);
-	};
+		var node = _$_.sibling(button_1);
 
-	var node = _$_.sibling(button_1);
+		_$_.try(
+			node,
+			(__anchor) => {
+				let lazy_1 = _$_.track_async(() => _$_.with_scope(__block, () => formatValue(lazy.value)), __block, 'f0c2b41e');
+				var p_1 = root_1();
 
-	_$_.try(
-		node,
-		(__anchor) => {
-			let lazy_1 = _$_.track_async(() => _$_.with_scope(__block, () => formatValue(lazy.value)), __block, 'f0c2b41e');
-			var p_1 = root_1();
-
-			{
-				var expression = _$_.child(p_1);
+				{
+					var expression = _$_.child(p_1);
 
-				_$_.expression(expression, () => lazy_1.value);
-				_$_.pop(p_1);
-			}
+					_$_.expression(expression, () => lazy_1.value);
+					_$_.pop(p_1);
+				}
 
-			_$_.append(__anchor, p_1);
-		},
-		null,
-		(__anchor) => {
-			var p_2 = root_2();
+				_$_.append(__anchor, p_1);
+			},
+			null,
+			(__anchor) => {
+				var p_2 = root_2();
 
-			_$_.append(__anchor, p_2);
-		}
-	);
+				_$_.append(__anchor, p_2);
+			}
+		);
 
-	_$_.append(__anchor, fragment);
-	_$_.pop_component();
+		_$_.append(__anchor, fragment);
+	});
 }
 
-export function AsyncSimpleValue(__anchor, _, __block) {
-	_$_.push_component();
-
-	var fragment_1 = root_3();
-	var node_1 = _$_.first_child_frag(fragment_1);
+export function AsyncSimpleValue() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		var fragment_1 = root_3();
+		var node_1 = _$_.first_child_frag(fragment_1);
 
-	_$_.try(
-		node_1,
-		(__anchor) => {
-			let lazy_2 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve('hydrated value')), __block, '4e502c38');
-			var p_3 = root_4();
+		_$_.try(
+			node_1,
+			(__anchor) => {
+				let lazy_2 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve('hydrated value')), __block, '4e502c38');
+				var p_3 = root_4();
 
-			{
-				var expression_1 = _$_.child(p_3);
+				{
+					var expression_1 = _$_.child(p_3);
 
-				_$_.expression(expression_1, () => lazy_2.value);
-				_$_.pop(p_3);
-			}
+					_$_.expression(expression_1, () => lazy_2.value);
+					_$_.pop(p_3);
+				}
 
-			_$_.append(__anchor, p_3);
-		},
-		null,
-		(__anchor) => {
-			var p_4 = root_5();
+				_$_.append(__anchor, p_3);
+			},
+			null,
+			(__anchor) => {
+				var p_4 = root_5();
 
-			_$_.append(__anchor, p_4);
-		}
-	);
+				_$_.append(__anchor, p_4);
+			}
+		);
 
-	_$_.append(__anchor, fragment_1);
-	_$_.pop_component();
+		_$_.append(__anchor, fragment_1);
+	});
 }
 
-export function AsyncNumericValue(__anchor, _, __block) {
-	_$_.push_component();
+export function AsyncNumericValue() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		var fragment_2 = root_6();
+		var node_2 = _$_.first_child_frag(fragment_2);
 
-	var fragment_2 = root_6();
-	var node_2 = _$_.first_child_frag(fragment_2);
+		_$_.try(
+			node_2,
+			(__anchor) => {
+				let lazy_3 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve(42)), __block, '14891754');
+				var span_1 = root_7();
 
-	_$_.try(
-		node_2,
-		(__anchor) => {
-			let lazy_3 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve(42)), __block, '14891754');
-			var span_1 = root_7();
-
-			{
-				var expression_2 = _$_.child(span_1);
+				{
+					var expression_2 = _$_.child(span_1);
 
-				_$_.expression(expression_2, () => lazy_3.value);
-				_$_.pop(span_1);
-			}
+					_$_.expression(expression_2, () => lazy_3.value);
+					_$_.pop(span_1);
+				}
 
-			_$_.append(__anchor, span_1);
-		},
-		null,
-		(__anchor) => {
-			var span_2 = root_8();
+				_$_.append(__anchor, span_1);
+			},
+			null,
+			(__anchor) => {
+				var span_2 = root_8();
 
-			_$_.append(__anchor, span_2);
-		}
-	);
+				_$_.append(__anchor, span_2);
+			}
+		);
 
-	_$_.append(__anchor, fragment_2);
-	_$_.pop_component();
+		_$_.append(__anchor, fragment_2);
+	});
 }
 
-export function AsyncObjectValue(__anchor, _, __block) {
-	_$_.push_component();
-
-	var fragment_3 = root_9();
-	var node_3 = _$_.first_child_frag(fragment_3);
+export function AsyncObjectValue() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		var fragment_3 = root_9();
+		var node_3 = _$_.first_child_frag(fragment_3);
 
-	_$_.try(
-		node_3,
-		(__anchor) => {
-			let lazy_4 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve({ name: 'Alice', age: 30 })), __block, 'f325448a');
-			var div_1 = root_10();
-
-			{
-				var span_3 = _$_.child(div_1);
+		_$_.try(
+			node_3,
+			(__anchor) => {
+				let lazy_4 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve({ name: 'Alice', age: 30 })), __block, 'f325448a');
+				var div_1 = root_10();
 
 				{
-					var expression_3 = _$_.child(span_3);
+					var span_3 = _$_.child(div_1);
 
-					_$_.expression(expression_3, () => lazy_4.value.name);
-					_$_.pop(span_3);
-				}
+					{
+						var expression_3 = _$_.child(span_3);
 
-				var span_4 = _$_.sibling(span_3);
+						_$_.expression(expression_3, () => lazy_4.value.name);
+						_$_.pop(span_3);
+					}
 
-				{
-					var expression_4 = _$_.child(span_4);
+					var span_4 = _$_.sibling(span_3);
 
-					_$_.expression(expression_4, () => lazy_4.value.age);
-					_$_.pop(span_4);
+					{
+						var expression_4 = _$_.child(span_4);
+
+						_$_.expression(expression_4, () => lazy_4.value.age);
+						_$_.pop(span_4);
+					}
 				}
-			}
 
-			_$_.append(__anchor, div_1);
-		},
-		null,
-		(__anchor) => {
-			var div_2 = root_11();
+				_$_.append(__anchor, div_1);
+			},
+			null,
+			(__anchor) => {
+				var div_2 = root_11();
 
-			_$_.append(__anchor, div_2);
-		}
-	);
+				_$_.append(__anchor, div_2);
+			}
+		);
 
-	_$_.append(__anchor, fragment_3);
-	_$_.pop_component();
+		_$_.append(__anchor, fragment_3);
+	});
 }
 
-export function AsyncMultipleValues(__anchor, _, __block) {
-	_$_.push_component();
+export function AsyncMultipleValues() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		var fragment_4 = root_12();
+		var node_4 = _$_.first_child_frag(fragment_4);
 
-	var fragment_4 = root_12();
-	var node_4 = _$_.first_child_frag(fragment_4);
-
-	_$_.try(
-		node_4,
-		(__anchor) => {
-			let lazy_5 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve('alpha')), __block, 'ab8199a0');
-			let lazy_6 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve('beta')), __block, 'fb7ad40b');
-			var div_3 = root_13();
-
-			{
-				var span_5 = _$_.child(div_3);
+		_$_.try(
+			node_4,
+			(__anchor) => {
+				let lazy_5 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve('alpha')), __block, 'ab8199a0');
+				let lazy_6 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve('beta')), __block, 'fb7ad40b');
+				var div_3 = root_13();
 
 				{
-					var expression_5 = _$_.child(span_5);
+					var span_5 = _$_.child(div_3);
 
-					_$_.expression(expression_5, () => lazy_5.value);
-					_$_.pop(span_5);
-				}
+					{
+						var expression_5 = _$_.child(span_5);
 
-				var span_6 = _$_.sibling(span_5);
+						_$_.expression(expression_5, () => lazy_5.value);
+						_$_.pop(span_5);
+					}
 
-				{
-					var expression_6 = _$_.child(span_6);
+					var span_6 = _$_.sibling(span_5);
+
+					{
+						var expression_6 = _$_.child(span_6);
 
-					_$_.expression(expression_6, () => lazy_6.value);
-					_$_.pop(span_6);
+						_$_.expression(expression_6, () => lazy_6.value);
+						_$_.pop(span_6);
+					}
 				}
-			}
 
-			_$_.append(__anchor, div_3);
-		},
-		null,
-		(__anchor) => {
-			var div_4 = root_14();
+				_$_.append(__anchor, div_3);
+			},
+			null,
+			(__anchor) => {
+				var div_4 = root_14();
 
-			_$_.append(__anchor, div_4);
-		}
-	);
+				_$_.append(__anchor, div_4);
+			}
+		);
 
-	_$_.append(__anchor, fragment_4);
-	_$_.pop_component();
+		_$_.append(__anchor, fragment_4);
+	});
 }
 
-export function AsyncWithCatch(__anchor, _, __block) {
-	_$_.push_component();
+export function AsyncWithCatch() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		var fragment_5 = root_15();
+		var node_5 = _$_.first_child_frag(fragment_5);
 
-	var fragment_5 = root_15();
-	var node_5 = _$_.first_child_frag(fragment_5);
+		_$_.try(
+			node_5,
+			(__anchor) => {
+				let lazy_7 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.reject(new Error('fetch failed'))), __block, '99982de5');
+				var p_5 = root_16();
 
-	_$_.try(
-		node_5,
-		(__anchor) => {
-			let lazy_7 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.reject(new Error('fetch failed'))), __block, '99982de5');
-			var p_5 = root_16();
-
-			{
-				var expression_7 = _$_.child(p_5);
+				{
+					var expression_7 = _$_.child(p_5);
 
-				_$_.expression(expression_7, () => lazy_7.value);
-				_$_.pop(p_5);
-			}
+					_$_.expression(expression_7, () => lazy_7.value);
+					_$_.pop(p_5);
+				}
 
-			_$_.append(__anchor, p_5);
-		},
-		(__anchor, e) => {
-			var p_6 = root_17();
+				_$_.append(__anchor, p_5);
+			},
+			(__anchor, e) => {
+				var p_6 = root_17();
 
-			{
-				var expression_8 = _$_.child(p_6);
+				{
+					var expression_8 = _$_.child(p_6);
 
-				_$_.expression(expression_8, () => e.message);
-				_$_.pop(p_6);
-			}
+					_$_.expression(expression_8, () => e.message);
+					_$_.pop(p_6);
+				}
 
-			_$_.append(__anchor, p_6);
-		},
-		(__anchor) => {
-			var p_7 = root_18();
+				_$_.append(__anchor, p_6);
+			},
+			(__anchor) => {
+				var p_7 = root_18();
 
-			_$_.append(__anchor, p_7);
-		}
-	);
+				_$_.append(__anchor, p_7);
+			}
+		);
 
-	_$_.append(__anchor, fragment_5);
-	_$_.pop_component();
+		_$_.append(__anchor, fragment_5);
+	});
 }
 
-export function ChildWithError(__anchor, _, __block) {
-	_$_.push_component();
-
-	var fragment_6 = root_19();
-	var node_6 = _$_.first_child_frag(fragment_6);
+export function ChildWithError() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		var fragment_6 = root_19();
+		var node_6 = _$_.first_child_frag(fragment_6);
 
-	_$_.try(
-		node_6,
-		(__anchor) => {
-			let lazy_8 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.reject(new Error('child error'))), __block, '1dea4c85');
-			var p_8 = root_20();
+		_$_.try(
+			node_6,
+			(__anchor) => {
+				let lazy_8 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.reject(new Error('child error'))), __block, '1dea4c85');
+				var p_8 = root_20();
 
-			{
-				var expression_9 = _$_.child(p_8);
+				{
+					var expression_9 = _$_.child(p_8);
 
-				_$_.expression(expression_9, () => lazy_8.value);
-				_$_.pop(p_8);
-			}
+					_$_.expression(expression_9, () => lazy_8.value);
+					_$_.pop(p_8);
+				}
 
-			_$_.append(__anchor, p_8);
-		},
-		null,
-		(__anchor) => {
-			var p_9 = root_21();
+				_$_.append(__anchor, p_8);
+			},
+			null,
+			(__anchor) => {
+				var p_9 = root_21();
 
-			_$_.append(__anchor, p_9);
-		}
-	);
+				_$_.append(__anchor, p_9);
+			}
+		);
 
-	_$_.append(__anchor, fragment_6);
-	_$_.pop_component();
+		_$_.append(__anchor, fragment_6);
+	});
 }
 
-export function ParentWithCatch(__anchor, _, __block) {
-	_$_.push_component();
+export function ParentWithCatch() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		var fragment_7 = root_22();
+		var node_7 = _$_.first_child_frag(fragment_7);
 
-	var fragment_7 = root_22();
-	var node_7 = _$_.first_child_frag(fragment_7);
+		_$_.try(
+			node_7,
+			(__anchor) => {
+				var fragment_8 = root_23();
+				var node_8 = _$_.first_child_frag(fragment_8);
 
-	_$_.try(
-		node_7,
-		(__anchor) => {
-			var fragment_8 = root_23();
-			var node_8 = _$_.first_child_frag(fragment_8);
+				_$_.render_component(ChildWithError, node_8, {});
+				_$_.append(__anchor, fragment_8);
+			},
+			(__anchor, e) => {
+				var p_10 = root_24();
 
-			ChildWithError(node_8, {}, _$_.active_block);
-			_$_.append(__anchor, fragment_8);
-		},
-		(__anchor, e) => {
-			var p_10 = root_24();
+				{
+					var expression_10 = _$_.child(p_10);
 
-			{
-				var expression_10 = _$_.child(p_10);
+					_$_.expression(expression_10, () => e.message);
+					_$_.pop(p_10);
+				}
 
-				_$_.expression(expression_10, () => e.message);
-				_$_.pop(p_10);
+				_$_.append(__anchor, p_10);
 			}
+		);
 
-			_$_.append(__anchor, p_10);
-		}
-	);
-
-	_$_.append(__anchor, fragment_7);
-	_$_.pop_component();
+		_$_.append(__anchor, fragment_7);
+	});
 }
 
-export function AsyncWithReactiveDependency(__anchor, _, __block) {
-	_$_.push_component();
-
-	let lazy_9 = _$_.track(0, __block, 'c9d12acf');
-	var fragment_9 = root_25();
-	var button_2 = _$_.first_child_frag(fragment_9);
+export function AsyncWithReactiveDependency() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy_9 = _$_.track(0, __block, 'c9d12acf');
+		var fragment_9 = root_25();
+		var button_2 = _$_.first_child_frag(fragment_9);
 
-	button_2.__click = () => {
-		_$_.update(lazy_9);
-	};
+		button_2.__click = () => {
+			_$_.update(lazy_9);
+		};
 
-	var node_9 = _$_.sibling(button_2);
+		var node_9 = _$_.sibling(button_2);
 
-	_$_.try(
-		node_9,
-		(__anchor) => {
-			let lazy_10 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve(`count-${lazy_9.value}`)), __block, 'cdd1adb8');
-			var p_11 = root_26();
+		_$_.try(
+			node_9,
+			(__anchor) => {
+				let lazy_10 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve(`count-${lazy_9.value}`)), __block, 'cdd1adb8');
+				var p_11 = root_26();
 
-			{
-				var expression_11 = _$_.child(p_11);
+				{
+					var expression_11 = _$_.child(p_11);
 
-				_$_.expression(expression_11, () => lazy_10.value);
-				_$_.pop(p_11);
-			}
+					_$_.expression(expression_11, () => lazy_10.value);
+					_$_.pop(p_11);
+				}
 
-			_$_.append(__anchor, p_11);
-		},
-		null,
-		(__anchor) => {
-			var p_12 = root_27();
+				_$_.append(__anchor, p_11);
+			},
+			null,
+			(__anchor) => {
+				var p_12 = root_27();
 
-			_$_.append(__anchor, p_12);
-		}
-	);
+				_$_.append(__anchor, p_12);
+			}
+		);
 
-	_$_.append(__anchor, fragment_9);
-	_$_.pop_component();
+		_$_.append(__anchor, fragment_9);
+	});
 }
 
 _$_.delegate(['click']);