ripple 0.3.112 → 0.3.113

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

@@ -12,13 +12,21 @@ export function IfFragmentForElement() {
 			__out += '<div class="feed-c"><!--[-->';
 
 			if (hasLoaded) {
-				__out += '<!--[--><!--[-->';
+				__out += '<!--[-->';
 
 				for (const muze of muzes) {
-					__out += '<p class="muze">' + _$_.escape(muze.muzeId) + '</p>';
+					__out += '<p class="muze">';
+
+					{
+						_$_.output_push(__out);
+						__out = '';
+						_$_.render_expression(muze.muzeId);
+					}
+
+					__out += '</p>';
 				}
 
-				__out += '<!--]--><span class="after">after</span><!--]-->';
+				__out += '<!--]--><span class="after">after</span>';
 			}
 
 			__out += '<!--]--></div>';
@@ -38,10 +46,18 @@ export function IfFragmentForIfIf() {
 			__out += '<div class="feed"><!--[-->';
 
 			if (hasLoaded) {
-				__out += '<!--[--><!--[-->';
+				__out += '<!--[-->';
 
 				for (const muze of muzes) {
-					__out += '<p class="muze">' + _$_.escape(muze.muzeId) + '</p>';
+					__out += '<p class="muze">';
+
+					{
+						_$_.output_push(__out);
+						__out = '';
+						_$_.render_expression(muze.muzeId);
+					}
+
+					__out += '</p>';
 				}
 
 				__out += '<!--]--><!--[-->';
@@ -56,7 +72,7 @@ export function IfFragmentForIfIf() {
 					__out += '<span class="empty">empty</span>';
 				}
 
-				__out += '<!--]--><!--]-->';
+				__out += '<!--]-->';
 			}
 
 			__out += '<!--]--></div>';
@@ -75,7 +91,7 @@ export function IfFragmentElements() {
 			__out += '<div class="feed-b"><!--[-->';
 
 			if (hasLoaded) {
-				__out += '<!--[--><p class="muze">b</p><p class="muze">c</p><!--]-->';
+				__out += '<p class="muze">b</p><p class="muze">c</p>';
 			}
 
 			__out += '<!--]--></div>';
@@ -94,7 +110,15 @@ export function ComponentBodyFragmentControlFlow() {
 			__out += '<!--[--><!--[-->';
 
 			for (const muze of muzes) {
-				__out += '<p class="muze">' + _$_.escape(muze.muzeId) + '</p>';
+				__out += '<p class="muze">';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(muze.muzeId);
+				}
+
+				__out += '</p>';
 			}
 
 			__out += '<!--]--><span class="after">after</span><!--]-->';
@@ -121,7 +145,15 @@ export function ComponentBodyCodeBlockControlFlow() {
 				__out += '<!--[-->';
 
 				for (const muze of rows) {
-					__out += '<p class="muze">' + _$_.escape(muze.muzeId) + '</p>';
+					__out += '<p class="muze">';
+
+					{
+						_$_.output_push(__out);
+						__out = '';
+						_$_.render_expression(muze.muzeId);
+					}
+
+					__out += '</p>';
 				}
 
 				__out += '<!--]-->';
@@ -145,7 +177,6 @@ export function IfCodeBlockControlFlow() {
 			__out += '<div class="feed-f"><!--[-->';
 
 			if (hasLoaded) {
-				__out += '<!--[-->';
 				_$_.output_push(__out);
 				__out = '';
 
@@ -156,14 +187,22 @@ export function IfCodeBlockControlFlow() {
 					__out += '<!--[-->';
 
 					for (const muze of rows) {
-						__out += '<p class="muze">' + _$_.escape(muze.muzeId) + '</p>';
+						__out += '<p class="muze">';
+
+						{
+							_$_.output_push(__out);
+							__out = '';
+							_$_.render_expression(muze.muzeId);
+						}
+
+						__out += '</p>';
 					}
 
 					__out += '<!--]-->';
 					_$_.output_push(__out);
 				}));
 
-				__out += '<span class="after">after</span><!--]-->';
+				__out += '<span class="after">after</span>';
 			}
 
 			__out += '<!--]--></div>';
@@ -185,13 +224,21 @@ export function IfElseFragment() {
 			if (hasLoaded) {
 				__out += '<span class="loading">loading</span>';
 			} else {
-				__out += '<!--[--><!--[-->';
+				__out += '<!--[-->';
 
 				for (const muze of muzes) {
-					__out += '<p class="muze">' + _$_.escape(muze.muzeId) + '</p>';
+					__out += '<p class="muze">';
+
+					{
+						_$_.output_push(__out);
+						__out = '';
+						_$_.render_expression(muze.muzeId);
+					}
+
+					__out += '</p>';
 				}
 
-				__out += '<!--]--><span class="after">after</span><!--]-->';
+				__out += '<!--]--><span class="after">after</span>';
 			}
 
 			__out += '<!--]--></div>';
@@ -211,13 +258,21 @@ export function IfDivFragment() {
 			__out += '<div class="feed-e"><!--[-->';
 
 			if (hasLoaded) {
-				__out += '<section><!--[--><!--[-->';
+				__out += '<section><!--[-->';
 
 				for (const muze of muzes) {
-					__out += '<p class="muze">' + _$_.escape(muze.muzeId) + '</p>';
+					__out += '<p class="muze">';
+
+					{
+						_$_.output_push(__out);
+						__out = '';
+						_$_.render_expression(muze.muzeId);
+					}
+
+					__out += '</p>';
 				}
 
-				__out += '<!--]--><span class="after">after</span><!--]--></section>';
+				__out += '<!--]--><span class="after">after</span></section>';
 			}
 
 			__out += '<!--]--></div>';

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

@@ -219,7 +219,15 @@ function AsyncRow({ label }) {
 		_$_.regular_block(() => {
 			let __out = '';
 
-			__out += '<div class="resolved-row">' + _$_.escape(lazy_3.value) + '</div>';
+			__out += '<div class="resolved-row">';
+
+			{
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_expression(lazy_3.value);
+			}
+
+			__out += '</div>';
 			_$_.output_push(__out);
 		});
 	});

package/tests/hydration/compiled/server/nested-control-flow.js

@@ -18,7 +18,15 @@ export function ForIf() {
 				__out += '<!--[-->';
 
 				if (item.show) {
-					__out += '<li' + _$_.attr('class', `item item-${item.id}`) + '>' + _$_.escape(item.label) + '</li>';
+					__out += '<li' + _$_.attr('class', `item item-${item.id}`) + '>';
+
+					{
+						_$_.output_push(__out);
+						__out = '';
+						_$_.render_expression(item.label);
+					}
+
+					__out += '</li>';
 				}
 
 				__out += '<!--]-->';

package/tests/hydration/compiled/server/reactivity.js

@@ -10,7 +10,15 @@ export function TrackedState() {
 		_$_.regular_block(() => {
 			let __out = '';
 
-			__out += '<div class="count">' + _$_.escape(lazy.value) + '</div>';
+			__out += '<div class="count">';
+
+			{
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_expression(lazy.value);
+			}
+
+			__out += '</div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -23,7 +31,15 @@ export function CounterWithInitial(props) {
 		_$_.regular_block(() => {
 			let __out = '';
 
-			__out += '<div><span class="count">' + _$_.escape(lazy_1.value) + '</span></div>';
+			__out += '<div><span class="count">';
+
+			{
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_expression(lazy_1.value);
+			}
+
+			__out += '</span></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -74,7 +90,31 @@ export function MultipleTracked() {
 		_$_.regular_block(() => {
 			let __out = '';
 
-			__out += '<div class="multiple-tracked"><div class="x">' + _$_.escape(lazy_4.value) + '</div><div class="y">' + _$_.escape(lazy_5.value) + '</div><div class="z">' + _$_.escape(lazy_6.value) + '</div></div>';
+			__out += '<div class="multiple-tracked"><div class="x">';
+
+			{
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_expression(lazy_4.value);
+			}
+
+			__out += '</div><div class="y">';
+
+			{
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_expression(lazy_5.value);
+			}
+
+			__out += '</div><div class="z">';
+
+			{
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_expression(lazy_6.value);
+			}
+
+			__out += '</div></div>';
 			_$_.output_push(__out);
 		});
 	});

package/tests/hydration/compiled/server/streaming.js

@@ -93,7 +93,15 @@ function CatchOnlyContent() {
 		_$_.regular_block(() => {
 			let __out = '';
 
-			__out += '<p class="resolved">' + _$_.escape(lazy_2.value) + '</p>';
+			__out += '<p class="resolved">';
+
+			{
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_expression(lazy_2.value);
+			}
+
+			__out += '</p>';
 			_$_.output_push(__out);
 		});
 	});
@@ -129,7 +137,15 @@ export function StreamCatchOnly() {
 				(e) => {
 					let __out = '';
 
-					__out += '<!--[--><em class="caught">' + _$_.escape(e.message) + '</em><!--]-->';
+					__out += '<!--[--><em class="caught">';
+
+					{
+						_$_.output_push(__out);
+						__out = '';
+						_$_.render_expression(e.message);
+					}
+
+					__out += '</em><!--]-->';
 					_$_.output_push(__out);
 				},
 				null
@@ -147,7 +163,15 @@ function RejectContent() {
 		_$_.regular_block(() => {
 			let __out = '';
 
-			__out += '<p class="resolved">' + _$_.escape(lazy_3.value) + '</p>';
+			__out += '<p class="resolved">';
+
+			{
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_expression(lazy_3.value);
+			}
+
+			__out += '</p>';
 			_$_.output_push(__out);
 		});
 	});
@@ -185,7 +209,15 @@ export function StreamRejects() {
 				_$_.regular_block(() => {
 					let __out = '';
 
-					__out += '<em class="caught">' + _$_.escape(e.message) + '</em>';
+					__out += '<em class="caught">';
+
+					{
+						_$_.output_push(__out);
+						__out = '';
+						_$_.render_expression(e.message);
+					}
+
+					__out += '</em>';
 					_$_.output_push(__out);
 				});
 
@@ -220,7 +252,15 @@ function NoCatchContent() {
 		_$_.regular_block(() => {
 			let __out = '';
 
-			__out += '<p class="resolved">' + _$_.escape(lazy_4.value) + '</p>';
+			__out += '<p class="resolved">';
+
+			{
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_expression(lazy_4.value);
+			}
+
+			__out += '</p>';
 			_$_.output_push(__out);
 		});
 	});
@@ -275,7 +315,15 @@ export function RootCatch({ error, reset }) {
 		_$_.regular_block(() => {
 			let __out = '';
 
-			__out += '<section class="root-catch">' + _$_.escape(error.message) + '</section>';
+			__out += '<section class="root-catch">';
+
+			{
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_expression(error.message);
+			}
+
+			__out += '</section>';
 			_$_.output_push(__out);
 		});
 	});
@@ -302,7 +350,15 @@ function HeadContent() {
 			__out += '<!--[--><!--[-->';
 
 			if (lazy_5.value) {
-				__out += '<!--[--><p class="head-content">' + _$_.escape(lazy_5.value) + '</p>';
+				__out += '<p class="head-content">';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(lazy_5.value);
+				}
+
+				__out += '</p>';
 				_$_.output_push(__out);
 				__out = '';
 				_$_.set_output_target('head');
@@ -310,7 +366,6 @@ function HeadContent() {
 				_$_.output_push(__out);
 				__out = '';
 				_$_.set_output_target(null);
-				__out += '<!--]-->';
 			}
 
 			__out += '<!--]--><!--]-->';
@@ -370,7 +425,15 @@ export function StreamRootDirect() {
 		_$_.regular_block(() => {
 			let __out = '';
 
-			__out += '<p class="root-async">' + _$_.escape(lazy_6.value) + '</p>';
+			__out += '<p class="root-async">';
+
+			{
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_expression(lazy_6.value);
+			}
+
+			__out += '</p>';
 			_$_.output_push(__out);
 		});
 	});
@@ -383,7 +446,15 @@ function OuterContent() {
 		_$_.regular_block(() => {
 			let __out = '';
 
-			__out += '<p class="outer">' + _$_.escape(lazy_7.value) + '</p>';
+			__out += '<p class="outer">';
+
+			{
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_expression(lazy_7.value);
+			}
+
+			__out += '</p>';
 			_$_.output_push(__out);
 		});
 	});
@@ -396,7 +467,15 @@ function InnerContent() {
 		_$_.regular_block(() => {
 			let __out = '';
 
-			__out += '<p class="inner">' + _$_.escape(lazy_8.value) + '</p>';
+			__out += '<p class="inner">';
+
+			{
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_expression(lazy_8.value);
+			}
+
+			__out += '</p>';
 			_$_.output_push(__out);
 		});
 	});
@@ -414,41 +493,55 @@ export function StreamNested() {
 
 				_$_.regular_block(() => {
 					{
-						{
-							const comp = OuterContent;
-							const args = [{}];
-
-							_$_.render_component(comp, ...args);
-						}
+						const comp = OuterContent;
+						const args = [{}];
 
-						_$_.try_block(
-							() => {
-								let __out = '';
+						_$_.render_component(comp, ...args);
+					}
+				});
 
-								__out += '<!--[-->';
+				_$_.output_push(__out);
+				__out = '';
 
-								{
-									const comp = InnerContent;
-									const args = [{}];
+				_$_.try_block(
+					() => {
+						let __out = '';
 
-									_$_.output_push(__out);
-									__out = '';
-									_$_.render_component(comp, ...args);
-								}
+						__out += '<!--[-->';
+						_$_.output_push(__out);
+						__out = '';
 
-								__out += '<!--]-->';
-								_$_.output_push(__out);
-							},
-							null,
-							() => {
-								let __out = '';
+						_$_.regular_block(() => {
+							{
+								const comp = InnerContent;
+								const args = [{}];
 
-								__out += '<!--[--><p class="inner-loading">inner-loading</p><!--]-->';
-								_$_.output_push(__out);
+								_$_.render_component(comp, ...args);
 							}
-						);
+						});
+
+						__out += '<!--]-->';
+						_$_.output_push(__out);
+					},
+					null,
+					() => {
+						let __out = '';
+
+						__out += '<!--[-->';
+						_$_.output_push(__out);
+						__out = '';
+
+						_$_.regular_block(() => {
+							let __out = '';
+
+							__out += '<p class="inner-loading">inner-loading</p>';
+							_$_.output_push(__out);
+						});
+
+						__out += '<!--]-->';
+						_$_.output_push(__out);
 					}
-				});
+				);
 
 				__out += '<!--]-->';
 				_$_.output_push(__out);