ripple 0.3.127 → 0.3.128

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

@@ -31,18 +31,18 @@ export function IfWithChildren({ children }) {
 		var div = root();
 
 		{
-			var div_1 = _$_.child(div);
+			var div_1 = _$_.hydrating ? _$_.hydrate_child() : div.firstChild;
 
 			div_1.__click = () => _$_.set(lazy, !lazy.value);
 
-			var node = _$_.sibling(div_1);
+			var node = _$_.hydrating ? _$_.hydrate_sibling() : div_1.nextSibling;
 
 			{
 				var consequent = (__anchor) => {
 					var div_2 = root_1();
 
 					{
-						var expression = _$_.child(div_2);
+						var expression = _$_.hydrating ? _$_.hydrate_child() : div_2.firstChild;
 
 						_$_.expression(expression, () => children);
 						_$_.pop(div_2);
@@ -68,7 +68,7 @@ export function ChildItem({ text: label }) {
 		var div_3 = root_2();
 
 		{
-			var expression_1 = _$_.child(div_3, true);
+			var expression_1 = _$_.hydrating ? _$_.hydrate_child(true) : div_3.firstChild;
 
 			expression_1.nodeValue = label;
 			_$_.pop(div_3);
@@ -87,7 +87,7 @@ export function TestIfWithChildren() {
 
 				_$_.render_component(ChildItem, node_1, { text: "Item 1" });
 
-				var node_2 = _$_.sibling(node_1);
+				var node_2 = _$_.hydrating ? _$_.hydrate_sibling() : node_1.nextSibling;
 
 				_$_.render_component(ChildItem, node_2, { text: "Item 2" });
 				_$_.append(__anchor, fragment);
@@ -102,11 +102,11 @@ export function IfWithStaticChildren() {
 		var div_4 = root_4();
 
 		{
-			var div_5 = _$_.child(div_4);
+			var div_5 = _$_.hydrating ? _$_.hydrate_child() : div_4.firstChild;
 
 			div_5.__click = () => _$_.set(lazy_1, !lazy_1.value);
 
-			var node_3 = _$_.sibling(div_5);
+			var node_3 = _$_.hydrating ? _$_.hydrate_sibling() : div_5.nextSibling;
 
 			{
 				var consequent_1 = (__anchor) => {
@@ -133,19 +133,19 @@ export function IfWithSiblingsAndChildren({ children }) {
 		var section = root_6();
 
 		{
-			var div_7 = _$_.child(section);
+			var div_7 = _$_.hydrating ? _$_.hydrate_child() : section.firstChild;
 
 			div_7.__click = () => _$_.set(lazy_2, !lazy_2.value);
 			_$_.pop(div_7);
 
-			var node_4 = _$_.sibling(div_7);
+			var node_4 = _$_.hydrating ? _$_.hydrate_sibling() : div_7.nextSibling;
 
 			{
 				var consequent_2 = (__anchor) => {
 					var div_8 = root_7();
 
 					{
-						var expression_2 = _$_.child(div_8);
+						var expression_2 = _$_.hydrating ? _$_.hydrate_child() : div_8.firstChild;
 
 						_$_.expression(expression_2, () => children);
 						_$_.pop(div_8);
@@ -175,7 +175,7 @@ export function TestIfWithSiblingsAndChildren() {
 
 				_$_.render_component(ChildItem, node_5, { text: "Item A" });
 
-				var node_6 = _$_.sibling(node_5);
+				var node_6 = _$_.hydrating ? _$_.hydrate_sibling() : node_5.nextSibling;
 
 				_$_.render_component(ChildItem, node_6, { text: "Item B" });
 				_$_.append(__anchor, fragment_1);
@@ -195,11 +195,11 @@ export function ElementWithChildrenThenIf() {
 			var div_10 = _$_.first_child_frag(fragment_3);
 
 			{
-				var div_9 = _$_.child(div_10);
+				var div_9 = _$_.hydrating ? _$_.hydrate_child() : div_10.firstChild;
 
 				_$_.pop(div_9);
 
-				var node_7 = _$_.sibling(div_9);
+				var node_7 = _$_.hydrating ? _$_.hydrate_sibling() : div_9.nextSibling;
 
 				{
 					var consequent_3 = (__anchor) => {
@@ -216,7 +216,7 @@ export function ElementWithChildrenThenIf() {
 				_$_.pop(div_10);
 			}
 
-			var button = _$_.sibling(div_10);
+			var button = _$_.hydrating ? _$_.hydrate_sibling() : div_10.nextSibling;
 
 			button.__click = () => _$_.set(lazy_3, !lazy_3.value);
 			_$_.next();
@@ -238,11 +238,11 @@ export function DeepNestingThenIf() {
 			var section_1 = _$_.first_child_frag(fragment_5);
 
 			{
-				var article = _$_.child(section_1);
+				var article = _$_.hydrating ? _$_.hydrate_child() : section_1.firstChild;
 
 				_$_.pop(article);
 
-				var node_9 = _$_.sibling(article);
+				var node_9 = _$_.hydrating ? _$_.hydrate_sibling() : article.nextSibling;
 
 				{
 					var consequent_4 = (__anchor) => {
@@ -259,7 +259,7 @@ export function DeepNestingThenIf() {
 				_$_.pop(section_1);
 			}
 
-			var button_1 = _$_.sibling(section_1);
+			var button_1 = _$_.hydrating ? _$_.hydrate_sibling() : section_1.nextSibling;
 
 			button_1.__click = () => _$_.set(lazy_4, !lazy_4.value);
 			_$_.next();
@@ -276,24 +276,24 @@ export function DomElementChildrenThenSibling() {
 		var div_12 = root_15();
 
 		{
-			var div_13 = _$_.child(div_12);
+			var div_13 = _$_.hydrating ? _$_.hydrate_child() : div_12.firstChild;
 
 			{
-				var button_2 = _$_.child(div_13);
+				var button_2 = _$_.hydrating ? _$_.hydrate_child() : div_13.firstChild;
 
 				button_2.__click = () => _$_.set(lazy_5, 'code');
 
-				var button_3 = _$_.sibling(button_2);
+				var button_3 = _$_.hydrating ? _$_.hydrate_sibling() : button_2.nextSibling;
 
 				button_3.__click = () => _$_.set(lazy_5, 'preview');
 			}
 
 			_$_.pop(div_13);
 
-			var div_14 = _$_.sibling(div_13);
+			var div_14 = _$_.hydrating ? _$_.hydrate_sibling() : div_13.nextSibling;
 
 			{
-				var node_11 = _$_.child(div_14);
+				var node_11 = _$_.hydrating ? _$_.hydrate_child() : div_14.firstChild;
 
 				{
 					var consequent_5 = (__anchor) => {
@@ -349,13 +349,13 @@ export function DomChildrenThenStaticSiblings() {
 			var div_16 = _$_.first_child_frag(fragment_7);
 
 			{
-				var ul = _$_.child(div_16);
+				var ul = _$_.hydrating ? _$_.hydrate_child() : div_16.firstChild;
 
 				{
-					var li = _$_.child(ul);
+					var li = _$_.hydrating ? _$_.hydrate_child() : ul.firstChild;
 
 					{
-						var expression_3 = _$_.child(li, true);
+						var expression_3 = _$_.hydrating ? _$_.hydrate_child(true) : li.firstChild;
 
 						_$_.pop(li);
 					}
@@ -366,7 +366,7 @@ export function DomChildrenThenStaticSiblings() {
 
 			_$_.pop(div_16);
 
-			var button_4 = _$_.sibling(div_16);
+			var button_4 = _$_.hydrating ? _$_.hydrate_sibling() : div_16.nextSibling;
 
 			button_4.__click = () => _$_.update(lazy_6);
 			_$_.next();
@@ -387,14 +387,14 @@ export function StaticListThenStaticSiblings() {
 		var div_17 = root_20();
 
 		{
-			var ul_1 = _$_.child(div_17);
+			var ul_1 = _$_.hydrating ? _$_.hydrate_child() : div_17.firstChild;
 
 			{
-				var li_1 = _$_.child(ul_1);
+				var li_1 = _$_.hydrating ? _$_.hydrate_child() : ul_1.firstChild;
 
 				_$_.pop(li_1);
 
-				var li_2 = _$_.sibling(li_1);
+				var li_2 = _$_.hydrating ? _$_.hydrate_sibling() : li_1.nextSibling;
 
 				_$_.pop(li_2);
 			}

package/tests/hydration/compiled/client/if-fragment-controlflow.js

@@ -35,7 +35,7 @@ export function IfFragmentForElement() {
 		var div = root();
 
 		{
-			var node = _$_.child(div);
+			var node = _$_.hydrating ? _$_.hydrate_child() : div.firstChild;
 
 			{
 				var consequent = (__anchor) => {
@@ -49,7 +49,7 @@ export function IfFragmentForElement() {
 							var p = root_2();
 
 							{
-								var expression = _$_.child(p);
+								var expression = _$_.hydrating ? _$_.hydrate_child() : p.firstChild;
 
 								_$_.expression(expression, () => _$_.get(pattern).muzeId);
 								_$_.pop(p);
@@ -83,7 +83,7 @@ export function IfFragmentForIfIf() {
 		var div_1 = root_3();
 
 		{
-			var node_2 = _$_.child(div_1);
+			var node_2 = _$_.hydrating ? _$_.hydrate_child() : div_1.firstChild;
 
 			{
 				var consequent_3 = (__anchor) => {
@@ -97,7 +97,7 @@ export function IfFragmentForIfIf() {
 							var p_1 = root_5();
 
 							{
-								var expression_1 = _$_.child(p_1);
+								var expression_1 = _$_.hydrating ? _$_.hydrate_child() : p_1.firstChild;
 
 								_$_.expression(expression_1, () => _$_.get(pattern_1).muzeId);
 								_$_.pop(p_1);
@@ -109,7 +109,7 @@ export function IfFragmentForIfIf() {
 						(pattern_1) => _$_.get(pattern_1).muzeId
 					);
 
-					var node_4 = _$_.sibling(node_3);
+					var node_4 = _$_.hydrating ? _$_.hydrate_sibling() : node_3.nextSibling;
 
 					{
 						var consequent_1 = (__anchor) => {
@@ -123,7 +123,7 @@ export function IfFragmentForIfIf() {
 						});
 					}
 
-					var node_5 = _$_.sibling(node_4);
+					var node_5 = _$_.hydrating ? _$_.hydrate_sibling() : node_4.nextSibling;
 
 					{
 						var consequent_2 = (__anchor) => {
@@ -158,7 +158,7 @@ export function IfFragmentElements() {
 		var div_2 = root_8();
 
 		{
-			var node_6 = _$_.child(div_2);
+			var node_6 = _$_.hydrating ? _$_.hydrate_child() : div_2.firstChild;
 
 			{
 				var consequent_4 = (__anchor) => {
@@ -196,7 +196,7 @@ export function ComponentBodyFragmentControlFlow() {
 					var p_2 = root_12();
 
 					{
-						var expression_2 = _$_.child(p_2);
+						var expression_2 = _$_.hydrating ? _$_.hydrate_child() : p_2.firstChild;
 
 						_$_.expression(expression_2, () => _$_.get(pattern_2).muzeId);
 						_$_.pop(p_2);
@@ -235,7 +235,7 @@ export function ComponentBodyCodeBlockControlFlow() {
 						var p_3 = root_14();
 
 						{
-							var expression_3 = _$_.child(p_3);
+							var expression_3 = _$_.hydrating ? _$_.hydrate_child() : p_3.firstChild;
 
 							_$_.expression(expression_3, () => _$_.get(pattern_3).muzeId);
 							_$_.pop(p_3);
@@ -262,7 +262,7 @@ export function IfCodeBlockControlFlow() {
 		var div_3 = root_16();
 
 		{
-			var node_10 = _$_.child(div_3);
+			var node_10 = _$_.hydrating ? _$_.hydrate_child() : div_3.firstChild;
 
 			{
 				var consequent_5 = (__anchor) => {
@@ -279,7 +279,7 @@ export function IfCodeBlockControlFlow() {
 								var p_4 = root_17();
 
 								{
-									var expression_5 = _$_.child(p_4);
+									var expression_5 = _$_.hydrating ? _$_.hydrate_child() : p_4.firstChild;
 
 									_$_.expression(expression_5, () => _$_.get(pattern_4).muzeId);
 									_$_.pop(p_4);
@@ -314,7 +314,7 @@ export function IfElseFragment() {
 		var div_4 = root_19();
 
 		{
-			var node_11 = _$_.child(div_4);
+			var node_11 = _$_.hydrating ? _$_.hydrate_child() : div_4.firstChild;
 
 			{
 				var consequent_6 = (__anchor) => {
@@ -334,7 +334,7 @@ export function IfElseFragment() {
 							var p_5 = root_22();
 
 							{
-								var expression_7 = _$_.child(p_5);
+								var expression_7 = _$_.hydrating ? _$_.hydrate_child() : p_5.firstChild;
 
 								_$_.expression(expression_7, () => _$_.get(pattern_5).muzeId);
 								_$_.pop(p_5);
@@ -368,14 +368,14 @@ export function IfDivFragment() {
 		var div_5 = root_23();
 
 		{
-			var node_13 = _$_.child(div_5);
+			var node_13 = _$_.hydrating ? _$_.hydrate_child() : div_5.firstChild;
 
 			{
 				var consequent_7 = (__anchor) => {
 					var section = root_24();
 
 					{
-						var node_14 = _$_.child(section);
+						var node_14 = _$_.hydrating ? _$_.hydrate_child() : section.firstChild;
 
 						_$_.for_keyed(
 							node_14,
@@ -384,7 +384,7 @@ export function IfDivFragment() {
 								var p_6 = root_25();
 
 								{
-									var expression_8 = _$_.child(p_6);
+									var expression_8 = _$_.hydrating ? _$_.hydrate_child() : p_6.firstChild;
 
 									_$_.expression(expression_8, () => _$_.get(pattern_6).muzeId);
 									_$_.pop(p_6);

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

@@ -109,7 +109,7 @@ export function ReactiveIf() {
 				_$_.set(lazy, !lazy.value);
 			};
 
-			var node = _$_.sibling(button);
+			var node = _$_.hydrating ? _$_.hydrate_sibling() : button.nextSibling;
 
 			{
 				var consequent_3 = (__anchor) => {
@@ -144,7 +144,7 @@ export function ReactiveIfElse() {
 				_$_.set(lazy_1, !lazy_1.value);
 			};
 
-			var node_2 = _$_.sibling(button_1);
+			var node_2 = _$_.hydrating ? _$_.hydrate_sibling() : button_1.nextSibling;
 
 			{
 				var consequent_4 = (__anchor) => {
@@ -186,21 +186,21 @@ export function NestedIf() {
 				_$_.set(lazy_2, !lazy_2.value);
 			};
 
-			var button_3 = _$_.sibling(button_2);
+			var button_3 = _$_.hydrating ? _$_.hydrate_sibling() : button_2.nextSibling;
 
 			button_3.__click = () => {
 				_$_.set(lazy_3, !lazy_3.value);
 			};
 
-			var node_4 = _$_.sibling(button_3);
+			var node_4 = _$_.hydrating ? _$_.hydrate_sibling() : button_3.nextSibling;
 
 			{
 				var consequent_6 = (__anchor) => {
 					var div_7 = root_13();
 
 					{
-						var expression = _$_.child(div_7);
-						var node_5 = _$_.sibling(expression);
+						var expression = _$_.hydrating ? _$_.hydrate_child() : div_7.firstChild;
+						var node_5 = _$_.hydrating ? _$_.hydrate_sibling() : expression.nextSibling;
 
 						{
 							var consequent_5 = (__anchor) => {
@@ -238,25 +238,25 @@ export function IfElseIfChain() {
 		var div_8 = root_15();
 
 		{
-			var button_4 = _$_.child(div_8);
+			var button_4 = _$_.hydrating ? _$_.hydrate_child() : div_8.firstChild;
 
 			button_4.__click = () => {
 				_$_.set(lazy_4, 'success');
 			};
 
-			var button_5 = _$_.sibling(button_4);
+			var button_5 = _$_.hydrating ? _$_.hydrate_sibling() : button_4.nextSibling;
 
 			button_5.__click = () => {
 				_$_.set(lazy_4, 'error');
 			};
 
-			var button_6 = _$_.sibling(button_5);
+			var button_6 = _$_.hydrating ? _$_.hydrate_sibling() : button_5.nextSibling;
 
 			button_6.__click = () => {
 				_$_.set(lazy_4, 'loading');
 			};
 
-			var node_7 = _$_.sibling(button_6);
+			var node_7 = _$_.hydrating ? _$_.hydrate_sibling() : button_6.nextSibling;
 
 			{
 				var consequent_7 = (__anchor) => {

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

@@ -46,26 +46,27 @@ export function MixedControlFlowStatic() {
 											var div = root_1();
 
 											{
-												var expression = _$_.child(div, true);
+												var expression = _$_.hydrating ? _$_.hydrate_child(true) : div.firstChild;
 
 												_$_.pop(div);
 											}
 
 											_$_.render(
 												(__prev) => {
-													var __a = `A-${_$_.get(pattern).id}`;
+													var __pattern = _$_.get(pattern);
+													var __a = `A-${__pattern.id}`;
 
 													if (__prev.a !== __a) {
 														_$_.set_text(expression, __prev.a = __a);
 													}
 
-													var __b = `row row-${_$_.get(pattern).id} kind-a`;
+													var __b = `row row-${__pattern.id} kind-a`;
 
 													if (__prev.b !== __b) {
 														_$_.set_class(div, __prev.b = __b, void 0, true);
 													}
 												},
-												{ a: ' ', b: Symbol() }
+												{ a: ' ', b: _$_.UNINITIALIZED }
 											);
 
 											_$_.append(__anchor, div);
@@ -91,26 +92,27 @@ export function MixedControlFlowStatic() {
 											var div_2 = root_3();
 
 											{
-												var expression_1 = _$_.child(div_2, true);
+												var expression_1 = _$_.hydrating ? _$_.hydrate_child(true) : div_2.firstChild;
 
 												_$_.pop(div_2);
 											}
 
 											_$_.render(
 												(__prev) => {
-													var __a = `B-${_$_.get(pattern).id}`;
+													var __pattern_1 = _$_.get(pattern);
+													var __a = `B-${__pattern_1.id}`;
 
 													if (__prev.a !== __a) {
 														_$_.set_text(expression_1, __prev.a = __a);
 													}
 
-													var __b = `row row-${_$_.get(pattern).id} kind-b`;
+													var __b = `row row-${__pattern_1.id} kind-b`;
 
 													if (__prev.b !== __b) {
 														_$_.set_class(div_2, __prev.b = __b, void 0, true);
 													}
 												},
-												{ a: ' ', b: Symbol() }
+												{ a: ' ', b: _$_.UNINITIALIZED }
 											);
 
 											_$_.append(__anchor, div_2);
@@ -185,19 +187,19 @@ export function MixedControlFlowReactive() {
 				_$_.set(lazy, !lazy.value);
 			};
 
-			var button_1 = _$_.sibling(button);
+			var button_1 = _$_.hydrating ? _$_.hydrate_sibling() : button.nextSibling;
 
 			button_1.__click = () => {
 				_$_.set(lazy_1, lazy_1.value === 'a' ? 'b' : 'a');
 			};
 
-			var button_2 = _$_.sibling(button_1);
+			var button_2 = _$_.hydrating ? _$_.hydrate_sibling() : button_1.nextSibling;
 
 			button_2.__click = () => {
 				_$_.set(lazy_2, [...lazy_2.value, { id: 3, label: 'Three' }]);
 			};
 
-			var node = _$_.sibling(button_2);
+			var node = _$_.hydrating ? _$_.hydrate_sibling() : button_2.nextSibling;
 
 			{
 				var consequent_1 = (__anchor) => {
@@ -216,26 +218,27 @@ export function MixedControlFlowReactive() {
 												var p = root_8();
 
 												{
-													var expression_2 = _$_.child(p, true);
+													var expression_2 = _$_.hydrating ? _$_.hydrate_child(true) : p.firstChild;
 
 													_$_.pop(p);
 												}
 
 												_$_.render(
 													(__prev) => {
-														var __a = `A:${_$_.get(pattern_1).label}`;
+														var __pattern_1_1 = _$_.get(pattern_1);
+														var __a = `A:${__pattern_1_1.label}`;
 
 														if (__prev.a !== __a) {
 															_$_.set_text(expression_2, __prev.a = __a);
 														}
 
-														var __b = `item item-${_$_.get(pattern_1).id}`;
+														var __b = `item item-${__pattern_1_1.id}`;
 
 														if (__prev.b !== __b) {
 															_$_.set_class(p, __prev.b = __b, void 0, true);
 														}
 													},
-													{ a: ' ', b: Symbol() }
+													{ a: ' ', b: _$_.UNINITIALIZED }
 												);
 
 												_$_.append(__anchor, p);
@@ -257,26 +260,27 @@ export function MixedControlFlowReactive() {
 												var p_2 = root_10();
 
 												{
-													var expression_3 = _$_.child(p_2, true);
+													var expression_3 = _$_.hydrating ? _$_.hydrate_child(true) : p_2.firstChild;
 
 													_$_.pop(p_2);
 												}
 
 												_$_.render(
 													(__prev) => {
-														var __a = `B:${_$_.get(pattern_1).label}`;
+														var __pattern_1_2 = _$_.get(pattern_1);
+														var __a = `B:${__pattern_1_2.label}`;
 
 														if (__prev.a !== __a) {
 															_$_.set_text(expression_3, __prev.a = __a);
 														}
 
-														var __b = `item item-${_$_.get(pattern_1).id}`;
+														var __b = `item item-${__pattern_1_2.id}`;
 
 														if (__prev.b !== __b) {
 															_$_.set_class(p_2, __prev.b = __b, void 0, true);
 														}
 													},
-													{ a: ' ', b: Symbol() }
+													{ a: ' ', b: _$_.UNINITIALIZED }
 												);
 
 												_$_.append(__anchor, p_2);
@@ -342,7 +346,7 @@ export function MixedControlFlowAsyncPending() {
 		_$_.expression(node_3, () => _$_.tsrx_element((__anchor, __block) => {
 			var fragment_3 = root_13();
 			var div_5 = _$_.first_child_frag(fragment_3);
-			var node_2 = _$_.sibling(div_5);
+			var node_2 = _$_.hydrating ? _$_.hydrate_sibling() : div_5.nextSibling;
 
 			_$_.for(
 				node_2,
@@ -364,7 +368,7 @@ export function MixedControlFlowAsyncPending() {
 											_$_.set_class(div_6, `pending-row pending-row-${row}`, void 0, true);
 
 											{
-												var expression_4 = _$_.child(div_6, true);
+												var expression_4 = _$_.hydrating ? _$_.hydrate_child(true) : div_6.firstChild;
 
 												expression_4.nodeValue = `pending ${row}`;
 												_$_.pop(div_6);
@@ -427,7 +431,7 @@ function AsyncRow({ label }) {
 		var div_8 = root_16();
 
 		{
-			var expression_5 = _$_.child(div_8);
+			var expression_5 = _$_.hydrating ? _$_.hydrate_child() : div_8.firstChild;
 
 			_$_.expression(expression_5, () => lazy_3.value);
 			_$_.pop(div_8);