ripple 0.3.84 → 0.3.86

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

@@ -4,15 +4,18 @@ import * as _$_ from 'ripple/internal/server';
 export function Layout(__props) {
 	return _$_.tsrx_element(() => {
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push(' class="layout"');
-			_$_.output_push('>');
+			let __out = '';
+
+			__out += '<div class="layout">';
 
 			{
+				_$_.output_push(__out);
+				__out = '';
 				_$_.render_expression(__props.children);
 			}
 
-			_$_.output_push('</div>');
+			__out += '</div>';
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -20,17 +23,14 @@ export function Layout(__props) {
 export function TextWrappedLayout(__props) {
 	return _$_.tsrx_element(() => {
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push(' class="layout"');
-			_$_.output_push('>');
-
-			{
-				_$_.output_push('before');
-				_$_.render_expression(__props.children);
-				_$_.output_push('after');
-			}
-
-			_$_.output_push('</div>');
+			let __out = '';
+
+			__out += '<div class="layout">before';
+			_$_.output_push(__out);
+			__out = '';
+			_$_.render_expression(__props.children);
+			__out += 'after</div>';
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -38,15 +38,10 @@ export function TextWrappedLayout(__props) {
 export function SingleChild() {
 	return _$_.tsrx_element(() => {
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push(' class="single"');
-			_$_.output_push('>');
+			let __out = '';
 
-			{
-				_$_.output_push('single');
-			}
-
-			_$_.output_push('</div>');
+			__out += '<div class="single">single</div>';
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -54,24 +49,10 @@ export function SingleChild() {
 export function MultiRootChild() {
 	return _$_.tsrx_element(() => {
 		_$_.regular_block(() => {
-			{
-				_$_.output_push('<h1');
-				_$_.output_push('>');
+			let __out = '';
 
-				{
-					_$_.output_push('title');
-				}
-
-				_$_.output_push('</h1>');
-				_$_.output_push('<p');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('description');
-				}
-
-				_$_.output_push('</p>');
-			}
+			__out += '<h1>title</h1><p>description</p>';
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -126,22 +107,19 @@ export function LayoutWithMultipleChildren() {
 					{
 						children: _$_.tsrx_element(() => {
 							return _$_.tsrx_element(() => {
+								let __out = '';
+
 								{
 									const comp = SingleChild;
 									const args = [{}];
 
+									_$_.output_push(__out);
+									__out = '';
 									_$_.render_component(comp, ...args);
 								}
 
-								_$_.output_push('<div');
-								_$_.output_push(' class="extra"');
-								_$_.output_push('>');
-
-								{
-									_$_.output_push('extra');
-								}
-
-								_$_.output_push('</div>');
+								__out += '<div class="extra">extra</div>';
+								_$_.output_push(__out);
 							});
 						})
 					}
@@ -221,7 +199,10 @@ export function DynamicTagElement() {
 						class: "host",
 						children: _$_.tsrx_element(() => {
 							return _$_.tsrx_element(() => {
-								_$_.output_push('hello');
+								let __out = '';
+
+								__out += 'hello';
+								_$_.output_push(__out);
 							});
 						})
 					}

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

@@ -8,31 +8,10 @@ export function ClickCounter() {
 		let lazy = _$_.track(0, 'a070e3a7');
 
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push('>');
+			let __out = '';
 
-			{
-				_$_.output_push('<button');
-				_$_.output_push(' class="increment"');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('Increment');
-				}
-
-				_$_.output_push('</button>');
-				_$_.output_push('<span');
-				_$_.output_push(' class="count"');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push(_$_.escape(lazy.value));
-				}
-
-				_$_.output_push('</span>');
-			}
-
-			_$_.output_push('</div>');
+			__out += '<div><button class="increment">Increment</button><span class="count">' + _$_.escape(lazy.value) + '</span></div>';
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -42,40 +21,10 @@ export function IncrementDecrement() {
 		let lazy_1 = _$_.track(0, '87fcabdd');
 
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push('>');
-
-			{
-				_$_.output_push('<button');
-				_$_.output_push(' class="decrement"');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('-');
-				}
-
-				_$_.output_push('</button>');
-				_$_.output_push('<span');
-				_$_.output_push(' class="count"');
-				_$_.output_push('>');
+			let __out = '';
 
-				{
-					_$_.output_push(_$_.escape(lazy_1.value));
-				}
-
-				_$_.output_push('</span>');
-				_$_.output_push('<button');
-				_$_.output_push(' class="increment"');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('+');
-				}
-
-				_$_.output_push('</button>');
-			}
-
-			_$_.output_push('</div>');
+			__out += '<div><button class="decrement">-</button><span class="count">' + _$_.escape(lazy_1.value) + '</span><button class="increment">+</button></div>';
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -86,40 +35,10 @@ export function MultipleEvents() {
 		let lazy_3 = _$_.track(0, '72789f75');
 
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push('>');
-
-			{
-				_$_.output_push('<button');
-				_$_.output_push(' class="target"');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('Target');
-				}
-
-				_$_.output_push('</button>');
-				_$_.output_push('<span');
-				_$_.output_push(' class="clicks"');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push(_$_.escape(lazy_2.value));
-				}
-
-				_$_.output_push('</span>');
-				_$_.output_push('<span');
-				_$_.output_push(' class="hovers"');
-				_$_.output_push('>');
+			let __out = '';
 
-				{
-					_$_.output_push(_$_.escape(lazy_3.value));
-				}
-
-				_$_.output_push('</span>');
-			}
-
-			_$_.output_push('</div>');
+			__out += '<div><button class="target">Target</button><span class="clicks">' + _$_.escape(lazy_2.value) + '</span><span class="hovers">' + _$_.escape(lazy_3.value) + '</span></div>';
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -135,40 +54,10 @@ export function MultiStateUpdate() {
 		};
 
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push('>');
-
-			{
-				_$_.output_push('<button');
-				_$_.output_push(' class="btn"');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('Click');
-				}
+			let __out = '';
 
-				_$_.output_push('</button>');
-				_$_.output_push('<span');
-				_$_.output_push(' class="count"');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push(_$_.escape(lazy_4.value));
-				}
-
-				_$_.output_push('</span>');
-				_$_.output_push('<span');
-				_$_.output_push(' class="action"');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push(_$_.escape(lazy_5.value));
-				}
-
-				_$_.output_push('</span>');
-			}
-
-			_$_.output_push('</div>');
+			__out += '<div><button class="btn">Click</button><span class="count">' + _$_.escape(lazy_4.value) + '</span><span class="action">' + _$_.escape(lazy_5.value) + '</span></div>';
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -178,22 +67,10 @@ export function ToggleButton() {
 		let lazy_6 = _$_.track(false, 'be823ec7');
 
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push('>');
-
-			{
-				_$_.output_push('<button');
-				_$_.output_push(' class="toggle"');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push(_$_.escape(lazy_6.value ? 'ON' : 'OFF'));
-				}
-
-				_$_.output_push('</button>');
-			}
+			let __out = '';
 
-			_$_.output_push('</div>');
+			__out += '<div><button class="toggle">' + _$_.escape(lazy_6.value ? 'ON' : 'OFF') + '</button></div>';
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -201,15 +78,10 @@ export function ToggleButton() {
 export function ChildButton(props) {
 	return _$_.tsrx_element(() => {
 		_$_.regular_block(() => {
-			_$_.output_push('<button');
-			_$_.output_push(' class="child-btn"');
-			_$_.output_push('>');
+			let __out = '';
 
-			{
-				_$_.output_push(_$_.escape(props.label));
-			}
-
-			_$_.output_push('</button>');
+			__out += '<button class="child-btn">' + _$_.escape(props.label) + '</button>';
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -219,37 +91,29 @@ export function ParentWithChildButton() {
 		let lazy_7 = _$_.track(0, 'dcc2e0f9');
 
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push('>');
+			let __out = '';
+
+			__out += '<div>';
 
 			{
-				{
-					const comp = ChildButton;
-
-					const args = [
-						{
-							onClick: () => {
-								_$_.update(lazy_7);
-							},
-							label: "Click me"
-						}
-					];
-
-					_$_.render_component(comp, ...args);
-				}
-
-				_$_.output_push('<span');
-				_$_.output_push(' class="count"');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push(_$_.escape(lazy_7.value));
-				}
-
-				_$_.output_push('</span>');
+				const comp = ChildButton;
+
+				const args = [
+					{
+						onClick: () => {
+							_$_.update(lazy_7);
+						},
+						label: "Click me"
+					}
+				];
+
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_component(comp, ...args);
 			}
 
-			_$_.output_push('</div>');
+			__out += '<span class="count">' + _$_.escape(lazy_7.value) + '</span></div>';
+			_$_.output_push(__out);
 		});
 	});
 }