ripple 0.3.6 → 0.3.8

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

@@ -1170,12 +1170,12 @@ export function ReactiveReturnTrueToFalse(__anchor, _, __block) {
 	_$_.push_component();
 
 	var __r_28 = _$_.tracked(false);
-	let condition = _$_.track(true, void 0, void 0, __block);
+	let lazy = _$_.track(true, void 0, void 0, __block);
 	var fragment_59 = root_77();
 	var button_1 = _$_.first_child_frag(fragment_59);
 
 	button_1.__click = () => {
-		_$_.set(condition, !_$_.get(condition));
+		_$_.set(lazy, !_$_.get(lazy));
 	};
 
 	var node_51 = _$_.sibling(button_1);
@@ -1191,7 +1191,7 @@ export function ReactiveReturnTrueToFalse(__anchor, _, __block) {
 		_$_.if(node_51, (__render) => {
 			_$_.set(__r_28, false);
 
-			if (_$_.get(condition)) __render(consequent_30);
+			if (_$_.get(lazy)) __render(consequent_30);
 		});
 	}
 
@@ -1215,12 +1215,12 @@ export function ReactiveReturnFalseToTrue(__anchor, _, __block) {
 	_$_.push_component();
 
 	var __r_29 = _$_.tracked(false);
-	let condition = _$_.track(false, void 0, void 0, __block);
+	let lazy_1 = _$_.track(false, void 0, void 0, __block);
 	var fragment_61 = root_80();
 	var button_2 = _$_.first_child_frag(fragment_61);
 
 	button_2.__click = () => {
-		_$_.set(condition, !_$_.get(condition));
+		_$_.set(lazy_1, !_$_.get(lazy_1));
 	};
 
 	var node_53 = _$_.sibling(button_2);
@@ -1236,7 +1236,7 @@ export function ReactiveReturnFalseToTrue(__anchor, _, __block) {
 		_$_.if(node_53, (__render) => {
 			_$_.set(__r_29, false);
 
-			if (_$_.get(condition)) __render(consequent_31);
+			if (_$_.get(lazy_1)) __render(consequent_31);
 		});
 	}
 
@@ -1261,12 +1261,12 @@ export function ReactiveNestedReturn(__anchor, _, __block) {
 
 	var __r_30 = _$_.tracked(false);
 	let a = true;
-	let b = _$_.track(true, void 0, void 0, __block);
+	let lazy_2 = _$_.track(true, void 0, void 0, __block);
 	var fragment_63 = root_83();
 	var button_3 = _$_.first_child_frag(fragment_63);
 
 	button_3.__click = () => {
-		_$_.set(b, !_$_.get(b));
+		_$_.set(lazy_2, !_$_.get(lazy_2));
 	};
 
 	var node_55 = _$_.sibling(button_3);
@@ -1288,7 +1288,7 @@ export function ReactiveNestedReturn(__anchor, _, __block) {
 				_$_.if(node_56, (__render) => {
 					_$_.set(__r_30, false);
 
-					if (_$_.get(b)) __render(consequent_32);
+					if (_$_.get(lazy_2)) __render(consequent_32);
 				});
 			}
 
@@ -1576,17 +1576,17 @@ export function ReactiveSiblingReturns(__anchor, _, __block) {
 
 	var __r_39 = _$_.tracked(false);
 	var __r_38 = _$_.tracked(false);
-	let mode = _$_.track('first', void 0, void 0, __block);
+	let lazy_3 = _$_.track('first', void 0, void 0, __block);
 	var fragment_82 = root_105();
 	var button_4 = _$_.first_child_frag(fragment_82);
 
 	button_4.__click = () => {
-		if (_$_.get(mode) === 'first') {
-			_$_.set(mode, 'second');
-		} else if (_$_.get(mode) === 'second') {
-			_$_.set(mode, 'none');
+		if (_$_.get(lazy_3) === 'first') {
+			_$_.set(lazy_3, 'second');
+		} else if (_$_.get(lazy_3) === 'second') {
+			_$_.set(lazy_3, 'none');
 		} else {
-			_$_.set(mode, 'first');
+			_$_.set(lazy_3, 'first');
 		}
 	};
 
@@ -1603,7 +1603,7 @@ export function ReactiveSiblingReturns(__anchor, _, __block) {
 		_$_.if(node_71, (__render) => {
 			_$_.set(__r_38, false);
 
-			if (_$_.get(mode) === 'first') __render(consequent_41);
+			if (_$_.get(lazy_3) === 'first') __render(consequent_41);
 		});
 	}
 
@@ -1624,7 +1624,7 @@ export function ReactiveSiblingReturns(__anchor, _, __block) {
 			_$_.if(node_73, (__render) => {
 				_$_.set(__r_39, false);
 
-				if (_$_.get(mode) === 'second') __render(consequent_42);
+				if (_$_.get(lazy_3) === 'second') __render(consequent_42);
 			});
 		}
 
@@ -1655,19 +1655,19 @@ export function ReactiveOuterInnerReturns(__anchor, _, __block) {
 	_$_.push_component();
 
 	var __r_40 = _$_.tracked(false);
-	let a = _$_.track(true, void 0, void 0, __block);
-	let b = _$_.track(true, void 0, void 0, __block);
+	let lazy_4 = _$_.track(true, void 0, void 0, __block);
+	let lazy_5 = _$_.track(true, void 0, void 0, __block);
 	var fragment_86 = root_110();
 	var button_5 = _$_.first_child_frag(fragment_86);
 
 	button_5.__click = () => {
-		_$_.set(a, !_$_.get(a));
+		_$_.set(lazy_4, !_$_.get(lazy_4));
 	};
 
 	var button_6 = _$_.sibling(button_5);
 
 	button_6.__click = () => {
-		_$_.set(b, !_$_.get(b));
+		_$_.set(lazy_5, !_$_.get(lazy_5));
 	};
 
 	var node_75 = _$_.sibling(button_6);
@@ -1689,7 +1689,7 @@ export function ReactiveOuterInnerReturns(__anchor, _, __block) {
 				_$_.if(node_76, (__render) => {
 					_$_.set(__r_40, false);
 
-					if (_$_.get(b)) __render(consequent_43);
+					if (_$_.get(lazy_5)) __render(consequent_43);
 				});
 			}
 
@@ -1699,7 +1699,7 @@ export function ReactiveOuterInnerReturns(__anchor, _, __block) {
 		_$_.if(node_75, (__render) => {
 			_$_.set(__r_40, false);
 
-			if (_$_.get(a)) __render(consequent_44);
+			if (_$_.get(lazy_4)) __render(consequent_44);
 		});
 	}
 
@@ -1715,7 +1715,7 @@ export function ReactiveOuterInnerReturns(__anchor, _, __block) {
 		}
 
 		_$_.render(() => {
-			_$_.set_text(text, _$_.get(a) ? 'a-on rest' : 'a-off rest');
+			_$_.set_text(text, _$_.get(lazy_4) ? 'a-on rest' : 'a-off rest');
 		});
 
 		_$_.append(__anchor, div_39);
@@ -1734,12 +1734,12 @@ export function ReactiveElseIfReturns(__anchor, _, __block) {
 
 	var __r_42 = _$_.tracked(false);
 	var __r_41 = _$_.tracked(false);
-	let status = _$_.track(0, void 0, void 0, __block);
+	let lazy_6 = _$_.track(0, void 0, void 0, __block);
 	var fragment_89 = root_114();
 	var button_7 = _$_.first_child_frag(fragment_89);
 
 	button_7.__click = () => {
-		_$_.set(status, (_$_.get(status) + 1) % 3);
+		_$_.set(lazy_6, (_$_.get(lazy_6) + 1) % 3);
 	};
 
 	var node_78 = _$_.sibling(button_7);
@@ -1767,7 +1767,7 @@ export function ReactiveElseIfReturns(__anchor, _, __block) {
 				_$_.if(node_79, (__render) => {
 					_$_.set(__r_42, false);
 
-					if (_$_.get(status) === 1) __render(consequent_46);
+					if (_$_.get(lazy_6) === 1) __render(consequent_46);
 				});
 			}
 
@@ -1780,7 +1780,7 @@ export function ReactiveElseIfReturns(__anchor, _, __block) {
 			_$_.set(__r_41, false);
 			_$_.set(__r_42, false);
 
-			if (_$_.get(status) === 0) __render(consequent_45); else __render(alternate_8, false);
+			if (_$_.get(lazy_6) === 0) __render(consequent_45); else __render(alternate_8, false);
 		});
 	}
 
@@ -1808,33 +1808,33 @@ export function ReactiveDeepNestedIndependentReturns(__anchor, _, __block) {
 	var __r_45 = _$_.tracked(false);
 	var __r_44 = _$_.tracked(false);
 	var __r_43 = _$_.tracked(false);
-	let c1 = _$_.track(false, void 0, void 0, __block);
-	let c2 = _$_.track(false, void 0, void 0, __block);
-	let c3 = _$_.track(false, void 0, void 0, __block);
-	let c4 = _$_.track(false, void 0, void 0, __block);
+	let lazy_7 = _$_.track(false, void 0, void 0, __block);
+	let lazy_8 = _$_.track(false, void 0, void 0, __block);
+	let lazy_9 = _$_.track(false, void 0, void 0, __block);
+	let lazy_10 = _$_.track(false, void 0, void 0, __block);
 	var fragment_94 = root_119();
 	var button_8 = _$_.first_child_frag(fragment_94);
 
 	button_8.__click = () => {
-		_$_.set(c1, !_$_.get(c1));
+		_$_.set(lazy_7, !_$_.get(lazy_7));
 	};
 
 	var button_9 = _$_.sibling(button_8);
 
 	button_9.__click = () => {
-		_$_.set(c2, !_$_.get(c2));
+		_$_.set(lazy_8, !_$_.get(lazy_8));
 	};
 
 	var button_10 = _$_.sibling(button_9);
 
 	button_10.__click = () => {
-		_$_.set(c3, !_$_.get(c3));
+		_$_.set(lazy_9, !_$_.get(lazy_9));
 	};
 
 	var button_11 = _$_.sibling(button_10);
 
 	button_11.__click = () => {
-		_$_.set(c4, !_$_.get(c4));
+		_$_.set(lazy_10, !_$_.get(lazy_10));
 	};
 
 	var div_40 = _$_.sibling(button_11);
@@ -1851,7 +1851,7 @@ export function ReactiveDeepNestedIndependentReturns(__anchor, _, __block) {
 		_$_.if(node_81, (__render) => {
 			_$_.set(__r_43, false);
 
-			if (_$_.get(c1)) __render(consequent_47);
+			if (_$_.get(lazy_7)) __render(consequent_47);
 		});
 	}
 
@@ -1877,7 +1877,7 @@ export function ReactiveDeepNestedIndependentReturns(__anchor, _, __block) {
 				_$_.if(node_83, (__render) => {
 					_$_.set(__r_44, false);
 
-					if (_$_.get(c2)) __render(consequent_48);
+					if (_$_.get(lazy_8)) __render(consequent_48);
 				});
 			}
 
@@ -1903,7 +1903,7 @@ export function ReactiveDeepNestedIndependentReturns(__anchor, _, __block) {
 						_$_.if(node_85, (__render) => {
 							_$_.set(__r_45, false);
 
-							if (_$_.get(c3)) __render(consequent_49);
+							if (_$_.get(lazy_9)) __render(consequent_49);
 						});
 					}
 
@@ -1925,7 +1925,7 @@ export function ReactiveDeepNestedIndependentReturns(__anchor, _, __block) {
 							_$_.if(node_87, (__render) => {
 								_$_.set(__r_46, false);
 
-								if (_$_.get(c4)) __render(consequent_50);
+								if (_$_.get(lazy_10)) __render(consequent_50);
 							});
 						}
 

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

@@ -79,12 +79,12 @@ export function SwitchStatic(__anchor, _, __block) {
 export function SwitchReactive(__anchor, _, __block) {
 	_$_.push_component();
 
-	let status = _$_.track('a', void 0, void 0, __block);
+	let lazy = _$_.track('a', void 0, void 0, __block);
 	var fragment_3 = root_4();
 	var button_1 = _$_.first_child_frag(fragment_3);
 
 	button_1.__click = () => {
-		if (_$_.get(status) === 'a') _$_.set(status, 'b'); else if (_$_.get(status) === 'b') _$_.set(status, 'c'); else _$_.set(status, 'a');
+		if (_$_.get(lazy) === 'a') _$_.set(lazy, 'b'); else if (_$_.get(lazy) === 'b') _$_.set(lazy, 'c'); else _$_.set(lazy, 'a');
 	};
 
 	var node_1 = _$_.sibling(button_1);
@@ -111,7 +111,7 @@ export function SwitchReactive(__anchor, _, __block) {
 		_$_.switch(node_1, () => {
 			var result = [];
 
-			switch (_$_.get(status)) {
+			switch (_$_.get(lazy)) {
 				case 'a':
 					result.push(switch_case_0_1);
 					return result;
@@ -175,12 +175,12 @@ export function SwitchFallthrough(__anchor, _, __block) {
 export function SwitchNumericLevels(__anchor, _, __block) {
 	_$_.push_component();
 
-	let level = _$_.track(1, void 0, void 0, __block);
+	let lazy_1 = _$_.track(1, void 0, void 0, __block);
 	var fragment_8 = root_11();
 	var button_2 = _$_.first_child_frag(fragment_8);
 
 	button_2.__click = () => {
-		if (_$_.get(level) === 1) _$_.set(level, 2); else if (_$_.get(level) === 2) _$_.set(level, 3); else _$_.set(level, 1);
+		if (_$_.get(lazy_1) === 1) _$_.set(lazy_1, 2); else if (_$_.get(lazy_1) === 2) _$_.set(lazy_1, 3); else _$_.set(lazy_1, 1);
 	};
 
 	var node_3 = _$_.sibling(button_2);
@@ -207,7 +207,7 @@ export function SwitchNumericLevels(__anchor, _, __block) {
 		_$_.switch(node_3, () => {
 			var result = [];
 
-			switch (_$_.get(level)) {
+			switch (_$_.get(lazy_1)) {
 				case 1:
 					result.push(switch_case_0_3);
 					return result;
@@ -230,12 +230,12 @@ export function SwitchNumericLevels(__anchor, _, __block) {
 export function SwitchBlockScoped(__anchor, _, __block) {
 	_$_.push_component();
 
-	let level = _$_.track(1, void 0, void 0, __block);
+	let lazy_2 = _$_.track(1, void 0, void 0, __block);
 	var fragment_12 = root_15();
 	var button_3 = _$_.first_child_frag(fragment_12);
 
 	button_3.__click = () => {
-		if (_$_.get(level) === 1) _$_.set(level, 2); else if (_$_.get(level) === 2) _$_.set(level, 3); else _$_.set(level, 1);
+		if (_$_.get(lazy_2) === 1) _$_.set(lazy_2, 2); else if (_$_.get(lazy_2) === 2) _$_.set(lazy_2, 3); else _$_.set(lazy_2, 1);
 	};
 
 	var node_4 = _$_.sibling(button_3);
@@ -262,7 +262,7 @@ export function SwitchBlockScoped(__anchor, _, __block) {
 		_$_.switch(node_4, () => {
 			var result = [];
 
-			switch (_$_.get(level)) {
+			switch (_$_.get(lazy_2)) {
 				case 1:
 					result.push(switch_case_0_4);
 					return result;
@@ -285,12 +285,12 @@ export function SwitchBlockScoped(__anchor, _, __block) {
 export function SwitchNoBreak(__anchor, _, __block) {
 	_$_.push_component();
 
-	let level = _$_.track(1, void 0, void 0, __block);
+	let lazy_3 = _$_.track(1, void 0, void 0, __block);
 	var fragment_16 = root_19();
 	var button_4 = _$_.first_child_frag(fragment_16);
 
 	button_4.__click = () => {
-		if (_$_.get(level) === 1) _$_.set(level, 2); else if (_$_.get(level) === 2) _$_.set(level, 3); else _$_.set(level, 1);
+		if (_$_.get(lazy_3) === 1) _$_.set(lazy_3, 2); else if (_$_.get(lazy_3) === 2) _$_.set(lazy_3, 3); else _$_.set(lazy_3, 1);
 	};
 
 	var node_5 = _$_.sibling(button_4);
@@ -317,7 +317,7 @@ export function SwitchNoBreak(__anchor, _, __block) {
 		_$_.switch(node_5, () => {
 			var result = [];
 
-			switch (_$_.get(level)) {
+			switch (_$_.get(lazy_3)) {
 				case 1:
 					result.push(switch_case_0_5);
 

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

@@ -6,7 +6,7 @@ import { track } from 'ripple/server';
 export function ClickCounter(__output) {
 	_$_.push_component();
 
-	let count = _$_.track(0);
+	let lazy = _$_.track(0);
 
 	__output.push('<div');
 	__output.push('>');
@@ -26,7 +26,7 @@ export function ClickCounter(__output) {
 		__output.push('>');
 
 		{
-			__output.push(_$_.escape(_$_.get(count)));
+			__output.push(_$_.escape(_$_.get(lazy)));
 		}
 
 		__output.push('</span>');
@@ -39,7 +39,7 @@ export function ClickCounter(__output) {
 export function IncrementDecrement(__output) {
 	_$_.push_component();
 
-	let count = _$_.track(0);
+	let lazy_1 = _$_.track(0);
 
 	__output.push('<div');
 	__output.push('>');
@@ -59,7 +59,7 @@ export function IncrementDecrement(__output) {
 		__output.push('>');
 
 		{
-			__output.push(_$_.escape(_$_.get(count)));
+			__output.push(_$_.escape(_$_.get(lazy_1)));
 		}
 
 		__output.push('</span>');
@@ -81,8 +81,8 @@ export function IncrementDecrement(__output) {
 export function MultipleEvents(__output) {
 	_$_.push_component();
 
-	let clicks = _$_.track(0);
-	let hovers = _$_.track(0);
+	let lazy_2 = _$_.track(0);
+	let lazy_3 = _$_.track(0);
 
 	__output.push('<div');
 	__output.push('>');
@@ -102,7 +102,7 @@ export function MultipleEvents(__output) {
 		__output.push('>');
 
 		{
-			__output.push(_$_.escape(_$_.get(clicks)));
+			__output.push(_$_.escape(_$_.get(lazy_2)));
 		}
 
 		__output.push('</span>');
@@ -111,7 +111,7 @@ export function MultipleEvents(__output) {
 		__output.push('>');
 
 		{
-			__output.push(_$_.escape(_$_.get(hovers)));
+			__output.push(_$_.escape(_$_.get(lazy_3)));
 		}
 
 		__output.push('</span>');
@@ -124,12 +124,12 @@ export function MultipleEvents(__output) {
 export function MultiStateUpdate(__output) {
 	_$_.push_component();
 
-	let count = _$_.track(0);
-	let lastAction = _$_.track('none');
+	let lazy_4 = _$_.track(0);
+	let lazy_5 = _$_.track('none');
 
 	const handleClick = () => {
-		_$_.update(count);
-		_$_.set(lastAction, 'increment');
+		_$_.update(lazy_4);
+		_$_.set(lazy_5, 'increment');
 	};
 
 	__output.push('<div');
@@ -150,7 +150,7 @@ export function MultiStateUpdate(__output) {
 		__output.push('>');
 
 		{
-			__output.push(_$_.escape(_$_.get(count)));
+			__output.push(_$_.escape(_$_.get(lazy_4)));
 		}
 
 		__output.push('</span>');
@@ -159,7 +159,7 @@ export function MultiStateUpdate(__output) {
 		__output.push('>');
 
 		{
-			__output.push(_$_.escape(_$_.get(lastAction)));
+			__output.push(_$_.escape(_$_.get(lazy_5)));
 		}
 
 		__output.push('</span>');
@@ -172,7 +172,7 @@ export function MultiStateUpdate(__output) {
 export function ToggleButton(__output) {
 	_$_.push_component();
 
-	let isOn = _$_.track(false);
+	let lazy_6 = _$_.track(false);
 
 	__output.push('<div');
 	__output.push('>');
@@ -183,7 +183,7 @@ export function ToggleButton(__output) {
 		__output.push('>');
 
 		{
-			__output.push(_$_.escape(_$_.get(isOn) ? 'ON' : 'OFF'));
+			__output.push(_$_.escape(_$_.get(lazy_6) ? 'ON' : 'OFF'));
 		}
 
 		__output.push('</button>');
@@ -210,7 +210,7 @@ export function ChildButton(__output, props) {
 export function ParentWithChildButton(__output) {
 	_$_.push_component();
 
-	let count = _$_.track(0);
+	let lazy_7 = _$_.track(0);
 
 	__output.push('<div');
 	__output.push('>');
@@ -223,7 +223,7 @@ export function ParentWithChildButton(__output) {
 				__output,
 				{
 					onClick: () => {
-						_$_.update(count);
+						_$_.update(lazy_7);
 					},
 					label: "Click me"
 				}
@@ -237,7 +237,7 @@ export function ParentWithChildButton(__output) {
 		__output.push('>');
 
 		{
-			__output.push(_$_.escape(_$_.get(count)));
+			__output.push(_$_.escape(_$_.get(lazy_7)));
 		}
 
 		__output.push('</span>');