ripple 0.4.0 → 0.4.2

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

@@ -35,13 +35,14 @@ function StaticForLoop_render(__anchor, __block) {
 
 StaticForLoop[_$_.$r] = StaticForLoop_render;
 
-var root_3 = _$_.template(`<li> </li>`, 0);
+var root_3 = _$_.template(`<li></li>`, 0);
 
 function render(__prev) {
 	var __a = `${__prev._i.value}: ${__prev._item}`;
 
 	if (__prev.a !== __a) {
-		_$_.set_text(__prev._expression_1, __prev.a = __a);
+		_$_.set_text_content(__prev._li_1, __a, __prev.a);
+		__prev.a = __a;
 	}
 }
 
@@ -58,14 +59,12 @@ function ForLoopWithIndex_render(__anchor, __block) {
 			(__anchor, item, i) => {
 				var li_1 = root_3();
 
-				{
-					var expression_1 = _$_.hydrating ? _$_.hydrate_text() : li_1.firstChild;
-				}
-
-				_$_.render(render, { a: ' ', _i: i, _item: item, _expression_1: expression_1 });
+				_$_.item({ a: '', _i: i, _item: item, _li_1: li_1 });
 				_$_.append(__anchor, li_1);
 			},
-			12
+			12,
+			void 0,
+			render
 		);
 
 		_$_.hydrating && _$_.pop(ul_1);
@@ -105,7 +104,7 @@ function KeyedForLoop_render(__anchor, __block) {
 				_$_.append(__anchor, li_2);
 			},
 			4,
-			(pattern) => _$_.get(pattern).id
+			(pattern) => pattern.id
 		);
 
 		_$_.hydrating && _$_.pop(ul_2);
@@ -257,10 +256,12 @@ function ForLoopInteractive_render(__anchor, __block) {
 					};
 				}
 
-				_$_.render(render_1, { a: _$_.UNINITIALIZED, _i: i, _div_1: div_1 });
+				_$_.item({ a: _$_.UNINITIALIZED, _i: i, _div_1: div_1 });
 				_$_.append(__anchor, div_1);
 			},
-			12
+			12,
+			void 0,
+			render_1
 		);
 
 		_$_.hydrating && _$_.pop(div);
@@ -317,7 +318,7 @@ function NestedForLoop_render(__anchor, __block) {
 								_$_.hydrating && _$_.pop(span_1);
 							}
 
-							_$_.render(render_2, {
+							_$_.item({
 								a: _$_.UNINITIALIZED,
 								_rowIndex: rowIndex,
 								_colIndex: colIndex,
@@ -326,16 +327,20 @@ function NestedForLoop_render(__anchor, __block) {
 
 							_$_.append(__anchor, span_1);
 						},
-						12
+						12,
+						void 0,
+						render_2
 					);
 
 					_$_.hydrating && _$_.pop(div_3);
-					_$_.render(render_3, { a: _$_.UNINITIALIZED, _rowIndex: rowIndex, _div_3: div_3 });
+					_$_.item({ a: _$_.UNINITIALIZED, _rowIndex: rowIndex, _div_3: div_3 });
 				}
 
 				_$_.append(__anchor, div_3);
 			},
-			12
+			12,
+			void 0,
+			render_3
 		);
 
 		_$_.hydrating && _$_.pop(div_2);
@@ -346,7 +351,7 @@ function NestedForLoop_render(__anchor, __block) {
 
 NestedForLoop[_$_.$r] = NestedForLoop_render;
 
-var root_18 = _$_.template(`<span> </span>`, 0);
+var root_18 = _$_.template(`<span></span>`, 0);
 var root_17 = _$_.template(`<div class="container"></div>`, 0);
 
 function EmptyForLoop_render(__anchor, __block) {
@@ -361,9 +366,7 @@ function EmptyForLoop_render(__anchor, __block) {
 				var span_2 = root_18();
 
 				{
-					var expression_7 = _$_.hydrating ? _$_.hydrate_text() : span_2.firstChild;
-
-					expression_7.nodeValue = item;
+					span_2.textContent = item;
 				}
 
 				_$_.append(__anchor, span_2);
@@ -426,11 +429,14 @@ function ForLoopComplexObjects_render(__anchor, __block) {
 					}
 				}
 
-				_$_.render(render_4, { a: _$_.UNINITIALIZED, _pattern_1: pattern_1, _div_6: div_6 });
+				_$_.item({ a: _$_.UNINITIALIZED, _pattern_1: pattern_1, _div_6: div_6 });
 				_$_.append(__anchor, div_6);
 			},
 			4,
-			(pattern_1) => _$_.get(pattern_1).id
+			(pattern_1) => pattern_1.id,
+			void 0,
+			void 0,
+			render_4
 		);
 
 		_$_.hydrating && _$_.pop(div_5);
@@ -492,11 +498,14 @@ function KeyedForLoopReorder_render(__anchor, __block) {
 						_$_.hydrating && _$_.pop(li_5);
 					}
 
-					_$_.render(render_5, { a: _$_.UNINITIALIZED, _pattern_2: pattern_2, _li_5: li_5 });
+					_$_.item({ a: _$_.UNINITIALIZED, _pattern_2: pattern_2, _li_5: li_5 });
 					_$_.append(__anchor, li_5);
 				},
 				4,
-				(pattern_2) => _$_.get(pattern_2).id
+				(pattern_2) => pattern_2.id,
+				void 0,
+				void 0,
+				render_5
 			);
 
 			_$_.hydrating && _$_.pop(ul_5);
@@ -552,11 +561,14 @@ function KeyedForLoopUpdate_render(__anchor, __block) {
 						_$_.hydrating && _$_.pop(li_6);
 					}
 
-					_$_.render(render_6, { a: _$_.UNINITIALIZED, _pattern_3: pattern_3, _li_6: li_6 });
+					_$_.item({ a: _$_.UNINITIALIZED, _pattern_3: pattern_3, _li_6: li_6 });
 					_$_.append(__anchor, li_6);
 				},
 				4,
-				(pattern_3) => _$_.get(pattern_3).id
+				(pattern_3) => pattern_3.id,
+				void 0,
+				void 0,
+				render_6
 			);
 
 			_$_.hydrating && _$_.pop(ul_6);
@@ -690,7 +702,7 @@ function ForLoopInsideIf_render(__anchor, __block) {
 
 ForLoopInsideIf[_$_.$r] = ForLoopInsideIf_render;
 
-var root_36 = _$_.template(`<li> </li>`, 0);
+var root_36 = _$_.template(`<li></li>`, 0);
 var root_35 = _$_.template(`<button class="populate">Populate</button><ul class="list"></ul>`, 1, 2);
 var root_34 = _$_.template(`<!>`, 1, 1);
 
@@ -717,10 +729,7 @@ function ForLoopEmptyToPopulated_render(__anchor, __block) {
 					var li_9 = root_36();
 
 					{
-						var expression_14 = _$_.hydrating ? _$_.hydrate_child() : li_9.firstChild;
-
-						_$_.expression(expression_14, () => item);
-						_$_.hydrating && _$_.pop(li_9);
+						li_9.textContent = item;
 					}
 
 					_$_.append(__anchor, li_9);
@@ -852,7 +861,7 @@ function NestedForLoopReactive_render(__anchor, __block) {
 									_$_.hydrating && _$_.pop(span_5);
 								}
 
-								_$_.render(render_7, {
+								_$_.item({
 									a: _$_.UNINITIALIZED,
 									_rowIndex: rowIndex,
 									_colIndex: colIndex,
@@ -861,16 +870,20 @@ function NestedForLoopReactive_render(__anchor, __block) {
 
 								_$_.append(__anchor, span_5);
 							},
-							12
+							12,
+							void 0,
+							render_7
 						);
 
 						_$_.hydrating && _$_.pop(div_9);
-						_$_.render(render_8, { a: _$_.UNINITIALIZED, _rowIndex: rowIndex, _div_9: div_9 });
+						_$_.item({ a: _$_.UNINITIALIZED, _rowIndex: rowIndex, _div_9: div_9 });
 					}
 
 					_$_.append(__anchor, div_9);
 				},
-				12
+				12,
+				void 0,
+				render_8
 			);
 
 			_$_.hydrating && _$_.pop(div_8);
@@ -893,7 +906,7 @@ function render_9(__prev) {
 	}
 }
 
-var root_44 = _$_.template(`<div><h2 class="dept-name"> </h2><!></div>`, 0);
+var root_44 = _$_.template(`<div><h2 class="dept-name"> </h2></div>`, 0);
 
 function render_10(__prev) {
 	var __a = `dept-${_$_.get(__prev._pattern_4).id}`;
@@ -942,7 +955,7 @@ function ForLoopDeeplyNested_render(__anchor, __block) {
 						_$_.hydrating && _$_.pop(h2);
 					}
 
-					var node_9 = _$_.hydrating ? _$_.hydrate_sibling() : h2.nextSibling;
+					var node_9 = _$_.hydrating ? _$_.hydrate_sibling() : _$_.append_into(div_11);
 
 					_$_.for_keyed(
 						node_9,
@@ -985,21 +998,27 @@ function ForLoopDeeplyNested_render(__anchor, __block) {
 								}
 							}
 
-							_$_.render(render_9, { a: _$_.UNINITIALIZED, _pattern_5: pattern_5, _div_12: div_12 });
+							_$_.item({ a: _$_.UNINITIALIZED, _pattern_5: pattern_5, _div_12: div_12 });
 							_$_.append(__anchor, div_12);
 						},
 						0,
-						(pattern_5) => _$_.get(pattern_5).id
+						(pattern_5) => pattern_5.id,
+						void 0,
+						void 0,
+						render_9
 					);
 
 					_$_.hydrating && _$_.pop(div_11);
 				}
 
-				_$_.render(render_10, { a: _$_.UNINITIALIZED, _pattern_4: pattern_4, _div_11: div_11 });
+				_$_.item({ a: _$_.UNINITIALIZED, _pattern_4: pattern_4, _div_11: div_11 });
 				_$_.append(__anchor, div_11);
 			},
 			4,
-			(pattern_4) => _$_.get(pattern_4).id
+			(pattern_4) => pattern_4.id,
+			void 0,
+			void 0,
+			render_10
 		);
 
 		_$_.hydrating && _$_.pop(div_10);
@@ -1010,13 +1029,14 @@ function ForLoopDeeplyNested_render(__anchor, __block) {
 
 ForLoopDeeplyNested[_$_.$r] = ForLoopDeeplyNested_render;
 
-var root_49 = _$_.template(`<li> </li>`, 0);
+var root_49 = _$_.template(`<li></li>`, 0);
 
 function render_11(__prev) {
 	var __a = `[${__prev._i.value}] ${__prev._item}`;
 
 	if (__prev.a !== __a) {
-		_$_.set_text(__prev._expression_20, __prev.a = __a);
+		_$_.set_text_content(__prev._li_12, __a, __prev.a);
+		__prev.a = __a;
 	}
 
 	var __b = `item-${__prev._i.value}`;
@@ -1051,22 +1071,19 @@ function ForLoopIndexUpdate_render(__anchor, __block) {
 				(__anchor, item, i) => {
 					var li_12 = root_49();
 
-					{
-						var expression_20 = _$_.hydrating ? _$_.hydrate_text() : li_12.firstChild;
-					}
-
-					_$_.render(render_11, {
-						a: ' ',
+					_$_.item({
+						a: '',
 						b: _$_.UNINITIALIZED,
 						_i: i,
 						_item: item,
-						_expression_20: expression_20,
 						_li_12: li_12
 					});
 
 					_$_.append(__anchor, li_12);
 				},
-				12
+				12,
+				void 0,
+				render_11
 			);
 
 			_$_.hydrating && _$_.pop(ul_12);
@@ -1080,14 +1097,15 @@ function ForLoopIndexUpdate_render(__anchor, __block) {
 
 ForLoopIndexUpdate[_$_.$r] = ForLoopIndexUpdate_render;
 
-var root_52 = _$_.template(`<li> </li>`, 0);
+var root_52 = _$_.template(`<li></li>`, 0);
 
 function render_12(__prev) {
 	var __pattern_6 = _$_.get(__prev._pattern_6);
 	var __a = `[${__prev._i.value}] ${__pattern_6.id}: ${__pattern_6.value}`;
 
 	if (__prev.a !== __a) {
-		_$_.set_text(__prev._expression_21, __prev.a = __a);
+		_$_.set_text_content(__prev._li_13, __a, __prev.a);
+		__prev.a = __a;
 	}
 
 	var __b = __prev._i.value;
@@ -1137,24 +1155,22 @@ function KeyedForLoopWithIndex_render(__anchor, __block) {
 				(__anchor, pattern_6, i) => {
 					var li_13 = root_52();
 
-					{
-						var expression_21 = _$_.hydrating ? _$_.hydrate_text() : li_13.firstChild;
-					}
-
-					_$_.render(render_12, {
-						a: ' ',
+					_$_.item({
+						a: '',
 						b: void 0,
 						c: _$_.UNINITIALIZED,
 						_pattern_6: pattern_6,
 						_i: i,
-						_expression_21: expression_21,
 						_li_13: li_13
 					});
 
 					_$_.append(__anchor, li_13);
 				},
 				12,
-				(pattern_6, i) => _$_.get(pattern_6).id
+				(pattern_6, i) => pattern_6.id,
+				void 0,
+				void 0,
+				render_12
 			);
 
 			_$_.hydrating && _$_.pop(ul_13);
@@ -1241,7 +1257,7 @@ function ForLoopItemState_render(__anchor, __block) {
 				_$_.render_component(TodoItem, __anchor, { id: _$_.get(pattern_7).id, text: _$_.get(pattern_7).text });
 			},
 			4,
-			(pattern_7) => _$_.get(pattern_7).id
+			(pattern_7) => pattern_7.id
 		);
 
 		_$_.hydrating && _$_.pop(div_15);
@@ -1252,7 +1268,7 @@ function ForLoopItemState_render(__anchor, __block) {
 
 ForLoopItemState[_$_.$r] = ForLoopItemState_render;
 
-var root_57 = _$_.template(`<div><input type="checkbox" class="checkbox"><span> </span></div>`, 0);
+var root_57 = _$_.template(`<div><input type="checkbox" class="checkbox"><span></span></div>`, 0);
 
 function render_13(__prev) {
 	var __a = __prev._done.value;
@@ -1264,7 +1280,8 @@ function render_13(__prev) {
 	var __b = __prev._props.text;
 
 	if (__prev.b !== __b) {
-		_$_.set_text(__prev._expression_23, __prev.b = __b);
+		_$_.set_text_content(__prev._span_6, __b, __prev.b);
+		__prev.b = __b;
 	}
 
 	var __c = __prev._done.value ? 'completed' : 'pending';
@@ -1292,21 +1309,16 @@ function TodoItem_render(__anchor, __block, props) {
 		};
 
 		var span_6 = _$_.hydrating ? _$_.hydrate_sibling() : input.nextSibling;
-
-		{
-			var expression_23 = _$_.hydrating ? _$_.hydrate_text() : span_6.firstChild;
-		}
 	}
 
 	_$_.render(render_13, {
 		a: void 0,
-		b: ' ',
+		b: '',
 		c: _$_.UNINITIALIZED,
 		d: _$_.UNINITIALIZED,
 		_done: done,
 		_input: input,
 		_props: props,
-		_expression_23: expression_23,
 		_span_6: span_6,
 		_div_16: div_16
 	});
@@ -1536,10 +1548,12 @@ function ForLoopLargeList_render(__anchor, __block) {
 					_$_.hydrating && _$_.pop(li_18);
 				}
 
-				_$_.render(render_14, { a: _$_.UNINITIALIZED, _i: i, _li_18: li_18 });
+				_$_.item({ a: _$_.UNINITIALIZED, _i: i, _li_18: li_18 });
 				_$_.append(__anchor, li_18);
 			},
-			12
+			12,
+			void 0,
+			render_14
 		);
 
 		_$_.hydrating && _$_.pop(ul_18);
@@ -1706,13 +1720,14 @@ function KeyedForLoopAppendAndRotate_render(__anchor, __block) {
 
 KeyedForLoopAppendAndRotate[_$_.$r] = KeyedForLoopAppendAndRotate_render;
 
-var root_79 = _$_.template(`<span class="item"> </span>`, 0);
+var root_79 = _$_.template(`<span class="item"></span>`, 0);
 
 function render_15(__prev) {
-	var __a = _$_.get(__prev._pattern_9);
+	var __a = __prev.$item;
 
 	if (__prev.a !== __a) {
-		_$_.set_text(__prev._expression_32, __prev.a = __a);
+		_$_.set_text_content(__prev._span_8, __a, __prev.a);
+		__prev.a = __a;
 	}
 }
 
@@ -1723,14 +1738,14 @@ function RootKeyedList_render(__anchor, __block, props) {
 		(__anchor, pattern_9) => {
 			var span_8 = root_79();
 
-			{
-				var expression_32 = _$_.hydrating ? _$_.hydrate_text() : span_8.firstChild;
-			}
-
-			_$_.render(render_15, { a: ' ', _pattern_9: pattern_9, _expression_32: expression_32 });
+			_$_.item({ a: '', $item: pattern_9, _span_8: span_8 });
 			_$_.append(__anchor, span_8);
 		},
-		16
+		144,
+		void 0,
+		void 0,
+		void 0,
+		render_15
 	);
 }