ripple 0.3.89 → 0.3.91

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

@@ -14,11 +14,11 @@ import { Portal, track } from 'ripple';
 
 export function SimplePortal() {
 	return _$_.tsrx_element((__anchor, __block) => {
-		var div_1 = root();
+		var div = root();
 
 		{
-			var h1_1 = _$_.child(div_1);
-			var node = _$_.sibling(h1_1);
+			var h1 = _$_.child(div);
+			var node = _$_.sibling(h1);
 
 			_$_.render_component(Portal, node, {
 				get target() {
@@ -26,30 +26,30 @@ export function SimplePortal() {
 				},
 
 				children: _$_.tsrx_element((__anchor, __block) => {
-					var div_2 = root_1();
+					var div_1 = root_1();
 
-					_$_.append(__anchor, div_2);
+					_$_.append(__anchor, div_1);
 				})
 			});
 
-			_$_.pop(div_1);
+			_$_.pop(div);
 		}
 
-		_$_.append(__anchor, div_1);
+		_$_.append(__anchor, div);
 	});
 }
 
 export function ConditionalPortal() {
 	return _$_.tsrx_element((__anchor, __block) => {
 		let lazy = _$_.track(true, __block, '4f6df174');
-		var div_3 = root_2();
+		var div_2 = root_2();
 
 		{
-			var button_1 = _$_.child(div_3);
+			var button = _$_.child(div_2);
 
-			button_1.__click = () => _$_.set(lazy, !lazy.value);
+			button.__click = () => _$_.set(lazy, !lazy.value);
 
-			var node_1 = _$_.sibling(button_1);
+			var node_1 = _$_.sibling(button);
 
 			{
 				var consequent = (__anchor) => {
@@ -59,9 +59,9 @@ export function ConditionalPortal() {
 						},
 
 						children: _$_.tsrx_element((__anchor, __block) => {
-							var div_4 = root_3();
+							var div_3 = root_3();
 
-							_$_.append(__anchor, div_4);
+							_$_.append(__anchor, div_3);
 						})
 					});
 				};
@@ -71,20 +71,20 @@ export function ConditionalPortal() {
 				});
 			}
 
-			_$_.pop(div_3);
+			_$_.pop(div_2);
 		}
 
-		_$_.append(__anchor, div_3);
+		_$_.append(__anchor, div_2);
 	});
 }
 
 export function PortalWithMainContent() {
 	return _$_.tsrx_element((__anchor, __block) => {
-		var div_5 = root_4();
+		var div_4 = root_4();
 
 		{
-			var div_6 = _$_.child(div_5);
-			var node_2 = _$_.sibling(div_6);
+			var div_5 = _$_.child(div_4);
+			var node_2 = _$_.sibling(div_5);
 
 			_$_.render_component(Portal, node_2, {
 				get target() {
@@ -92,29 +92,29 @@ export function PortalWithMainContent() {
 				},
 
 				children: _$_.tsrx_element((__anchor, __block) => {
-					var div_7 = root_5();
+					var div_6 = root_5();
 
-					_$_.append(__anchor, div_7);
+					_$_.append(__anchor, div_6);
 				})
 			});
 
-			_$_.pop(div_5);
+			_$_.pop(div_4);
 		}
 
-		_$_.append(__anchor, div_5);
+		_$_.append(__anchor, div_4);
 	});
 }
 
 export function NestedContentWithPortal() {
 	return _$_.tsrx_element((__anchor, __block) => {
-		var div_8 = root_6();
+		var div_7 = root_6();
 
 		{
-			var div_9 = _$_.child(div_8);
+			var div_8 = _$_.child(div_7);
 
-			_$_.pop(div_9);
+			_$_.pop(div_8);
 
-			var node_3 = _$_.sibling(div_9);
+			var node_3 = _$_.sibling(div_8);
 
 			_$_.render_component(Portal, node_3, {
 				get target() {
@@ -122,16 +122,16 @@ export function NestedContentWithPortal() {
 				},
 
 				children: _$_.tsrx_element((__anchor, __block) => {
-					var div_10 = root_7();
+					var div_9 = root_7();
 
-					_$_.append(__anchor, div_10);
+					_$_.append(__anchor, div_9);
 				})
 			});
 
-			_$_.pop(div_8);
+			_$_.pop(div_7);
 		}
 
-		_$_.append(__anchor, div_8);
+		_$_.append(__anchor, div_7);
 	});
 }
 

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

@@ -12,36 +12,36 @@ import { track } from 'ripple';
 export function TrackedState() {
 	return _$_.tsrx_element((__anchor, __block) => {
 		let lazy = _$_.track(0, __block, 'c1818584');
-		var div_1 = root();
+		var div = root();
 
 		{
-			var expression = _$_.child(div_1);
+			var expression = _$_.child(div);
 
 			_$_.expression(expression, () => lazy.value);
-			_$_.pop(div_1);
+			_$_.pop(div);
 		}
 
-		_$_.append(__anchor, div_1);
+		_$_.append(__anchor, div);
 	});
 }
 
 export function CounterWithInitial(props) {
 	return _$_.tsrx_element((__anchor, __block) => {
 		let lazy_1 = _$_.track(props.initial, __block, '03ea4348');
-		var div_2 = root_1();
+		var div_1 = root_1();
 
 		{
-			var span_1 = _$_.child(div_2);
+			var span = _$_.child(div_1);
 
 			{
-				var expression_1 = _$_.child(span_1);
+				var expression_1 = _$_.child(span);
 
 				_$_.expression(expression_1, () => lazy_1.value);
-				_$_.pop(span_1);
+				_$_.pop(span);
 			}
 		}
 
-		_$_.append(__anchor, div_2);
+		_$_.append(__anchor, div_1);
 	});
 }
 
@@ -56,16 +56,16 @@ export function ComputedValues() {
 		let lazy_2 = _$_.track(2, __block, 'b78281db');
 		let lazy_3 = _$_.track(3, __block, 'a0cf6c6d');
 		const sum = () => lazy_2.value + lazy_3.value;
-		var div_3 = root_2();
+		var div_2 = root_2();
 
 		{
-			var expression_2 = _$_.child(div_3);
+			var expression_2 = _$_.child(div_2);
 
 			_$_.expression(expression_2, sum);
-			_$_.pop(div_3);
+			_$_.pop(div_2);
 		}
 
-		_$_.append(__anchor, div_3);
+		_$_.append(__anchor, div_2);
 	});
 }
 
@@ -74,38 +74,38 @@ export function MultipleTracked() {
 		let lazy_4 = _$_.track(10, __block, '843522de');
 		let lazy_5 = _$_.track(20, __block, '1308996d');
 		let lazy_6 = _$_.track(30, __block, '048c3fd0');
-		var div_4 = root_3();
+		var div_3 = root_3();
 
 		{
-			var div_5 = _$_.child(div_4);
+			var div_4 = _$_.child(div_3);
 
 			{
-				var expression_3 = _$_.child(div_5);
+				var expression_3 = _$_.child(div_4);
 
 				_$_.expression(expression_3, () => lazy_4.value);
-				_$_.pop(div_5);
+				_$_.pop(div_4);
 			}
 
-			var div_6 = _$_.sibling(div_5);
+			var div_5 = _$_.sibling(div_4);
 
 			{
-				var expression_4 = _$_.child(div_6);
+				var expression_4 = _$_.child(div_5);
 
 				_$_.expression(expression_4, () => lazy_5.value);
-				_$_.pop(div_6);
+				_$_.pop(div_5);
 			}
 
-			var div_7 = _$_.sibling(div_6);
+			var div_6 = _$_.sibling(div_5);
 
 			{
-				var expression_5 = _$_.child(div_7);
+				var expression_5 = _$_.child(div_6);
 
 				_$_.expression(expression_5, () => lazy_6.value);
-				_$_.pop(div_7);
+				_$_.pop(div_6);
 			}
 		}
 
-		_$_.append(__anchor, div_4);
+		_$_.append(__anchor, div_3);
 	});
 }
 
@@ -114,15 +114,15 @@ export function DerivedState() {
 		let lazy_7 = _$_.track('John', __block, '6015eeca');
 		let lazy_8 = _$_.track('Doe', __block, '4fa9a20e');
 		const fullName = () => `${lazy_7.value} ${lazy_8.value}`;
-		var div_8 = root_4();
+		var div_7 = root_4();
 
 		{
-			var expression_6 = _$_.child(div_8);
+			var expression_6 = _$_.child(div_7);
 
 			_$_.expression(expression_6, fullName);
-			_$_.pop(div_8);
+			_$_.pop(div_7);
 		}
 
-		_$_.append(__anchor, div_8);
+		_$_.append(__anchor, div_7);
 	});
 }

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

@@ -35,21 +35,21 @@ export function SwitchStatic() {
 
 		{
 			var switch_case_0 = (__anchor) => {
-				var div_1 = root();
+				var div = root();
 
-				_$_.append(__anchor, div_1);
+				_$_.append(__anchor, div);
 			};
 
 			var switch_case_1 = (__anchor) => {
-				var div_2 = root_1();
+				var div_1 = root_1();
 
-				_$_.append(__anchor, div_2);
+				_$_.append(__anchor, div_1);
 			};
 
 			var switch_case_default = (__anchor) => {
-				var div_3 = root_2();
+				var div_2 = root_2();
 
-				_$_.append(__anchor, div_3);
+				_$_.append(__anchor, div_2);
 			};
 
 			_$_.switch(
@@ -85,31 +85,31 @@ export function SwitchReactive() {
 
 		_$_.expression(node_1, () => _$_.tsrx_element((__anchor, __block) => {
 			var fragment_1 = root_4();
-			var button_1 = _$_.first_child_frag(fragment_1);
+			var button = _$_.first_child_frag(fragment_1);
 
-			button_1.__click = () => {
+			button.__click = () => {
 				if (lazy.value === 'a') _$_.set(lazy, 'b'); else if (lazy.value === 'b') _$_.set(lazy, 'c'); else _$_.set(lazy, 'a');
 			};
 
-			var node = _$_.sibling(button_1);
+			var node = _$_.sibling(button);
 
 			{
 				var switch_case_0_1 = (__anchor) => {
-					var div_4 = root_5();
+					var div_3 = root_5();
 
-					_$_.append(__anchor, div_4);
+					_$_.append(__anchor, div_3);
 				};
 
 				var switch_case_1_1 = (__anchor) => {
-					var div_5 = root_6();
+					var div_4 = root_6();
 
-					_$_.append(__anchor, div_5);
+					_$_.append(__anchor, div_4);
 				};
 
 				var switch_case_default_1 = (__anchor) => {
-					var div_6 = root_7();
+					var div_5 = root_7();
 
-					_$_.append(__anchor, div_6);
+					_$_.append(__anchor, div_5);
 				};
 
 				_$_.switch(node, () => {
@@ -144,15 +144,15 @@ export function SwitchFallthrough() {
 
 		{
 			var switch_case_0_2 = (__anchor) => {
-				var div_7 = root_8();
+				var div_6 = root_8();
 
-				_$_.append(__anchor, div_7);
+				_$_.append(__anchor, div_6);
 			};
 
 			var switch_case_default_2 = (__anchor) => {
-				var div_8 = root_9();
+				var div_7 = root_9();
 
-				_$_.append(__anchor, div_8);
+				_$_.append(__anchor, div_7);
 			};
 
 			_$_.switch(
@@ -187,31 +187,31 @@ export function SwitchNumericLevels() {
 
 		_$_.expression(node_3, () => _$_.tsrx_element((__anchor, __block) => {
 			var fragment_3 = root_11();
-			var button_2 = _$_.first_child_frag(fragment_3);
+			var button_1 = _$_.first_child_frag(fragment_3);
 
-			button_2.__click = () => {
+			button_1.__click = () => {
 				if (lazy_1.value === 1) _$_.set(lazy_1, 2); else if (lazy_1.value === 2) _$_.set(lazy_1, 3); else _$_.set(lazy_1, 1);
 			};
 
-			var node_2 = _$_.sibling(button_2);
+			var node_2 = _$_.sibling(button_1);
 
 			{
 				var switch_case_0_3 = (__anchor) => {
-					var div_9 = root_12();
+					var div_8 = root_12();
 
-					_$_.append(__anchor, div_9);
+					_$_.append(__anchor, div_8);
 				};
 
 				var switch_case_1_2 = (__anchor) => {
-					var div_10 = root_13();
+					var div_9 = root_13();
 
-					_$_.append(__anchor, div_10);
+					_$_.append(__anchor, div_9);
 				};
 
 				var switch_case_2 = (__anchor) => {
-					var div_11 = root_14();
+					var div_10 = root_14();
 
-					_$_.append(__anchor, div_11);
+					_$_.append(__anchor, div_10);
 				};
 
 				_$_.switch(node_2, () => {
@@ -248,31 +248,31 @@ export function SwitchBlockScoped() {
 
 		_$_.expression(node_5, () => _$_.tsrx_element((__anchor, __block) => {
 			var fragment_5 = root_16();
-			var button_3 = _$_.first_child_frag(fragment_5);
+			var button_2 = _$_.first_child_frag(fragment_5);
 
-			button_3.__click = () => {
+			button_2.__click = () => {
 				if (lazy_2.value === 1) _$_.set(lazy_2, 2); else if (lazy_2.value === 2) _$_.set(lazy_2, 3); else _$_.set(lazy_2, 1);
 			};
 
-			var node_4 = _$_.sibling(button_3);
+			var node_4 = _$_.sibling(button_2);
 
 			{
 				var switch_case_0_4 = (__anchor) => {
-					var div_12 = root_17();
+					var div_11 = root_17();
 
-					_$_.append(__anchor, div_12);
+					_$_.append(__anchor, div_11);
 				};
 
 				var switch_case_1_3 = (__anchor) => {
-					var div_13 = root_18();
+					var div_12 = root_18();
 
-					_$_.append(__anchor, div_13);
+					_$_.append(__anchor, div_12);
 				};
 
 				var switch_case_2_1 = (__anchor) => {
-					var div_14 = root_19();
+					var div_13 = root_19();
 
-					_$_.append(__anchor, div_14);
+					_$_.append(__anchor, div_13);
 				};
 
 				_$_.switch(node_4, () => {
@@ -309,31 +309,31 @@ export function SwitchNoBreak() {
 
 		_$_.expression(node_7, () => _$_.tsrx_element((__anchor, __block) => {
 			var fragment_7 = root_21();
-			var button_4 = _$_.first_child_frag(fragment_7);
+			var button_3 = _$_.first_child_frag(fragment_7);
 
-			button_4.__click = () => {
+			button_3.__click = () => {
 				if (lazy_3.value === 1) _$_.set(lazy_3, 2); else if (lazy_3.value === 2) _$_.set(lazy_3, 3); else _$_.set(lazy_3, 1);
 			};
 
-			var node_6 = _$_.sibling(button_4);
+			var node_6 = _$_.sibling(button_3);
 
 			{
 				var switch_case_0_5 = (__anchor) => {
-					var div_15 = root_22();
+					var div_14 = root_22();
 
-					_$_.append(__anchor, div_15);
+					_$_.append(__anchor, div_14);
 				};
 
 				var switch_case_1_4 = (__anchor) => {
-					var div_16 = root_23();
+					var div_15 = root_23();
 
-					_$_.append(__anchor, div_16);
+					_$_.append(__anchor, div_15);
 				};
 
 				var switch_case_2_2 = (__anchor) => {
-					var div_17 = root_24();
+					var div_16 = root_24();
 
-					_$_.append(__anchor, div_17);
+					_$_.append(__anchor, div_16);
 				};
 
 				_$_.switch(node_6, () => {