ripple 0.3.112 → 0.3.113

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

@@ -13,7 +13,15 @@ export function StaticForLoop() {
 			__out += '<ul><!--[-->';
 
 			for (const item of items) {
-				__out += '<li>' + _$_.escape(item) + '</li>';
+				__out += '<li>';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(item);
+				}
+
+				__out += '</li>';
 			}
 
 			__out += '<!--]--></ul>';
@@ -64,7 +72,15 @@ export function KeyedForLoop() {
 			__out += '<ul><!--[-->';
 
 			for (const item of items) {
-				__out += '<li>' + _$_.escape(item.name) + '</li>';
+				__out += '<li>';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(item.name);
+				}
+
+				__out += '</li>';
 			}
 
 			__out += '<!--]--></ul>';
@@ -83,7 +99,15 @@ export function ReactiveForLoopAdd() {
 			__out += '<button class="add">Add</button><ul><!--[-->';
 
 			for (const item of lazy.value) {
-				__out += '<li>' + _$_.escape(item) + '</li>';
+				__out += '<li>';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(item);
+				}
+
+				__out += '</li>';
 			}
 
 			__out += '<!--]--></ul>';
@@ -102,7 +126,15 @@ export function ReactiveForLoopRemove() {
 			__out += '<button class="remove">Remove</button><ul><!--[-->';
 
 			for (const item of lazy_1.value) {
-				__out += '<li>' + _$_.escape(item) + '</li>';
+				__out += '<li>';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(item);
+				}
+
+				__out += '</li>';
 			}
 
 			__out += '<!--]--></ul>';
@@ -126,7 +158,15 @@ export function ForLoopInteractive() {
 				var i = 0;
 
 				for (const count of lazy_2.value) {
-					__out += '<div' + _$_.attr('class', `item-${i}`) + '><span class="value">' + _$_.escape(count) + '</span><button class="increment">+</button></div>';
+					__out += '<div' + _$_.attr('class', `item-${i}`) + '><span class="value">';
+
+					{
+						_$_.output_push(__out);
+						__out = '';
+						_$_.render_expression(count);
+					}
+
+					__out += '</span><button class="increment">+</button></div>';
 					i++;
 				}
 
@@ -162,7 +202,15 @@ export function NestedForLoop() {
 						var colIndex = 0;
 
 						for (const cell of row) {
-							__out += '<span' + _$_.attr('class', `cell-${rowIndex}-${colIndex}`) + '>' + _$_.escape(cell) + '</span>';
+							__out += '<span' + _$_.attr('class', `cell-${rowIndex}-${colIndex}`) + '>';
+
+							{
+								_$_.output_push(__out);
+								__out = '';
+								_$_.render_expression(cell);
+							}
+
+							__out += '</span>';
 							colIndex++;
 						}
 
@@ -192,7 +240,15 @@ export function EmptyForLoop() {
 			__out += '<div class="container"><!--[-->';
 
 			for (const item of items) {
-				__out += '<span>' + _$_.escape(item) + '</span>';
+				__out += '<span>';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(item);
+				}
+
+				__out += '</span>';
 			}
 
 			__out += '<!--]--></div>';
@@ -214,7 +270,23 @@ export function ForLoopComplexObjects() {
 			__out += '<div><!--[-->';
 
 			for (const user of users) {
-				__out += '<div' + _$_.attr('class', `user-${user.id}`) + '><span class="name">' + _$_.escape(user.name) + '</span><span class="role">' + _$_.escape(user.role) + '</span></div>';
+				__out += '<div' + _$_.attr('class', `user-${user.id}`) + '><span class="name">';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(user.name);
+				}
+
+				__out += '</span><span class="role">';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(user.role);
+				}
+
+				__out += '</span></div>';
 			}
 
 			__out += '<!--]--></div>';
@@ -240,7 +312,15 @@ export function KeyedForLoopReorder() {
 			__out += '<button class="reorder">Reorder</button><ul><!--[-->';
 
 			for (const item of lazy_3.value) {
-				__out += '<li' + _$_.attr('class', `item-${item.id}`) + '>' + _$_.escape(item.name) + '</li>';
+				__out += '<li' + _$_.attr('class', `item-${item.id}`) + '>';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(item.name);
+				}
+
+				__out += '</li>';
 			}
 
 			__out += '<!--]--></ul>';
@@ -259,7 +339,15 @@ export function KeyedForLoopUpdate() {
 			__out += '<button class="update">Update</button><ul><!--[-->';
 
 			for (const item of lazy_4.value) {
-				__out += '<li' + _$_.attr('class', `item-${item.id}`) + '>' + _$_.escape(item.name) + '</li>';
+				__out += '<li' + _$_.attr('class', `item-${item.id}`) + '>';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(item.name);
+				}
+
+				__out += '</li>';
 			}
 
 			__out += '<!--]--></ul>';
@@ -278,7 +366,15 @@ export function ForLoopMixedOperations() {
 			__out += '<button class="shuffle">Shuffle</button><ul><!--[-->';
 
 			for (const item of lazy_5.value) {
-				__out += '<li' + _$_.attr('class', `item-${item}`) + '>' + _$_.escape(item) + '</li>';
+				__out += '<li' + _$_.attr('class', `item-${item}`) + '>';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(item);
+				}
+
+				__out += '</li>';
 			}
 
 			__out += '<!--]--></ul>';
@@ -301,7 +397,15 @@ export function ForLoopInsideIf() {
 				__out += '<ul class="list"><!--[-->';
 
 				for (const item of lazy_7.value) {
-					__out += '<li>' + _$_.escape(item) + '</li>';
+					__out += '<li>';
+
+					{
+						_$_.output_push(__out);
+						__out = '';
+						_$_.render_expression(item);
+					}
+
+					__out += '</li>';
 				}
 
 				__out += '<!--]--></ul>';
@@ -323,7 +427,15 @@ export function ForLoopEmptyToPopulated() {
 			__out += '<button class="populate">Populate</button><ul class="list"><!--[-->';
 
 			for (const item of lazy_8.value) {
-				__out += '<li>' + _$_.escape(item) + '</li>';
+				__out += '<li>';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(item);
+				}
+
+				__out += '</li>';
 			}
 
 			__out += '<!--]--></ul>';
@@ -342,7 +454,15 @@ export function ForLoopPopulatedToEmpty() {
 			__out += '<button class="clear">Clear</button><ul class="list"><!--[-->';
 
 			for (const item of lazy_9.value) {
-				__out += '<li>' + _$_.escape(item) + '</li>';
+				__out += '<li>';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(item);
+				}
+
+				__out += '</li>';
 			}
 
 			__out += '<!--]--></ul>';
@@ -374,7 +494,15 @@ export function NestedForLoopReactive() {
 						var colIndex = 0;
 
 						for (const cell of row) {
-							__out += '<span' + _$_.attr('class', `cell-${rowIndex}-${colIndex}`) + '>' + _$_.escape(cell) + '</span>';
+							__out += '<span' + _$_.attr('class', `cell-${rowIndex}-${colIndex}`) + '>';
+
+							{
+								_$_.output_push(__out);
+								__out = '';
+								_$_.render_expression(cell);
+							}
+
+							__out += '</span>';
 							colIndex++;
 						}
 
@@ -419,13 +547,37 @@ export function ForLoopDeeplyNested() {
 			__out += '<div class="org"><!--[-->';
 
 			for (const dept of departments) {
-				__out += '<div' + _$_.attr('class', `dept-${dept.id}`) + '><h2 class="dept-name">' + _$_.escape(dept.name) + '</h2><!--[-->';
+				__out += '<div' + _$_.attr('class', `dept-${dept.id}`) + '><h2 class="dept-name">';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(dept.name);
+				}
+
+				__out += '</h2><!--[-->';
 
 				for (const team of dept.teams) {
-					__out += '<div' + _$_.attr('class', `team-${team.id}`) + '><h3 class="team-name">' + _$_.escape(team.name) + '</h3><ul><!--[-->';
+					__out += '<div' + _$_.attr('class', `team-${team.id}`) + '><h3 class="team-name">';
+
+					{
+						_$_.output_push(__out);
+						__out = '';
+						_$_.render_expression(team.name);
+					}
+
+					__out += '</h3><ul><!--[-->';
 
 					for (const member of team.members) {
-						__out += '<li class="member">' + _$_.escape(member) + '</li>';
+						__out += '<li class="member">';
+
+						{
+							_$_.output_push(__out);
+							__out = '';
+							_$_.render_expression(member);
+						}
+
+						__out += '</li>';
 					}
 
 					__out += '<!--]--></ul></div>';
@@ -513,7 +665,15 @@ export function ForLoopWithSiblings() {
 			__out += '<div class="wrapper"><header class="before">Before</header><!--[-->';
 
 			for (const item of lazy_13.value) {
-				__out += '<div' + _$_.attr('class', `item-${item}`) + '>' + _$_.escape(item) + '</div>';
+				__out += '<div' + _$_.attr('class', `item-${item}`) + '>';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(item);
+				}
+
+				__out += '</div>';
 			}
 
 			__out += '<!--]--><footer class="after">After</footer></div><button class="add">Add</button>';
@@ -575,7 +735,15 @@ export function ForLoopSingleItem() {
 			__out += '<ul><!--[-->';
 
 			for (const item of items) {
-				__out += '<li class="single">' + _$_.escape(item) + '</li>';
+				__out += '<li class="single">';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(item);
+				}
+
+				__out += '</li>';
 			}
 
 			__out += '<!--]--></ul>';
@@ -594,7 +762,15 @@ export function ForLoopAddAtBeginning() {
 			__out += '<button class="prepend">Prepend A</button><ul><!--[-->';
 
 			for (const item of lazy_15.value) {
-				__out += '<li' + _$_.attr('class', `item-${item}`) + '>' + _$_.escape(item) + '</li>';
+				__out += '<li' + _$_.attr('class', `item-${item}`) + '>';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(item);
+				}
+
+				__out += '</li>';
 			}
 
 			__out += '<!--]--></ul>';
@@ -613,7 +789,15 @@ export function ForLoopAddInMiddle() {
 			__out += '<button class="insert">Insert B</button><ul><!--[-->';
 
 			for (const item of lazy_16.value) {
-				__out += '<li' + _$_.attr('class', `item-${item}`) + '>' + _$_.escape(item) + '</li>';
+				__out += '<li' + _$_.attr('class', `item-${item}`) + '>';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(item);
+				}
+
+				__out += '</li>';
 			}
 
 			__out += '<!--]--></ul>';
@@ -632,7 +816,15 @@ export function ForLoopRemoveFromMiddle() {
 			__out += '<button class="remove-middle">Remove B</button><ul><!--[-->';
 
 			for (const item of lazy_17.value) {
-				__out += '<li' + _$_.attr('class', `item-${item}`) + '>' + _$_.escape(item) + '</li>';
+				__out += '<li' + _$_.attr('class', `item-${item}`) + '>';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(item);
+				}
+
+				__out += '</li>';
 			}
 
 			__out += '<!--]--></ul>';
@@ -656,7 +848,15 @@ export function ForLoopLargeList() {
 				var i = 0;
 
 				for (const item of items) {
-					__out += '<li' + _$_.attr('class', `item-${i}`) + '>' + _$_.escape(item) + '</li>';
+					__out += '<li' + _$_.attr('class', `item-${i}`) + '>';
+
+					{
+						_$_.output_push(__out);
+						__out = '';
+						_$_.render_expression(item);
+					}
+
+					__out += '</li>';
 					i++;
 				}
 
@@ -679,7 +879,15 @@ export function ForLoopSwap() {
 			__out += '<button class="swap">Swap First and Last</button><ul><!--[-->';
 
 			for (const item of lazy_18.value) {
-				__out += '<li' + _$_.attr('class', `item-${item}`) + '>' + _$_.escape(item) + '</li>';
+				__out += '<li' + _$_.attr('class', `item-${item}`) + '>';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(item);
+				}
+
+				__out += '</li>';
 			}
 
 			__out += '<!--]--></ul>';
@@ -698,7 +906,15 @@ export function ForLoopReverse() {
 			__out += '<button class="reverse">Reverse</button><ul><!--[-->';
 
 			for (const item of lazy_19.value) {
-				__out += '<li' + _$_.attr('class', `item-${item}`) + '>' + _$_.escape(item) + '</li>';
+				__out += '<li' + _$_.attr('class', `item-${item}`) + '>';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(item);
+				}
+
+				__out += '</li>';
 			}
 
 			__out += '<!--]--></ul>';

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

@@ -28,7 +28,15 @@ export function ReactiveTitle() {
 		_$_.regular_block(() => {
 			let __out = '';
 
-			__out += '<div><span>' + _$_.escape(lazy.value) + '</span></div>';
+			__out += '<div><span>';
+
+			{
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_expression(lazy.value);
+			}
+
+			__out += '</span></div>';
 			_$_.output_push(__out);
 			__out = '';
 			_$_.set_output_target('head');
@@ -66,7 +74,15 @@ export function ReactiveMetaTags() {
 		_$_.regular_block(() => {
 			let __out = '';
 
-			__out += '<div>' + _$_.escape(lazy_1.value) + '</div>';
+			__out += '<div>';
+
+			{
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_expression(lazy_1.value);
+			}
+
+			__out += '</div>';
 			_$_.output_push(__out);
 			__out = '';
 			_$_.set_output_target('head');
@@ -86,7 +102,15 @@ export function TitleWithTemplate() {
 		_$_.regular_block(() => {
 			let __out = '';
 
-			__out += '<div>' + _$_.escape(lazy_2.value) + '</div>';
+			__out += '<div>';
+
+			{
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_expression(lazy_2.value);
+			}
+
+			__out += '</div>';
 			_$_.output_push(__out);
 			__out = '';
 			_$_.set_output_target('head');
@@ -125,7 +149,15 @@ export function ConditionalTitle() {
 		_$_.regular_block(() => {
 			let __out = '';
 
-			__out += '<div>' + _$_.escape(lazy_4.value) + '</div>';
+			__out += '<div>';
+
+			{
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_expression(lazy_4.value);
+			}
+
+			__out += '</div>';
 			_$_.output_push(__out);
 			__out = '';
 			_$_.set_output_target('head');
@@ -146,7 +178,15 @@ export function ComputedTitle() {
 		_$_.regular_block(() => {
 			let __out = '';
 
-			__out += '<div><span>' + _$_.escape(lazy_5.value) + '</span></div>';
+			__out += '<div><span>';
+
+			{
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_expression(lazy_5.value);
+			}
+
+			__out += '</span></div>';
 			_$_.output_push(__out);
 			__out = '';
 			_$_.set_output_target('head');

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

@@ -321,7 +321,7 @@ export function DocLayout(__props) {
 					_$_.output_push('>');
 
 					{
-						_$_.output_push(_$_.escape(_$_.fallback(__props.nextLink, null).text));
+						_$_.render_expression(_$_.fallback(__props.nextLink, null).text);
 					}
 
 					_$_.output_push('</a>');
@@ -367,7 +367,7 @@ export function DocLayout(__props) {
 								_$_.output_push('>');
 
 								{
-									_$_.output_push(_$_.escape(item.text));
+									_$_.render_expression(item.text);
 								}
 
 								_$_.output_push('</a>');
@@ -711,7 +711,15 @@ function ForList({ items }) {
 			__out += '<!--[-->';
 
 			for (const item of items) {
-				__out += '<span class="for-item">' + _$_.escape(item) + '</span>';
+				__out += '<span class="for-item">';
+
+				{
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_expression(item);
+				}
+
+				__out += '</span>';
 			}
 
 			__out += '<!--]-->';
@@ -957,7 +965,15 @@ function NavItem(__props) {
 				_$_.output_push('</div>');
 			}
 
-			__out += '<!--]--><a' + _$_.attr('href', __props.href, false) + '><span>' + _$_.escape(__props.text) + '</span></a></div>';
+			__out += '<!--]--><a' + _$_.attr('href', __props.href, false) + '><span>';
+
+			{
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_expression(__props.text);
+			}
+
+			__out += '</span></a></div>';
 			_$_.output_push(__out);
 		});
 	});
@@ -1482,7 +1498,7 @@ function DocsLayoutInner(__props) {
 					_$_.output_push('>');
 
 					{
-						_$_.output_push(_$_.escape(_$_.fallback(__props.nextLink, null).text));
+						_$_.render_expression(_$_.fallback(__props.nextLink, null).text);
 					}
 
 					_$_.output_push('</a>');
@@ -1647,7 +1663,7 @@ function DocsLayoutExact(__props) {
 							_$_.output_push('>');
 
 							{
-								_$_.output_push(_$_.escape(_$_.fallback(__props.prevLink, null).text));
+								_$_.render_expression(_$_.fallback(__props.prevLink, null).text);
 							}
 
 							_$_.output_push('</span>');
@@ -1675,7 +1691,7 @@ function DocsLayoutExact(__props) {
 							_$_.output_push('>');
 
 							{
-								_$_.output_push(_$_.escape(_$_.fallback(__props.nextLink, null).text));
+								_$_.render_expression(_$_.fallback(__props.nextLink, null).text);
 							}
 
 							_$_.output_push('</span>');
@@ -1724,7 +1740,7 @@ function DocsLayoutExact(__props) {
 							_$_.output_push('>');
 
 							{
-								_$_.output_push(_$_.escape(item.text));
+								_$_.render_expression(item.text);
 							}
 
 							_$_.output_push('</a>');