ripple 0.3.10 → 0.3.12

package/tests/hydration/compiled/client/if-children.js

@@ -44,13 +44,10 @@ export function IfWithChildren(__anchor, { children }, __block) {
 				{
 					var expression = _$_.child(div_3);
 
+					_$_.expression(expression, () => children);
 					_$_.pop(div_3);
 				}
 
-				_$_.render(() => {
-					_$_.expression(expression, () => children);
-				});
-
 				_$_.append(__anchor, div_3);
 			};
 
@@ -74,7 +71,7 @@ export function ChildItem(__anchor, { text: label }, __block) {
 	{
 		var expression_1 = _$_.child(div_4, true);
 
-		expression_1.nodeValue = label;
+		_$_.expression(expression_1, () => label);
 		_$_.pop(div_4);
 	}
 
@@ -91,9 +88,7 @@ export function TestIfWithChildren(__anchor, _, __block) {
 	IfWithChildren(
 		node_1,
 		{
-			children: _$_.ripple_element(function render_children(__anchor, _, __block) {
-				_$_.push_component();
-
+			children: _$_.ripple_element(function render_children(__anchor, __block) {
 				var fragment_1 = root_4();
 				var node_2 = _$_.first_child_frag(fragment_1);
 
@@ -103,7 +98,6 @@ export function TestIfWithChildren(__anchor, _, __block) {
 
 				ChildItem(node_3, { text: "Item 2" }, _$_.active_block);
 				_$_.append(__anchor, fragment_1);
-				_$_.pop_component();
 			})
 		},
 		_$_.active_block
@@ -166,13 +160,10 @@ export function IfWithSiblingsAndChildren(__anchor, { children }, __block) {
 				{
 					var expression_2 = _$_.child(div_9);
 
+					_$_.expression(expression_2, () => children);
 					_$_.pop(div_9);
 				}
 
-				_$_.render(() => {
-					_$_.expression(expression_2, () => children);
-				});
-
 				_$_.append(__anchor, div_9);
 			};
 
@@ -197,9 +188,7 @@ export function TestIfWithSiblingsAndChildren(__anchor, _, __block) {
 	IfWithSiblingsAndChildren(
 		node_6,
 		{
-			children: _$_.ripple_element(function render_children(__anchor, _, __block) {
-				_$_.push_component();
-
+			children: _$_.ripple_element(function render_children(__anchor, __block) {
 				var fragment_3 = root_10();
 				var node_7 = _$_.first_child_frag(fragment_3);
 
@@ -209,7 +198,6 @@ export function TestIfWithSiblingsAndChildren(__anchor, _, __block) {
 
 				ChildItem(node_8, { text: "Item B" }, _$_.active_block);
 				_$_.append(__anchor, fragment_3);
-				_$_.pop_component();
 			})
 		},
 		_$_.active_block
@@ -378,6 +366,7 @@ export function DomChildrenThenStaticSiblings(__anchor, _, __block) {
 			{
 				var expression_3 = _$_.child(li_1, true);
 
+				_$_.expression(expression_3, () => 'Item count: ' + _$_.with_scope(__block, () => String(_$_.get(lazy_6))));
 				_$_.pop(li_1);
 			}
 		}
@@ -389,11 +378,6 @@ export function DomChildrenThenStaticSiblings(__anchor, _, __block) {
 
 	button_5.__click = () => _$_.update(lazy_6);
 	_$_.next();
-
-	_$_.render(() => {
-		_$_.set_text(expression_3, 'Item count: ' + _$_.with_scope(__block, () => String(_$_.get(lazy_6))));
-	});
-
 	_$_.append(__anchor, fragment_6, true);
 	_$_.pop_component();
 }

package/tests/hydration/compiled/client/mixed-control-flow.js

@@ -68,25 +68,13 @@ export function MixedControlFlowStatic(__anchor, _, __block) {
 											{
 												var expression = _$_.child(div_1, true);
 
+												_$_.expression(expression, () => `A-${_$_.get(pattern).id}`);
 												_$_.pop(div_1);
 											}
 
-											_$_.render(
-												(__prev) => {
-													var __a = `A-${_$_.get(pattern).id}`;
-
-													if (__prev.a !== __a) {
-														_$_.set_text(expression, __prev.a = __a);
-													}
-
-													var __b = `row row-${_$_.get(pattern).id} kind-a`;
-
-													if (__prev.b !== __b) {
-														_$_.set_class(div_1, __prev.b = __b, void 0, true);
-													}
-												},
-												{ a: ' ', b: Symbol() }
-											);
+											_$_.render(() => {
+												_$_.set_class(div_1, `row row-${_$_.get(pattern).id} kind-a`, void 0, true);
+											});
 
 											_$_.append(__anchor, div_1);
 										});
@@ -119,25 +107,13 @@ export function MixedControlFlowStatic(__anchor, _, __block) {
 											{
 												var expression_1 = _$_.child(div_3, true);
 
+												_$_.expression(expression_1, () => `B-${_$_.get(pattern).id}`);
 												_$_.pop(div_3);
 											}
 
-											_$_.render(
-												(__prev) => {
-													var __a = `B-${_$_.get(pattern).id}`;
-
-													if (__prev.a !== __a) {
-														_$_.set_text(expression_1, __prev.a = __a);
-													}
-
-													var __b = `row row-${_$_.get(pattern).id} kind-b`;
-
-													if (__prev.b !== __b) {
-														_$_.set_class(div_3, __prev.b = __b, void 0, true);
-													}
-												},
-												{ a: ' ', b: Symbol() }
-											);
+											_$_.render(() => {
+												_$_.set_class(div_3, `row row-${_$_.get(pattern).id} kind-b`, void 0, true);
+											});
 
 											_$_.append(__anchor, div_3);
 										});
@@ -246,25 +222,13 @@ export function MixedControlFlowReactive(__anchor, _, __block) {
 											{
 												var expression_2 = _$_.child(p_1, true);
 
+												_$_.expression(expression_2, () => `A:${_$_.get(pattern_1).label}`);
 												_$_.pop(p_1);
 											}
 
-											_$_.render(
-												(__prev) => {
-													var __a = `A:${_$_.get(pattern_1).label}`;
-
-													if (__prev.a !== __a) {
-														_$_.set_text(expression_2, __prev.a = __a);
-													}
-
-													var __b = `item item-${_$_.get(pattern_1).id}`;
-
-													if (__prev.b !== __b) {
-														_$_.set_class(p_1, __prev.b = __b, void 0, true);
-													}
-												},
-												{ a: ' ', b: Symbol() }
-											);
+											_$_.render(() => {
+												_$_.set_class(p_1, `item item-${_$_.get(pattern_1).id}`, void 0, true);
+											});
 
 											_$_.append(__anchor, p_1);
 										});
@@ -293,25 +257,13 @@ export function MixedControlFlowReactive(__anchor, _, __block) {
 											{
 												var expression_3 = _$_.child(p_3, true);
 
+												_$_.expression(expression_3, () => `B:${_$_.get(pattern_1).label}`);
 												_$_.pop(p_3);
 											}
 
-											_$_.render(
-												(__prev) => {
-													var __a = `B:${_$_.get(pattern_1).label}`;
-
-													if (__prev.a !== __a) {
-														_$_.set_text(expression_3, __prev.a = __a);
-													}
-
-													var __b = `item item-${_$_.get(pattern_1).id}`;
-
-													if (__prev.b !== __b) {
-														_$_.set_class(p_3, __prev.b = __b, void 0, true);
-													}
-												},
-												{ a: ' ', b: Symbol() }
-											);
+											_$_.render(() => {
+												_$_.set_class(p_3, `item item-${_$_.get(pattern_1).id}`, void 0, true);
+											});
 
 											_$_.append(__anchor, p_3);
 										});
@@ -409,7 +361,7 @@ export function MixedControlFlowAsyncPending(__anchor, _, __block) {
 									{
 										var expression_4 = _$_.child(div_7, true);
 
-										expression_4.nodeValue = `pending ${row}`;
+										_$_.expression(expression_4, () => `pending ${row}`);
 										_$_.pop(div_7);
 									}
 
@@ -471,7 +423,7 @@ function AsyncRow(__anchor, { label }, __block) {
 		{
 			var expression_5 = _$_.child(div_9, true);
 
-			expression_5.nodeValue = value;
+			_$_.expression(expression_5, () => value);
 			_$_.pop(div_9);
 		}