ripple 0.3.7 → 0.3.9

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

@@ -33,7 +33,7 @@ export function Layout(__anchor, { children }, __block) {
 export function Content(__anchor, _, __block) {
 	_$_.push_component();
 
-	let visible = _$_.track(true, void 0, void 0, __block);
+	let lazy = _$_.track(true, void 0, void 0, __block);
 	var div_2 = root_1();
 
 	{
@@ -47,7 +47,7 @@ export function Content(__anchor, _, __block) {
 			};
 
 			_$_.if(node_1, (__render) => {
-				if (_$_.get(visible)) __render(consequent);
+				if (_$_.get(lazy)) __render(consequent);
 			});
 		}
 

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

@@ -912,7 +912,7 @@ function NavItem(__anchor, { href, text, active = false }, __block) {
 function SidebarSection(__anchor, { title, children }, __block) {
 	_$_.push_component();
 
-	let expanded = _$_.track(true, void 0, void 0, __block);
+	let lazy = _$_.track(true, void 0, void 0, __block);
 	var section_2 = root_38();
 
 	{
@@ -930,7 +930,7 @@ function SidebarSection(__anchor, { title, children }, __block) {
 
 			var button_1 = _$_.sibling(h2_2);
 
-			button_1.__click = () => _$_.set(expanded, !_$_.get(expanded));
+			button_1.__click = () => _$_.set(lazy, !_$_.get(lazy));
 		}
 
 		_$_.pop(div_29);
@@ -952,7 +952,7 @@ function SidebarSection(__anchor, { title, children }, __block) {
 			};
 
 			_$_.if(node_39, (__render) => {
-				if (_$_.get(expanded)) __render(consequent_4);
+				if (_$_.get(lazy)) __render(consequent_4);
 			});
 		}
 

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

@@ -27,13 +27,13 @@ import { track } from 'ripple';
 export function IfWithChildren(__anchor, { children }, __block) {
 	_$_.push_component();
 
-	let expanded = _$_.track(true, void 0, void 0, __block);
+	let lazy = _$_.track(true, void 0, void 0, __block);
 	var div_1 = root();
 
 	{
 		var div_2 = _$_.child(div_1);
 
-		div_2.__click = () => _$_.set(expanded, !_$_.get(expanded));
+		div_2.__click = () => _$_.set(lazy, !_$_.get(lazy));
 
 		var node = _$_.sibling(div_2);
 
@@ -52,7 +52,7 @@ export function IfWithChildren(__anchor, { children }, __block) {
 			};
 
 			_$_.if(node, (__render) => {
-				if (_$_.get(expanded)) __render(consequent);
+				if (_$_.get(lazy)) __render(consequent);
 			});
 		}
 
@@ -113,13 +113,13 @@ export function TestIfWithChildren(__anchor, _, __block) {
 export function IfWithStaticChildren(__anchor, _, __block) {
 	_$_.push_component();
 
-	let expanded = _$_.track(true, void 0, void 0, __block);
+	let lazy_1 = _$_.track(true, void 0, void 0, __block);
 	var div_5 = root_5();
 
 	{
 		var div_6 = _$_.child(div_5);
 
-		div_6.__click = () => _$_.set(expanded, !_$_.get(expanded));
+		div_6.__click = () => _$_.set(lazy_1, !_$_.get(lazy_1));
 
 		var node_5 = _$_.sibling(div_6);
 
@@ -131,7 +131,7 @@ export function IfWithStaticChildren(__anchor, _, __block) {
 			};
 
 			_$_.if(node_5, (__render) => {
-				if (_$_.get(expanded)) __render(consequent_1);
+				if (_$_.get(lazy_1)) __render(consequent_1);
 			});
 		}
 
@@ -145,13 +145,13 @@ export function IfWithStaticChildren(__anchor, _, __block) {
 export function IfWithSiblingsAndChildren(__anchor, { children }, __block) {
 	_$_.push_component();
 
-	let expanded = _$_.track(true, void 0, void 0, __block);
+	let lazy_2 = _$_.track(true, void 0, void 0, __block);
 	var section_1 = root_7();
 
 	{
 		var div_8 = _$_.child(section_1);
 
-		div_8.__click = () => _$_.set(expanded, !_$_.get(expanded));
+		div_8.__click = () => _$_.set(lazy_2, !_$_.get(lazy_2));
 		_$_.pop(div_8);
 
 		var node_6 = _$_.sibling(div_8);
@@ -171,7 +171,7 @@ export function IfWithSiblingsAndChildren(__anchor, { children }, __block) {
 			};
 
 			_$_.if(node_6, (__render) => {
-				if (_$_.get(expanded)) __render(consequent_2);
+				if (_$_.get(lazy_2)) __render(consequent_2);
 			});
 		}
 
@@ -216,7 +216,7 @@ export function TestIfWithSiblingsAndChildren(__anchor, _, __block) {
 export function ElementWithChildrenThenIf(__anchor, _, __block) {
 	_$_.push_component();
 
-	let show = _$_.track(true, void 0, void 0, __block);
+	let lazy_3 = _$_.track(true, void 0, void 0, __block);
 	var fragment_4 = root_11();
 	var div_11 = _$_.first_child_frag(fragment_4);
 
@@ -235,7 +235,7 @@ export function ElementWithChildrenThenIf(__anchor, _, __block) {
 			};
 
 			_$_.if(node_11, (__render) => {
-				if (_$_.get(show)) __render(consequent_3);
+				if (_$_.get(lazy_3)) __render(consequent_3);
 			});
 		}
 
@@ -244,7 +244,7 @@ export function ElementWithChildrenThenIf(__anchor, _, __block) {
 
 	var button_1 = _$_.sibling(div_11);
 
-	button_1.__click = () => _$_.set(show, !_$_.get(show));
+	button_1.__click = () => _$_.set(lazy_3, !_$_.get(lazy_3));
 	_$_.next();
 	_$_.append(__anchor, fragment_4, true);
 	_$_.pop_component();
@@ -253,7 +253,7 @@ export function ElementWithChildrenThenIf(__anchor, _, __block) {
 export function DeepNestingThenIf(__anchor, _, __block) {
 	_$_.push_component();
 
-	let visible = _$_.track(true, void 0, void 0, __block);
+	let lazy_4 = _$_.track(true, void 0, void 0, __block);
 	var fragment_5 = root_13();
 	var section_2 = _$_.first_child_frag(fragment_5);
 
@@ -272,7 +272,7 @@ export function DeepNestingThenIf(__anchor, _, __block) {
 			};
 
 			_$_.if(node_12, (__render) => {
-				if (_$_.get(visible)) __render(consequent_4);
+				if (_$_.get(lazy_4)) __render(consequent_4);
 			});
 		}
 
@@ -281,7 +281,7 @@ export function DeepNestingThenIf(__anchor, _, __block) {
 
 	var button_2 = _$_.sibling(section_2);
 
-	button_2.__click = () => _$_.set(visible, !_$_.get(visible));
+	button_2.__click = () => _$_.set(lazy_4, !_$_.get(lazy_4));
 	_$_.next();
 	_$_.append(__anchor, fragment_5, true);
 	_$_.pop_component();
@@ -290,7 +290,7 @@ export function DeepNestingThenIf(__anchor, _, __block) {
 export function DomElementChildrenThenSibling(__anchor, _, __block) {
 	_$_.push_component();
 
-	let activeTab = _$_.track('code', void 0, void 0, __block);
+	let lazy_5 = _$_.track('code', void 0, void 0, __block);
 	var div_13 = root_15();
 
 	{
@@ -299,11 +299,11 @@ export function DomElementChildrenThenSibling(__anchor, _, __block) {
 		{
 			var button_3 = _$_.child(div_14);
 
-			button_3.__click = () => _$_.set(activeTab, 'code');
+			button_3.__click = () => _$_.set(lazy_5, 'code');
 
 			var button_4 = _$_.sibling(button_3);
 
-			button_4.__click = () => _$_.set(activeTab, 'preview');
+			button_4.__click = () => _$_.set(lazy_5, 'preview');
 		}
 
 		_$_.pop(div_14);
@@ -327,7 +327,7 @@ export function DomElementChildrenThenSibling(__anchor, _, __block) {
 				};
 
 				_$_.if(node_13, (__render) => {
-					if (_$_.get(activeTab) === 'code') __render(consequent_5); else __render(alternate, false);
+					if (_$_.get(lazy_5) === 'code') __render(consequent_5); else __render(alternate, false);
 				});
 			}
 
@@ -337,13 +337,13 @@ export function DomElementChildrenThenSibling(__anchor, _, __block) {
 
 	_$_.render(
 		(__prev) => {
-			var __a = _$_.get(activeTab) === 'code' ? 'true' : 'false';
+			var __a = _$_.get(lazy_5) === 'code' ? 'true' : 'false';
 
 			if (__prev.a !== __a) {
 				_$_.set_attribute(button_3, 'aria-selected', __prev.a = __a);
 			}
 
-			var __b = _$_.get(activeTab) === 'preview' ? 'true' : 'false';
+			var __b = _$_.get(lazy_5) === 'preview' ? 'true' : 'false';
 
 			if (__prev.b !== __b) {
 				_$_.set_attribute(button_4, 'aria-selected', __prev.b = __b);
@@ -359,7 +359,7 @@ export function DomElementChildrenThenSibling(__anchor, _, __block) {
 export function DomChildrenThenStaticSiblings(__anchor, _, __block) {
 	_$_.push_component();
 
-	let count = _$_.track(0, void 0, void 0, __block);
+	let lazy_6 = _$_.track(0, void 0, void 0, __block);
 	var fragment_6 = root_18();
 	var div_17 = _$_.first_child_frag(fragment_6);
 
@@ -381,11 +381,11 @@ export function DomChildrenThenStaticSiblings(__anchor, _, __block) {
 
 	var button_5 = _$_.sibling(div_17);
 
-	button_5.__click = () => _$_.update(count);
+	button_5.__click = () => _$_.update(lazy_6);
 	_$_.next();
 
 	_$_.render(() => {
-		_$_.set_text(text_2, 'Item count: ' + _$_.with_scope(__block, () => String(_$_.get(count))));
+		_$_.set_text(text_2, 'Item count: ' + _$_.with_scope(__block, () => String(_$_.get(lazy_6))));
 	});
 
 	_$_.append(__anchor, fragment_6, true);

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

@@ -102,12 +102,12 @@ export function IfElse(__anchor, _, __block) {
 export function ReactiveIf(__anchor, _, __block) {
 	_$_.push_component();
 
-	let show = _$_.track(true, void 0, void 0, __block);
+	let lazy = _$_.track(true, void 0, void 0, __block);
 	var fragment_3 = root_7();
 	var button_1 = _$_.first_child_frag(fragment_3);
 
 	button_1.__click = () => {
-		_$_.set(show, !_$_.get(show));
+		_$_.set(lazy, !_$_.get(lazy));
 	};
 
 	var node_3 = _$_.sibling(button_1);
@@ -120,7 +120,7 @@ export function ReactiveIf(__anchor, _, __block) {
 		};
 
 		_$_.if(node_3, (__render) => {
-			if (_$_.get(show)) __render(consequent_3);
+			if (_$_.get(lazy)) __render(consequent_3);
 		});
 	}
 
@@ -131,12 +131,12 @@ export function ReactiveIf(__anchor, _, __block) {
 export function ReactiveIfElse(__anchor, _, __block) {
 	_$_.push_component();
 
-	let isOn = _$_.track(false, void 0, void 0, __block);
+	let lazy_1 = _$_.track(false, void 0, void 0, __block);
 	var fragment_4 = root_9();
 	var button_2 = _$_.first_child_frag(fragment_4);
 
 	button_2.__click = () => {
-		_$_.set(isOn, !_$_.get(isOn));
+		_$_.set(lazy_1, !_$_.get(lazy_1));
 	};
 
 	var node_4 = _$_.sibling(button_2);
@@ -155,7 +155,7 @@ export function ReactiveIfElse(__anchor, _, __block) {
 		};
 
 		_$_.if(node_4, (__render) => {
-			if (_$_.get(isOn)) __render(consequent_4); else __render(alternate_1, false);
+			if (_$_.get(lazy_1)) __render(consequent_4); else __render(alternate_1, false);
 		});
 	}
 
@@ -166,19 +166,19 @@ export function ReactiveIfElse(__anchor, _, __block) {
 export function NestedIf(__anchor, _, __block) {
 	_$_.push_component();
 
-	let outer = _$_.track(true, void 0, void 0, __block);
-	let inner = _$_.track(true, void 0, void 0, __block);
+	let lazy_2 = _$_.track(true, void 0, void 0, __block);
+	let lazy_3 = _$_.track(true, void 0, void 0, __block);
 	var fragment_5 = root_12();
 	var button_3 = _$_.first_child_frag(fragment_5);
 
 	button_3.__click = () => {
-		_$_.set(outer, !_$_.get(outer));
+		_$_.set(lazy_2, !_$_.get(lazy_2));
 	};
 
 	var button_4 = _$_.sibling(button_3);
 
 	button_4.__click = () => {
-		_$_.set(inner, !_$_.get(inner));
+		_$_.set(lazy_3, !_$_.get(lazy_3));
 	};
 
 	var node_5 = _$_.sibling(button_4);
@@ -199,7 +199,7 @@ export function NestedIf(__anchor, _, __block) {
 					};
 
 					_$_.if(node_6, (__render) => {
-						if (_$_.get(inner)) __render(consequent_5);
+						if (_$_.get(lazy_3)) __render(consequent_5);
 					});
 				}
 
@@ -210,7 +210,7 @@ export function NestedIf(__anchor, _, __block) {
 		};
 
 		_$_.if(node_5, (__render) => {
-			if (_$_.get(outer)) __render(consequent_6);
+			if (_$_.get(lazy_2)) __render(consequent_6);
 		});
 	}
 
@@ -221,26 +221,26 @@ export function NestedIf(__anchor, _, __block) {
 export function IfElseIfChain(__anchor, _, __block) {
 	_$_.push_component();
 
-	let status = _$_.track('loading', void 0, void 0, __block);
+	let lazy_4 = _$_.track('loading', void 0, void 0, __block);
 	var div_9 = root_15();
 
 	{
 		var button_5 = _$_.child(div_9);
 
 		button_5.__click = () => {
-			_$_.set(status, 'success');
+			_$_.set(lazy_4, 'success');
 		};
 
 		var button_6 = _$_.sibling(button_5);
 
 		button_6.__click = () => {
-			_$_.set(status, 'error');
+			_$_.set(lazy_4, 'error');
 		};
 
 		var button_7 = _$_.sibling(button_6);
 
 		button_7.__click = () => {
-			_$_.set(status, 'loading');
+			_$_.set(lazy_4, 'loading');
 		};
 
 		var node_7 = _$_.sibling(button_7);
@@ -270,7 +270,7 @@ export function IfElseIfChain(__anchor, _, __block) {
 					};
 
 					_$_.if(node_8, (__render) => {
-						if (_$_.get(status) === 'success') __render(consequent_8); else __render(alternate_2, false);
+						if (_$_.get(lazy_4) === 'success') __render(consequent_8); else __render(alternate_2, false);
 					});
 				}
 
@@ -278,7 +278,7 @@ export function IfElseIfChain(__anchor, _, __block) {
 			};
 
 			_$_.if(node_7, (__render) => {
-				if (_$_.get(status) === 'loading') __render(consequent_7); else __render(alternate_3, false);
+				if (_$_.get(lazy_4) === 'loading') __render(consequent_7); else __render(alternate_3, false);
 			});
 		}
 

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

@@ -196,26 +196,26 @@ export function MixedControlFlowStatic(__anchor, _, __block) {
 export function MixedControlFlowReactive(__anchor, _, __block) {
 	_$_.push_component();
 
-	let show = _$_.track(true, void 0, void 0, __block);
-	let mode = _$_.track('a', void 0, void 0, __block);
-	let items = _$_.track([{ id: 1, label: 'One' }, { id: 2, label: 'Two' }], void 0, void 0, __block);
+	let lazy = _$_.track(true, void 0, void 0, __block);
+	let lazy_1 = _$_.track('a', void 0, void 0, __block);
+	let lazy_2 = _$_.track([{ id: 1, label: 'One' }, { id: 2, label: 'Two' }], void 0, void 0, __block);
 	var fragment_4 = root_9();
 	var button_1 = _$_.first_child_frag(fragment_4);
 
 	button_1.__click = () => {
-		_$_.set(show, !_$_.get(show));
+		_$_.set(lazy, !_$_.get(lazy));
 	};
 
 	var button_2 = _$_.sibling(button_1);
 
 	button_2.__click = () => {
-		_$_.set(mode, _$_.get(mode) === 'a' ? 'b' : 'a');
+		_$_.set(lazy_1, _$_.get(lazy_1) === 'a' ? 'b' : 'a');
 	};
 
 	var button_3 = _$_.sibling(button_2);
 
 	button_3.__click = () => {
-		_$_.set(items, [..._$_.get(items), { id: 3, label: 'Three' }]);
+		_$_.set(lazy_2, [..._$_.get(lazy_2), { id: 3, label: 'Three' }]);
 	};
 
 	var node_4 = _$_.sibling(button_3);
@@ -227,7 +227,7 @@ export function MixedControlFlowReactive(__anchor, _, __block) {
 			{
 				_$_.for_keyed(
 					div_5,
-					() => _$_.get(items),
+					() => _$_.get(lazy_2),
 					(__anchor, pattern_1) => {
 						var fragment_5 = root_11();
 						var node_5 = _$_.first_child_frag(fragment_5);
@@ -330,7 +330,7 @@ export function MixedControlFlowReactive(__anchor, _, __block) {
 							_$_.switch(node_5, () => {
 								var result = [];
 
-								switch (_$_.get(mode)) {
+								switch (_$_.get(lazy_1)) {
 									case 'a':
 										result.push(switch_case_0_1);
 										return result;
@@ -355,7 +355,7 @@ export function MixedControlFlowReactive(__anchor, _, __block) {
 		};
 
 		_$_.if(node_4, (__render) => {
-			if (_$_.get(show)) __render(consequent_1);
+			if (_$_.get(lazy)) __render(consequent_1);
 		});
 	}
 

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

@@ -51,13 +51,13 @@ export function SimplePortal(__anchor, _, __block) {
 export function ConditionalPortal(__anchor, _, __block) {
 	_$_.push_component();
 
-	let show = _$_.track(true, void 0, void 0, __block);
+	let lazy = _$_.track(true, void 0, void 0, __block);
 	var div_3 = root_2();
 
 	{
 		var button_1 = _$_.child(div_3);
 
-		button_1.__click = () => _$_.set(show, !_$_.get(show));
+		button_1.__click = () => _$_.set(lazy, !_$_.get(lazy));
 
 		var node_1 = _$_.sibling(button_1);
 
@@ -89,7 +89,7 @@ export function ConditionalPortal(__anchor, _, __block) {
 			};
 
 			_$_.if(node_1, (__render) => {
-				if (_$_.get(show)) __render(consequent);
+				if (_$_.get(lazy)) __render(consequent);
 			});
 		}
 

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

@@ -13,7 +13,7 @@ import { track } from 'ripple';
 export function TrackedState(__anchor, _, __block) {
 	_$_.push_component();
 
-	let count = _$_.track(0, void 0, void 0, __block);
+	let lazy = _$_.track(0, void 0, void 0, __block);
 	var div_1 = root();
 
 	{
@@ -23,7 +23,7 @@ export function TrackedState(__anchor, _, __block) {
 	}
 
 	_$_.render(() => {
-		_$_.set_text(text, _$_.get(count));
+		_$_.set_text(text, _$_.get(lazy));
 	});
 
 	_$_.append(__anchor, div_1);
@@ -33,7 +33,7 @@ export function TrackedState(__anchor, _, __block) {
 export function CounterWithInitial(__anchor, props, __block) {
 	_$_.push_component();
 
-	let count = _$_.track(props.initial, void 0, void 0, __block);
+	let lazy_1 = _$_.track(props.initial, void 0, void 0, __block);
 	var div_2 = root_1();
 
 	{
@@ -47,7 +47,7 @@ export function CounterWithInitial(__anchor, props, __block) {
 	}
 
 	_$_.render(() => {
-		_$_.set_text(text_1, _$_.get(count));
+		_$_.set_text(text_1, _$_.get(lazy_1));
 	});
 
 	_$_.append(__anchor, div_2);
@@ -68,9 +68,9 @@ export function CounterWrapper(__anchor, _, __block) {
 export function ComputedValues(__anchor, _, __block) {
 	_$_.push_component();
 
-	let a = _$_.track(2, void 0, void 0, __block);
-	let b = _$_.track(3, void 0, void 0, __block);
-	const sum = () => _$_.get(a) + _$_.get(b);
+	let lazy_2 = _$_.track(2, void 0, void 0, __block);
+	let lazy_3 = _$_.track(3, void 0, void 0, __block);
+	const sum = () => _$_.get(lazy_2) + _$_.get(lazy_3);
 	var div_3 = root_3();
 
 	{
@@ -90,9 +90,9 @@ export function ComputedValues(__anchor, _, __block) {
 export function MultipleTracked(__anchor, _, __block) {
 	_$_.push_component();
 
-	let x = _$_.track(10, void 0, void 0, __block);
-	let y = _$_.track(20, void 0, void 0, __block);
-	let z = _$_.track(30, void 0, void 0, __block);
+	let lazy_4 = _$_.track(10, void 0, void 0, __block);
+	let lazy_5 = _$_.track(20, void 0, void 0, __block);
+	let lazy_6 = _$_.track(30, void 0, void 0, __block);
 	var fragment_1 = root_4();
 	var div_4 = _$_.first_child_frag(fragment_1);
 
@@ -122,19 +122,19 @@ export function MultipleTracked(__anchor, _, __block) {
 
 	_$_.render(
 		(__prev) => {
-			var __a = _$_.get(x);
+			var __a = _$_.get(lazy_4);
 
 			if (__prev.a !== __a) {
 				_$_.set_text(text_3, __prev.a = __a);
 			}
 
-			var __b = _$_.get(y);
+			var __b = _$_.get(lazy_5);
 
 			if (__prev.b !== __b) {
 				_$_.set_text(text_4, __prev.b = __b);
 			}
 
-			var __c = _$_.get(z);
+			var __c = _$_.get(lazy_6);
 
 			if (__prev.c !== __c) {
 				_$_.set_text(text_5, __prev.c = __c);
@@ -150,9 +150,9 @@ export function MultipleTracked(__anchor, _, __block) {
 export function DerivedState(__anchor, _, __block) {
 	_$_.push_component();
 
-	let firstName = _$_.track('John', void 0, void 0, __block);
-	let lastName = _$_.track('Doe', void 0, void 0, __block);
-	const fullName = () => `${_$_.get(firstName)} ${_$_.get(lastName)}`;
+	let lazy_7 = _$_.track('John', void 0, void 0, __block);
+	let lazy_8 = _$_.track('Doe', void 0, void 0, __block);
+	const fullName = () => `${_$_.get(lazy_7)} ${_$_.get(lazy_8)}`;
 	var div_7 = root_5();
 
 	{