ripple 0.3.65 → 0.3.66

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

@@ -52,13 +52,13 @@ export function AsyncWithServerCall(__anchor, _, __block) {
 	_$_.try(
 		node,
 		(__anchor) => {
-			let lazy_1 = _$_.track_async(() => _$_.with_scope(__block, () => formatValue(_$_.get(lazy))), __block, 'f0c2b41e');
+			let lazy_1 = _$_.track_async(() => _$_.with_scope(__block, () => formatValue(lazy.value)), __block, 'f0c2b41e');
 			var p_1 = root_1();
 
 			{
 				var expression = _$_.child(p_1);
 
-				_$_.expression(expression, () => _$_.get(lazy_1));
+				_$_.expression(expression, () => lazy_1.value);
 				_$_.pop(p_1);
 			}
 
@@ -91,7 +91,7 @@ export function AsyncSimpleValue(__anchor, _, __block) {
 			{
 				var expression_1 = _$_.child(p_3);
 
-				_$_.expression(expression_1, () => _$_.get(lazy_2));
+				_$_.expression(expression_1, () => lazy_2.value);
 				_$_.pop(p_3);
 			}
 
@@ -124,7 +124,7 @@ export function AsyncNumericValue(__anchor, _, __block) {
 			{
 				var expression_2 = _$_.child(span_1);
 
-				_$_.expression(expression_2, () => _$_.get(lazy_3));
+				_$_.expression(expression_2, () => lazy_3.value);
 				_$_.pop(span_1);
 			}
 
@@ -160,7 +160,7 @@ export function AsyncObjectValue(__anchor, _, __block) {
 				{
 					var expression_3 = _$_.child(span_3);
 
-					_$_.expression(expression_3, () => _$_.get(lazy_4).name);
+					_$_.expression(expression_3, () => lazy_4.value.name);
 					_$_.pop(span_3);
 				}
 
@@ -169,7 +169,7 @@ export function AsyncObjectValue(__anchor, _, __block) {
 				{
 					var expression_4 = _$_.child(span_4);
 
-					_$_.expression(expression_4, () => _$_.get(lazy_4).age);
+					_$_.expression(expression_4, () => lazy_4.value.age);
 					_$_.pop(span_4);
 				}
 			}
@@ -207,7 +207,7 @@ export function AsyncMultipleValues(__anchor, _, __block) {
 				{
 					var expression_5 = _$_.child(span_5);
 
-					_$_.expression(expression_5, () => _$_.get(lazy_5));
+					_$_.expression(expression_5, () => lazy_5.value);
 					_$_.pop(span_5);
 				}
 
@@ -216,7 +216,7 @@ export function AsyncMultipleValues(__anchor, _, __block) {
 				{
 					var expression_6 = _$_.child(span_6);
 
-					_$_.expression(expression_6, () => _$_.get(lazy_6));
+					_$_.expression(expression_6, () => lazy_6.value);
 					_$_.pop(span_6);
 				}
 			}
@@ -250,7 +250,7 @@ export function AsyncWithCatch(__anchor, _, __block) {
 			{
 				var expression_7 = _$_.child(p_5);
 
-				_$_.expression(expression_7, () => _$_.get(lazy_7));
+				_$_.expression(expression_7, () => lazy_7.value);
 				_$_.pop(p_5);
 			}
 
@@ -294,7 +294,7 @@ export function ChildWithError(__anchor, _, __block) {
 			{
 				var expression_9 = _$_.child(p_8);
 
-				_$_.expression(expression_9, () => _$_.get(lazy_8));
+				_$_.expression(expression_9, () => lazy_8.value);
 				_$_.pop(p_8);
 			}
 
@@ -361,13 +361,13 @@ export function AsyncWithReactiveDependency(__anchor, _, __block) {
 	_$_.try(
 		node_9,
 		(__anchor) => {
-			let lazy_10 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve(`count-${_$_.get(lazy_9)}`)), __block, 'cdd1adb8');
+			let lazy_10 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve(`count-${lazy_9.value}`)), __block, 'cdd1adb8');
 			var p_11 = root_26();
 
 			{
 				var expression_11 = _$_.child(p_11);
 
-				_$_.expression(expression_11, () => _$_.get(lazy_10));
+				_$_.expression(expression_11, () => lazy_10.value);
 				_$_.pop(p_11);
 			}
 

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

@@ -1,62 +1,145 @@
 // @ts-nocheck
 import * as _$_ from 'ripple/internal/client';
 
-var root_1 = _$_.template(`<!>`, 1, 1);
-var root_2 = _$_.template(`<p class="loading">loading...</p>`, 0);
-var root = _$_.template(`<!>`, 1, 1);
-var root_4 = _$_.template(`<li> </li>`, 0);
-var root_3 = _$_.template(`<ul class="items"></ul>`, 0);
+var root = _$_.template(`<p class="root-pending">root loading...</p>`, 0);
+var root_1 = _$_.template(`<section class="root-catch"><p class="root-error"> </p><button class="root-reset">retry</button></section>`, 0);
+var root_2 = _$_.template(`<p>should not render</p>`, 1, 1);
+var root_3 = _$_.template(`<p class="root-async-value"> </p>`, 0);
+var root_4 = _$_.template(`<p class="root-async-value"> </p>`, 0);
 var root_6 = _$_.template(`<!>`, 1, 1);
-var root_7 = _$_.template(`<div class="loading">loading async content</div>`, 0);
-var root_5 = _$_.template(`<div class="before">before</div><!>`, 1, 2);
-var root_8 = _$_.template(`<div class="resolved"> </div>`, 0);
+var root_7 = _$_.template(`<p class="loading">loading...</p>`, 0);
+var root_5 = _$_.template(`<!>`, 1, 1);
+var root_9 = _$_.template(`<li> </li>`, 0);
+var root_8 = _$_.template(`<ul class="items"></ul>`, 0);
+var root_11 = _$_.template(`<!>`, 1, 1);
+var root_12 = _$_.template(`<div class="loading">loading async content</div>`, 0);
+var root_10 = _$_.template(`<div class="before">before</div><!>`, 1, 2);
+var root_13 = _$_.template(`<div class="resolved"> </div>`, 0);
 
 import { trackAsync } from 'ripple';
 
+export function RootPending(__anchor, _, __block) {
+	_$_.push_component();
+
+	var p_1 = root();
+
+	_$_.append(__anchor, p_1);
+	_$_.pop_component();
+}
+
+export function RootCatch(__anchor, { error, reset }, __block) {
+	_$_.push_component();
+
+	var section_1 = root_1();
+
+	{
+		var p_2 = _$_.child(section_1);
+
+		{
+			var expression = _$_.child(p_2);
+
+			_$_.expression(expression, () => error.message);
+			_$_.pop(p_2);
+		}
+
+		var button_1 = _$_.sibling(p_2);
+
+		_$_.event('Click', button_1, reset);
+	}
+
+	_$_.append(__anchor, section_1);
+	_$_.pop_component();
+}
+
+export function RootThrows(__anchor, _, __block) {
+	_$_.push_component();
+
+	throw _$_.with_scope(__block, () => new Error('root exploded'));
+
+	var fragment = root_2();
+
+	_$_.append(__anchor, fragment);
+	_$_.pop_component();
+}
+
+export function RootAsyncDirect(__anchor, _, __block) {
+	_$_.push_component();
+
+	let lazy = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve('root async value')), __block, 'd6bf9e33');
+	var p_3 = root_3();
+
+	{
+		var expression_1 = _$_.child(p_3);
+
+		_$_.expression(expression_1, () => lazy.value);
+		_$_.pop(p_3);
+	}
+
+	_$_.append(__anchor, p_3);
+	_$_.pop_component();
+}
+
+export function RootAsyncRejects(__anchor, _, __block) {
+	_$_.push_component();
+
+	let lazy_1 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.reject(new Error('root async failed'))), __block, 'd2fe7b64');
+	var p_4 = root_4();
+
+	{
+		var expression_2 = _$_.child(p_4);
+
+		_$_.expression(expression_2, () => lazy_1.value);
+		_$_.pop(p_4);
+	}
+
+	_$_.append(__anchor, p_4);
+	_$_.pop_component();
+}
+
 export function AsyncListInTryPending(__anchor, _, __block) {
 	_$_.push_component();
 
-	var fragment = root();
-	var node = _$_.first_child_frag(fragment);
+	var fragment_1 = root_5();
+	var node = _$_.first_child_frag(fragment_1);
 
 	_$_.try(
 		node,
 		(__anchor) => {
-			var fragment_1 = root_1();
-			var node_1 = _$_.first_child_frag(fragment_1);
+			var fragment_2 = root_6();
+			var node_1 = _$_.first_child_frag(fragment_2);
 
 			AsyncList(node_1, {}, _$_.active_block);
-			_$_.append(__anchor, fragment_1);
+			_$_.append(__anchor, fragment_2);
 		},
 		null,
 		(__anchor) => {
-			var p_1 = root_2();
+			var p_5 = root_7();
 
-			_$_.append(__anchor, p_1);
+			_$_.append(__anchor, p_5);
 		}
 	);
 
-	_$_.append(__anchor, fragment);
+	_$_.append(__anchor, fragment_1);
 	_$_.pop_component();
 }
 
 function AsyncList(__anchor, _, __block) {
 	_$_.push_component();
 
-	let lazy = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve(['alpha', 'beta', 'gamma'])), __block, 'd6bf9e33');
-	var ul_1 = root_3();
+	let lazy_2 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve(['alpha', 'beta', 'gamma'])), __block, 'b3d31627');
+	var ul_1 = root_8();
 
 	{
 		_$_.for(
 			ul_1,
-			() => _$_.get(lazy),
+			() => lazy_2.value,
 			(__anchor, item) => {
-				var li_1 = root_4();
+				var li_1 = root_9();
 
 				{
-					var expression = _$_.child(li_1);
+					var expression_3 = _$_.child(li_1);
 
-					_$_.expression(expression, () => item);
+					_$_.expression(expression_3, () => item);
 					_$_.pop(li_1);
 				}
 
@@ -75,41 +158,41 @@ function AsyncList(__anchor, _, __block) {
 export function AsyncTryWithLeadingSibling(__anchor, _, __block) {
 	_$_.push_component();
 
-	var fragment_2 = root_5();
-	var div_1 = _$_.first_child_frag(fragment_2);
+	var fragment_3 = root_10();
+	var div_1 = _$_.first_child_frag(fragment_3);
 	var node_2 = _$_.sibling(div_1);
 
 	_$_.try(
 		node_2,
 		(__anchor) => {
-			var fragment_3 = root_6();
-			var node_3 = _$_.first_child_frag(fragment_3);
+			var fragment_4 = root_11();
+			var node_3 = _$_.first_child_frag(fragment_4);
 
 			AsyncContent(node_3, {}, _$_.active_block);
-			_$_.append(__anchor, fragment_3);
+			_$_.append(__anchor, fragment_4);
 		},
 		null,
 		(__anchor) => {
-			var div_2 = root_7();
+			var div_2 = root_12();
 
 			_$_.append(__anchor, div_2);
 		}
 	);
 
-	_$_.append(__anchor, fragment_2);
+	_$_.append(__anchor, fragment_3);
 	_$_.pop_component();
 }
 
 function AsyncContent(__anchor, _, __block) {
 	_$_.push_component();
 
-	let lazy_1 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve('ready')), __block, 'd2fe7b64');
-	var div_3 = root_8();
+	let lazy_3 = _$_.track_async(() => _$_.with_scope(__block, () => Promise.resolve('ready')), __block, '15ea8758');
+	var div_3 = root_13();
 
 	{
-		var expression_1 = _$_.child(div_3);
+		var expression_4 = _$_.child(div_3);
 
-		_$_.expression(expression_1, () => _$_.get(lazy_1));
+		_$_.expression(expression_4, () => lazy_3.value);
 		_$_.pop(div_3);
 	}
 

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

@@ -617,7 +617,7 @@ export function DynamicArrayFromTrack() {
 		_$_.output_push('>');
 
 		{
-			_$_.render_expression(_$_.get(lazy));
+			_$_.render_expression(lazy.value);
 		}
 
 		_$_.output_push('</div>');
@@ -814,7 +814,7 @@ export function TextPropWithToggle() {
 
 			const args = [
 				{
-					children: _$_.normalize_children(_$_.get(lazy_1) ? 'hello' : '')
+					children: _$_.normalize_children(lazy_1.value ? 'hello' : '')
 				}
 			];
 

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

@@ -27,7 +27,7 @@ export function ClickCounter() {
 			_$_.output_push('>');
 
 			{
-				_$_.output_push(_$_.escape(_$_.get(lazy)));
+				_$_.output_push(_$_.escape(lazy.value));
 			}
 
 			_$_.output_push('</span>');
@@ -63,7 +63,7 @@ export function IncrementDecrement() {
 			_$_.output_push('>');
 
 			{
-				_$_.output_push(_$_.escape(_$_.get(lazy_1)));
+				_$_.output_push(_$_.escape(lazy_1.value));
 			}
 
 			_$_.output_push('</span>');
@@ -109,7 +109,7 @@ export function MultipleEvents() {
 			_$_.output_push('>');
 
 			{
-				_$_.output_push(_$_.escape(_$_.get(lazy_2)));
+				_$_.output_push(_$_.escape(lazy_2.value));
 			}
 
 			_$_.output_push('</span>');
@@ -118,7 +118,7 @@ export function MultipleEvents() {
 			_$_.output_push('>');
 
 			{
-				_$_.output_push(_$_.escape(_$_.get(lazy_3)));
+				_$_.output_push(_$_.escape(lazy_3.value));
 			}
 
 			_$_.output_push('</span>');
@@ -160,7 +160,7 @@ export function MultiStateUpdate() {
 			_$_.output_push('>');
 
 			{
-				_$_.output_push(_$_.escape(_$_.get(lazy_4)));
+				_$_.output_push(_$_.escape(lazy_4.value));
 			}
 
 			_$_.output_push('</span>');
@@ -169,7 +169,7 @@ export function MultiStateUpdate() {
 			_$_.output_push('>');
 
 			{
-				_$_.output_push(_$_.escape(_$_.get(lazy_5)));
+				_$_.output_push(_$_.escape(lazy_5.value));
 			}
 
 			_$_.output_push('</span>');
@@ -196,7 +196,7 @@ export function ToggleButton() {
 			_$_.output_push('>');
 
 			{
-				_$_.output_push(_$_.escape(_$_.get(lazy_6) ? 'ON' : 'OFF'));
+				_$_.output_push(_$_.escape(lazy_6.value ? 'ON' : 'OFF'));
 			}
 
 			_$_.output_push('</button>');
@@ -256,7 +256,7 @@ export function ParentWithChildButton() {
 			_$_.output_push('>');
 
 			{
-				_$_.output_push(_$_.escape(_$_.get(lazy_7)));
+				_$_.output_push(_$_.escape(lazy_7.value));
 			}
 
 			_$_.output_push('</span>');

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

@@ -130,7 +130,7 @@ export function ReactiveForLoopAdd() {
 		{
 			_$_.output_push('<!--[-->');
 
-			for (const item of _$_.get(lazy)) {
+			for (const item of lazy.value) {
 				_$_.output_push('<li');
 				_$_.output_push('>');
 
@@ -174,7 +174,7 @@ export function ReactiveForLoopRemove() {
 		{
 			_$_.output_push('<!--[-->');
 
-			for (const item of _$_.get(lazy_1)) {
+			for (const item of lazy_1.value) {
 				_$_.output_push('<li');
 				_$_.output_push('>');
 
@@ -208,7 +208,7 @@ export function ForLoopInteractive() {
 
 			var i = 0;
 
-			for (const count of _$_.get(lazy_2)) {
+			for (const count of lazy_2.value) {
 				_$_.output_push('<div');
 				_$_.output_push(_$_.attr('class', `item-${i}`));
 				_$_.output_push('>');
@@ -418,7 +418,7 @@ export function KeyedForLoopReorder() {
 		{
 			_$_.output_push('<!--[-->');
 
-			for (const item of _$_.get(lazy_3)) {
+			for (const item of lazy_3.value) {
 				_$_.output_push('<li');
 				_$_.output_push(_$_.attr('class', `item-${item.id}`));
 				_$_.output_push('>');
@@ -463,7 +463,7 @@ export function KeyedForLoopUpdate() {
 		{
 			_$_.output_push('<!--[-->');
 
-			for (const item of _$_.get(lazy_4)) {
+			for (const item of lazy_4.value) {
 				_$_.output_push('<li');
 				_$_.output_push(_$_.attr('class', `item-${item.id}`));
 				_$_.output_push('>');
@@ -508,7 +508,7 @@ export function ForLoopMixedOperations() {
 		{
 			_$_.output_push('<!--[-->');
 
-			for (const item of _$_.get(lazy_5)) {
+			for (const item of lazy_5.value) {
 				_$_.output_push('<li');
 				_$_.output_push(_$_.attr('class', `item-${item}`));
 				_$_.output_push('>');
@@ -562,7 +562,7 @@ export function ForLoopInsideIf() {
 	_$_.regular_block(() => {
 		_$_.output_push('<!--[-->');
 
-		if (_$_.get(lazy_6)) {
+		if (lazy_6.value) {
 			_$_.output_push('<ul');
 			_$_.output_push(' class="list"');
 			_$_.output_push('>');
@@ -570,7 +570,7 @@ export function ForLoopInsideIf() {
 			{
 				_$_.output_push('<!--[-->');
 
-				for (const item of _$_.get(lazy_7)) {
+				for (const item of lazy_7.value) {
 					_$_.output_push('<li');
 					_$_.output_push('>');
 
@@ -618,7 +618,7 @@ export function ForLoopEmptyToPopulated() {
 		{
 			_$_.output_push('<!--[-->');
 
-			for (const item of _$_.get(lazy_8)) {
+			for (const item of lazy_8.value) {
 				_$_.output_push('<li');
 				_$_.output_push('>');
 
@@ -663,7 +663,7 @@ export function ForLoopPopulatedToEmpty() {
 		{
 			_$_.output_push('<!--[-->');
 
-			for (const item of _$_.get(lazy_9)) {
+			for (const item of lazy_9.value) {
 				_$_.output_push('<li');
 				_$_.output_push('>');
 
@@ -722,7 +722,7 @@ export function NestedForLoopReactive() {
 
 			var rowIndex = 0;
 
-			for (const row of _$_.get(lazy_10)) {
+			for (const row of lazy_10.value) {
 				_$_.output_push('<div');
 				_$_.output_push(_$_.attr('class', `row-${rowIndex}`));
 				_$_.output_push('>');
@@ -889,7 +889,7 @@ export function ForLoopIndexUpdate() {
 
 			var i = 0;
 
-			for (const item of _$_.get(lazy_11)) {
+			for (const item of lazy_11.value) {
 				_$_.output_push('<li');
 				_$_.output_push(_$_.attr('class', `item-${i}`));
 				_$_.output_push('>');
@@ -944,7 +944,7 @@ export function KeyedForLoopWithIndex() {
 
 			var i = 0;
 
-			for (const item of _$_.get(lazy_12)) {
+			for (const item of lazy_12.value) {
 				_$_.output_push('<li');
 				_$_.output_push(_$_.attr('data-index', i, false));
 				_$_.output_push(_$_.attr('class', `item-${item.id}`));
@@ -989,7 +989,7 @@ export function ForLoopWithSiblings() {
 			_$_.output_push('</header>');
 			_$_.output_push('<!--[-->');
 
-			for (const item of _$_.get(lazy_13)) {
+			for (const item of lazy_13.value) {
 				_$_.output_push('<div');
 				_$_.output_push(_$_.attr('class', `item-${item}`));
 				_$_.output_push('>');
@@ -1078,11 +1078,11 @@ function TodoItem(props) {
 		{
 			_$_.output_push('<input');
 			_$_.output_push(' type="checkbox"');
-			_$_.output_push(_$_.attr('checked', _$_.get(lazy_14), true));
+			_$_.output_push(_$_.attr('checked', lazy_14.value, true));
 			_$_.output_push(' class="checkbox"');
 			_$_.output_push(' />');
 			_$_.output_push('<span');
-			_$_.output_push(_$_.attr('class', _$_.get(lazy_14) ? 'completed' : 'pending'));
+			_$_.output_push(_$_.attr('class', lazy_14.value ? 'completed' : 'pending'));
 			_$_.output_push('>');
 
 			{
@@ -1155,7 +1155,7 @@ export function ForLoopAddAtBeginning() {
 		{
 			_$_.output_push('<!--[-->');
 
-			for (const item of _$_.get(lazy_15)) {
+			for (const item of lazy_15.value) {
 				_$_.output_push('<li');
 				_$_.output_push(_$_.attr('class', `item-${item}`));
 				_$_.output_push('>');
@@ -1200,7 +1200,7 @@ export function ForLoopAddInMiddle() {
 		{
 			_$_.output_push('<!--[-->');
 
-			for (const item of _$_.get(lazy_16)) {
+			for (const item of lazy_16.value) {
 				_$_.output_push('<li');
 				_$_.output_push(_$_.attr('class', `item-${item}`));
 				_$_.output_push('>');
@@ -1245,7 +1245,7 @@ export function ForLoopRemoveFromMiddle() {
 		{
 			_$_.output_push('<!--[-->');
 
-			for (const item of _$_.get(lazy_17)) {
+			for (const item of lazy_17.value) {
 				_$_.output_push('<li');
 				_$_.output_push(_$_.attr('class', `item-${item}`));
 				_$_.output_push('>');
@@ -1327,7 +1327,7 @@ export function ForLoopSwap() {
 		{
 			_$_.output_push('<!--[-->');
 
-			for (const item of _$_.get(lazy_18)) {
+			for (const item of lazy_18.value) {
 				_$_.output_push('<li');
 				_$_.output_push(_$_.attr('class', `item-${item}`));
 				_$_.output_push('>');
@@ -1372,7 +1372,7 @@ export function ForLoopReverse() {
 		{
 			_$_.output_push('<!--[-->');
 
-			for (const item of _$_.get(lazy_19)) {
+			for (const item of lazy_19.value) {
 				_$_.output_push('<li');
 				_$_.output_push(_$_.attr('class', `item-${item}`));
 				_$_.output_push('>');

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

@@ -45,7 +45,7 @@ export function ReactiveTitle() {
 			_$_.output_push('>');
 
 			{
-				_$_.output_push(_$_.escape(_$_.get(lazy)));
+				_$_.output_push(_$_.escape(lazy.value));
 			}
 
 			_$_.output_push('</span>');
@@ -60,7 +60,7 @@ export function ReactiveTitle() {
 	_$_.output_push('>');
 
 	{
-		_$_.output_push(_$_.escape(_$_.get(lazy)));
+		_$_.output_push(_$_.escape(lazy.value));
 	}
 
 	_$_.output_push('</title>');
@@ -114,7 +114,7 @@ export function ReactiveMetaTags() {
 		_$_.output_push('>');
 
 		{
-			_$_.output_push(_$_.escape(_$_.get(lazy_1)));
+			_$_.output_push(_$_.escape(lazy_1.value));
 		}
 
 		_$_.output_push('</div>');
@@ -132,7 +132,7 @@ export function ReactiveMetaTags() {
 	_$_.output_push('</title>');
 	_$_.output_push('<meta');
 	_$_.output_push(' name="description"');
-	_$_.output_push(_$_.attr('content', _$_.get(lazy_1), false));
+	_$_.output_push(_$_.attr('content', lazy_1.value, false));
 	_$_.output_push(' />');
 	_$_.set_output_target(null);
 	_$_.pop_component();
@@ -148,7 +148,7 @@ export function TitleWithTemplate() {
 		_$_.output_push('>');
 
 		{
-			_$_.output_push(_$_.escape(_$_.get(lazy_2)));
+			_$_.output_push(_$_.escape(lazy_2.value));
 		}
 
 		_$_.output_push('</div>');
@@ -160,7 +160,7 @@ export function TitleWithTemplate() {
 	_$_.output_push('>');
 
 	{
-		_$_.output_push(_$_.escape(`Hello ${_$_.get(lazy_2)}!`));
+		_$_.output_push(_$_.escape(`Hello ${lazy_2.value}!`));
 	}
 
 	_$_.output_push('</title>');
@@ -207,7 +207,7 @@ export function ConditionalTitle() {
 		_$_.output_push('>');
 
 		{
-			_$_.output_push(_$_.escape(_$_.get(lazy_4)));
+			_$_.output_push(_$_.escape(lazy_4.value));
 		}
 
 		_$_.output_push('</div>');
@@ -219,7 +219,7 @@ export function ConditionalTitle() {
 	_$_.output_push('>');
 
 	{
-		_$_.output_push(_$_.escape(_$_.get(lazy_3) ? 'App - ' + _$_.get(lazy_4) : _$_.get(lazy_4)));
+		_$_.output_push(_$_.escape(lazy_3.value ? 'App - ' + lazy_4.value : lazy_4.value));
 	}
 
 	_$_.output_push('</title>');
@@ -242,7 +242,7 @@ export function ComputedTitle() {
 			_$_.output_push('>');
 
 			{
-				_$_.output_push(_$_.escape(_$_.get(lazy_5)));
+				_$_.output_push(_$_.escape(lazy_5.value));
 			}
 
 			_$_.output_push('</span>');
@@ -257,7 +257,7 @@ export function ComputedTitle() {
 	_$_.output_push('>');
 
 	{
-		_$_.output_push(_$_.escape(prefix + _$_.get(lazy_5)));
+		_$_.output_push(_$_.escape(prefix + lazy_5.value));
 	}
 
 	_$_.output_push('</title>');

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

@@ -51,7 +51,7 @@ export function Content() {
 		{
 			_$_.output_push('<!--[-->');
 
-			if (_$_.get(lazy)) {
+			if (lazy.value) {
 				_$_.output_push('<p');
 				_$_.output_push(' class="text"');
 				_$_.output_push('>');