ripple 0.4.2 → 0.4.4

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

@@ -16,7 +16,7 @@ function Leaf() {
 
 export function TrailingNavigatedElements() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, 'a695c021');
+		const n = _$_.track(0, '1a7yy3l');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -29,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 = '';
@@ -42,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 = '';
@@ -55,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 = '';
@@ -68,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 = '';
@@ -81,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 = '';
@@ -94,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 = '';
@@ -107,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 = '';
@@ -142,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 = '';
@@ -155,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 = '';
@@ -168,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 = '';
@@ -187,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 = '';
@@ -269,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,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 = '';
@@ -317,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 = '';
@@ -341,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 = '';
@@ -365,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 = '';
@@ -389,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 = '';
@@ -413,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 = '';
@@ -437,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 = '';
@@ -461,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 = '';
@@ -485,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 = '';
@@ -509,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 = '';
@@ -533,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 = '';
@@ -557,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 = '';
@@ -581,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 = '';
@@ -605,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 = '';
@@ -629,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 = '';
@@ -653,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 = '';
@@ -705,7 +705,7 @@ export function NestedFragmentThenStatic() {
 
 export function TrailingNestedFragment() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '82cbc65f');
+		const n = _$_.track(0, '10ahg7z');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -745,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 = '';
@@ -866,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 = '';
@@ -890,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 = '';
@@ -914,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 = '';
@@ -938,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 = '';
@@ -962,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 = '';
@@ -986,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 = '';
@@ -1010,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 = '';
@@ -1034,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 = '';
@@ -1058,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 = '';
@@ -1082,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 = '';
@@ -1101,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 = '';
@@ -1120,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 = '';
@@ -1139,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 = '';
@@ -1163,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 = '';
@@ -1187,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 = '';
@@ -1211,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(() => {
@@ -1229,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 = '';
@@ -1248,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 = '';
@@ -1267,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 = '';
@@ -1352,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 = '';
@@ -1376,7 +1376,7 @@ export function WrapStaticCallThenStatic() {
 
 export function WrapStaticThenStyleThenStatic() {
 	return _$_.tsrx_element(() => {
-		const n = _$_.track(0, '5d5162df');
+		const n = _$_.track(0, 'pw4k4f');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -1392,6 +1392,142 @@ export function WrapStaticThenStyleThenStatic() {
 				_$_.render_component(comp, ...args);
 			}
 
+			__out += '<span class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
+			_$_.output_push(__out);
+		});
+	});
+}
+
+export function CompThenStaticInDiv() {
+	return _$_.tsrx_element(() => {
+		const n = _$_.track(0, '1r4hpd1');
+
+		_$_.regular_block(() => {
+			let __out = '';
+
+			__out += '<div class="outer">';
+
+			{
+				const comp = Leaf;
+				const args = [{}];
+
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_component(comp, ...args);
+			}
+
+			__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_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 class="after">' + _$_.escape(n.value) + '</span><button class="outer-inc">outer</button></div>';
 			_$_.output_push(__out);
 		});

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

@@ -23,7 +23,7 @@ export function StaticTitle() {
 
 export function ReactiveTitle() {
 	return _$_.tsrx_element(() => {
-		const title = _$_.track('Initial Title', 'cbca63e3');
+		const title = _$_.track('Initial Title', '1kjlv4z');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -69,7 +69,7 @@ export function MultipleHeadElements() {
 
 export function ReactiveMetaTags() {
 	return _$_.tsrx_element(() => {
-		const description = _$_.track('Initial description', '38bfa3b2');
+		const description = _$_.track('Initial description', 'fqug8i');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -97,7 +97,7 @@ export function ReactiveMetaTags() {
 
 export function TitleWithTemplate() {
 	return _$_.tsrx_element(() => {
-		const name = _$_.track('World', 'f3925cd5');
+		const name = _$_.track('World', '1vkyx91');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -143,8 +143,8 @@ export function EmptyTitle() {
 
 export function ConditionalTitle() {
 	return _$_.tsrx_element(() => {
-		const showPrefix = _$_.track(true, 'ff71bf1f');
-		const title = _$_.track('Main Page', '7cd7d671');
+		const showPrefix = _$_.track(true, '1yvk8in');
+		const title = _$_.track('Main Page', 'yn0twx');
 
 		_$_.regular_block(() => {
 			let __out = '';
@@ -172,7 +172,7 @@ export function ConditionalTitle() {
 
 export function ComputedTitle() {
 	return _$_.tsrx_element(() => {
-		const count = _$_.track(0, 'b6a48610');
+		const count = _$_.track(0, '1eod79s');
 		let prefix = 'Count: ';
 
 		_$_.regular_block(() => {

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

@@ -24,7 +24,7 @@ export function Layout({ children }) {
 
 export function Content() {
 	return _$_.tsrx_element(() => {
-		const visible = _$_.track(true, '0bdb1500');
+		const visible = _$_.track(true, '3af9q8');
 
 		_$_.regular_block(() => {
 			let __out = '';

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

@@ -900,7 +900,7 @@ function NavItem({ href, text: label, active = false }) {
 
 function SidebarSection({ title, children }) {
 	return _$_.tsrx_element(() => {
-		const expanded = _$_.track(true, '6ac6906f');
+		const expanded = _$_.track(true, 'tmjvjj');
 
 		_$_.regular_block(() => {
 			let __out = '';