ripple 0.3.68 → 0.3.69

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

@@ -13,152 +13,132 @@ var root_7 = _$_.template(`<div class="outer"><div class="inner"><span>Nested co
 
 import { Portal, track } from 'ripple';
 
-export function SimplePortal(__anchor, _, __block) {
-	_$_.push_component();
+export function SimplePortal() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		var div_1 = root();
 
-	var div_1 = root();
-
-	{
-		var h1_1 = _$_.child(div_1);
-		var node = _$_.sibling(h1_1);
+		{
+			var h1_1 = _$_.child(div_1);
+			var node = _$_.sibling(h1_1);
 
-		Portal(
-			node,
-			{
+			_$_.render_component(Portal, node, {
 				get target() {
 					return typeof document !== 'undefined' ? document.body : null;
 				},
 
-				children: _$_.tsrx_element(function render_children(__anchor, __block) {
+				children: _$_.tsrx_element((__anchor, __block) => {
 					var div_2 = root_1();
 
 					_$_.append(__anchor, div_2);
 				})
-			},
-			_$_.active_block
-		);
+			});
 
-		_$_.pop(div_1);
-	}
+			_$_.pop(div_1);
+		}
 
-	_$_.append(__anchor, div_1);
-	_$_.pop_component();
+		_$_.append(__anchor, div_1);
+	});
 }
 
-export function ConditionalPortal(__anchor, _, __block) {
-	_$_.push_component();
-
-	let lazy = _$_.track(true, __block, '4f6df174');
-	var div_3 = root_2();
+export function ConditionalPortal() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy = _$_.track(true, __block, '4f6df174');
+		var div_3 = root_2();
 
-	{
-		var button_1 = _$_.child(div_3);
+		{
+			var button_1 = _$_.child(div_3);
 
-		button_1.__click = () => _$_.set(lazy, !lazy.value);
+			button_1.__click = () => _$_.set(lazy, !lazy.value);
 
-		var node_1 = _$_.sibling(button_1);
+			var node_1 = _$_.sibling(button_1);
 
-		{
-			var consequent = (__anchor) => {
-				var fragment = root_3();
-				var node_2 = _$_.first_child_frag(fragment);
+			{
+				var consequent = (__anchor) => {
+					var fragment = root_3();
+					var node_2 = _$_.first_child_frag(fragment);
 
-				Portal(
-					node_2,
-					{
+					_$_.render_component(Portal, node_2, {
 						get target() {
 							return typeof document !== 'undefined' ? document.body : null;
 						},
 
-						children: _$_.tsrx_element(function render_children(__anchor, __block) {
+						children: _$_.tsrx_element((__anchor, __block) => {
 							var div_4 = root_4();
 
 							_$_.append(__anchor, div_4);
 						})
-					},
-					_$_.active_block
-				);
+					});
 
-				_$_.append(__anchor, fragment);
-			};
+					_$_.append(__anchor, fragment);
+				};
 
-			_$_.if(node_1, (__render) => {
-				if (lazy.value) __render(consequent);
-			});
-		}
+				_$_.if(node_1, (__render) => {
+					if (lazy.value) __render(consequent);
+				});
+			}
 
-		_$_.pop(div_3);
-	}
+			_$_.pop(div_3);
+		}
 
-	_$_.append(__anchor, div_3);
-	_$_.pop_component();
+		_$_.append(__anchor, div_3);
+	});
 }
 
-export function PortalWithMainContent(__anchor, _, __block) {
-	_$_.push_component();
-
-	var div_5 = root_5();
+export function PortalWithMainContent() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		var div_5 = root_5();
 
-	{
-		var div_6 = _$_.child(div_5);
-		var node_3 = _$_.sibling(div_6);
+		{
+			var div_6 = _$_.child(div_5);
+			var node_3 = _$_.sibling(div_6);
 
-		Portal(
-			node_3,
-			{
+			_$_.render_component(Portal, node_3, {
 				get target() {
 					return typeof document !== 'undefined' ? document.body : null;
 				},
 
-				children: _$_.tsrx_element(function render_children(__anchor, __block) {
+				children: _$_.tsrx_element((__anchor, __block) => {
 					var div_7 = root_6();
 
 					_$_.append(__anchor, div_7);
 				})
-			},
-			_$_.active_block
-		);
+			});
 
-		_$_.pop(div_5);
-	}
+			_$_.pop(div_5);
+		}
 
-	_$_.append(__anchor, div_5);
-	_$_.pop_component();
+		_$_.append(__anchor, div_5);
+	});
 }
 
-export function NestedContentWithPortal(__anchor, _, __block) {
-	_$_.push_component();
+export function NestedContentWithPortal() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		var div_8 = root_7();
 
-	var div_8 = root_7();
-
-	{
-		var div_9 = _$_.child(div_8);
+		{
+			var div_9 = _$_.child(div_8);
 
-		_$_.pop(div_9);
+			_$_.pop(div_9);
 
-		var node_4 = _$_.sibling(div_9);
+			var node_4 = _$_.sibling(div_9);
 
-		Portal(
-			node_4,
-			{
+			_$_.render_component(Portal, node_4, {
 				get target() {
 					return typeof document !== 'undefined' ? document.body : null;
 				},
 
-				children: _$_.tsrx_element(function render_children(__anchor, __block) {
+				children: _$_.tsrx_element((__anchor, __block) => {
 					var div_10 = root_8();
 
 					_$_.append(__anchor, div_10);
 				})
-			},
-			_$_.active_block
-		);
+			});
 
-		_$_.pop(div_8);
-	}
+			_$_.pop(div_8);
+		}
 
-	_$_.append(__anchor, div_8);
-	_$_.pop_component();
+		_$_.append(__anchor, div_8);
+	});
 }
 
 _$_.delegate(['click']);

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

@@ -10,128 +10,122 @@ var root_5 = _$_.template(`<div class="name"> </div>`, 0);
 
 import { track } from 'ripple';
 
-export function TrackedState(__anchor, _, __block) {
-	_$_.push_component();
+export function TrackedState() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy = _$_.track(0, __block, 'c1818584');
+		var div_1 = root();
 
-	let lazy = _$_.track(0, __block, 'c1818584');
-	var div_1 = root();
-
-	{
-		var expression = _$_.child(div_1);
+		{
+			var expression = _$_.child(div_1);
 
-		_$_.expression(expression, () => lazy.value);
-		_$_.pop(div_1);
-	}
+			_$_.expression(expression, () => lazy.value);
+			_$_.pop(div_1);
+		}
 
-	_$_.append(__anchor, div_1);
-	_$_.pop_component();
+		_$_.append(__anchor, div_1);
+	});
 }
 
-export function CounterWithInitial(__anchor, props, __block) {
-	_$_.push_component();
-
-	let lazy_1 = _$_.track(props.initial, __block, '03ea4348');
-	var div_2 = root_1();
-
-	{
-		var span_1 = _$_.child(div_2);
+export function CounterWithInitial(props) {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy_1 = _$_.track(props.initial, __block, '03ea4348');
+		var div_2 = root_1();
 
 		{
-			var expression_1 = _$_.child(span_1);
+			var span_1 = _$_.child(div_2);
 
-			_$_.expression(expression_1, () => lazy_1.value);
-			_$_.pop(span_1);
+			{
+				var expression_1 = _$_.child(span_1);
+
+				_$_.expression(expression_1, () => lazy_1.value);
+				_$_.pop(span_1);
+			}
 		}
-	}
 
-	_$_.append(__anchor, div_2);
-	_$_.pop_component();
+		_$_.append(__anchor, div_2);
+	});
 }
 
-export function CounterWrapper(__anchor, _, __block) {
-	_$_.push_component();
-
-	var fragment = root_2();
-	var node = _$_.first_child_frag(fragment);
+export function CounterWrapper() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		var fragment = root_2();
+		var node = _$_.first_child_frag(fragment);
 
-	CounterWithInitial(node, { initial: 5 }, _$_.active_block);
-	_$_.append(__anchor, fragment);
-	_$_.pop_component();
+		_$_.render_component(CounterWithInitial, node, { initial: 5 });
+		_$_.append(__anchor, fragment);
+	});
 }
 
-export function ComputedValues(__anchor, _, __block) {
-	_$_.push_component();
-
-	let lazy_2 = _$_.track(2, __block, 'b78281db');
-	let lazy_3 = _$_.track(3, __block, 'a0cf6c6d');
-	const sum = () => lazy_2.value + lazy_3.value;
-	var div_3 = root_3();
+export function ComputedValues() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy_2 = _$_.track(2, __block, 'b78281db');
+		let lazy_3 = _$_.track(3, __block, 'a0cf6c6d');
+		const sum = () => lazy_2.value + lazy_3.value;
+		var div_3 = root_3();
 
-	{
-		var expression_2 = _$_.child(div_3);
+		{
+			var expression_2 = _$_.child(div_3);
 
-		_$_.expression(expression_2, sum);
-		_$_.pop(div_3);
-	}
+			_$_.expression(expression_2, sum);
+			_$_.pop(div_3);
+		}
 
-	_$_.append(__anchor, div_3);
-	_$_.pop_component();
+		_$_.append(__anchor, div_3);
+	});
 }
 
-export function MultipleTracked(__anchor, _, __block) {
-	_$_.push_component();
+export function MultipleTracked() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy_4 = _$_.track(10, __block, '843522de');
+		let lazy_5 = _$_.track(20, __block, '1308996d');
+		let lazy_6 = _$_.track(30, __block, '048c3fd0');
+		var fragment_1 = root_4();
+		var div_4 = _$_.first_child_frag(fragment_1);
 
-	let lazy_4 = _$_.track(10, __block, '843522de');
-	let lazy_5 = _$_.track(20, __block, '1308996d');
-	let lazy_6 = _$_.track(30, __block, '048c3fd0');
-	var fragment_1 = root_4();
-	var div_4 = _$_.first_child_frag(fragment_1);
-
-	{
-		var expression_3 = _$_.child(div_4);
+		{
+			var expression_3 = _$_.child(div_4);
 
-		_$_.expression(expression_3, () => lazy_4.value);
-		_$_.pop(div_4);
-	}
+			_$_.expression(expression_3, () => lazy_4.value);
+			_$_.pop(div_4);
+		}
 
-	var div_5 = _$_.sibling(div_4);
+		var div_5 = _$_.sibling(div_4);
 
-	{
-		var expression_4 = _$_.child(div_5);
+		{
+			var expression_4 = _$_.child(div_5);
 
-		_$_.expression(expression_4, () => lazy_5.value);
-		_$_.pop(div_5);
-	}
+			_$_.expression(expression_4, () => lazy_5.value);
+			_$_.pop(div_5);
+		}
 
-	var div_6 = _$_.sibling(div_5);
+		var div_6 = _$_.sibling(div_5);
 
-	{
-		var expression_5 = _$_.child(div_6);
+		{
+			var expression_5 = _$_.child(div_6);
 
-		_$_.expression(expression_5, () => lazy_6.value);
-		_$_.pop(div_6);
-	}
+			_$_.expression(expression_5, () => lazy_6.value);
+			_$_.pop(div_6);
+		}
 
-	_$_.next(2);
-	_$_.append(__anchor, fragment_1, true);
-	_$_.pop_component();
+		_$_.next(2);
+		_$_.append(__anchor, fragment_1, true);
+	});
 }
 
-export function DerivedState(__anchor, _, __block) {
-	_$_.push_component();
-
-	let lazy_7 = _$_.track('John', __block, '6015eeca');
-	let lazy_8 = _$_.track('Doe', __block, '4fa9a20e');
-	const fullName = () => `${lazy_7.value} ${lazy_8.value}`;
-	var div_7 = root_5();
+export function DerivedState() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy_7 = _$_.track('John', __block, '6015eeca');
+		let lazy_8 = _$_.track('Doe', __block, '4fa9a20e');
+		const fullName = () => `${lazy_7.value} ${lazy_8.value}`;
+		var div_7 = root_5();
 
-	{
-		var expression_6 = _$_.child(div_7);
+		{
+			var expression_6 = _$_.child(div_7);
 
-		_$_.expression(expression_6, fullName);
-		_$_.pop(div_7);
-	}
+			_$_.expression(expression_6, fullName);
+			_$_.pop(div_7);
+		}
 
-	_$_.append(__anchor, div_7);
-	_$_.pop_component();
+		_$_.append(__anchor, div_7);
+	});
 }