ripple 0.3.72 → 0.3.74

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

@@ -71,7 +71,7 @@ export function ComputedValues() {
 			_$_.output_push('>');
 
 			{
-				_$_.output_push(_$_.escape(sum()));
+				_$_.render_expression(sum());
 			}
 
 			_$_.output_push('</div>');
@@ -87,35 +87,37 @@ export function MultipleTracked() {
 
 		_$_.regular_block(() => {
 			_$_.output_push('<div');
-			_$_.output_push(' class="x"');
+			_$_.output_push(' class="multiple-tracked"');
 			_$_.output_push('>');
 
 			{
-				_$_.output_push(_$_.escape(lazy_4.value));
-			}
+				_$_.output_push('<div');
+				_$_.output_push(' class="x"');
+				_$_.output_push('>');
 
-			_$_.output_push('</div>');
-		});
+				{
+					_$_.output_push(_$_.escape(lazy_4.value));
+				}
 
-		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push(' class="y"');
-			_$_.output_push('>');
+				_$_.output_push('</div>');
+				_$_.output_push('<div');
+				_$_.output_push(' class="y"');
+				_$_.output_push('>');
 
-			{
-				_$_.output_push(_$_.escape(lazy_5.value));
-			}
+				{
+					_$_.output_push(_$_.escape(lazy_5.value));
+				}
 
-			_$_.output_push('</div>');
-		});
+				_$_.output_push('</div>');
+				_$_.output_push('<div');
+				_$_.output_push(' class="z"');
+				_$_.output_push('>');
 
-		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push(' class="z"');
-			_$_.output_push('>');
+				{
+					_$_.output_push(_$_.escape(lazy_6.value));
+				}
 
-			{
-				_$_.output_push(_$_.escape(lazy_6.value));
+				_$_.output_push('</div>');
 			}
 
 			_$_.output_push('</div>');
@@ -135,7 +137,7 @@ export function DerivedState() {
 			_$_.output_push('>');
 
 			{
-				_$_.output_push(_$_.escape(fullName()));
+				_$_.render_expression(fullName());
 			}
 
 			_$_.output_push('</div>');

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

@@ -6,15 +6,9 @@ export function GuardReturnRenders() {
 		var return_guard = false;
 		const ready = true;
 
-		_$_.regular_block(() => {
-			_$_.output_push('<!--[-->');
-
-			if (!ready) {
-				return_guard = true;
-			}
-
-			_$_.output_push('<!--]-->');
-		});
+		if (!ready) {
+			return null;
+		}
 
 		_$_.regular_block(() => {
 			_$_.output_push('<!--[-->');
@@ -41,15 +35,9 @@ export function GuardReturnNull() {
 		var return_guard = false;
 		const ready = false;
 
-		_$_.regular_block(() => {
-			_$_.output_push('<!--[-->');
-
-			if (!ready) {
-				return_guard = true;
-			}
-
-			_$_.output_push('<!--]-->');
-		});
+		if (!ready) {
+			return null;
+		}
 
 		_$_.regular_block(() => {
 			_$_.output_push('<!--[-->');

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

@@ -39,6 +39,7 @@ export function SwitchStatic() {
 						_$_.output_push('Unknown');
 					}
 					_$_.output_push('</div>');
+					break;
 			}
 
 			_$_.output_push('<!--]-->');
@@ -51,52 +52,52 @@ export function SwitchReactive() {
 		let lazy = _$_.track('a', '9b34d955');
 
 		_$_.regular_block(() => {
-			_$_.output_push('<button');
-			_$_.output_push(' class="toggle"');
-			_$_.output_push('>');
-
 			{
-				_$_.output_push('Toggle');
-			}
-
-			_$_.output_push('</button>');
-		});
-
-		_$_.regular_block(() => {
-			_$_.output_push('<!--[-->');
-
-			switch (lazy.value) {
-				case 'a':
-					_$_.output_push('<div');
-					_$_.output_push(' class="case-a"');
-					_$_.output_push('>');
-					{
-						_$_.output_push('Case A');
-					}
-					_$_.output_push('</div>');
-					break;
-
-				case 'b':
-					_$_.output_push('<div');
-					_$_.output_push(' class="case-b"');
-					_$_.output_push('>');
-					{
-						_$_.output_push('Case B');
-					}
-					_$_.output_push('</div>');
-					break;
-
-				default:
-					_$_.output_push('<div');
-					_$_.output_push(' class="case-c"');
-					_$_.output_push('>');
-					{
-						_$_.output_push('Case C');
-					}
-					_$_.output_push('</div>');
+				_$_.output_push('<button');
+				_$_.output_push(' class="toggle"');
+				_$_.output_push('>');
+
+				{
+					_$_.output_push('Toggle');
+				}
+
+				_$_.output_push('</button>');
+				_$_.output_push('<!--[-->');
+
+				switch (lazy.value) {
+					case 'a':
+						_$_.output_push('<div');
+						_$_.output_push(' class="case-a"');
+						_$_.output_push('>');
+						{
+							_$_.output_push('Case A');
+						}
+						_$_.output_push('</div>');
+						break;
+
+					case 'b':
+						_$_.output_push('<div');
+						_$_.output_push(' class="case-b"');
+						_$_.output_push('>');
+						{
+							_$_.output_push('Case B');
+						}
+						_$_.output_push('</div>');
+						break;
+
+					default:
+						_$_.output_push('<div');
+						_$_.output_push(' class="case-c"');
+						_$_.output_push('>');
+						{
+							_$_.output_push('Case C');
+						}
+						_$_.output_push('</div>');
+						break;
+				}
+
+				_$_.output_push('<!--]-->');
 			}
-
-			_$_.output_push('<!--]-->');
 		});
 	});
 }
@@ -110,6 +111,7 @@ export function SwitchFallthrough() {
 
 			switch (val) {
 				case 1:
+					break;
 
 				case 2:
 					_$_.output_push('<div');
@@ -129,6 +131,7 @@ export function SwitchFallthrough() {
 						_$_.output_push('Other');
 					}
 					_$_.output_push('</div>');
+					break;
 			}
 
 			_$_.output_push('<!--]-->');
@@ -141,53 +144,52 @@ export function SwitchNumericLevels() {
 		let lazy_1 = _$_.track(1, '7581a7ab');
 
 		_$_.regular_block(() => {
-			_$_.output_push('<button');
-			_$_.output_push(' class="level-toggle"');
-			_$_.output_push('>');
-
 			{
-				_$_.output_push('Toggle Level');
-			}
-
-			_$_.output_push('</button>');
-		});
-
-		_$_.regular_block(() => {
-			_$_.output_push('<!--[-->');
-
-			switch (lazy_1.value) {
-				case 1:
-					_$_.output_push('<div');
-					_$_.output_push(' class="level-1"');
-					_$_.output_push('>');
-					{
-						_$_.output_push('Level 1');
-					}
-					_$_.output_push('</div>');
-					break;
-
-				case 2:
-					_$_.output_push('<div');
-					_$_.output_push(' class="level-2"');
-					_$_.output_push('>');
-					{
-						_$_.output_push('Level 2');
-					}
-					_$_.output_push('</div>');
-					break;
-
-				case 3:
-					_$_.output_push('<div');
-					_$_.output_push(' class="level-3"');
-					_$_.output_push('>');
-					{
-						_$_.output_push('Level 3');
-					}
-					_$_.output_push('</div>');
-					break;
+				_$_.output_push('<button');
+				_$_.output_push(' class="level-toggle"');
+				_$_.output_push('>');
+
+				{
+					_$_.output_push('Toggle Level');
+				}
+
+				_$_.output_push('</button>');
+				_$_.output_push('<!--[-->');
+
+				switch (lazy_1.value) {
+					case 1:
+						_$_.output_push('<div');
+						_$_.output_push(' class="level-1"');
+						_$_.output_push('>');
+						{
+							_$_.output_push('Level 1');
+						}
+						_$_.output_push('</div>');
+						break;
+
+					case 2:
+						_$_.output_push('<div');
+						_$_.output_push(' class="level-2"');
+						_$_.output_push('>');
+						{
+							_$_.output_push('Level 2');
+						}
+						_$_.output_push('</div>');
+						break;
+
+					case 3:
+						_$_.output_push('<div');
+						_$_.output_push(' class="level-3"');
+						_$_.output_push('>');
+						{
+							_$_.output_push('Level 3');
+						}
+						_$_.output_push('</div>');
+						break;
+				}
+
+				_$_.output_push('<!--]-->');
 			}
-
-			_$_.output_push('<!--]-->');
 		});
 	});
 }
@@ -197,53 +199,52 @@ export function SwitchBlockScoped() {
 		let lazy_2 = _$_.track(1, 'ca9f9852');
 
 		_$_.regular_block(() => {
-			_$_.output_push('<button');
-			_$_.output_push(' class="block-toggle"');
-			_$_.output_push('>');
-
 			{
-				_$_.output_push('Toggle');
+				_$_.output_push('<button');
+				_$_.output_push(' class="block-toggle"');
+				_$_.output_push('>');
+
+				{
+					_$_.output_push('Toggle');
+				}
+
+				_$_.output_push('</button>');
+				_$_.output_push('<!--[-->');
+
+				switch (lazy_2.value) {
+					case 1:
+						_$_.output_push('<div');
+						_$_.output_push(' class="block-1"');
+						_$_.output_push('>');
+						{
+							_$_.output_push('Block 1');
+						}
+						_$_.output_push('</div>');
+						break;
+
+					case 2:
+						_$_.output_push('<div');
+						_$_.output_push(' class="block-2"');
+						_$_.output_push('>');
+						{
+							_$_.output_push('Block 2');
+						}
+						_$_.output_push('</div>');
+						break;
+
+					case 3:
+						_$_.output_push('<div');
+						_$_.output_push(' class="block-3"');
+						_$_.output_push('>');
+						{
+							_$_.output_push('Block 3');
+						}
+						_$_.output_push('</div>');
+						break;
+				}
+
+				_$_.output_push('<!--]-->');
 			}
-
-			_$_.output_push('</button>');
-		});
-
-		_$_.regular_block(() => {
-			_$_.output_push('<!--[-->');
-
-			switch (lazy_2.value) {
-				case 1:
-					_$_.output_push('<div');
-					_$_.output_push(' class="block-1"');
-					_$_.output_push('>');
-					{
-						_$_.output_push('Block 1');
-					}
-					_$_.output_push('</div>');
-					break;
-
-				case 2:
-					_$_.output_push('<div');
-					_$_.output_push(' class="block-2"');
-					_$_.output_push('>');
-					{
-						_$_.output_push('Block 2');
-					}
-					_$_.output_push('</div>');
-					break;
-
-				case 3:
-					_$_.output_push('<div');
-					_$_.output_push(' class="block-3"');
-					_$_.output_push('>');
-					{
-						_$_.output_push('Block 3');
-					}
-					_$_.output_push('</div>');
-					break;
-			}
-
-			_$_.output_push('<!--]-->');
 		});
 	});
 }
@@ -253,50 +254,52 @@ export function SwitchNoBreak() {
 		let lazy_3 = _$_.track(1, '6b7cb0ea');
 
 		_$_.regular_block(() => {
-			_$_.output_push('<button');
-			_$_.output_push(' class="nobreak-toggle"');
-			_$_.output_push('>');
-
 			{
-				_$_.output_push('Toggle');
+				_$_.output_push('<button');
+				_$_.output_push(' class="nobreak-toggle"');
+				_$_.output_push('>');
+
+				{
+					_$_.output_push('Toggle');
+				}
+
+				_$_.output_push('</button>');
+				_$_.output_push('<!--[-->');
+
+				switch (lazy_3.value) {
+					case 1:
+						_$_.output_push('<div');
+						_$_.output_push(' class="nobreak-1"');
+						_$_.output_push('>');
+						{
+							_$_.output_push('NoBreak 1');
+						}
+						_$_.output_push('</div>');
+						break;
+
+					case 2:
+						_$_.output_push('<div');
+						_$_.output_push(' class="nobreak-2"');
+						_$_.output_push('>');
+						{
+							_$_.output_push('NoBreak 2');
+						}
+						_$_.output_push('</div>');
+						break;
+
+					case 3:
+						_$_.output_push('<div');
+						_$_.output_push(' class="nobreak-3"');
+						_$_.output_push('>');
+						{
+							_$_.output_push('NoBreak 3');
+						}
+						_$_.output_push('</div>');
+						break;
+				}
+
+				_$_.output_push('<!--]-->');
 			}
-
-			_$_.output_push('</button>');
-		});
-
-		_$_.regular_block(() => {
-			_$_.output_push('<!--[-->');
-
-			switch (lazy_3.value) {
-				case 1:
-					_$_.output_push('<div');
-					_$_.output_push(' class="nobreak-1"');
-					_$_.output_push('>');
-					{
-						_$_.output_push('NoBreak 1');
-					}
-					_$_.output_push('</div>');
-
-				case 2:
-					_$_.output_push('<div');
-					_$_.output_push(' class="nobreak-2"');
-					_$_.output_push('>');
-					{
-						_$_.output_push('NoBreak 2');
-					}
-					_$_.output_push('</div>');
-
-				case 3:
-					_$_.output_push('<div');
-					_$_.output_push(' class="nobreak-3"');
-					_$_.output_push('>');
-					{
-						_$_.output_push('NoBreak 3');
-					}
-					_$_.output_push('</div>');
-			}
-
-			_$_.output_push('<!--]-->');
 		});
 	});
 }