ripple 0.3.84 → 0.3.86

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

@@ -6,49 +6,39 @@ import { Portal, track } from 'ripple/server';
 export function SimplePortal() {
 	return _$_.tsrx_element(() => {
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push(' class="container"');
-			_$_.output_push('>');
+			let __out = '';
 
-			{
-				_$_.output_push('<h1');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('Main Content');
-				}
-
-				_$_.output_push('</h1>');
+			__out += '<div class="container"><h1>Main Content</h1>';
 
-				{
-					const comp = Portal;
-
-					const args = [
-						{
-							target: typeof document !== 'undefined' ? document.body : null,
-							children: _$_.tsrx_element(() => {
-								return _$_.tsrx_element(() => {
-									_$_.output_push('<div');
-									_$_.output_push(' class="portal-content"');
-									_$_.output_push('>');
-
-									{
-										_$_.output_push('Portal content');
-									}
+			{
+				const comp = Portal;
 
-									_$_.output_push('</div>');
-								});
-							})
-						}
-					];
+				_$_.output_push(__out);
+				__out = '';
 
-					if (comp) {
-						_$_.render_component(comp, ...args);
+				const args = [
+					{
+						target: typeof document !== 'undefined' ? document.body : null,
+						children: _$_.tsrx_element(() => {
+							return _$_.tsrx_element(() => {
+								let __out = '';
+
+								__out += '<div class="portal-content">Portal content</div>';
+								_$_.output_push(__out);
+							});
+						})
 					}
+				];
+
+				if (comp) {
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_component(comp, ...args);
 				}
 			}
 
-			_$_.output_push('</div>');
+			__out += '</div>';
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -58,173 +48,121 @@ export function ConditionalPortal() {
 		let lazy = _$_.track(true, '4f6df174');
 
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push(' class="container"');
-			_$_.output_push('>');
+			let __out = '';
 
-			{
-				_$_.output_push('<button');
-				_$_.output_push(' class="toggle"');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('Toggle');
-				}
-
-				_$_.output_push('</button>');
-				_$_.output_push('<!--[-->');
-
-				if (lazy.value) {
-					{
-						const comp = Portal;
-
-						const args = [
-							{
-								target: typeof document !== 'undefined' ? document.body : null,
-								children: _$_.tsrx_element(() => {
-									return _$_.tsrx_element(() => {
-										_$_.output_push('<div');
-										_$_.output_push(' class="portal-content"');
-										_$_.output_push('>');
-
-										{
-											_$_.output_push('Portal is visible');
-										}
-
-										_$_.output_push('</div>');
-									});
-								})
-							}
-						];
-
-						if (comp) {
-							_$_.render_component(comp, ...args);
-						}
-					}
-				}
-
-				_$_.output_push('<!--]-->');
-			}
-
-			_$_.output_push('</div>');
-		});
-	});
-}
-
-export function PortalWithMainContent() {
-	return _$_.tsrx_element(() => {
-		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push('>');
-
-			{
-				_$_.output_push('<div');
-				_$_.output_push(' class="main-content"');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('Main page content');
-				}
-
-				_$_.output_push('</div>');
+			__out += '<div class="container"><button class="toggle">Toggle</button><!--[-->';
 
+			if (lazy.value) {
 				{
 					const comp = Portal;
 
+					_$_.output_push(__out);
+					__out = '';
+
 					const args = [
 						{
 							target: typeof document !== 'undefined' ? document.body : null,
 							children: _$_.tsrx_element(() => {
 								return _$_.tsrx_element(() => {
-									_$_.output_push('<div');
-									_$_.output_push(' class="portal-content"');
-									_$_.output_push('>');
-
-									{
-										_$_.output_push('Modal content');
-									}
+									let __out = '';
 
-									_$_.output_push('</div>');
+									__out += '<div class="portal-content">Portal is visible</div>';
+									_$_.output_push(__out);
 								});
 							})
 						}
 					];
 
 					if (comp) {
+						_$_.output_push(__out);
+						__out = '';
 						_$_.render_component(comp, ...args);
 					}
 				}
-
-				_$_.output_push('<div');
-				_$_.output_push(' class="footer"');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('Footer');
-				}
-
-				_$_.output_push('</div>');
 			}
 
-			_$_.output_push('</div>');
+			__out += '<!--]--></div>';
+			_$_.output_push(__out);
 		});
 	});
 }
 
-export function NestedContentWithPortal() {
+export function PortalWithMainContent() {
 	return _$_.tsrx_element(() => {
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push(' class="outer"');
-			_$_.output_push('>');
+			let __out = '';
+
+			__out += '<div><div class="main-content">Main page content</div>';
 
 			{
-				_$_.output_push('<div');
-				_$_.output_push(' class="inner"');
-				_$_.output_push('>');
+				const comp = Portal;
 
-				{
-					_$_.output_push('<span');
-					_$_.output_push('>');
+				_$_.output_push(__out);
+				__out = '';
 
+				const args = [
 					{
-						_$_.output_push('Nested content');
+						target: typeof document !== 'undefined' ? document.body : null,
+						children: _$_.tsrx_element(() => {
+							return _$_.tsrx_element(() => {
+								let __out = '';
+
+								__out += '<div class="portal-content">Modal content</div>';
+								_$_.output_push(__out);
+							});
+						})
 					}
+				];
 
-					_$_.output_push('</span>');
+				if (comp) {
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_component(comp, ...args);
 				}
+			}
 
-				_$_.output_push('</div>');
+			__out += '<div class="footer">Footer</div></div>';
+			_$_.output_push(__out);
+		});
+	});
+}
 
-				{
-					const comp = Portal;
+export function NestedContentWithPortal() {
+	return _$_.tsrx_element(() => {
+		_$_.regular_block(() => {
+			let __out = '';
 
-					const args = [
-						{
-							target: typeof document !== 'undefined' ? document.body : null,
-							children: _$_.tsrx_element(() => {
-								return _$_.tsrx_element(() => {
-									_$_.output_push('<div');
-									_$_.output_push(' class="portal-content"');
-									_$_.output_push('>');
+			__out += '<div class="outer"><div class="inner"><span>Nested content</span></div>';
 
-									{
-										_$_.output_push('Portal content');
-									}
+			{
+				const comp = Portal;
 
-									_$_.output_push('</div>');
-								});
-							})
-						}
-					];
+				_$_.output_push(__out);
+				__out = '';
 
-					if (comp) {
-						_$_.render_component(comp, ...args);
+				const args = [
+					{
+						target: typeof document !== 'undefined' ? document.body : null,
+						children: _$_.tsrx_element(() => {
+							return _$_.tsrx_element(() => {
+								let __out = '';
+
+								__out += '<div class="portal-content">Portal content</div>';
+								_$_.output_push(__out);
+							});
+						})
 					}
+				];
+
+				if (comp) {
+					_$_.output_push(__out);
+					__out = '';
+					_$_.render_component(comp, ...args);
 				}
 			}
 
-			_$_.output_push('</div>');
+			__out += '</div>';
+			_$_.output_push(__out);
 		});
 	});
 }

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

@@ -8,15 +8,10 @@ export function TrackedState() {
 		let lazy = _$_.track(0, 'c1818584');
 
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push(' class="count"');
-			_$_.output_push('>');
+			let __out = '';
 
-			{
-				_$_.output_push(_$_.escape(lazy.value));
-			}
-
-			_$_.output_push('</div>');
+			__out += '<div class="count">' + _$_.escape(lazy.value) + '</div>';
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -26,22 +21,10 @@ export function CounterWithInitial(props) {
 		let lazy_1 = _$_.track(props.initial, '03ea4348');
 
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push('>');
-
-			{
-				_$_.output_push('<span');
-				_$_.output_push(' class="count"');
-				_$_.output_push('>');
+			let __out = '';
 
-				{
-					_$_.output_push(_$_.escape(lazy_1.value));
-				}
-
-				_$_.output_push('</span>');
-			}
-
-			_$_.output_push('</div>');
+			__out += '<div><span class="count">' + _$_.escape(lazy_1.value) + '</span></div>';
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -66,15 +49,18 @@ export function ComputedValues() {
 		const sum = () => lazy_2.value + lazy_3.value;
 
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push(' class="sum"');
-			_$_.output_push('>');
+			let __out = '';
+
+			__out += '<div class="sum">';
 
 			{
+				_$_.output_push(__out);
+				__out = '';
 				_$_.render_expression(sum());
 			}
 
-			_$_.output_push('</div>');
+			__out += '</div>';
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -86,41 +72,10 @@ export function MultipleTracked() {
 		let lazy_6 = _$_.track(30, '048c3fd0');
 
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push(' class="multiple-tracked"');
-			_$_.output_push('>');
+			let __out = '';
 
-			{
-				_$_.output_push('<div');
-				_$_.output_push(' class="x"');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push(_$_.escape(lazy_4.value));
-				}
-
-				_$_.output_push('</div>');
-				_$_.output_push('<div');
-				_$_.output_push(' class="y"');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push(_$_.escape(lazy_5.value));
-				}
-
-				_$_.output_push('</div>');
-				_$_.output_push('<div');
-				_$_.output_push(' class="z"');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push(_$_.escape(lazy_6.value));
-				}
-
-				_$_.output_push('</div>');
-			}
-
-			_$_.output_push('</div>');
+			__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>';
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -132,15 +87,18 @@ export function DerivedState() {
 		const fullName = () => `${lazy_7.value} ${lazy_8.value}`;
 
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push(' class="name"');
-			_$_.output_push('>');
+			let __out = '';
+
+			__out += '<div class="name">';
 
 			{
+				_$_.output_push(__out);
+				__out = '';
 				_$_.render_expression(fullName());
 			}
 
-			_$_.output_push('</div>');
+			__out += '</div>';
+			_$_.output_push(__out);
 		});
 	});
 }

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

@@ -10,15 +10,10 @@ export function GuardReturnRenders() {
 		}
 
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push(' class="ready"');
-			_$_.output_push('>');
+			let __out = '';
 
-			{
-				_$_.output_push('ready');
-			}
-
-			_$_.output_push('</div>');
+			__out += '<div class="ready">ready</div>';
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -32,15 +27,10 @@ export function GuardReturnNull() {
 		}
 
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push(' class="ready"');
-			_$_.output_push('>');
-
-			{
-				_$_.output_push('ready');
-			}
+			let __out = '';
 
-			_$_.output_push('</div>');
+			__out += '<div class="ready">ready</div>';
+			_$_.output_push(__out);
 		});
 	});
 }