ripple 0.3.84 → 0.3.85

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

@@ -1,34 +1,23 @@
 // @ts-nocheck
 import * as _$_ from 'ripple/internal/client';
 
-var root_4 = _$_.template(`<div> </div>`, 0);
-var root_5 = _$_.template(`<div>pending a</div>`, 0);
-var root_3 = _$_.template(`<!>`, 1, 1);
-var root_7 = _$_.template(`<div> </div>`, 0);
-var root_8 = _$_.template(`<div>pending b</div>`, 0);
-var root_6 = _$_.template(`<!>`, 1, 1);
-var root_2 = _$_.template(`<!>`, 1, 1);
-var root_1 = _$_.template(`<!>`, 1, 1);
+var root_1 = _$_.template(`<div> </div>`, 0);
+var root_2 = _$_.template(`<div>pending a</div>`, 0);
+var root_3 = _$_.template(`<div> </div>`, 0);
+var root_4 = _$_.template(`<div>pending b</div>`, 0);
 var root = _$_.template(`<section class="mixed-static"></section>`, 0);
-var root_14 = _$_.template(`<p> </p>`, 0);
-var root_15 = _$_.template(`<p class="pending">pending a</p>`, 0);
-var root_13 = _$_.template(`<!>`, 1, 1);
-var root_17 = _$_.template(`<p> </p>`, 0);
-var root_18 = _$_.template(`<p class="pending">pending b</p>`, 0);
-var root_16 = _$_.template(`<!>`, 1, 1);
+var root_8 = _$_.template(`<p> </p>`, 0);
+var root_9 = _$_.template(`<p class="pending">pending a</p>`, 0);
+var root_10 = _$_.template(`<p> </p>`, 0);
+var root_11 = _$_.template(`<p class="pending">pending b</p>`, 0);
+var root_7 = _$_.template(`<div class="mixed-reactive-list"></div>`, 0);
+var root_6 = _$_.template(`<button class="toggle-show">Toggle Show</button><button class="toggle-mode">Toggle Mode</button><button class="add-item">Add Item</button><!>`, 1, 4);
+var root_5 = _$_.template(`<!>`, 1, 1);
+var root_14 = _$_.template(`<div> </div>`, 0);
+var root_15 = _$_.template(`<div class="unexpected">unexpected</div>`, 0);
+var root_13 = _$_.template(`<div class="before">before</div><!>`, 1, 2);
 var root_12 = _$_.template(`<!>`, 1, 1);
-var root_11 = _$_.template(`<div class="mixed-reactive-list"></div>`, 0);
-var root_10 = _$_.template(`<button class="toggle-show">Toggle Show</button><button class="toggle-mode">Toggle Mode</button><button class="add-item">Add Item</button><!>`, 1, 4);
-var root_9 = _$_.template(`<!>`, 1, 1);
-var root_24 = _$_.template(`<!>`, 1, 1);
-var root_25 = _$_.template(`<div> </div>`, 0);
-var root_23 = _$_.template(`<!>`, 1, 1);
-var root_26 = _$_.template(`<div class="unexpected">unexpected</div>`, 0);
-var root_22 = _$_.template(`<!>`, 1, 1);
-var root_21 = _$_.template(`<!>`, 1, 1);
-var root_20 = _$_.template(`<div class="before">before</div><!>`, 1, 2);
-var root_19 = _$_.template(`<!>`, 1, 1);
-var root_27 = _$_.template(`<div class="resolved-row"> </div>`, 0);
+var root_16 = _$_.template(`<div class="resolved-row"> </div>`, 0);
 
 import { track, trackAsync } from 'ripple';
 
@@ -47,23 +36,14 @@ export function MixedControlFlowStatic() {
 				section_1,
 				() => rows,
 				(__anchor, pattern) => {
-					var fragment = root_1();
-					var node = _$_.first_child_frag(fragment);
-
 					{
 						var consequent = (__anchor) => {
-							var fragment_1 = root_2();
-							var node_1 = _$_.first_child_frag(fragment_1);
-
 							{
 								var switch_case_0 = (__anchor) => {
-									var fragment_2 = root_3();
-									var node_2 = _$_.first_child_frag(fragment_2);
-
 									_$_.try(
-										node_2,
+										__anchor,
 										(__anchor) => {
-											var div_1 = root_4();
+											var div_1 = root_1();
 
 											{
 												var expression = _$_.child(div_1, true);
@@ -92,27 +72,23 @@ export function MixedControlFlowStatic() {
 										},
 										null,
 										(__anchor) => {
-											var div_2 = root_5();
+											var div_2 = root_2();
 
 											_$_.render(() => {
 												_$_.set_class(div_2, `pending pending-${_$_.get(pattern).id}`, void 0, true);
 											});
 
 											_$_.append(__anchor, div_2);
-										}
+										},
+										true
 									);
-
-									_$_.append(__anchor, fragment_2);
 								};
 
 								var switch_case_default = (__anchor) => {
-									var fragment_3 = root_6();
-									var node_3 = _$_.first_child_frag(fragment_3);
-
 									_$_.try(
-										node_3,
+										__anchor,
 										(__anchor) => {
-											var div_3 = root_7();
+											var div_3 = root_3();
 
 											{
 												var expression_1 = _$_.child(div_3, true);
@@ -141,43 +117,46 @@ export function MixedControlFlowStatic() {
 										},
 										null,
 										(__anchor) => {
-											var div_4 = root_8();
+											var div_4 = root_4();
 
 											_$_.render(() => {
 												_$_.set_class(div_4, `pending pending-${_$_.get(pattern).id}`, void 0, true);
 											});
 
 											_$_.append(__anchor, div_4);
-										}
+										},
+										true
 									);
-
-									_$_.append(__anchor, fragment_3);
 								};
 
-								_$_.switch(node_1, () => {
-									var result = [];
+								_$_.switch(
+									__anchor,
+									() => {
+										var result = [];
 
-									switch (_$_.get(pattern).kind) {
-										case 'a':
-											result.push(switch_case_0);
-											return result;
+										switch (_$_.get(pattern).kind) {
+											case 'a':
+												result.push(switch_case_0);
+												return result;
 
-										default:
-											result.push(switch_case_default);
-											return result;
-									}
-								});
+											default:
+												result.push(switch_case_default);
+												return result;
+										}
+									},
+									true
+								);
 							}
-
-							_$_.append(__anchor, fragment_1);
 						};
 
-						_$_.if(node, (__render) => {
-							if (_$_.get(pattern).enabled) __render(consequent);
-						});
+						_$_.if(
+							__anchor,
+							(__render) => {
+								if (_$_.get(pattern).enabled) __render(consequent);
+							},
+							true
+						);
 					}
-
-					_$_.append(__anchor, fragment);
 				},
 				4,
 				(pattern) => _$_.get(pattern).id
@@ -195,12 +174,12 @@ export function MixedControlFlowReactive() {
 		let lazy = _$_.track(true, __block, '5ae53d26');
 		let lazy_1 = _$_.track('a', __block, '5b53eda2');
 		let lazy_2 = _$_.track([{ id: 1, label: 'One' }, { id: 2, label: 'Two' }], __block, '7890dad6');
-		var fragment_4 = root_9();
-		var node_8 = _$_.first_child_frag(fragment_4);
+		var fragment = root_5();
+		var node_1 = _$_.first_child_frag(fragment);
 
-		_$_.expression(node_8, () => _$_.tsrx_element((__anchor, __block) => {
-			var fragment_5 = root_10();
-			var button_1 = _$_.first_child_frag(fragment_5);
+		_$_.expression(node_1, () => _$_.tsrx_element((__anchor, __block) => {
+			var fragment_1 = root_6();
+			var button_1 = _$_.first_child_frag(fragment_1);
 
 			button_1.__click = () => {
 				_$_.set(lazy, !lazy.value);
@@ -218,29 +197,23 @@ export function MixedControlFlowReactive() {
 				_$_.set(lazy_2, [...lazy_2.value, { id: 3, label: 'Three' }]);
 			};
 
-			var node_4 = _$_.sibling(button_3);
+			var node = _$_.sibling(button_3);
 
 			{
 				var consequent_1 = (__anchor) => {
-					var div_5 = root_11();
+					var div_5 = root_7();
 
 					{
 						_$_.for_keyed(
 							div_5,
 							() => lazy_2.value,
 							(__anchor, pattern_1) => {
-								var fragment_6 = root_12();
-								var node_5 = _$_.first_child_frag(fragment_6);
-
 								{
 									var switch_case_0_1 = (__anchor) => {
-										var fragment_7 = root_13();
-										var node_6 = _$_.first_child_frag(fragment_7);
-
 										_$_.try(
-											node_6,
+											__anchor,
 											(__anchor) => {
-												var p_1 = root_14();
+												var p_1 = root_8();
 
 												{
 													var expression_2 = _$_.child(p_1, true);
@@ -269,23 +242,19 @@ export function MixedControlFlowReactive() {
 											},
 											null,
 											(__anchor) => {
-												var p_2 = root_15();
+												var p_2 = root_9();
 
 												_$_.append(__anchor, p_2);
-											}
+											},
+											true
 										);
-
-										_$_.append(__anchor, fragment_7);
 									};
 
 									var switch_case_default_1 = (__anchor) => {
-										var fragment_8 = root_16();
-										var node_7 = _$_.first_child_frag(fragment_8);
-
 										_$_.try(
-											node_7,
+											__anchor,
 											(__anchor) => {
-												var p_3 = root_17();
+												var p_3 = root_10();
 
 												{
 													var expression_3 = _$_.child(p_3, true);
@@ -314,31 +283,32 @@ export function MixedControlFlowReactive() {
 											},
 											null,
 											(__anchor) => {
-												var p_4 = root_18();
+												var p_4 = root_11();
 
 												_$_.append(__anchor, p_4);
-											}
+											},
+											true
 										);
-
-										_$_.append(__anchor, fragment_8);
 									};
 
-									_$_.switch(node_5, () => {
-										var result = [];
+									_$_.switch(
+										__anchor,
+										() => {
+											var result = [];
 
-										switch (lazy_1.value) {
-											case 'a':
-												result.push(switch_case_0_1);
-												return result;
+											switch (lazy_1.value) {
+												case 'a':
+													result.push(switch_case_0_1);
+													return result;
 
-											default:
-												result.push(switch_case_default_1);
-												return result;
-										}
-									});
+												default:
+													result.push(switch_case_default_1);
+													return result;
+											}
+										},
+										true
+									);
 								}
-
-								_$_.append(__anchor, fragment_6);
 							},
 							4,
 							(pattern_1) => _$_.get(pattern_1).id
@@ -350,15 +320,15 @@ export function MixedControlFlowReactive() {
 					_$_.append(__anchor, div_5);
 				};
 
-				_$_.if(node_4, (__render) => {
+				_$_.if(node, (__render) => {
 					if (lazy.value) __render(consequent_1);
 				});
 			}
 
-			_$_.append(__anchor, fragment_5);
+			_$_.append(__anchor, fragment_1);
 		}));
 
-		_$_.append(__anchor, fragment_4);
+		_$_.append(__anchor, fragment);
 	});
 }
 
@@ -366,43 +336,30 @@ export function MixedControlFlowAsyncPending() {
 	return _$_.tsrx_element((__anchor, __block) => {
 		const rows = [1, 2];
 		const state = 'slow';
-		var fragment_9 = root_19();
-		var node_14 = _$_.first_child_frag(fragment_9);
+		var fragment_2 = root_12();
+		var node_3 = _$_.first_child_frag(fragment_2);
 
-		_$_.expression(node_14, () => _$_.tsrx_element((__anchor, __block) => {
-			var fragment_10 = root_20();
-			var div_6 = _$_.first_child_frag(fragment_10);
-			var node_9 = _$_.sibling(div_6);
+		_$_.expression(node_3, () => _$_.tsrx_element((__anchor, __block) => {
+			var fragment_3 = root_13();
+			var div_6 = _$_.first_child_frag(fragment_3);
+			var node_2 = _$_.sibling(div_6);
 
 			_$_.for(
-				node_9,
+				node_2,
 				() => rows,
 				(__anchor, row) => {
-					var fragment_11 = root_21();
-					var node_10 = _$_.first_child_frag(fragment_11);
-
 					{
 						var consequent_2 = (__anchor) => {
-							var fragment_12 = root_22();
-							var node_11 = _$_.first_child_frag(fragment_12);
-
 							{
 								var switch_case_0_2 = (__anchor) => {
-									var fragment_13 = root_23();
-									var node_12 = _$_.first_child_frag(fragment_13);
-
 									_$_.try(
-										node_12,
+										__anchor,
 										(__anchor) => {
-											var fragment_14 = root_24();
-											var node_13 = _$_.first_child_frag(fragment_14);
-
-											_$_.render_component(AsyncRow, node_13, { label: `row-${row}` });
-											_$_.append(__anchor, fragment_14);
+											_$_.render_component(AsyncRow, __anchor, { label: `row-${row}` });
 										},
 										null,
 										(__anchor) => {
-											var div_7 = root_25();
+											var div_7 = root_14();
 
 											_$_.set_class(div_7, `pending-row pending-row-${row}`, void 0, true);
 
@@ -414,57 +371,60 @@ export function MixedControlFlowAsyncPending() {
 											}
 
 											_$_.append(__anchor, div_7);
-										}
+										},
+										true
 									);
-
-									_$_.append(__anchor, fragment_13);
 								};
 
 								var switch_case_default_2 = (__anchor) => {
-									var div_8 = root_26();
+									var div_8 = root_15();
 
 									_$_.append(__anchor, div_8);
 								};
 
-								_$_.switch(node_11, () => {
-									var result = [];
+								_$_.switch(
+									__anchor,
+									() => {
+										var result = [];
 
-									switch (state) {
-										case 'slow':
-											result.push(switch_case_0_2);
-											return result;
+										switch (state) {
+											case 'slow':
+												result.push(switch_case_0_2);
+												return result;
 
-										default:
-											result.push(switch_case_default_2);
-											return result;
-									}
-								});
+											default:
+												result.push(switch_case_default_2);
+												return result;
+										}
+									},
+									true
+								);
 							}
-
-							_$_.append(__anchor, fragment_12);
 						};
 
-						_$_.if(node_10, (__render) => {
-							if (row === 1) __render(consequent_2);
-						});
+						_$_.if(
+							__anchor,
+							(__render) => {
+								if (row === 1) __render(consequent_2);
+							},
+							true
+						);
 					}
-
-					_$_.append(__anchor, fragment_11);
 				},
 				0
 			);
 
-			_$_.append(__anchor, fragment_10);
+			_$_.append(__anchor, fragment_3);
 		}));
 
-		_$_.append(__anchor, fragment_9);
+		_$_.append(__anchor, fragment_2);
 	});
 }
 
 function AsyncRow({ label }) {
 	return _$_.tsrx_element((__anchor, __block) => {
 		let lazy_3 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve(label)), __block, '10cc79a0');
-		var div_9 = root_27();
+		var div_9 = root_16();
 
 		{
 			var expression_5 = _$_.child(div_9);