ripple 0.3.127 → 0.4.0

package/tests/hydration/compiled/client/streaming.js

@@ -2,423 +2,507 @@
 import * as _$_ from 'ripple/internal/client';
 
 var root = _$_.template(`<div class="resolved"><span class="value"> </span><button class="inc">inc</button></div>`, 0);
+
+function render(__prev) {
+	var __a = __prev._data.value + ':' + __prev._count.value;
+
+	if (__prev.a !== __a) {
+		_$_.set_text(__prev._expression, __prev.a = __a);
+	}
+}
+
+function BasicContent_render(__anchor, __block) {
+	const data = _$_.track_async(() => controls.basic.promise, __block, '703e438e');
+	const count = _$_.track(0, __block, '928bce39');
+	var div = root();
+
+	{
+		var span = _$_.hydrating ? _$_.hydrate_child() : div.firstChild;
+
+		{
+			var expression = _$_.hydrating ? _$_.hydrate_text() : span.firstChild;
+		}
+
+		var button = _$_.hydrating ? _$_.hydrate_sibling() : span.nextSibling;
+
+		button.__click = () => count.value++;
+	}
+
+	_$_.render(render, { a: ' ', _data: data, _count: count, _expression: expression });
+	_$_.append(__anchor, div);
+}
+
+BasicContent[_$_.$r] = BasicContent_render;
+
 var root_3 = _$_.template(`<!><footer class="after-async">after-async</footer>`, 1, 2);
 var root_4 = _$_.template(`<p class="loading">loading...</p>`, 0);
 var root_2 = _$_.template(`<span class="before">before</span><!><span class="sibling-after">sibling-after</span>`, 1, 3);
 var root_1 = _$_.template(`<!>`, 1, 1);
+
+function StreamPending_render(__anchor, __block) {
+	var fragment = root_1();
+	var node_2 = _$_.first_child_frag(fragment);
+
+	_$_.expression(node_2, () => _$_.tsrx_element((__anchor, __block) => {
+		var fragment_1 = root_2();
+		var span_1 = _$_.first_child_frag(fragment_1);
+		var node = _$_.hydrating ? _$_.hydrate_sibling() : span_1.nextSibling;
+
+		_$_.try(
+			node,
+			(__anchor) => {
+				var fragment_2 = root_3();
+				var node_1 = _$_.first_child_frag(fragment_2);
+
+				_$_.render_component(BasicContent, node_1, {});
+				_$_.next();
+				_$_.append(__anchor, fragment_2);
+			},
+			null,
+			(__anchor) => {
+				var p = root_4();
+
+				_$_.append(__anchor, p);
+			}
+		);
+
+		_$_.next();
+		_$_.append(__anchor, fragment_1);
+	}));
+
+	_$_.append(__anchor, fragment);
+}
+
+StreamPending[_$_.$r] = StreamPending_render;
+
 var root_5 = _$_.template(`<p class="resolved"> </p>`, 0);
+
+function CatchOnlyContent_render(__anchor, __block) {
+	const data = _$_.track_async(() => controls.catchOnly.promise, __block, '50f939c6');
+	var p_1 = root_5();
+
+	{
+		var expression_1 = _$_.hydrating ? _$_.hydrate_child() : p_1.firstChild;
+
+		_$_.expression(expression_1, () => data.value);
+		_$_.hydrating && _$_.pop(p_1);
+	}
+
+	_$_.append(__anchor, p_1);
+}
+
+CatchOnlyContent[_$_.$r] = CatchOnlyContent_render;
+
 var root_8 = _$_.template(`<em class="caught"> </em>`, 0);
 var root_7 = _$_.template(`<span class="before">before</span><!>`, 1, 2);
 var root_6 = _$_.template(`<!>`, 1, 1);
-var root_9 = _$_.template(`<p class="resolved"> </p>`, 0);
-var root_10 = _$_.template(`<em class="caught"> </em>`, 0);
-var root_11 = _$_.template(`<p class="loading">loading...</p>`, 0);
-var root_12 = _$_.template(`<p class="resolved"> </p>`, 0);
-var root_13 = _$_.template(`<p class="loading">loading...</p>`, 0);
-var root_14 = _$_.template(`<section class="root-catch"> </section>`, 0);
-var root_15 = _$_.template(`<p class="root-pending">root-loading</p>`, 0);
-var root_17 = _$_.template(`<p class="head-content"> </p>`, 0);
-var root_16 = _$_.template(`<!>`, 1, 1);
-var root_18 = _$_.template(`<p class="loading">loading...</p>`, 0);
-var root_19 = _$_.template(`<p class="root-async"> </p>`, 0);
-var root_20 = _$_.template(`<p class="outer"> </p>`, 0);
-var root_21 = _$_.template(`<p class="inner"> </p>`, 0);
-var root_23 = _$_.template(`<p class="inner-loading">inner-loading</p>`, 0);
-var root_22 = _$_.template(`<!><!>`, 1, 2);
-var root_24 = _$_.template(`<p class="outer-loading">outer-loading</p>`, 0);
 
-import { track, trackAsync } from 'ripple';
+function StreamCatchOnly_render(__anchor, __block) {
+	var fragment_3 = root_6();
+	var node_4 = _$_.first_child_frag(fragment_3);
 
-function make() {
-	let resolve = () => {};
-	let reject = () => {};
+	_$_.expression(node_4, () => _$_.tsrx_element((__anchor, __block) => {
+		var fragment_4 = root_7();
+		var span_2 = _$_.first_child_frag(fragment_4);
+		var node_3 = _$_.hydrating ? _$_.hydrate_sibling() : span_2.nextSibling;
 
-	const promise = new Promise((res, rej) => {
-		resolve = res;
-		reject = rej;
-	});
+		_$_.try(
+			node_3,
+			(__anchor) => {
+				_$_.render_component(CatchOnlyContent, __anchor, {});
+			},
+			(__anchor, e) => {
+				var em = root_8();
 
-	return { promise, resolve, reject };
+				{
+					var expression_2 = _$_.hydrating ? _$_.hydrate_child() : em.firstChild;
+
+					_$_.expression(expression_2, () => e.message);
+					_$_.hydrating && _$_.pop(em);
+				}
+
+				_$_.append(__anchor, em);
+			}
+		);
+
+		_$_.append(__anchor, fragment_4);
+	}));
+
+	_$_.append(__anchor, fragment_3);
 }
 
-export const controls = {};
+StreamCatchOnly[_$_.$r] = StreamCatchOnly_render;
 
-export function resetControls() {
-	var __block = _$_.scope();
+var root_9 = _$_.template(`<p class="resolved"> </p>`, 0);
 
-	controls.basic = make();
-	controls.catchOnly = make();
-	controls.rejects = make();
-	controls.noCatch = make();
-	controls.outer = make();
-	controls.inner = make();
-	controls.rootDirect = make();
-	controls.head = make();
+function RejectContent_render(__anchor, __block) {
+	const data = _$_.track_async(() => controls.rejects.promise, __block, '96452a54');
+	var p_2 = root_9();
+
+	{
+		var expression_3 = _$_.hydrating ? _$_.hydrate_child() : p_2.firstChild;
+
+		_$_.expression(expression_3, () => data.value);
+		_$_.hydrating && _$_.pop(p_2);
+	}
+
+	_$_.append(__anchor, p_2);
 }
 
-resetControls();
+RejectContent[_$_.$r] = RejectContent_render;
 
-function BasicContent() {
-	return _$_.tsrx_element((__anchor, __block) => {
-		let lazy = _$_.track_async(() => controls.basic.promise, __block, '703e438e');
-		let lazy_1 = _$_.track(0, __block, '928bce39');
-		var div = root();
+var root_10 = _$_.template(`<em class="caught"> </em>`, 0);
+var root_11 = _$_.template(`<p class="loading">loading...</p>`, 0);
 
-		{
-			var span = _$_.child(div);
+function StreamRejects_render(__anchor, __block) {
+	_$_.try(
+		__anchor,
+		(__anchor) => {
+			_$_.render_component(RejectContent, __anchor, {});
+		},
+		(__anchor, e) => {
+			var em_1 = root_10();
 
 			{
-				var expression = _$_.child(span, true);
+				var expression_4 = _$_.hydrating ? _$_.hydrate_child() : em_1.firstChild;
 
-				_$_.pop(span);
+				_$_.expression(expression_4, () => e.message);
+				_$_.hydrating && _$_.pop(em_1);
 			}
 
-			var button = _$_.sibling(span);
+			_$_.append(__anchor, em_1);
+		},
+		(__anchor) => {
+			var p_3 = root_11();
 
-			button.__click = () => _$_.update(lazy_1);
-		}
+			_$_.append(__anchor, p_3);
+		},
+		true
+	);
+}
 
-		_$_.render(() => {
-			_$_.set_text(expression, lazy.value + ':' + lazy_1.value);
-		});
+StreamRejects[_$_.$r] = StreamRejects_render;
 
-		_$_.append(__anchor, div);
-	});
+var root_12 = _$_.template(`<p class="resolved"> </p>`, 0);
+
+function NoCatchContent_render(__anchor, __block) {
+	const data = _$_.track_async(() => controls.noCatch.promise, __block, '6baa716b');
+	var p_4 = root_12();
+
+	{
+		var expression_5 = _$_.hydrating ? _$_.hydrate_child() : p_4.firstChild;
+
+		_$_.expression(expression_5, () => data.value);
+		_$_.hydrating && _$_.pop(p_4);
+	}
+
+	_$_.append(__anchor, p_4);
 }
 
-export function StreamPending() {
-	return _$_.tsrx_element((__anchor, __block) => {
-		var fragment = root_1();
-		var node_2 = _$_.first_child_frag(fragment);
+NoCatchContent[_$_.$r] = NoCatchContent_render;
+
+var root_13 = _$_.template(`<p class="loading">loading...</p>`, 0);
 
-		_$_.expression(node_2, () => _$_.tsrx_element((__anchor, __block) => {
-			var fragment_1 = root_2();
-			var span_1 = _$_.first_child_frag(fragment_1);
-			var node = _$_.sibling(span_1);
+function StreamNoCatch_render(__anchor, __block) {
+	_$_.try(
+		__anchor,
+		(__anchor) => {
+			_$_.render_component(NoCatchContent, __anchor, {});
+		},
+		null,
+		(__anchor) => {
+			var p_5 = root_13();
+
+			_$_.append(__anchor, p_5);
+		},
+		true
+	);
+}
 
-			_$_.try(
-				node,
-				(__anchor) => {
-					var fragment_2 = root_3();
-					var node_1 = _$_.first_child_frag(fragment_2);
+StreamNoCatch[_$_.$r] = StreamNoCatch_render;
 
-					_$_.render_component(BasicContent, node_1, {});
-					_$_.append(__anchor, fragment_2);
-				},
-				null,
-				(__anchor) => {
-					var p = root_4();
+var root_14 = _$_.template(`<section class="root-catch"> </section>`, 0);
 
-					_$_.append(__anchor, p);
-				}
-			);
+function RootCatch_render(__anchor, __block, { error, reset }) {
+	var section = root_14();
 
-			_$_.append(__anchor, fragment_1);
-		}));
+	_$_.event('Click', section, reset);
 
-		_$_.append(__anchor, fragment);
-	});
+	{
+		var expression_6 = _$_.hydrating ? _$_.hydrate_child() : section.firstChild;
+
+		_$_.expression(expression_6, () => error.message);
+		_$_.hydrating && _$_.pop(section);
+	}
+
+	_$_.append(__anchor, section);
 }
 
-function CatchOnlyContent() {
-	return _$_.tsrx_element((__anchor, __block) => {
-		let lazy_2 = _$_.track_async(() => controls.catchOnly.promise, __block, '50f939c6');
-		var p_1 = root_5();
+RootCatch[_$_.$r] = RootCatch_render;
 
-		{
-			var expression_1 = _$_.child(p_1);
+var root_15 = _$_.template(`<p class="root-pending">root-loading</p>`, 0);
 
-			_$_.expression(expression_1, () => lazy_2.value);
-			_$_.pop(p_1);
-		}
+function RootPending_render(__anchor, __block) {
+	var p_6 = root_15();
 
-		_$_.append(__anchor, p_1);
-	});
+	_$_.append(__anchor, p_6);
 }
 
-export function StreamCatchOnly() {
-	return _$_.tsrx_element((__anchor, __block) => {
-		var fragment_3 = root_6();
-		var node_4 = _$_.first_child_frag(fragment_3);
+RootPending[_$_.$r] = RootPending_render;
 
-		_$_.expression(node_4, () => _$_.tsrx_element((__anchor, __block) => {
-			var fragment_4 = root_7();
-			var span_2 = _$_.first_child_frag(fragment_4);
-			var node_3 = _$_.sibling(span_2);
+var root_17 = _$_.template(`<p class="head-content"> </p>`, 0);
+var root_16 = _$_.template(`<!>`, 1, 1);
 
-			_$_.try(
-				node_3,
-				(__anchor) => {
-					_$_.render_component(CatchOnlyContent, __anchor, {});
-				},
-				(__anchor, e) => {
-					var em = root_8();
+function HeadContent_render(__anchor, __block) {
+	const data = _$_.track_async(() => controls.head.promise, __block, '9cd3c3cd');
+	var fragment_5 = root_16();
+	var node_5 = _$_.first_child_frag(fragment_5);
 
-					{
-						var expression_2 = _$_.child(em);
+	_$_.expression(node_5, () => _$_.tsrx_element((__anchor, __block) => {
+		{
+			var consequent = (__anchor) => {
+				var p_7 = root_17();
 
-						_$_.expression(expression_2, () => e.message);
-						_$_.pop(em);
-					}
+				{
+					var expression_7 = _$_.hydrating ? _$_.hydrate_child() : p_7.firstChild;
 
-					_$_.append(__anchor, em);
+					_$_.expression(expression_7, () => data.value);
+					_$_.hydrating && _$_.pop(p_7);
 				}
-			);
 
-			_$_.append(__anchor, fragment_4);
-		}));
+				_$_.head('1ad4258e', (__anchor) => {
+					_$_.render(() => {
+						_$_.document.title = 'title:' + data.value;
+					});
+				});
 
-		_$_.append(__anchor, fragment_3);
-	});
-}
+				_$_.append(__anchor, p_7);
+			};
 
-function RejectContent() {
-	return _$_.tsrx_element((__anchor, __block) => {
-		let lazy_3 = _$_.track_async(() => controls.rejects.promise, __block, '96452a54');
-		var p_2 = root_9();
+			_$_.if(
+				__anchor,
+				() => {
+					if (data.value) return consequent;
+				},
+				true
+			);
+		}
+	}));
 
-		{
-			var expression_3 = _$_.child(p_2);
+	_$_.append(__anchor, fragment_5);
+}
 
-			_$_.expression(expression_3, () => lazy_3.value);
-			_$_.pop(p_2);
-		}
+HeadContent[_$_.$r] = HeadContent_render;
 
-		_$_.append(__anchor, p_2);
-	});
+var root_18 = _$_.template(`<p class="loading">loading...</p>`, 0);
+
+function StreamHead_render(__anchor, __block) {
+	_$_.try(
+		__anchor,
+		(__anchor) => {
+			_$_.render_component(HeadContent, __anchor, {});
+		},
+		null,
+		(__anchor) => {
+			var p_8 = root_18();
+
+			_$_.append(__anchor, p_8);
+		},
+		true
+	);
 }
 
-export function StreamRejects() {
-	return _$_.tsrx_element((__anchor, __block) => {
-		_$_.try(
-			__anchor,
-			(__anchor) => {
-				_$_.render_component(RejectContent, __anchor, {});
-			},
-			(__anchor, e) => {
-				var em_1 = root_10();
+StreamHead[_$_.$r] = StreamHead_render;
 
-				{
-					var expression_4 = _$_.child(em_1);
+var root_19 = _$_.template(`<p class="root-async"> </p>`, 0);
 
-					_$_.expression(expression_4, () => e.message);
-					_$_.pop(em_1);
-				}
+function StreamRootDirect_render(__anchor, __block) {
+	const data = _$_.track_async(() => controls.rootDirect.promise, __block, 'bc9e61da');
+	var p_9 = root_19();
 
-				_$_.append(__anchor, em_1);
-			},
-			(__anchor) => {
-				var p_3 = root_11();
+	{
+		var expression_8 = _$_.hydrating ? _$_.hydrate_child() : p_9.firstChild;
 
-				_$_.append(__anchor, p_3);
-			},
-			true
-		);
-	});
+		_$_.expression(expression_8, () => data.value);
+		_$_.hydrating && _$_.pop(p_9);
+	}
+
+	_$_.append(__anchor, p_9);
 }
 
-function NoCatchContent() {
-	return _$_.tsrx_element((__anchor, __block) => {
-		let lazy_4 = _$_.track_async(() => controls.noCatch.promise, __block, '6baa716b');
-		var p_4 = root_12();
+StreamRootDirect[_$_.$r] = StreamRootDirect_render;
 
-		{
-			var expression_5 = _$_.child(p_4);
+var root_20 = _$_.template(`<p class="outer"> </p>`, 0);
 
-			_$_.expression(expression_5, () => lazy_4.value);
-			_$_.pop(p_4);
-		}
+function OuterContent_render(__anchor, __block) {
+	const data = _$_.track_async(() => controls.outer.promise, __block, '35931cce');
+	var p_10 = root_20();
 
-		_$_.append(__anchor, p_4);
-	});
-}
+	{
+		var expression_9 = _$_.hydrating ? _$_.hydrate_child() : p_10.firstChild;
 
-export function StreamNoCatch() {
-	return _$_.tsrx_element((__anchor, __block) => {
-		_$_.try(
-			__anchor,
-			(__anchor) => {
-				_$_.render_component(NoCatchContent, __anchor, {});
-			},
-			null,
-			(__anchor) => {
-				var p_5 = root_13();
+		_$_.expression(expression_9, () => data.value);
+		_$_.hydrating && _$_.pop(p_10);
+	}
 
-				_$_.append(__anchor, p_5);
-			},
-			true
-		);
-	});
+	_$_.append(__anchor, p_10);
 }
 
-export function RootCatch({ error, reset }) {
-	return _$_.tsrx_element((__anchor, __block) => {
-		var section = root_14();
-
-		_$_.event('Click', section, reset);
+OuterContent[_$_.$r] = OuterContent_render;
 
-		{
-			var expression_6 = _$_.child(section);
+var root_21 = _$_.template(`<p class="inner"> </p>`, 0);
 
-			_$_.expression(expression_6, () => error.message);
-			_$_.pop(section);
-		}
+function InnerContent_render(__anchor, __block) {
+	const data = _$_.track_async(() => controls.inner.promise, __block, '6c7d38ed');
+	var p_11 = root_21();
 
-		_$_.append(__anchor, section);
-	});
-}
+	{
+		var expression_10 = _$_.hydrating ? _$_.hydrate_child() : p_11.firstChild;
 
-export function RootPending() {
-	return _$_.tsrx_element((__anchor, __block) => {
-		var p_6 = root_15();
+		_$_.expression(expression_10, () => data.value);
+		_$_.hydrating && _$_.pop(p_11);
+	}
 
-		_$_.append(__anchor, p_6);
-	});
+	_$_.append(__anchor, p_11);
 }
 
-function HeadContent() {
-	return _$_.tsrx_element((__anchor, __block) => {
-		let lazy_5 = _$_.track_async(() => controls.head.promise, __block, '9cd3c3cd');
-		var fragment_5 = root_16();
-		var node_5 = _$_.first_child_frag(fragment_5);
+InnerContent[_$_.$r] = InnerContent_render;
 
-		_$_.expression(node_5, () => _$_.tsrx_element((__anchor, __block) => {
-			{
-				var consequent = (__anchor) => {
-					var p_7 = root_17();
+var root_23 = _$_.template(`<p class="inner-loading">inner-loading</p>`, 0);
+var root_22 = _$_.template(`<!><!>`, 1, 2);
+var root_24 = _$_.template(`<p class="outer-loading">outer-loading</p>`, 0);
 
-					{
-						var expression_7 = _$_.child(p_7);
+function StreamNested_render(__anchor, __block) {
+	_$_.try(
+		__anchor,
+		(__anchor) => {
+			var fragment_6 = root_22();
+			var node_6 = _$_.first_child_frag(fragment_6);
 
-						_$_.expression(expression_7, () => lazy_5.value);
-						_$_.pop(p_7);
-					}
+			_$_.render_component(OuterContent, node_6, {});
 
-					_$_.head('814bacd9', (__anchor) => {
-						_$_.render(() => {
-							_$_.document.title = 'title:' + lazy_5.value;
-						});
-					});
+			var node_7 = _$_.hydrating ? _$_.hydrate_sibling() : node_6.nextSibling;
 
-					_$_.append(__anchor, p_7);
-				};
+			_$_.try(
+				node_7,
+				(__anchor) => {
+					_$_.render_component(InnerContent, __anchor, {});
+				},
+				null,
+				(__anchor) => {
+					var p_12 = root_23();
 
-				_$_.if(
-					__anchor,
-					(__render) => {
-						if (lazy_5.value) __render(consequent);
-					},
-					true
-				);
-			}
-		}));
+					_$_.append(__anchor, p_12);
+				}
+			);
 
-		_$_.append(__anchor, fragment_5);
-	});
+			_$_.append(__anchor, fragment_6);
+		},
+		null,
+		(__anchor) => {
+			var p_13 = root_24();
+
+			_$_.append(__anchor, p_13);
+		},
+		true
+	);
 }
 
-export function StreamHead() {
-	return _$_.tsrx_element((__anchor, __block) => {
-		_$_.try(
-			__anchor,
-			(__anchor) => {
-				_$_.render_component(HeadContent, __anchor, {});
-			},
-			null,
-			(__anchor) => {
-				var p_8 = root_18();
+StreamNested[_$_.$r] = StreamNested_render;
 
-				_$_.append(__anchor, p_8);
-			},
-			true
-		);
+import { track, trackAsync } from 'ripple';
+
+function make() {
+	let resolve = () => {};
+	let reject = () => {};
+
+	const promise = new Promise((res, rej) => {
+		resolve = res;
+		reject = rej;
 	});
+
+	return { promise, resolve, reject };
 }
 
-export function StreamRootDirect() {
-	return _$_.tsrx_element((__anchor, __block) => {
-		let lazy_6 = _$_.track_async(() => controls.rootDirect.promise, __block, 'bc9e61da');
-		var p_9 = root_19();
+export const controls = {};
 
-		{
-			var expression_8 = _$_.child(p_9);
+export function resetControls() {
+	var __block = _$_.scope();
 
-			_$_.expression(expression_8, () => lazy_6.value);
-			_$_.pop(p_9);
-		}
+	controls.basic = make();
+	controls.catchOnly = make();
+	controls.rejects = make();
+	controls.noCatch = make();
+	controls.outer = make();
+	controls.inner = make();
+	controls.rootDirect = make();
+	controls.head = make();
+}
 
-		_$_.append(__anchor, p_9);
-	});
+resetControls();
+
+function BasicContent() {
+	return _$_.tsrx_element(BasicContent_render);
 }
 
-function OuterContent() {
-	return _$_.tsrx_element((__anchor, __block) => {
-		let lazy_7 = _$_.track_async(() => controls.outer.promise, __block, '35931cce');
-		var p_10 = root_20();
+export function StreamPending() {
+	return _$_.tsrx_element(StreamPending_render);
+}
 
-		{
-			var expression_9 = _$_.child(p_10);
+function CatchOnlyContent() {
+	return _$_.tsrx_element(CatchOnlyContent_render);
+}
 
-			_$_.expression(expression_9, () => lazy_7.value);
-			_$_.pop(p_10);
-		}
+export function StreamCatchOnly() {
+	return _$_.tsrx_element(StreamCatchOnly_render);
+}
 
-		_$_.append(__anchor, p_10);
-	});
+function RejectContent() {
+	return _$_.tsrx_element(RejectContent_render);
 }
 
-function InnerContent() {
-	return _$_.tsrx_element((__anchor, __block) => {
-		let lazy_8 = _$_.track_async(() => controls.inner.promise, __block, '6c7d38ed');
-		var p_11 = root_21();
+export function StreamRejects() {
+	return _$_.tsrx_element(StreamRejects_render);
+}
 
-		{
-			var expression_10 = _$_.child(p_11);
+function NoCatchContent() {
+	return _$_.tsrx_element(NoCatchContent_render);
+}
 
-			_$_.expression(expression_10, () => lazy_8.value);
-			_$_.pop(p_11);
-		}
+export function StreamNoCatch() {
+	return _$_.tsrx_element(StreamNoCatch_render);
+}
 
-		_$_.append(__anchor, p_11);
-	});
+export function RootCatch(__props) {
+	return _$_.tsrx_element(RootCatch_render, __props);
 }
 
-export function StreamNested() {
-	return _$_.tsrx_element((__anchor, __block) => {
-		_$_.try(
-			__anchor,
-			(__anchor) => {
-				var fragment_6 = root_22();
-				var node_6 = _$_.first_child_frag(fragment_6);
+export function RootPending() {
+	return _$_.tsrx_element(RootPending_render);
+}
 
-				_$_.render_component(OuterContent, node_6, {});
+function HeadContent() {
+	return _$_.tsrx_element(HeadContent_render);
+}
 
-				var node_7 = _$_.sibling(node_6);
+export function StreamHead() {
+	return _$_.tsrx_element(StreamHead_render);
+}
 
-				_$_.try(
-					node_7,
-					(__anchor) => {
-						_$_.render_component(InnerContent, __anchor, {});
-					},
-					null,
-					(__anchor) => {
-						var p_12 = root_23();
+export function StreamRootDirect() {
+	return _$_.tsrx_element(StreamRootDirect_render);
+}
 
-						_$_.append(__anchor, p_12);
-					}
-				);
+function OuterContent() {
+	return _$_.tsrx_element(OuterContent_render);
+}
 
-				_$_.append(__anchor, fragment_6);
-			},
-			null,
-			(__anchor) => {
-				var p_13 = root_24();
+function InnerContent() {
+	return _$_.tsrx_element(InnerContent_render);
+}
 
-				_$_.append(__anchor, p_13);
-			},
-			true
-		);
-	});
+export function StreamNested() {
+	return _$_.tsrx_element(StreamNested_render);
 }
 
 _$_.delegate(['click']);