ripple 0.3.64 → 0.3.66

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

@@ -941,7 +941,7 @@ function SidebarSection({ title, children }) {
 			_$_.output_push('</div>');
 			_$_.output_push('<!--[-->');
 
-			if (_$_.get(lazy)) {
+			if (lazy.value) {
 				_$_.output_push('<div');
 				_$_.output_push(' class="section-items"');
 				_$_.output_push('>');

package/tests/hydration/compiled/server/if-children.js

@@ -26,7 +26,7 @@ export function IfWithChildren({ children }) {
 			_$_.output_push('</div>');
 			_$_.output_push('<!--[-->');
 
-			if (_$_.get(lazy)) {
+			if (lazy.value) {
 				_$_.output_push('<div');
 				_$_.output_push(' class="content"');
 				_$_.output_push('>');
@@ -126,7 +126,7 @@ export function IfWithStaticChildren() {
 			_$_.output_push('</div>');
 			_$_.output_push('<!--[-->');
 
-			if (_$_.get(lazy_1)) {
+			if (lazy_1.value) {
 				_$_.output_push('<div');
 				_$_.output_push(' class="content"');
 				_$_.output_push('>');
@@ -220,7 +220,7 @@ export function IfWithSiblingsAndChildren({ children }) {
 			_$_.output_push('</div>');
 			_$_.output_push('<!--[-->');
 
-			if (_$_.get(lazy_2)) {
+			if (lazy_2.value) {
 				_$_.output_push('<div');
 				_$_.output_push(' class="items"');
 				_$_.output_push('>');
@@ -317,7 +317,7 @@ export function ElementWithChildrenThenIf() {
 			_$_.output_push('</div>');
 			_$_.output_push('<!--[-->');
 
-			if (_$_.get(lazy_3)) {
+			if (lazy_3.value) {
 				_$_.output_push('<div');
 				_$_.output_push(' class="conditional"');
 				_$_.output_push('>');
@@ -403,7 +403,7 @@ export function DeepNestingThenIf() {
 			_$_.output_push('</article>');
 			_$_.output_push('<!--[-->');
 
-			if (_$_.get(lazy_4)) {
+			if (lazy_4.value) {
 				_$_.output_push('<footer');
 				_$_.output_push(' class="footer"');
 				_$_.output_push('>');
@@ -453,7 +453,7 @@ export function DomElementChildrenThenSibling() {
 
 			{
 				_$_.output_push('<button');
-				_$_.output_push(_$_.attr('aria-selected', _$_.get(lazy_5) === 'code' ? 'true' : 'false', false));
+				_$_.output_push(_$_.attr('aria-selected', lazy_5.value === 'code' ? 'true' : 'false', false));
 				_$_.output_push(' class="tab"');
 				_$_.output_push('>');
 
@@ -463,7 +463,7 @@ export function DomElementChildrenThenSibling() {
 
 				_$_.output_push('</button>');
 				_$_.output_push('<button');
-				_$_.output_push(_$_.attr('aria-selected', _$_.get(lazy_5) === 'preview' ? 'true' : 'false', false));
+				_$_.output_push(_$_.attr('aria-selected', lazy_5.value === 'preview' ? 'true' : 'false', false));
 				_$_.output_push(' class="tab"');
 				_$_.output_push('>');
 
@@ -482,7 +482,7 @@ export function DomElementChildrenThenSibling() {
 			{
 				_$_.output_push('<!--[-->');
 
-				if (_$_.get(lazy_5) === 'code') {
+				if (lazy_5.value === 'code') {
 					_$_.output_push('<pre');
 					_$_.output_push(' class="code"');
 					_$_.output_push('>');
@@ -537,7 +537,7 @@ export function DomChildrenThenStaticSiblings() {
 				_$_.output_push('>');
 
 				{
-					_$_.output_push(_$_.escape('Item count: ' + String(_$_.get(lazy_6))));
+					_$_.output_push(_$_.escape('Item count: ' + String(lazy_6.value)));
 				}
 
 				_$_.output_push('</li>');

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

@@ -111,7 +111,7 @@ export function ReactiveIf() {
 	_$_.regular_block(() => {
 		_$_.output_push('<!--[-->');
 
-		if (_$_.get(lazy)) {
+		if (lazy.value) {
 			_$_.output_push('<div');
 			_$_.output_push(' class="content"');
 			_$_.output_push('>');
@@ -149,7 +149,7 @@ export function ReactiveIfElse() {
 	_$_.regular_block(() => {
 		_$_.output_push('<!--[-->');
 
-		if (_$_.get(lazy_1)) {
+		if (lazy_1.value) {
 			_$_.output_push('<div');
 			_$_.output_push(' class="on"');
 			_$_.output_push('>');
@@ -210,7 +210,7 @@ export function NestedIf() {
 	_$_.regular_block(() => {
 		_$_.output_push('<!--[-->');
 
-		if (_$_.get(lazy_2)) {
+		if (lazy_2.value) {
 			_$_.output_push('<div');
 			_$_.output_push(' class="outer-content"');
 			_$_.output_push('>');
@@ -219,7 +219,7 @@ export function NestedIf() {
 				_$_.output_push('Outer');
 				_$_.output_push('<!--[-->');
 
-				if (_$_.get(lazy_3)) {
+				if (lazy_3.value) {
 					_$_.output_push('<span');
 					_$_.output_push(' class="inner-content"');
 					_$_.output_push('>');
@@ -282,7 +282,7 @@ export function IfElseIfChain() {
 			_$_.output_push('</button>');
 			_$_.output_push('<!--[-->');
 
-			if (_$_.get(lazy_4) === 'loading') {
+			if (lazy_4.value === 'loading') {
 				_$_.output_push('<div');
 				_$_.output_push(' class="state"');
 				_$_.output_push('>');
@@ -295,7 +295,7 @@ export function IfElseIfChain() {
 			} else {
 				_$_.output_push('<!--[-->');
 
-				if (_$_.get(lazy_4) === 'success') {
+				if (lazy_4.value === 'success') {
 					_$_.output_push('<div');
 					_$_.output_push(' class="state"');
 					_$_.output_push('>');

package/tests/hydration/compiled/server/mixed-control-flow.js

@@ -152,7 +152,7 @@ export function MixedControlFlowReactive() {
 	_$_.regular_block(() => {
 		_$_.output_push('<!--[-->');
 
-		if (_$_.get(lazy)) {
+		if (lazy.value) {
 			_$_.output_push('<div');
 			_$_.output_push(' class="mixed-reactive-list"');
 			_$_.output_push('>');
@@ -160,10 +160,10 @@ export function MixedControlFlowReactive() {
 			{
 				_$_.output_push('<!--[-->');
 
-				for (const item of _$_.get(lazy_2)) {
+				for (const item of lazy_2.value) {
 					_$_.output_push('<!--[-->');
 
-					switch (_$_.get(lazy_1)) {
+					switch (lazy_1.value) {
 						case 'a':
 							_$_.try_block(
 								() => {
@@ -335,7 +335,7 @@ function AsyncRow({ label }) {
 		_$_.output_push('>');
 
 		{
-			_$_.output_push(_$_.escape(_$_.get(lazy_3)));
+			_$_.output_push(_$_.escape(lazy_3.value));
 		}
 
 		_$_.output_push('</div>');

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

@@ -77,7 +77,7 @@ export function ConditionalPortal() {
 			_$_.output_push('</button>');
 			_$_.output_push('<!--[-->');
 
-			if (_$_.get(lazy)) {
+			if (lazy.value) {
 				{
 					const comp = Portal;
 

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

@@ -14,7 +14,7 @@ export function TrackedState() {
 		_$_.output_push('>');
 
 		{
-			_$_.output_push(_$_.escape(_$_.get(lazy)));
+			_$_.output_push(_$_.escape(lazy.value));
 		}
 
 		_$_.output_push('</div>');
@@ -38,7 +38,7 @@ export function CounterWithInitial(props) {
 			_$_.output_push('>');
 
 			{
-				_$_.output_push(_$_.escape(_$_.get(lazy_1)));
+				_$_.output_push(_$_.escape(lazy_1.value));
 			}
 
 			_$_.output_push('</span>');
@@ -70,7 +70,7 @@ export function ComputedValues() {
 
 	let lazy_2 = _$_.track(2, 'b78281db');
 	let lazy_3 = _$_.track(3, 'a0cf6c6d');
-	const sum = () => _$_.get(lazy_2) + _$_.get(lazy_3);
+	const sum = () => lazy_2.value + lazy_3.value;
 
 	_$_.regular_block(() => {
 		_$_.output_push('<div');
@@ -100,7 +100,7 @@ export function MultipleTracked() {
 		_$_.output_push('>');
 
 		{
-			_$_.output_push(_$_.escape(_$_.get(lazy_4)));
+			_$_.output_push(_$_.escape(lazy_4.value));
 		}
 
 		_$_.output_push('</div>');
@@ -112,7 +112,7 @@ export function MultipleTracked() {
 		_$_.output_push('>');
 
 		{
-			_$_.output_push(_$_.escape(_$_.get(lazy_5)));
+			_$_.output_push(_$_.escape(lazy_5.value));
 		}
 
 		_$_.output_push('</div>');
@@ -124,7 +124,7 @@ export function MultipleTracked() {
 		_$_.output_push('>');
 
 		{
-			_$_.output_push(_$_.escape(_$_.get(lazy_6)));
+			_$_.output_push(_$_.escape(lazy_6.value));
 		}
 
 		_$_.output_push('</div>');
@@ -138,7 +138,7 @@ export function DerivedState() {
 
 	let lazy_7 = _$_.track('John', '6015eeca');
 	let lazy_8 = _$_.track('Doe', '4fa9a20e');
-	const fullName = () => `${_$_.get(lazy_7)} ${_$_.get(lazy_8)}`;
+	const fullName = () => `${lazy_7.value} ${lazy_8.value}`;
 
 	_$_.regular_block(() => {
 		_$_.output_push('<div');

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

@@ -1172,7 +1172,7 @@ export function ReactiveReturnTrueToFalse() {
 	_$_.regular_block(() => {
 		_$_.output_push('<!--[-->');
 
-		if (_$_.get(lazy)) {
+		if (lazy.value) {
 			_$_.output_push('<div');
 			_$_.output_push(' class="guard"');
 			_$_.output_push('>');
@@ -1230,7 +1230,7 @@ export function ReactiveReturnFalseToTrue() {
 	_$_.regular_block(() => {
 		_$_.output_push('<!--[-->');
 
-		if (_$_.get(lazy_1)) {
+		if (lazy_1.value) {
 			_$_.output_push('<div');
 			_$_.output_push(' class="guard"');
 			_$_.output_push('>');
@@ -1301,7 +1301,7 @@ export function ReactiveNestedReturn() {
 			_$_.output_push('</div>');
 			_$_.output_push('<!--[-->');
 
-			if (_$_.get(lazy_2)) {
+			if (lazy_2.value) {
 				_$_.output_push('<div');
 				_$_.output_push(' class="b"');
 				_$_.output_push('>');
@@ -1717,7 +1717,7 @@ export function ReactiveSiblingReturns() {
 	_$_.regular_block(() => {
 		_$_.output_push('<!--[-->');
 
-		if (_$_.get(lazy_3) === 'first') {
+		if (lazy_3.value === 'first') {
 			_$_.output_push('<div');
 			_$_.output_push(' class="first"');
 			_$_.output_push('>');
@@ -1739,7 +1739,7 @@ export function ReactiveSiblingReturns() {
 		if (!__r_38) {
 			_$_.output_push('<!--[-->');
 
-			if (_$_.get(lazy_3) === 'second') {
+			if (lazy_3.value === 'second') {
 				_$_.output_push('<div');
 				_$_.output_push(' class="second"');
 				_$_.output_push('>');
@@ -1813,7 +1813,7 @@ export function ReactiveOuterInnerReturns() {
 	_$_.regular_block(() => {
 		_$_.output_push('<!--[-->');
 
-		if (_$_.get(lazy_4)) {
+		if (lazy_4.value) {
 			_$_.output_push('<div');
 			_$_.output_push(' class="a"');
 			_$_.output_push('>');
@@ -1825,7 +1825,7 @@ export function ReactiveOuterInnerReturns() {
 			_$_.output_push('</div>');
 			_$_.output_push('<!--[-->');
 
-			if (_$_.get(lazy_5)) {
+			if (lazy_5.value) {
 				_$_.output_push('<div');
 				_$_.output_push(' class="b"');
 				_$_.output_push('>');
@@ -1853,7 +1853,7 @@ export function ReactiveOuterInnerReturns() {
 			_$_.output_push('>');
 
 			{
-				_$_.output_push(_$_.escape(_$_.get(lazy_4) ? 'a-on rest' : 'a-off rest'));
+				_$_.output_push(_$_.escape(lazy_4.value ? 'a-on rest' : 'a-off rest'));
 			}
 
 			_$_.output_push('</div>');
@@ -1887,7 +1887,7 @@ export function ReactiveElseIfReturns() {
 	_$_.regular_block(() => {
 		_$_.output_push('<!--[-->');
 
-		if (_$_.get(lazy_6) === 0) {
+		if (lazy_6.value === 0) {
 			_$_.output_push('<div');
 			_$_.output_push(' class="zero"');
 			_$_.output_push('>');
@@ -1901,7 +1901,7 @@ export function ReactiveElseIfReturns() {
 		} else {
 			_$_.output_push('<!--[-->');
 
-			if (_$_.get(lazy_6) === 1) {
+			if (lazy_6.value === 1) {
 				_$_.output_push('<div');
 				_$_.output_push(' class="one"');
 				_$_.output_push('>');
@@ -2025,7 +2025,7 @@ export function ReactiveDeepNestedIndependentReturns() {
 	_$_.regular_block(() => {
 		_$_.output_push('<!--[-->');
 
-		if (_$_.get(lazy_7)) {
+		if (lazy_7.value) {
 			_$_.output_push('<div');
 			_$_.output_push(' class="hit-1"');
 			_$_.output_push('>');
@@ -2070,7 +2070,7 @@ export function ReactiveDeepNestedIndependentReturns() {
 				_$_.output_push('</div>');
 				_$_.output_push('<!--[-->');
 
-				if (_$_.get(lazy_8)) {
+				if (lazy_8.value) {
 					_$_.output_push('<div');
 					_$_.output_push(' class="hit-2"');
 					_$_.output_push('>');
@@ -2112,7 +2112,7 @@ export function ReactiveDeepNestedIndependentReturns() {
 						_$_.output_push('</div>');
 						_$_.output_push('<!--[-->');
 
-						if (_$_.get(lazy_9)) {
+						if (lazy_9.value) {
 							_$_.output_push('<div');
 							_$_.output_push(' class="hit-3"');
 							_$_.output_push('>');
@@ -2140,7 +2140,7 @@ export function ReactiveDeepNestedIndependentReturns() {
 							_$_.output_push('</div>');
 							_$_.output_push('<!--[-->');
 
-							if (_$_.get(lazy_10)) {
+							if (lazy_10.value) {
 								_$_.output_push('<div');
 								_$_.output_push(' class="hit-4"');
 								_$_.output_push('>');

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

@@ -68,7 +68,7 @@ export function SwitchReactive() {
 	_$_.regular_block(() => {
 		_$_.output_push('<!--[-->');
 
-		switch (_$_.get(lazy)) {
+		switch (lazy.value) {
 			case 'a':
 				_$_.output_push('<div');
 				_$_.output_push(' class="case-a"');
@@ -162,7 +162,7 @@ export function SwitchNumericLevels() {
 	_$_.regular_block(() => {
 		_$_.output_push('<!--[-->');
 
-		switch (_$_.get(lazy_1)) {
+		switch (lazy_1.value) {
 			case 1:
 				_$_.output_push('<div');
 				_$_.output_push(' class="level-1"');
@@ -220,7 +220,7 @@ export function SwitchBlockScoped() {
 	_$_.regular_block(() => {
 		_$_.output_push('<!--[-->');
 
-		switch (_$_.get(lazy_2)) {
+		switch (lazy_2.value) {
 			case 1:
 				_$_.output_push('<div');
 				_$_.output_push(' class="block-1"');
@@ -278,7 +278,7 @@ export function SwitchNoBreak() {
 	_$_.regular_block(() => {
 		_$_.output_push('<!--[-->');
 
-		switch (_$_.get(lazy_3)) {
+		switch (lazy_3.value) {
 			case 1:
 				_$_.output_push('<div');
 				_$_.output_push(' class="nobreak-1"');

package/tests/hydration/compiled/server/track-async-serialization.js

@@ -38,7 +38,7 @@ export function AsyncWithServerCall() {
 		() => {
 			_$_.output_push('<!--[-->');
 
-			let lazy_1 = _$_.track_async(() => formatValue(_$_.get(lazy)), 'f0c2b41e');
+			let lazy_1 = _$_.track_async(() => formatValue(lazy.value), 'f0c2b41e');
 
 			_$_.regular_block(() => {
 				_$_.output_push('<p');
@@ -46,7 +46,7 @@ export function AsyncWithServerCall() {
 				_$_.output_push('>');
 
 				{
-					_$_.output_push(_$_.escape(_$_.get(lazy_1)));
+					_$_.output_push(_$_.escape(lazy_1.value));
 				}
 
 				_$_.output_push('</p>');
@@ -92,7 +92,7 @@ export function AsyncSimpleValue() {
 				_$_.output_push('>');
 
 				{
-					_$_.output_push(_$_.escape(_$_.get(lazy_2)));
+					_$_.output_push(_$_.escape(lazy_2.value));
 				}
 
 				_$_.output_push('</p>');
@@ -138,7 +138,7 @@ export function AsyncNumericValue() {
 				_$_.output_push('>');
 
 				{
-					_$_.output_push(_$_.escape(_$_.get(lazy_3)));
+					_$_.output_push(_$_.escape(lazy_3.value));
 				}
 
 				_$_.output_push('</span>');
@@ -189,7 +189,7 @@ export function AsyncObjectValue() {
 					_$_.output_push('>');
 
 					{
-						_$_.output_push(_$_.escape(_$_.get(lazy_4).name));
+						_$_.output_push(_$_.escape(lazy_4.value.name));
 					}
 
 					_$_.output_push('</span>');
@@ -198,7 +198,7 @@ export function AsyncObjectValue() {
 					_$_.output_push('>');
 
 					{
-						_$_.output_push(_$_.escape(_$_.get(lazy_4).age));
+						_$_.output_push(_$_.escape(lazy_4.value.age));
 					}
 
 					_$_.output_push('</span>');
@@ -253,7 +253,7 @@ export function AsyncMultipleValues() {
 					_$_.output_push('>');
 
 					{
-						_$_.output_push(_$_.escape(_$_.get(lazy_5)));
+						_$_.output_push(_$_.escape(lazy_5.value));
 					}
 
 					_$_.output_push('</span>');
@@ -262,7 +262,7 @@ export function AsyncMultipleValues() {
 					_$_.output_push('>');
 
 					{
-						_$_.output_push(_$_.escape(_$_.get(lazy_6)));
+						_$_.output_push(_$_.escape(lazy_6.value));
 					}
 
 					_$_.output_push('</span>');
@@ -311,7 +311,7 @@ export function AsyncWithCatch() {
 				_$_.output_push('>');
 
 				{
-					_$_.output_push(_$_.escape(_$_.get(lazy_7)));
+					_$_.output_push(_$_.escape(lazy_7.value));
 				}
 
 				_$_.output_push('</p>');
@@ -373,7 +373,7 @@ export function ChildWithError() {
 				_$_.output_push('>');
 
 				{
-					_$_.output_push(_$_.escape(_$_.get(lazy_8)));
+					_$_.output_push(_$_.escape(lazy_8.value));
 				}
 
 				_$_.output_push('</p>');
@@ -466,7 +466,7 @@ export function AsyncWithReactiveDependency() {
 		() => {
 			_$_.output_push('<!--[-->');
 
-			let lazy_10 = _$_.track_async(() => Promise.resolve(`count-${_$_.get(lazy_9)}`), 'cdd1adb8');
+			let lazy_10 = _$_.track_async(() => Promise.resolve(`count-${lazy_9.value}`), 'cdd1adb8');
 
 			_$_.regular_block(() => {
 				_$_.output_push('<p');
@@ -474,7 +474,7 @@ export function AsyncWithReactiveDependency() {
 				_$_.output_push('>');
 
 				{
-					_$_.output_push(_$_.escape(_$_.get(lazy_10)));
+					_$_.output_push(_$_.escape(lazy_10.value));
 				}
 
 				_$_.output_push('</p>');

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

@@ -3,6 +3,118 @@ import * as _$_ from 'ripple/internal/server';
 
 import { trackAsync } from 'ripple/server';
 
+export function RootPending() {
+	_$_.push_component();
+
+	_$_.regular_block(() => {
+		_$_.output_push('<p');
+		_$_.output_push(' class="root-pending"');
+		_$_.output_push('>');
+
+		{
+			_$_.output_push('root loading...');
+		}
+
+		_$_.output_push('</p>');
+	});
+
+	_$_.pop_component();
+}
+
+export function RootCatch({ error, reset }) {
+	_$_.push_component();
+
+	_$_.regular_block(() => {
+		_$_.output_push('<section');
+		_$_.output_push(' class="root-catch"');
+		_$_.output_push('>');
+
+		{
+			_$_.output_push('<p');
+			_$_.output_push(' class="root-error"');
+			_$_.output_push('>');
+
+			{
+				_$_.output_push(_$_.escape(error.message));
+			}
+
+			_$_.output_push('</p>');
+			_$_.output_push('<button');
+			_$_.output_push(' class="root-reset"');
+			_$_.output_push('>');
+
+			{
+				_$_.output_push('retry');
+			}
+
+			_$_.output_push('</button>');
+		}
+
+		_$_.output_push('</section>');
+	});
+
+	_$_.pop_component();
+}
+
+export function RootThrows() {
+	_$_.push_component();
+
+	throw new Error('root exploded');
+
+	_$_.regular_block(() => {
+		_$_.output_push('<p');
+		_$_.output_push('>');
+
+		{
+			_$_.output_push('should not render');
+		}
+
+		_$_.output_push('</p>');
+	});
+
+	_$_.pop_component();
+}
+
+export function RootAsyncDirect() {
+	_$_.push_component();
+
+	let lazy = _$_.track_async(() => Promise.resolve('root async value'), 'd6bf9e33');
+
+	_$_.regular_block(() => {
+		_$_.output_push('<p');
+		_$_.output_push(' class="root-async-value"');
+		_$_.output_push('>');
+
+		{
+			_$_.output_push(_$_.escape(lazy.value));
+		}
+
+		_$_.output_push('</p>');
+	});
+
+	_$_.pop_component();
+}
+
+export function RootAsyncRejects() {
+	_$_.push_component();
+
+	let lazy_1 = _$_.track_async(() => Promise.reject(new Error('root async failed')), 'd2fe7b64');
+
+	_$_.regular_block(() => {
+		_$_.output_push('<p');
+		_$_.output_push(' class="root-async-value"');
+		_$_.output_push('>');
+
+		{
+			_$_.output_push(_$_.escape(lazy_1.value));
+		}
+
+		_$_.output_push('</p>');
+	});
+
+	_$_.pop_component();
+}
+
 export function AsyncListInTryPending() {
 	_$_.push_component();
 
@@ -47,7 +159,7 @@ export function AsyncListInTryPending() {
 function AsyncList() {
 	_$_.push_component();
 
-	let lazy = _$_.track_async(() => Promise.resolve(['alpha', 'beta', 'gamma']), 'd6bf9e33');
+	let lazy_2 = _$_.track_async(() => Promise.resolve(['alpha', 'beta', 'gamma']), 'b3d31627');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<ul');
@@ -57,7 +169,7 @@ function AsyncList() {
 		{
 			_$_.output_push('<!--[-->');
 
-			for (let item of _$_.get(lazy)) {
+			for (let item of lazy_2.value) {
 				_$_.output_push('<li');
 				_$_.output_push('>');
 
@@ -133,7 +245,7 @@ export function AsyncTryWithLeadingSibling() {
 function AsyncContent() {
 	_$_.push_component();
 
-	let lazy_1 = _$_.track_async(() => Promise.resolve('ready'), 'd2fe7b64');
+	let lazy_3 = _$_.track_async(() => Promise.resolve('ready'), '15ea8758');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<div');
@@ -141,7 +253,7 @@ function AsyncContent() {
 		_$_.output_push('>');
 
 		{
-			_$_.output_push(_$_.escape(_$_.get(lazy_1)));
+			_$_.output_push(_$_.escape(lazy_3.value));
 		}
 
 		_$_.output_push('</div>');

package/tests/hydration/components/basic.tsrx

@@ -83,7 +83,9 @@ function makeNestedTsxTsrxFragment(label: string) {
 }
 
 export component NestedTsxTsrxExpressionValues() {
-	{<tsx>{[1, 2, 3].map((item) => <div class="app-item">{item}</div>)}</tsx>}
+	{<tsx>
+		{[1, 2, 3].map((item) => <div class="app-item">{item}</div>)}
+	</tsx>}
 	{makeNestedTsxTsrxFragment('from helper')}
 }