ripple 0.3.72 → 0.3.76

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

@@ -90,33 +90,32 @@ export function ReactiveIf() {
 		let lazy = _$_.track(true, '19a16ff0');
 
 		_$_.regular_block(() => {
-			_$_.output_push('<button');
-			_$_.output_push(' class="toggle"');
-			_$_.output_push('>');
-
 			{
-				_$_.output_push('Toggle');
-			}
+				_$_.output_push('<button');
+				_$_.output_push(' class="toggle"');
+				_$_.output_push('>');
 
-			_$_.output_push('</button>');
-		});
+				{
+					_$_.output_push('Toggle');
+				}
 
-		_$_.regular_block(() => {
-			_$_.output_push('<!--[-->');
+				_$_.output_push('</button>');
+				_$_.output_push('<!--[-->');
 
-			if (lazy.value) {
-				_$_.output_push('<div');
-				_$_.output_push(' class="content"');
-				_$_.output_push('>');
+				if (lazy.value) {
+					_$_.output_push('<div');
+					_$_.output_push(' class="content"');
+					_$_.output_push('>');
 
-				{
-					_$_.output_push('Content visible');
+					{
+						_$_.output_push('Content visible');
+					}
+
+					_$_.output_push('</div>');
 				}
 
-				_$_.output_push('</div>');
+				_$_.output_push('<!--]-->');
 			}
-
-			_$_.output_push('<!--]-->');
 		});
 	});
 }
@@ -126,43 +125,42 @@ export function ReactiveIfElse() {
 		let lazy_1 = _$_.track(false, '41177f39');
 
 		_$_.regular_block(() => {
-			_$_.output_push('<button');
-			_$_.output_push(' class="toggle"');
-			_$_.output_push('>');
-
 			{
-				_$_.output_push('Toggle');
-			}
-
-			_$_.output_push('</button>');
-		});
-
-		_$_.regular_block(() => {
-			_$_.output_push('<!--[-->');
-
-			if (lazy_1.value) {
-				_$_.output_push('<div');
-				_$_.output_push(' class="on"');
+				_$_.output_push('<button');
+				_$_.output_push(' class="toggle"');
 				_$_.output_push('>');
 
 				{
-					_$_.output_push('ON');
+					_$_.output_push('Toggle');
 				}
 
-				_$_.output_push('</div>');
-			} else {
-				_$_.output_push('<div');
-				_$_.output_push(' class="off"');
-				_$_.output_push('>');
+				_$_.output_push('</button>');
+				_$_.output_push('<!--[-->');
 
-				{
-					_$_.output_push('OFF');
+				if (lazy_1.value) {
+					_$_.output_push('<div');
+					_$_.output_push(' class="on"');
+					_$_.output_push('>');
+
+					{
+						_$_.output_push('ON');
+					}
+
+					_$_.output_push('</div>');
+				} else {
+					_$_.output_push('<div');
+					_$_.output_push(' class="off"');
+					_$_.output_push('>');
+
+					{
+						_$_.output_push('OFF');
+					}
+
+					_$_.output_push('</div>');
 				}
 
-				_$_.output_push('</div>');
+				_$_.output_push('<!--]-->');
 			}
-
-			_$_.output_push('<!--]-->');
 		});
 	});
 }
@@ -173,60 +171,56 @@ export function NestedIf() {
 		let lazy_3 = _$_.track(true, 'f21b8c26');
 
 		_$_.regular_block(() => {
-			_$_.output_push('<button');
-			_$_.output_push(' class="outer-toggle"');
-			_$_.output_push('>');
-
 			{
-				_$_.output_push('Outer');
-			}
+				_$_.output_push('<button');
+				_$_.output_push(' class="outer-toggle"');
+				_$_.output_push('>');
 
-			_$_.output_push('</button>');
-		});
+				{
+					_$_.output_push('Outer');
+				}
 
-		_$_.regular_block(() => {
-			_$_.output_push('<button');
-			_$_.output_push(' class="inner-toggle"');
-			_$_.output_push('>');
+				_$_.output_push('</button>');
+				_$_.output_push('<button');
+				_$_.output_push(' class="inner-toggle"');
+				_$_.output_push('>');
 
-			{
-				_$_.output_push('Inner');
-			}
+				{
+					_$_.output_push('Inner');
+				}
 
-			_$_.output_push('</button>');
-		});
+				_$_.output_push('</button>');
+				_$_.output_push('<!--[-->');
 
-		_$_.regular_block(() => {
-			_$_.output_push('<!--[-->');
+				if (lazy_2.value) {
+					_$_.output_push('<div');
+					_$_.output_push(' class="outer-content"');
+					_$_.output_push('>');
 
-			if (lazy_2.value) {
-				_$_.output_push('<div');
-				_$_.output_push(' class="outer-content"');
-				_$_.output_push('>');
+					{
+						_$_.output_push('Outer');
+						_$_.output_push('<!--[-->');
 
-				{
-					_$_.output_push('Outer');
-					_$_.output_push('<!--[-->');
+						if (lazy_3.value) {
+							_$_.output_push('<span');
+							_$_.output_push(' class="inner-content"');
+							_$_.output_push('>');
 
-					if (lazy_3.value) {
-						_$_.output_push('<span');
-						_$_.output_push(' class="inner-content"');
-						_$_.output_push('>');
+							{
+								_$_.output_push('Inner');
+							}
 
-						{
-							_$_.output_push('Inner');
+							_$_.output_push('</span>');
 						}
 
-						_$_.output_push('</span>');
+						_$_.output_push('<!--]-->');
 					}
 
-					_$_.output_push('<!--]-->');
+					_$_.output_push('</div>');
 				}
 
-				_$_.output_push('</div>');
+				_$_.output_push('<!--]-->');
 			}
-
-			_$_.output_push('<!--]-->');
 		});
 	});
 }

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

@@ -88,6 +88,7 @@ export function MixedControlFlowStatic() {
 										_$_.output_push('<!--]-->');
 									}
 								);
+								break;
 						}
 
 						_$_.output_push('<!--]-->');
@@ -111,130 +112,124 @@ export function MixedControlFlowReactive() {
 		let lazy_2 = _$_.track([{ id: 1, label: 'One' }, { id: 2, label: 'Two' }], '7890dad6');
 
 		_$_.regular_block(() => {
-			_$_.output_push('<button');
-			_$_.output_push(' class="toggle-show"');
-			_$_.output_push('>');
-
-			{
-				_$_.output_push('Toggle Show');
-			}
-
-			_$_.output_push('</button>');
-		});
-
-		_$_.regular_block(() => {
-			_$_.output_push('<button');
-			_$_.output_push(' class="toggle-mode"');
-			_$_.output_push('>');
-
 			{
-				_$_.output_push('Toggle Mode');
-			}
-
-			_$_.output_push('</button>');
-		});
-
-		_$_.regular_block(() => {
-			_$_.output_push('<button');
-			_$_.output_push(' class="add-item"');
-			_$_.output_push('>');
+				_$_.output_push('<button');
+				_$_.output_push(' class="toggle-show"');
+				_$_.output_push('>');
 
-			{
-				_$_.output_push('Add Item');
-			}
+				{
+					_$_.output_push('Toggle Show');
+				}
 
-			_$_.output_push('</button>');
-		});
+				_$_.output_push('</button>');
+				_$_.output_push('<button');
+				_$_.output_push(' class="toggle-mode"');
+				_$_.output_push('>');
 
-		_$_.regular_block(() => {
-			_$_.output_push('<!--[-->');
+				{
+					_$_.output_push('Toggle Mode');
+				}
 
-			if (lazy.value) {
-				_$_.output_push('<div');
-				_$_.output_push(' class="mixed-reactive-list"');
+				_$_.output_push('</button>');
+				_$_.output_push('<button');
+				_$_.output_push(' class="add-item"');
 				_$_.output_push('>');
 
 				{
-					_$_.output_push('<!--[-->');
-
-					for (const item of lazy_2.value) {
-						_$_.output_push('<!--[-->');
+					_$_.output_push('Add Item');
+				}
 
-						switch (lazy_1.value) {
-							case 'a':
-								_$_.try_block(
-									() => {
-										_$_.output_push('<!--[-->');
-										_$_.output_push('<p');
-										_$_.output_push(_$_.attr('class', `item item-${item.id}`));
-										_$_.output_push('>');
+				_$_.output_push('</button>');
+				_$_.output_push('<!--[-->');
 
-										{
-											_$_.output_push(_$_.escape(`A:${item.label}`));
-										}
+				if (lazy.value) {
+					_$_.output_push('<div');
+					_$_.output_push(' class="mixed-reactive-list"');
+					_$_.output_push('>');
 
-										_$_.output_push('</p>');
-										_$_.output_push('<!--]-->');
-									},
-									null,
-									() => {
-										_$_.output_push('<!--[-->');
-										_$_.output_push('<p');
-										_$_.output_push(' class="pending"');
-										_$_.output_push('>');
+					{
+						_$_.output_push('<!--[-->');
 
-										{
-											_$_.output_push('pending a');
+						for (const item of lazy_2.value) {
+							_$_.output_push('<!--[-->');
+
+							switch (lazy_1.value) {
+								case 'a':
+									_$_.try_block(
+										() => {
+											_$_.output_push('<!--[-->');
+											_$_.output_push('<p');
+											_$_.output_push(_$_.attr('class', `item item-${item.id}`));
+											_$_.output_push('>');
+
+											{
+												_$_.output_push(_$_.escape(`A:${item.label}`));
+											}
+
+											_$_.output_push('</p>');
+											_$_.output_push('<!--]-->');
+										},
+										null,
+										() => {
+											_$_.output_push('<!--[-->');
+											_$_.output_push('<p');
+											_$_.output_push(' class="pending"');
+											_$_.output_push('>');
+
+											{
+												_$_.output_push('pending a');
+											}
+
+											_$_.output_push('</p>');
+											_$_.output_push('<!--]-->');
 										}
-
-										_$_.output_push('</p>');
-										_$_.output_push('<!--]-->');
-									}
-								);
-								break;
-
-							default:
-								_$_.try_block(
-									() => {
-										_$_.output_push('<!--[-->');
-										_$_.output_push('<p');
-										_$_.output_push(_$_.attr('class', `item item-${item.id}`));
-										_$_.output_push('>');
-
-										{
-											_$_.output_push(_$_.escape(`B:${item.label}`));
-										}
-
-										_$_.output_push('</p>');
-										_$_.output_push('<!--]-->');
-									},
-									null,
-									() => {
-										_$_.output_push('<!--[-->');
-										_$_.output_push('<p');
-										_$_.output_push(' class="pending"');
-										_$_.output_push('>');
-
-										{
-											_$_.output_push('pending b');
+									);
+									break;
+
+								default:
+									_$_.try_block(
+										() => {
+											_$_.output_push('<!--[-->');
+											_$_.output_push('<p');
+											_$_.output_push(_$_.attr('class', `item item-${item.id}`));
+											_$_.output_push('>');
+
+											{
+												_$_.output_push(_$_.escape(`B:${item.label}`));
+											}
+
+											_$_.output_push('</p>');
+											_$_.output_push('<!--]-->');
+										},
+										null,
+										() => {
+											_$_.output_push('<!--[-->');
+											_$_.output_push('<p');
+											_$_.output_push(' class="pending"');
+											_$_.output_push('>');
+
+											{
+												_$_.output_push('pending b');
+											}
+
+											_$_.output_push('</p>');
+											_$_.output_push('<!--]-->');
 										}
+									);
+									break;
+							}
 
-										_$_.output_push('</p>');
-										_$_.output_push('<!--]-->');
-									}
-								);
+							_$_.output_push('<!--]-->');
 						}
 
 						_$_.output_push('<!--]-->');
 					}
 
-					_$_.output_push('<!--]-->');
+					_$_.output_push('</div>');
 				}
 
-				_$_.output_push('</div>');
+				_$_.output_push('<!--]-->');
 			}
-
-			_$_.output_push('<!--]-->');
 		});
 	});
 }
@@ -245,66 +240,68 @@ export function MixedControlFlowAsyncPending() {
 		const state = 'slow';
 
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push(' class="before"');
-			_$_.output_push('>');
-
 			{
-				_$_.output_push('before');
-			}
-
-			_$_.output_push('</div>');
-		});
+				_$_.output_push('<div');
+				_$_.output_push(' class="before"');
+				_$_.output_push('>');
 
-		_$_.regular_block(() => {
-			_$_.output_push('<!--[-->');
+				{
+					_$_.output_push('before');
+				}
 
-			for (const row of rows) {
+				_$_.output_push('</div>');
 				_$_.output_push('<!--[-->');
 
-				if (row === 1) {
+				for (const row of rows) {
 					_$_.output_push('<!--[-->');
 
-					switch (state) {
-						case 'slow':
-							_$_.try_block(
-								() => {
-									_$_.output_push('<!--[-->');
+					if (row === 1) {
+						_$_.output_push('<!--[-->');
+
+						switch (state) {
+							case 'slow':
+								_$_.try_block(
+									() => {
+										_$_.output_push('<!--[-->');
 
-									{
-										const comp = AsyncRow;
-										const args = [{ label: `row-${row}` }];
+										{
+											const comp = AsyncRow;
+											const args = [{ label: `row-${row}` }];
 
-										_$_.render_component(comp, ...args);
-									}
+											_$_.render_component(comp, ...args);
+										}
 
-									_$_.output_push('<!--]-->');
-								},
-								null,
-								() => {
-									_$_.output_push('<!--[-->');
-									_$_.output_push('<div');
-									_$_.output_push(_$_.attr('class', `pending-row pending-row-${row}`));
-									_$_.output_push('>');
-
-									{
-										_$_.output_push(_$_.escape(`pending ${row}`));
+										_$_.output_push('<!--]-->');
+									},
+									null,
+									() => {
+										_$_.output_push('<!--[-->');
+										_$_.output_push('<div');
+										_$_.output_push(_$_.attr('class', `pending-row pending-row-${row}`));
+										_$_.output_push('>');
+
+										{
+											_$_.output_push(_$_.escape(`pending ${row}`));
+										}
+
+										_$_.output_push('</div>');
+										_$_.output_push('<!--]-->');
 									}
+								);
+								break;
 
-									_$_.output_push('</div>');
-									_$_.output_push('<!--]-->');
+							default:
+								_$_.output_push('<div');
+								_$_.output_push(' class="unexpected"');
+								_$_.output_push('>');
+								{
+									_$_.output_push('unexpected');
 								}
-							);
-							break;
-
-						default:
-							_$_.output_push('<div');
-							_$_.output_push(' class="unexpected"');
-							_$_.output_push('>');
-							{
-								_$_.output_push('unexpected');
-							}
-							_$_.output_push('</div>');
+								_$_.output_push('</div>');
+								break;
+						}
+
+						_$_.output_push('<!--]-->');
 					}
 
 					_$_.output_push('<!--]-->');
@@ -312,8 +309,6 @@ export function MixedControlFlowAsyncPending() {
 
 				_$_.output_push('<!--]-->');
 			}
-
-			_$_.output_push('<!--]-->');
 		});
 	});
 }

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

@@ -81,6 +81,7 @@ export function ForSwitch() {
 								_$_.output_push(_$_.escape(`B-${item.id}`));
 							}
 							_$_.output_push('</li>');
+							break;
 					}
 
 					_$_.output_push('<!--]-->');
@@ -129,6 +130,7 @@ export function IfSwitch() {
 								_$_.output_push('Default');
 							}
 							_$_.output_push('</p>');
+							break;
 					}
 
 					_$_.output_push('<!--]-->');
@@ -177,6 +179,7 @@ export function IfSwitchHidden() {
 								_$_.output_push('Default');
 							}
 							_$_.output_push('</p>');
+							break;
 					}
 
 					_$_.output_push('<!--]-->');
@@ -236,6 +239,7 @@ export function ForIfSwitchSingle() {
 									_$_.output_push(_$_.escape(`D-${item.id}`));
 								}
 								_$_.output_push('</li>');
+								break;
 						}
 
 						_$_.output_push('<!--]-->');
@@ -292,6 +296,7 @@ export function ForIfSwitchMulti() {
 									_$_.output_push(_$_.escape(`B-${item.id}`));
 								}
 								_$_.output_push('</li>');
+								break;
 						}
 
 						_$_.output_push('<!--]-->');
@@ -349,6 +354,7 @@ export function ForIfSwitchWithDisabled() {
 									_$_.output_push(_$_.escape(`B-${item.id}`));
 								}
 								_$_.output_push('</li>');
+								break;
 						}
 
 						_$_.output_push('<!--]-->');
@@ -418,6 +424,7 @@ export function SwitchTry() {
 							_$_.output_push('Default');
 						}
 						_$_.output_push('</p>');
+						break;
 				}
 
 				_$_.output_push('<!--]-->');
@@ -506,6 +513,7 @@ export function ForSwitchTry() {
 									_$_.output_push('<!--]-->');
 								}
 							);
+							break;
 					}
 
 					_$_.output_push('<!--]-->');
@@ -658,6 +666,7 @@ export function ForIfSwitchTrySingle() {
 										_$_.output_push('<!--]-->');
 									}
 								);
+								break;
 						}
 
 						_$_.output_push('<!--]-->');
@@ -758,6 +767,7 @@ export function ForIfSwitchTryMulti() {
 										_$_.output_push('<!--]-->');
 									}
 								);
+								break;
 						}
 
 						_$_.output_push('<!--]-->');