ripple 0.3.84 → 0.3.86

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

@@ -6,27 +6,17 @@ import { track } from 'ripple/server';
 export function StaticTitle() {
 	return _$_.tsrx_element(() => {
 		_$_.regular_block(() => {
-			{
-				_$_.output_push('<div');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('Content');
-				}
-
-				_$_.output_push('</div>');
-				_$_.set_output_target('head');
-				_$_.output_push('<!--6e1f1b90-->');
-				_$_.output_push('<title');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('Static Test Title');
-				}
-
-				_$_.output_push('</title>');
-				_$_.set_output_target(null);
-			}
+			let __out = '';
+
+			__out += '<div>Content</div>';
+			_$_.output_push(__out);
+			__out = '';
+			_$_.set_output_target('head');
+			__out += '<!--6e1f1b90--><title>Static Test Title</title>';
+			_$_.output_push(__out);
+			__out = '';
+			_$_.set_output_target(null);
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -36,34 +26,17 @@ export function ReactiveTitle() {
 		let lazy = _$_.track('Initial Title', 'cbca63e3');
 
 		_$_.regular_block(() => {
-			{
-				_$_.output_push('<div');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('<span');
-					_$_.output_push('>');
-
-					{
-						_$_.output_push(_$_.escape(lazy.value));
-					}
-
-					_$_.output_push('</span>');
-				}
-
-				_$_.output_push('</div>');
-				_$_.set_output_target('head');
-				_$_.output_push('<!--91435bee-->');
-				_$_.output_push('<title');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push(_$_.escape(lazy.value));
-				}
-
-				_$_.output_push('</title>');
-				_$_.set_output_target(null);
-			}
+			let __out = '';
+
+			__out += '<div><span>' + _$_.escape(lazy.value) + '</span></div>';
+			_$_.output_push(__out);
+			__out = '';
+			_$_.set_output_target('head');
+			__out += '<!--91435bee--><title>' + _$_.escape(lazy.value) + '</title>';
+			_$_.output_push(__out);
+			__out = '';
+			_$_.set_output_target(null);
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -71,35 +44,17 @@ export function ReactiveTitle() {
 export function MultipleHeadElements() {
 	return _$_.tsrx_element(() => {
 		_$_.regular_block(() => {
-			{
-				_$_.output_push('<div');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('Page content');
-				}
-
-				_$_.output_push('</div>');
-				_$_.set_output_target('head');
-				_$_.output_push('<!--07a54928-->');
-				_$_.output_push('<title');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('Page Title');
-				}
-
-				_$_.output_push('</title>');
-				_$_.output_push('<meta');
-				_$_.output_push(' name="description"');
-				_$_.output_push(' content="Page description"');
-				_$_.output_push(' />');
-				_$_.output_push('<link');
-				_$_.output_push(' rel="stylesheet"');
-				_$_.output_push(' href="/styles.css"');
-				_$_.output_push(' />');
-				_$_.set_output_target(null);
-			}
+			let __out = '';
+
+			__out += '<div>Page content</div>';
+			_$_.output_push(__out);
+			__out = '';
+			_$_.set_output_target('head');
+			__out += '<!--07a54928--><title>Page Title</title><meta name="description" content="Page description" /><link rel="stylesheet" href="/styles.css" />';
+			_$_.output_push(__out);
+			__out = '';
+			_$_.set_output_target(null);
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -109,31 +64,17 @@ export function ReactiveMetaTags() {
 		let lazy_1 = _$_.track('Initial description', '38bfa3b2');
 
 		_$_.regular_block(() => {
-			{
-				_$_.output_push('<div');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push(_$_.escape(lazy_1.value));
-				}
-
-				_$_.output_push('</div>');
-				_$_.set_output_target('head');
-				_$_.output_push('<!--4ca6a546-->');
-				_$_.output_push('<title');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('My Page');
-				}
-
-				_$_.output_push('</title>');
-				_$_.output_push('<meta');
-				_$_.output_push(' name="description"');
-				_$_.output_push(_$_.attr('content', lazy_1.value, false));
-				_$_.output_push(' />');
-				_$_.set_output_target(null);
-			}
+			let __out = '';
+
+			__out += '<div>' + _$_.escape(lazy_1.value) + '</div>';
+			_$_.output_push(__out);
+			__out = '';
+			_$_.set_output_target('head');
+			__out += '<!--4ca6a546--><title>My Page</title><meta name="description"' + _$_.attr('content', lazy_1.value, false) + ' />';
+			_$_.output_push(__out);
+			__out = '';
+			_$_.set_output_target(null);
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -143,27 +84,17 @@ export function TitleWithTemplate() {
 		let lazy_2 = _$_.track('World', 'f3925cd5');
 
 		_$_.regular_block(() => {
-			{
-				_$_.output_push('<div');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push(_$_.escape(lazy_2.value));
-				}
-
-				_$_.output_push('</div>');
-				_$_.set_output_target('head');
-				_$_.output_push('<!--10dc944d-->');
-				_$_.output_push('<title');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push(_$_.escape(`Hello ${lazy_2.value}!`));
-				}
-
-				_$_.output_push('</title>');
-				_$_.set_output_target(null);
-			}
+			let __out = '';
+
+			__out += '<div>' + _$_.escape(lazy_2.value) + '</div>';
+			_$_.output_push(__out);
+			__out = '';
+			_$_.set_output_target('head');
+			__out += '<!--10dc944d--><title>' + _$_.escape(`Hello ${lazy_2.value}!`) + '</title>';
+			_$_.output_push(__out);
+			__out = '';
+			_$_.set_output_target(null);
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -171,27 +102,17 @@ export function TitleWithTemplate() {
 export function EmptyTitle() {
 	return _$_.tsrx_element(() => {
 		_$_.regular_block(() => {
-			{
-				_$_.output_push('<div');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('Empty title test');
-				}
-
-				_$_.output_push('</div>');
-				_$_.set_output_target('head');
-				_$_.output_push('<!--13ba9873-->');
-				_$_.output_push('<title');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('');
-				}
-
-				_$_.output_push('</title>');
-				_$_.set_output_target(null);
-			}
+			let __out = '';
+
+			__out += '<div>Empty title test</div>';
+			_$_.output_push(__out);
+			__out = '';
+			_$_.set_output_target('head');
+			__out += '<!--13ba9873--><title></title>';
+			_$_.output_push(__out);
+			__out = '';
+			_$_.set_output_target(null);
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -202,27 +123,17 @@ export function ConditionalTitle() {
 		let lazy_4 = _$_.track('Main Page', '7cd7d671');
 
 		_$_.regular_block(() => {
-			{
-				_$_.output_push('<div');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push(_$_.escape(lazy_4.value));
-				}
-
-				_$_.output_push('</div>');
-				_$_.set_output_target('head');
-				_$_.output_push('<!--4b39c36b-->');
-				_$_.output_push('<title');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push(_$_.escape(lazy_3.value ? 'App - ' + lazy_4.value : lazy_4.value));
-				}
-
-				_$_.output_push('</title>');
-				_$_.set_output_target(null);
-			}
+			let __out = '';
+
+			__out += '<div>' + _$_.escape(lazy_4.value) + '</div>';
+			_$_.output_push(__out);
+			__out = '';
+			_$_.set_output_target('head');
+			__out += '<!--4b39c36b--><title>' + _$_.escape(lazy_3.value ? 'App - ' + lazy_4.value : lazy_4.value) + '</title>';
+			_$_.output_push(__out);
+			__out = '';
+			_$_.set_output_target(null);
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -233,34 +144,17 @@ export function ComputedTitle() {
 		let prefix = 'Count: ';
 
 		_$_.regular_block(() => {
-			{
-				_$_.output_push('<div');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('<span');
-					_$_.output_push('>');
-
-					{
-						_$_.output_push(_$_.escape(lazy_5.value));
-					}
-
-					_$_.output_push('</span>');
-				}
-
-				_$_.output_push('</div>');
-				_$_.set_output_target('head');
-				_$_.output_push('<!--92c79d98-->');
-				_$_.output_push('<title');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push(_$_.escape(prefix + lazy_5.value));
-				}
-
-				_$_.output_push('</title>');
-				_$_.set_output_target(null);
-			}
+			let __out = '';
+
+			__out += '<div><span>' + _$_.escape(lazy_5.value) + '</span></div>';
+			_$_.output_push(__out);
+			__out = '';
+			_$_.set_output_target('head');
+			__out += '<!--92c79d98--><title>' + _$_.escape(prefix + lazy_5.value) + '</title>';
+			_$_.output_push(__out);
+			__out = '';
+			_$_.set_output_target(null);
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -268,32 +162,17 @@ export function ComputedTitle() {
 export function MultipleHeadBlocks() {
 	return _$_.tsrx_element(() => {
 		_$_.regular_block(() => {
-			{
-				_$_.output_push('<div');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('Content');
-				}
-
-				_$_.output_push('</div>');
-				_$_.set_output_target('head');
-				_$_.output_push('<!--9a44f25d-->');
-				_$_.output_push('<title');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('First Head');
-				}
-
-				_$_.output_push('</title>');
-				_$_.output_push('<!--0873e476-->');
-				_$_.output_push('<meta');
-				_$_.output_push(' name="author"');
-				_$_.output_push(' content="Test Author"');
-				_$_.output_push(' />');
-				_$_.set_output_target(null);
-			}
+			let __out = '';
+
+			__out += '<div>Content</div>';
+			_$_.output_push(__out);
+			__out = '';
+			_$_.set_output_target('head');
+			__out += '<!--9a44f25d--><title>First Head</title><!--0873e476--><meta name="author" content="Test Author" />';
+			_$_.output_push(__out);
+			__out = '';
+			_$_.set_output_target(null);
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -301,27 +180,17 @@ export function MultipleHeadBlocks() {
 export function HeadWithStyle() {
 	return _$_.tsrx_element(() => {
 		_$_.regular_block(() => {
-			{
-				_$_.output_push('<div');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('Styled content');
-				}
-
-				_$_.output_push('</div>');
-				_$_.set_output_target('head');
-				_$_.output_push('<!--d75c5358-->');
-				_$_.output_push('<title');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('Styled Page');
-				}
-
-				_$_.output_push('</title>');
-				_$_.set_output_target(null);
-			}
+			let __out = '';
+
+			__out += '<div>Styled content</div>';
+			_$_.output_push(__out);
+			__out = '';
+			_$_.set_output_target('head');
+			__out += '<!--d75c5358--><title>Styled Page</title>';
+			_$_.output_push(__out);
+			__out = '';
+			_$_.set_output_target(null);
+			_$_.output_push(__out);
 		});
 	});
 }

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

@@ -6,32 +6,18 @@ import { track } from 'ripple/server';
 export function Layout({ children }) {
 	return _$_.tsrx_element(() => {
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push(' class="layout"');
-			_$_.output_push('>');
+			let __out = '';
 
-			{
-				_$_.output_push('<nav');
-				_$_.output_push(' class="nav"');
-				_$_.output_push('>');
-
-				{
-					_$_.output_push('Navigation');
-				}
-
-				_$_.output_push('</nav>');
-				_$_.output_push('<main');
-				_$_.output_push(' class="main"');
-				_$_.output_push('>');
+			__out += '<div class="layout"><nav class="nav">Navigation</nav><main class="main">';
 
-				{
-					_$_.render_expression(children);
-				}
-
-				_$_.output_push('</main>');
+			{
+				_$_.output_push(__out);
+				__out = '';
+				_$_.render_expression(children);
 			}
 
-			_$_.output_push('</div>');
+			__out += '</main></div>';
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -41,29 +27,16 @@ export function Content() {
 		let lazy = _$_.track(true, '0bdb1500');
 
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push(' class="content"');
-			_$_.output_push('>');
-
-			{
-				_$_.output_push('<!--[-->');
-
-				if (lazy.value) {
-					_$_.output_push('<p');
-					_$_.output_push(' class="text"');
-					_$_.output_push('>');
-
-					{
-						_$_.output_push('Hello world');
-					}
+			let __out = '';
 
-					_$_.output_push('</p>');
-				}
+			__out += '<div class="content"><!--[-->';
 
-				_$_.output_push('<!--]-->');
+			if (lazy.value) {
+				__out += '<p class="text">Hello world</p>';
 			}
 
-			_$_.output_push('</div>');
+			__out += '<!--]--></div>';
+			_$_.output_push(__out);
 		});
 	});
 }

package/tests/hydration/compiled/server/html-in-template.js

@@ -6,11 +6,10 @@ export function SimpleTemplateHtml() {
 		const data = 'test data';
 
 		_$_.regular_block(() => {
-			_$_.output_push('<template');
-			_$_.output_push(' id="data1"');
-			_$_.output_push('>');
-			_$_.output_push(String(data ?? ''));
-			_$_.output_push('</template>');
+			let __out = '';
+
+			__out += '<template id="data1">' + String(data ?? '') + '</template>';
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -20,11 +19,10 @@ export function TemplateWithJSON() {
 		const jsonData = JSON.stringify({ message: 'hello', count: 42 });
 
 		_$_.regular_block(() => {
-			_$_.output_push('<template');
-			_$_.output_push(' id="data2"');
-			_$_.output_push('>');
-			_$_.output_push(String(jsonData ?? ''));
-			_$_.output_push('</template>');
+			let __out = '';
+
+			__out += '<template id="data2">' + String(jsonData ?? '') + '</template>';
+			_$_.output_push(__out);
 		});
 	});
 }
@@ -34,38 +32,16 @@ export function TemplateAroundIfBlock() {
 		const show = true;
 
 		_$_.regular_block(() => {
-			_$_.output_push('<div');
-			_$_.output_push('>');
-
-			{
-				_$_.output_push('<template');
-				_$_.output_push(' id="before"');
-				_$_.output_push('>');
-				_$_.output_push('before');
-				_$_.output_push('</template>');
-				_$_.output_push('<!--[-->');
-
-				if (show) {
-					_$_.output_push('<span');
-					_$_.output_push(' class="inside"');
-					_$_.output_push('>');
-
-					{
-						_$_.output_push('inside');
-					}
+			let __out = '';
 
-					_$_.output_push('</span>');
-				}
+			__out += '<div><template id="before">before</template><!--[-->';
 
-				_$_.output_push('<!--]-->');
-				_$_.output_push('<template');
-				_$_.output_push(' id="after"');
-				_$_.output_push('>');
-				_$_.output_push('after');
-				_$_.output_push('</template>');
+			if (show) {
+				__out += '<span class="inside">inside</span>';
 			}
 
-			_$_.output_push('</div>');
+			__out += '<!--]--><template id="after">after</template></div>';
+			_$_.output_push(__out);
 		});
 	});
 }