ripple 0.3.11 → 0.3.13

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

@@ -3,290 +3,325 @@ import * as _$_ from 'ripple/internal/server';
 
 import { track } from 'ripple/server';
 
-export function StaticTitle(__output) {
+export function StaticTitle() {
 	_$_.push_component();
-	__output.push('<div');
-	__output.push('>');
 
-	{
-		__output.push('Content');
-	}
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push('>');
 
-	__output.push('</div>');
-	__output.target = 'head';
-	__output.push('<!--qwqurq-->');
-	__output.push('<title');
-	__output.push('>');
+		{
+			_$_.output_push('Content');
+		}
+
+		_$_.output_push('</div>');
+	});
+
+	_$_.set_output_target('head');
+	_$_.output_push('<!--p76zx7-->');
+	_$_.output_push('<title');
+	_$_.output_push('>');
 
 	{
-		__output.push('Static Test Title');
+		_$_.output_push('Static Test Title');
 	}
 
-	__output.push('</title>');
-	__output.target = null;
+	_$_.output_push('</title>');
+	_$_.set_output_target(null);
 	_$_.pop_component();
 }
 
-export function ReactiveTitle(__output) {
+export function ReactiveTitle() {
 	_$_.push_component();
 
 	let lazy = _$_.track('Initial Title');
 
-	__output.push('<div');
-	__output.push('>');
-
-	{
-		__output.push('<span');
-		__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push('>');
 
 		{
-			__output.push(_$_.escape(_$_.get(lazy)));
+			_$_.output_push('<span');
+			_$_.output_push('>');
+
+			{
+				_$_.output_push(_$_.escape(_$_.get(lazy)));
+			}
+
+			_$_.output_push('</span>');
 		}
 
-		__output.push('</span>');
-	}
+		_$_.output_push('</div>');
+	});
 
-	__output.push('</div>');
-	__output.target = 'head';
-	__output.push('<!--9zxmq0-->');
-	__output.push('<title');
-	__output.push('>');
+	_$_.set_output_target('head');
+	_$_.output_push('<!--1nb8jjx-->');
+	_$_.output_push('<title');
+	_$_.output_push('>');
 
 	{
-		__output.push(_$_.escape(_$_.get(lazy)));
+		_$_.output_push(_$_.escape(_$_.get(lazy)));
 	}
 
-	__output.push('</title>');
-	__output.target = null;
+	_$_.output_push('</title>');
+	_$_.set_output_target(null);
 	_$_.pop_component();
 }
 
-export function MultipleHeadElements(__output) {
+export function MultipleHeadElements() {
 	_$_.push_component();
-	__output.push('<div');
-	__output.push('>');
 
-	{
-		__output.push('Page content');
-	}
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push('>');
+
+		{
+			_$_.output_push('Page content');
+		}
 
-	__output.push('</div>');
-	__output.target = 'head';
-	__output.push('<!--16pnxms-->');
-	__output.push('<title');
-	__output.push('>');
+		_$_.output_push('</div>');
+	});
+
+	_$_.set_output_target('head');
+	_$_.output_push('<!--8n8nfd-->');
+	_$_.output_push('<title');
+	_$_.output_push('>');
 
 	{
-		__output.push('Page Title');
+		_$_.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(' />');
-	__output.target = null;
+	_$_.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);
 	_$_.pop_component();
 }
 
-export function ReactiveMetaTags(__output) {
+export function ReactiveMetaTags() {
 	_$_.push_component();
 
 	let lazy_1 = _$_.track('Initial description');
 
-	__output.push('<div');
-	__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push('>');
 
-	{
-		__output.push(_$_.escape(_$_.get(lazy_1)));
-	}
+		{
+			_$_.output_push(_$_.escape(_$_.get(lazy_1)));
+		}
 
-	__output.push('</div>');
-	__output.target = 'head';
-	__output.push('<!--w5ribf-->');
-	__output.push('<title');
-	__output.push('>');
+		_$_.output_push('</div>');
+	});
+
+	_$_.set_output_target('head');
+	_$_.output_push('<!--1u7li02-->');
+	_$_.output_push('<title');
+	_$_.output_push('>');
 
 	{
-		__output.push('My Page');
+		_$_.output_push('My Page');
 	}
 
-	__output.push('</title>');
-	__output.push('<meta');
-	__output.push(' name="description"');
-	__output.push(_$_.attr('content', _$_.get(lazy_1), false));
-	__output.push(' />');
-	__output.target = null;
+	_$_.output_push('</title>');
+	_$_.output_push('<meta');
+	_$_.output_push(' name="description"');
+	_$_.output_push(_$_.attr('content', _$_.get(lazy_1), false));
+	_$_.output_push(' />');
+	_$_.set_output_target(null);
 	_$_.pop_component();
 }
 
-export function TitleWithTemplate(__output) {
+export function TitleWithTemplate() {
 	_$_.push_component();
 
 	let lazy_2 = _$_.track('World');
 
-	__output.push('<div');
-	__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push('>');
 
-	{
-		__output.push(_$_.escape(_$_.get(lazy_2)));
-	}
+		{
+			_$_.output_push(_$_.escape(_$_.get(lazy_2)));
+		}
+
+		_$_.output_push('</div>');
+	});
 
-	__output.push('</div>');
-	__output.target = 'head';
-	__output.push('<!--2ch862-->');
-	__output.push('<title');
-	__output.push('>');
+	_$_.set_output_target('head');
+	_$_.output_push('<!--1wzb5pb-->');
+	_$_.output_push('<title');
+	_$_.output_push('>');
 
 	{
-		__output.push(_$_.escape(`Hello ${_$_.get(lazy_2)}!`));
+		_$_.output_push(_$_.escape(`Hello ${_$_.get(lazy_2)}!`));
 	}
 
-	__output.push('</title>');
-	__output.target = null;
+	_$_.output_push('</title>');
+	_$_.set_output_target(null);
 	_$_.pop_component();
 }
 
-export function EmptyTitle(__output) {
+export function EmptyTitle() {
 	_$_.push_component();
-	__output.push('<div');
-	__output.push('>');
 
-	{
-		__output.push('Empty title test');
-	}
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push('>');
+
+		{
+			_$_.output_push('Empty title test');
+		}
 
-	__output.push('</div>');
-	__output.target = 'head';
-	__output.push('<!--u2seuf-->');
-	__output.push('<title');
-	__output.push('>');
+		_$_.output_push('</div>');
+	});
+
+	_$_.set_output_target('head');
+	_$_.output_push('<!--1vtxclq-->');
+	_$_.output_push('<title');
+	_$_.output_push('>');
 
 	{
-		__output.push('');
+		_$_.output_push('');
 	}
 
-	__output.push('</title>');
-	__output.target = null;
+	_$_.output_push('</title>');
+	_$_.set_output_target(null);
 	_$_.pop_component();
 }
 
-export function ConditionalTitle(__output) {
+export function ConditionalTitle() {
 	_$_.push_component();
 
 	let lazy_3 = _$_.track(true);
 	let lazy_4 = _$_.track('Main Page');
 
-	__output.push('<div');
-	__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push('>');
 
-	{
-		__output.push(_$_.escape(_$_.get(lazy_4)));
-	}
+		{
+			_$_.output_push(_$_.escape(_$_.get(lazy_4)));
+		}
 
-	__output.push('</div>');
-	__output.target = 'head';
-	__output.push('<!--a0y861-->');
-	__output.push('<title');
-	__output.push('>');
+		_$_.output_push('</div>');
+	});
+
+	_$_.set_output_target('head');
+	_$_.output_push('<!--23prgg-->');
+	_$_.output_push('<title');
+	_$_.output_push('>');
 
 	{
-		__output.push(_$_.escape(_$_.get(lazy_3) ? 'App - ' + _$_.get(lazy_4) : _$_.get(lazy_4)));
+		_$_.output_push(_$_.escape(_$_.get(lazy_3) ? 'App - ' + _$_.get(lazy_4) : _$_.get(lazy_4)));
 	}
 
-	__output.push('</title>');
-	__output.target = null;
+	_$_.output_push('</title>');
+	_$_.set_output_target(null);
 	_$_.pop_component();
 }
 
-export function ComputedTitle(__output) {
+export function ComputedTitle() {
 	_$_.push_component();
 
 	let lazy_5 = _$_.track(0);
 	let prefix = 'Count: ';
 
-	__output.push('<div');
-	__output.push('>');
-
-	{
-		__output.push('<span');
-		__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push('>');
 
 		{
-			__output.push(_$_.escape(_$_.get(lazy_5)));
+			_$_.output_push('<span');
+			_$_.output_push('>');
+
+			{
+				_$_.output_push(_$_.escape(_$_.get(lazy_5)));
+			}
+
+			_$_.output_push('</span>');
 		}
 
-		__output.push('</span>');
-	}
+		_$_.output_push('</div>');
+	});
 
-	__output.push('</div>');
-	__output.target = 'head';
-	__output.push('<!--1bmcw8x-->');
-	__output.push('<title');
-	__output.push('>');
+	_$_.set_output_target('head');
+	_$_.output_push('<!--dlz6ig-->');
+	_$_.output_push('<title');
+	_$_.output_push('>');
 
 	{
-		__output.push(_$_.escape(prefix + _$_.get(lazy_5)));
+		_$_.output_push(_$_.escape(prefix + _$_.get(lazy_5)));
 	}
 
-	__output.push('</title>');
-	__output.target = null;
+	_$_.output_push('</title>');
+	_$_.set_output_target(null);
 	_$_.pop_component();
 }
 
-export function MultipleHeadBlocks(__output) {
+export function MultipleHeadBlocks() {
 	_$_.push_component();
-	__output.push('<div');
-	__output.push('>');
 
-	{
-		__output.push('Content');
-	}
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push('>');
+
+		{
+			_$_.output_push('Content');
+		}
+
+		_$_.output_push('</div>');
+	});
 
-	__output.push('</div>');
-	__output.target = 'head';
-	__output.push('<!--1lpoxil-->');
-	__output.push('<title');
-	__output.push('>');
+	_$_.set_output_target('head');
+	_$_.output_push('<!--143y0j8-->');
+	_$_.output_push('<title');
+	_$_.output_push('>');
 
 	{
-		__output.push('First Head');
+		_$_.output_push('First Head');
 	}
 
-	__output.push('</title>');
-	__output.push('<!--n4z677-->');
-	__output.push('<meta');
-	__output.push(' name="author"');
-	__output.push(' content="Test Author"');
-	__output.push(' />');
-	__output.target = null;
+	_$_.output_push('</title>');
+	_$_.output_push('<!--ejrkl6-->');
+	_$_.output_push('<meta');
+	_$_.output_push(' name="author"');
+	_$_.output_push(' content="Test Author"');
+	_$_.output_push(' />');
+	_$_.set_output_target(null);
 	_$_.pop_component();
 }
 
-export function HeadWithStyle(__output) {
+export function HeadWithStyle() {
 	_$_.push_component();
-	__output.push('<div');
-	__output.push('>');
 
-	{
-		__output.push('Styled content');
-	}
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push('>');
+
+		{
+			_$_.output_push('Styled content');
+		}
+
+		_$_.output_push('</div>');
+	});
 
-	__output.push('</div>');
-	__output.target = 'head';
-	__output.push('<!--7j37lr-->');
-	__output.push('<title');
-	__output.push('>');
+	_$_.set_output_target('head');
+	_$_.output_push('<!--1k4vrqu-->');
+	_$_.output_push('<title');
+	_$_.output_push('>');
 
 	{
-		__output.push('Styled Page');
+		_$_.output_push('Styled Page');
 	}
 
-	__output.push('</title>');
-	__output.target = null;
+	_$_.output_push('</title>');
+	_$_.set_output_target(null);
 	_$_.pop_component();
 }

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

@@ -3,94 +3,102 @@ import * as _$_ from 'ripple/internal/server';
 
 import { track } from 'ripple/server';
 
-export function Layout(__output, { children }) {
+export function Layout({ children }) {
 	_$_.push_component();
-	__output.push('<div');
-	__output.push(' class="layout"');
-	__output.push('>');
 
-	{
-		__output.push('<nav');
-		__output.push(' class="nav"');
-		__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push(' class="layout"');
+		_$_.output_push('>');
 
 		{
-			__output.push('Navigation');
-		}
+			_$_.output_push('<nav');
+			_$_.output_push(' class="nav"');
+			_$_.output_push('>');
 
-		__output.push('</nav>');
-		__output.push('<main');
-		__output.push(' class="main"');
-		__output.push('>');
+			{
+				_$_.output_push('Navigation');
+			}
 
-		{
-			_$_.render_expression(__output, children);
+			_$_.output_push('</nav>');
+			_$_.output_push('<main');
+			_$_.output_push(' class="main"');
+			_$_.output_push('>');
+
+			{
+				_$_.render_expression(children);
+			}
+
+			_$_.output_push('</main>');
 		}
 
-		__output.push('</main>');
-	}
+		_$_.output_push('</div>');
+	});
 
-	__output.push('</div>');
 	_$_.pop_component();
 }
 
-export function Content(__output) {
+export function Content() {
 	_$_.push_component();
 
 	let lazy = _$_.track(true);
 
-	__output.push('<div');
-	__output.push(' class="content"');
-	__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push(' class="content"');
+		_$_.output_push('>');
 
-	{
-		__output.push('<!--[-->');
+		{
+			_$_.output_push('<!--[-->');
 
-		if (_$_.get(lazy)) {
-			__output.push('<p');
-			__output.push(' class="text"');
-			__output.push('>');
+			if (_$_.get(lazy)) {
+				_$_.output_push('<p');
+				_$_.output_push(' class="text"');
+				_$_.output_push('>');
 
-			{
-				__output.push('Hello world');
+				{
+					_$_.output_push('Hello world');
+				}
+
+				_$_.output_push('</p>');
 			}
 
-			__output.push('</p>');
+			_$_.output_push('<!--]-->');
 		}
 
-		__output.push('<!--]-->');
-	}
+		_$_.output_push('</div>');
+	});
 
-	__output.push('</div>');
 	_$_.pop_component();
 }
 
-export function LayoutWithContent(__output) {
+export function LayoutWithContent() {
 	_$_.push_component();
 
-	{
-		const comp = Layout;
+	_$_.regular_block(() => {
+		{
+			const comp = Layout;
 
-		const args = [
-			__output,
-			{
-				children: _$_.ripple_element(function render_children(__output) {
-					_$_.push_component();
+			const args = [
+				{
+					children: _$_.ripple_element(function render_children() {
+						_$_.push_component();
 
-					{
-						const comp = Content;
-						const args = [__output, {}];
+						{
+							const comp = Content;
+							const args = [{}];
 
-						comp(...args);
-					}
+							comp(...args);
+						}
 
-					_$_.pop_component();
-				})
-			}
-		];
+						_$_.pop_component();
+					})
+				}
+			];
 
-		comp(...args);
-	}
+			comp(...args);
+		}
+	});
 
 	_$_.pop_component();
 }