ripple 0.4.1 → 0.4.3

package/tests/hydration/compiled/server/fragment-cursor.js

@@ -16,20 +16,12 @@ function Leaf() {
 
 export function TrailingNavigatedElements() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'a695c021');
+		const n = _$_.track(0, '1a7yy3l');
 
 		_$_.regular_block(() => {
 			let __out = '';
 
-			__out += '<div class="count">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</div><button class="inc">inc</button><button class="dec">dec</button>';
+			__out += '<div class="count">' + _$_.escape(n.value) + '</div><button class="inc">inc</button><button class="dec">dec</button>';
 			_$_.output_push(__out);
 		});
 	});
@@ -37,7 +29,7 @@ export function TrailingNavigatedElements() {
 
 export function TrailingStaticNavigatedElements() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '0afd9398');
+		const n = _$_.track(0, '31s4ns');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -50,7 +42,7 @@ export function TrailingStaticNavigatedElements() {
 
 export function NavigatedThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '3cea07db');
+		const n = _$_.track(0, 'gwgdej');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -63,7 +55,7 @@ export function NavigatedThenStatic() {
 
 export function LeadingNavigatedThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '8ca89613');
+		const n = _$_.track(0, '130zymr');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -76,7 +68,7 @@ export function LeadingNavigatedThenStatic() {
 
 export function TrailingNestedNavigated() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'f0f5a337');
+		const n = _$_.track(0, '1uuvl87');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -89,7 +81,7 @@ export function TrailingNestedNavigated() {
 
 export function NestedNavigatedThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '2a6293f9');
+		const n = _$_.track(0, 'brdeyh');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -102,7 +94,7 @@ export function NestedNavigatedThenStatic() {
 
 export function TrackedTextThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'db93f6f0');
+		const n = _$_.track(0, '1oxax2o');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -115,7 +107,7 @@ export function TrackedTextThenStatic() {
 
 export function StaticThenTrackedText() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '84cf2507');
+		const n = _$_.track(0, '10ulddz');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -150,7 +142,7 @@ export function AllStatic() {
 
 export function TrailingDynamicChild() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '9be343a7');
+		const n = _$_.track(0, '1794alj');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -163,7 +155,7 @@ export function TrailingDynamicChild() {
 
 export function DynamicChildThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'c76dd5a9');
+		const n = _$_.track(0, '1jc1h9l');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -176,7 +168,7 @@ export function DynamicChildThenStatic() {
 
 export function IfThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'fb175ecd');
+		const n = _$_.track(0, '1xo2wul');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -195,7 +187,7 @@ export function IfThenStatic() {
 
 export function StaticThenIf() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'c8563a58');
+		const n = _$_.track(0, '1jl3wwo');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -277,7 +269,7 @@ export function SiblingComps() {
 
 export function WrapTrailingNavigatedElements() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '1032dbec');
+		const n = _$_.track(0, '4hsxyk');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -293,15 +285,7 @@ export function WrapTrailingNavigatedElements() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -309,7 +293,7 @@ export function WrapTrailingNavigatedElements() {
 
 export function WrapTrailingStaticNavigatedElements() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'c2e2a938');
+		const n = _$_.track(0, '1i2nm0o');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -325,15 +309,7 @@ export function WrapTrailingStaticNavigatedElements() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -341,7 +317,7 @@ export function WrapTrailingStaticNavigatedElements() {
 
 export function WrapNavigatedThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'b4046e87');
+		const n = _$_.track(0, '1dy54zr');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -357,15 +333,7 @@ export function WrapNavigatedThenStatic() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -373,7 +341,7 @@ export function WrapNavigatedThenStatic() {
 
 export function WrapLeadingNavigatedThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'bed7f7ef');
+		const n = _$_.track(0, '1gya7sf');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -389,15 +357,7 @@ export function WrapLeadingNavigatedThenStatic() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -405,7 +365,7 @@ export function WrapLeadingNavigatedThenStatic() {
 
 export function WrapTrailingNestedNavigated() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'eddbe7bc');
+		const n = _$_.track(0, '1tzwnuk');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -421,15 +381,7 @@ export function WrapTrailingNestedNavigated() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -437,7 +389,7 @@ export function WrapTrailingNestedNavigated() {
 
 export function WrapNestedNavigatedThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '1bdc4523');
+		const n = _$_.track(0, '7qafxf');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -453,15 +405,7 @@ export function WrapNestedNavigatedThenStatic() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -469,7 +413,7 @@ export function WrapNestedNavigatedThenStatic() {
 
 export function WrapTrackedTextThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '97e02c24');
+		const n = _$_.track(0, '1651kpw');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -485,15 +429,7 @@ export function WrapTrackedTextThenStatic() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -501,7 +437,7 @@ export function WrapTrackedTextThenStatic() {
 
 export function WrapStaticThenTrackedText() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'd5526861');
+		const n = _$_.track(0, '1n6t9pd');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -517,15 +453,7 @@ export function WrapStaticThenTrackedText() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -533,7 +461,7 @@ export function WrapStaticThenTrackedText() {
 
 export function WrapStaticNestedThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '7e2d3fad');
+		const n = _$_.track(0, 'z0cect');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -549,15 +477,7 @@ export function WrapStaticNestedThenStatic() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -565,7 +485,7 @@ export function WrapStaticNestedThenStatic() {
 
 export function WrapAllStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'b894f45a');
+		const n = _$_.track(0, '1f7qiqi');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -581,15 +501,7 @@ export function WrapAllStatic() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -597,7 +509,7 @@ export function WrapAllStatic() {
 
 export function WrapTrailingDynamicChild() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '038446ca');
+		const n = _$_.track(0, 'z4l3e');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -613,15 +525,7 @@ export function WrapTrailingDynamicChild() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -629,7 +533,7 @@ export function WrapTrailingDynamicChild() {
 
 export function WrapDynamicChildThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '3ec460c3');
+		const n = _$_.track(0, 'heyo5f');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -645,15 +549,7 @@ export function WrapDynamicChildThenStatic() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -661,7 +557,7 @@ export function WrapDynamicChildThenStatic() {
 
 export function WrapIfThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '95b417dd');
+		const n = _$_.track(0, '15jcgyl');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -677,15 +573,7 @@ export function WrapIfThenStatic() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -693,7 +581,7 @@ export function WrapIfThenStatic() {
 
 export function WrapStaticThenIf() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '1f01fa6f');
+		const n = _$_.track(0, '8lq6wf');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -709,15 +597,7 @@ export function WrapStaticThenIf() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -725,7 +605,7 @@ export function WrapStaticThenIf() {
 
 export function WrapCompThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'e6bdb91d');
+		const n = _$_.track(0, '1s0t3x9');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -741,15 +621,7 @@ export function WrapCompThenStatic() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -757,7 +629,7 @@ export function WrapCompThenStatic() {
 
 export function WrapStaticThenComp() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '89d5704c');
+		const n = _$_.track(0, '128s6ks');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -773,15 +645,7 @@ export function WrapStaticThenComp() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -789,7 +653,7 @@ export function WrapStaticThenComp() {
 
 export function WrapSiblingComps() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'c5c51af6');
+		const n = _$_.track(0, '1ivgvli');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -805,15 +669,7 @@ export function WrapSiblingComps() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -849,20 +705,12 @@ export function NestedFragmentThenStatic() {
 
 export function TrailingNestedFragment() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '82cbc65f');
+		const n = _$_.track(0, '10ahg7z');
 
 		_$_.regular_block(() => {
 			let __out = '';
 
-			__out += '<div class="count">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</div><span class="x">x</span><button class="inc">inc</button>';
+			__out += '<div class="count">' + _$_.escape(n.value) + '</div><span class="x">x</span><button class="inc">inc</button>';
 			_$_.output_push(__out);
 		});
 	});
@@ -897,7 +745,7 @@ export function ForThenStatic() {
 
 export function SwitchThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '800f9ff3');
+		const n = _$_.track(0, 'zj5z3n');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -1018,7 +866,7 @@ export function InlineElementThenStatic() {
 
 export function WrapUntrackedTextThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '3a78abea');
+		const n = _$_.track(0, 'g81yay');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -1034,15 +882,7 @@ export function WrapUntrackedTextThenStatic() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -1050,7 +890,7 @@ export function WrapUntrackedTextThenStatic() {
 
 export function WrapNestedFragmentThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'db289d00');
+		const n = _$_.track(0, '1ot44jk');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -1066,15 +906,7 @@ export function WrapNestedFragmentThenStatic() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -1082,7 +914,7 @@ export function WrapNestedFragmentThenStatic() {
 
 export function WrapTrailingNestedFragment() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'bb509235');
+		const n = _$_.track(0, '1fz18vp');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -1098,15 +930,7 @@ export function WrapTrailingNestedFragment() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -1114,7 +938,7 @@ export function WrapTrailingNestedFragment() {
 
 export function WrapForThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'a715e40a');
+		const n = _$_.track(0, '1acyxvu');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -1130,15 +954,7 @@ export function WrapForThenStatic() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -1146,7 +962,7 @@ export function WrapForThenStatic() {
 
 export function WrapSwitchThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'a598ad9f');
+		const n = _$_.track(0, '19y3grj');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -1162,15 +978,7 @@ export function WrapSwitchThenStatic() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -1178,7 +986,7 @@ export function WrapSwitchThenStatic() {
 
 export function WrapTryThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '1030b116');
+		const n = _$_.track(0, '4hpwd2');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -1194,15 +1002,7 @@ export function WrapTryThenStatic() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -1210,7 +1010,7 @@ export function WrapTryThenStatic() {
 
 export function WrapStyleThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'f35d8716');
+		const n = _$_.track(0, '1viwphy');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -1226,15 +1026,7 @@ export function WrapStyleThenStatic() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -1242,7 +1034,7 @@ export function WrapStyleThenStatic() {
 
 export function WrapCollectionThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'b1e7a298');
+		const n = _$_.track(0, '1dd1i1k');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -1258,15 +1050,7 @@ export function WrapCollectionThenStatic() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -1274,7 +1058,7 @@ export function WrapCollectionThenStatic() {
 
 export function WrapInlineElementThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'df10dc38');
+		const n = _$_.track(0, '1pw54xk');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -1290,15 +1074,7 @@ export function WrapInlineElementThenStatic() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -1306,7 +1082,7 @@ export function WrapInlineElementThenStatic() {
 
 export function IfOnly() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'c6afe814');
+		const n = _$_.track(0, '1j4mp04');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -1325,7 +1101,7 @@ export function IfOnly() {
 
 export function IfThenOne() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'c3b63525');
+		const n = _$_.track(0, '1iawrhh');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -1344,7 +1120,7 @@ export function IfThenOne() {
 
 export function SingleRootWithIf() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '63d962e3');
+		const n = _$_.track(0, 'rpd5nn');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -1363,7 +1139,7 @@ export function SingleRootWithIf() {
 
 export function WrapIfOnly() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '83c8f19d');
+		const n = _$_.track(0, '10kd2fx');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -1379,15 +1155,7 @@ export function WrapIfOnly() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -1395,7 +1163,7 @@ export function WrapIfOnly() {
 
 export function WrapIfThenOne() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '2cee9a57');
+		const n = _$_.track(0, 'cgtahj');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -1411,15 +1179,7 @@ export function WrapIfThenOne() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -1427,7 +1187,7 @@ export function WrapIfThenOne() {
 
 export function WrapSingleRootWithIf() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'c179a57b');
+		const n = _$_.track(0, '1hoki9n');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -1443,15 +1203,7 @@ export function WrapSingleRootWithIf() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -1459,7 +1211,7 @@ export function WrapSingleRootWithIf() {
 
 export function ExprThenSiblingInDiv() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'db1d59ee');
+		const n = _$_.track(0, '1osob1q');
 		const label = 'label';
 
 		_$_.regular_block(() => {
@@ -1469,15 +1221,7 @@ export function ExprThenSiblingInDiv() {
 			_$_.output_push(__out);
 			__out = '';
 			_$_.render_expression(label.toUpperCase());
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -1485,7 +1229,7 @@ export function ExprThenSiblingInDiv() {
 
 export function IfTwoThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'd8310b12');
+		const n = _$_.track(0, '1nzh6oi');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -1504,7 +1248,7 @@ export function IfTwoThenStatic() {
 
 export function IfTwoInDiv() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '0c602c2f');
+		const n = _$_.track(0, '3fm7u7');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -1515,15 +1259,7 @@ export function IfTwoInDiv() {
 				__out += '<b class="if">x</b><i class="if2">y</i>';
 			}
 
-			__out += '<!--]--><span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<!--]--><span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -1531,7 +1267,7 @@ export function IfTwoInDiv() {
 
 export function WrapIfTwoThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'cd8f8438');
+		const n = _$_.track(0, '1l1acs8');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -1547,15 +1283,7 @@ export function WrapIfTwoThenStatic() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
-
-			{
-				_$_.output_push(__out);
-				__out = '';
-				_$_.render_expression(n.value);
-			}
-
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -1624,7 +1352,7 @@ export function StaticThenStyleThenStatic() {
 
 export function WrapStaticCallThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '4513c76f');
+		const n = _$_.track(0, 'j5zrlb');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -1640,23 +1368,39 @@ export function WrapStaticCallThenStatic() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
+			_$_.output_push(__out);
+		});
+	});
+}
+
+export function WrapStaticThenStyleThenStatic() {
+	return _$_.tsrx_element(() => {
+		const n = _$_.track(0, 'pw4k4f');
+
+		_$_.regular_block(() => {
+			let __out = '';
+
+			__out += '<div class="outer">';
 
 			{
+				const comp = StaticThenStyleThenStatic;
+				const args = [{}];
+
 				_$_.output_push(__out);
 				__out = '';
-				_$_.render_expression(n.value);
+				_$_.render_component(comp, ...args);
 			}
 
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});
 }
 
-export function WrapStaticThenStyleThenStatic() {
+export function CompThenStaticInDiv() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '5d5162df');
+		const n = _$_.track(0, '1r4hpd1');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -1664,7 +1408,7 @@ export function WrapStaticThenStyleThenStatic() {
 			__out += '<div class="outer">';
 
 			{
-				const comp = StaticThenStyleThenStatic;
+				const comp = Leaf;
 				const args = [{}];
 
 				_$_.output_push(__out);
@@ -1672,15 +1416,119 @@ export function WrapStaticThenStyleThenStatic() {
 				_$_.render_component(comp, ...args);
 			}
 
-			__out += '<span class="after">';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
+			_$_.output_push(__out);
+		});
+	});
+}
+
+export function SiblingCompsInDiv() {
+	return _$_.tsrx_element(() => {
+		const n = _$_.track(0, 'qa5dkx');
+
+		_$_.regular_block(() => {
+			let __out = '';
+
+			__out += '<div class="outer">';
 
 			{
+				const comp = Leaf;
+				const args = [{}];
+
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_component(comp, ...args);
+			}
+
+			{
+				const comp = Leaf;
+				const args = [{}];
+
 				_$_.output_push(__out);
 				__out = '';
-				_$_.render_expression(n.value);
+				_$_.render_component(comp, ...args);
+			}
+
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
+			_$_.output_push(__out);
+		});
+	});
+}
+
+export function IfSwapThenStaticInDiv() {
+	return _$_.tsrx_element(() => {
+		const n = _$_.track(0, '155m7jb');
+
+		_$_.regular_block(() => {
+			let __out = '';
+
+			__out += '<div class="outer"><!--[-->';
+
+			if (n.value % 2 === 0) {
+				__out += '<b class="even">even</b>';
+			} else {
+				__out += '<i class="odd">odd</i>';
+			}
+
+			__out += '<!--]--><span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
+			_$_.output_push(__out);
+		});
+	});
+}
+
+export function ForThenStaticInDiv() {
+	return _$_.tsrx_element(() => {
+		const n = _$_.track(0, '1ve0yjw');
+		const items = [1, 2];
+
+		_$_.regular_block(() => {
+			let __out = '';
+
+			__out += '<div class="outer"><!--[-->';
+
+			for (const item of items) {
+				__out += '<b class="item">';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(item);
+				}
+
+				__out += '</b>';
+			}
+
+			__out += '<!--]--><span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
+			_$_.output_push(__out);
+		});
+	});
+}
+
+export function CompThenStatementThenStaticInDiv() {
+	return _$_.tsrx_element(() => {
+		const n = _$_.track(0, '178iuvb');
+
+		_$_.regular_block(() => {
+			let __out = '';
+
+			__out += '<div class="outer">';
+
+			{
+				const comp = Leaf;
+				const args = [{}];
+
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_component(comp, ...args);
+			}
+
+			{
+				const label = 'after';
+
+				console.assert(label === 'after');
 			}
 
-			__out += '</span><button class="outer-inc">outer</button></div>';
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});
 	});