ripple 0.3.126 → 0.3.128

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

@@ -17,22 +17,25 @@ export function ClickCounter() {
 		var div = root();
 
 		{
-			var button = _$_.child(div);
+			var button = _$_.hydrating ? _$_.hydrate_child() : div.firstChild;
 
 			button.__click = () => {
 				_$_.update(lazy);
 			};
 
-			var span = _$_.sibling(button);
+			var span = _$_.hydrating ? _$_.hydrate_sibling() : button.nextSibling;
 
 			{
-				var expression = _$_.child(span);
+				var expression = _$_.hydrating ? _$_.hydrate_child(true) : span.firstChild;
 
-				_$_.expression(expression, () => lazy.value);
 				_$_.pop(span);
 			}
 		}
 
+		_$_.render(() => {
+			_$_.set_text(expression, lazy.value);
+		});
+
 		_$_.append(__anchor, div);
 	});
 }
@@ -43,28 +46,31 @@ export function IncrementDecrement() {
 		var div_1 = root_1();
 
 		{
-			var button_1 = _$_.child(div_1);
+			var button_1 = _$_.hydrating ? _$_.hydrate_child() : div_1.firstChild;
 
 			button_1.__click = () => {
 				_$_.update(lazy_1, -1);
 			};
 
-			var span_1 = _$_.sibling(button_1);
+			var span_1 = _$_.hydrating ? _$_.hydrate_sibling() : button_1.nextSibling;
 
 			{
-				var expression_1 = _$_.child(span_1);
+				var expression_1 = _$_.hydrating ? _$_.hydrate_child(true) : span_1.firstChild;
 
-				_$_.expression(expression_1, () => lazy_1.value);
 				_$_.pop(span_1);
 			}
 
-			var button_2 = _$_.sibling(span_1);
+			var button_2 = _$_.hydrating ? _$_.hydrate_sibling() : span_1.nextSibling;
 
 			button_2.__click = () => {
 				_$_.update(lazy_1);
 			};
 		}
 
+		_$_.render(() => {
+			_$_.set_text(expression_1, lazy_1.value);
+		});
+
 		_$_.append(__anchor, div_1);
 	});
 }
@@ -76,7 +82,7 @@ export function MultipleEvents() {
 		var div_2 = root_2();
 
 		{
-			var button_3 = _$_.child(div_2);
+			var button_3 = _$_.hydrating ? _$_.hydrate_child() : div_2.firstChild;
 
 			button_3.__click = () => {
 				_$_.update(lazy_2);
@@ -86,25 +92,40 @@ export function MultipleEvents() {
 				_$_.update(lazy_3);
 			});
 
-			var span_2 = _$_.sibling(button_3);
+			var span_2 = _$_.hydrating ? _$_.hydrate_sibling() : button_3.nextSibling;
 
 			{
-				var expression_2 = _$_.child(span_2);
+				var expression_2 = _$_.hydrating ? _$_.hydrate_child(true) : span_2.firstChild;
 
-				_$_.expression(expression_2, () => lazy_2.value);
 				_$_.pop(span_2);
 			}
 
-			var span_3 = _$_.sibling(span_2);
+			var span_3 = _$_.hydrating ? _$_.hydrate_sibling() : span_2.nextSibling;
 
 			{
-				var expression_3 = _$_.child(span_3);
+				var expression_3 = _$_.hydrating ? _$_.hydrate_child(true) : span_3.firstChild;
 
-				_$_.expression(expression_3, () => lazy_3.value);
 				_$_.pop(span_3);
 			}
 		}
 
+		_$_.render(
+			(__prev) => {
+				var __a = lazy_2.value;
+
+				if (__prev.a !== __a) {
+					_$_.set_text(expression_2, __prev.a = __a);
+				}
+
+				var __b = lazy_3.value;
+
+				if (__prev.b !== __b) {
+					_$_.set_text(expression_3, __prev.b = __b);
+				}
+			},
+			{ a: ' ', b: ' ' }
+		);
+
 		_$_.append(__anchor, div_2);
 	});
 }
@@ -122,29 +143,32 @@ export function MultiStateUpdate() {
 		var div_3 = root_3();
 
 		{
-			var button_4 = _$_.child(div_3);
+			var button_4 = _$_.hydrating ? _$_.hydrate_child() : div_3.firstChild;
 
 			button_4.__click = handleClick;
 
-			var span_4 = _$_.sibling(button_4);
+			var span_4 = _$_.hydrating ? _$_.hydrate_sibling() : button_4.nextSibling;
 
 			{
-				var expression_4 = _$_.child(span_4);
+				var expression_4 = _$_.hydrating ? _$_.hydrate_child(true) : span_4.firstChild;
 
-				_$_.expression(expression_4, () => lazy_4.value);
 				_$_.pop(span_4);
 			}
 
-			var span_5 = _$_.sibling(span_4);
+			var span_5 = _$_.hydrating ? _$_.hydrate_sibling() : span_4.nextSibling;
 
 			{
-				var expression_5 = _$_.child(span_5);
+				var expression_5 = _$_.hydrating ? _$_.hydrate_child() : span_5.firstChild;
 
 				_$_.expression(expression_5, () => lazy_5.value);
 				_$_.pop(span_5);
 			}
 		}
 
+		_$_.render(() => {
+			_$_.set_text(expression_4, lazy_4.value);
+		});
+
 		_$_.append(__anchor, div_3);
 	});
 }
@@ -155,14 +179,14 @@ export function ToggleButton() {
 		var div_4 = root_4();
 
 		{
-			var button_5 = _$_.child(div_4);
+			var button_5 = _$_.hydrating ? _$_.hydrate_child() : div_4.firstChild;
 
 			button_5.__click = () => {
 				_$_.set(lazy_6, !lazy_6.value);
 			};
 
 			{
-				var expression_6 = _$_.child(button_5, true);
+				var expression_6 = _$_.hydrating ? _$_.hydrate_child(true) : button_5.firstChild;
 
 				_$_.pop(button_5);
 			}
@@ -183,7 +207,7 @@ export function ChildButton(props) {
 		_$_.render_event('Click', button_6, () => props.onClick);
 
 		{
-			var expression_7 = _$_.child(button_6, true);
+			var expression_7 = _$_.hydrating ? _$_.hydrate_child(true) : button_6.firstChild;
 
 			_$_.pop(button_6);
 		}
@@ -202,7 +226,7 @@ export function ParentWithChildButton() {
 		var div_5 = root_6();
 
 		{
-			var node = _$_.child(div_5);
+			var node = _$_.hydrating ? _$_.hydrate_child() : div_5.firstChild;
 
 			_$_.render_component(ChildButton, node, {
 				onClick: () => {
@@ -211,18 +235,21 @@ export function ParentWithChildButton() {
 				label: "Click me"
 			});
 
-			var span_6 = _$_.sibling(node);
+			var span_6 = _$_.hydrating ? _$_.hydrate_sibling() : node.nextSibling;
 
 			{
-				var expression_8 = _$_.child(span_6);
+				var expression_8 = _$_.hydrating ? _$_.hydrate_child(true) : span_6.firstChild;
 
-				_$_.expression(expression_8, () => lazy_7.value);
 				_$_.pop(span_6);
 			}
 
 			_$_.pop(div_5);
 		}
 
+		_$_.render(() => {
+			_$_.set_text(expression_8, lazy_7.value);
+		});
+
 		_$_.append(__anchor, div_5);
 	});
 }