ripple 0.3.25 → 0.3.26

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

@@ -109,7 +109,7 @@ export function KeyedForLoop() {
 export function ReactiveForLoopAdd() {
 	_$_.push_component();
 
-	let lazy = _$_.track(['A', 'B']);
+	let lazy = _$_.track(['A', 'B'], 'e145678a');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -153,7 +153,7 @@ export function ReactiveForLoopAdd() {
 export function ReactiveForLoopRemove() {
 	_$_.push_component();
 
-	let lazy_1 = _$_.track(['A', 'B', 'C']);
+	let lazy_1 = _$_.track(['A', 'B', 'C'], 'b4e9bd54');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -197,7 +197,7 @@ export function ReactiveForLoopRemove() {
 export function ForLoopInteractive() {
 	_$_.push_component();
 
-	let lazy_2 = _$_.track([0, 0, 0]);
+	let lazy_2 = _$_.track([0, 0, 0], '36f563df');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<div');
@@ -390,11 +390,14 @@ export function ForLoopComplexObjects() {
 export function KeyedForLoopReorder() {
 	_$_.push_component();
 
-	let lazy_3 = _$_.track([
-		{ id: 1, name: 'First' },
-		{ id: 2, name: 'Second' },
-		{ id: 3, name: 'Third' }
-	]);
+	let lazy_3 = _$_.track(
+		[
+			{ id: 1, name: 'First' },
+			{ id: 2, name: 'Second' },
+			{ id: 3, name: 'Third' }
+		],
+		'e7abc6a3'
+	);
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -439,7 +442,7 @@ export function KeyedForLoopReorder() {
 export function KeyedForLoopUpdate() {
 	_$_.push_component();
 
-	let lazy_4 = _$_.track([{ id: 1, name: 'Item 1' }, { id: 2, name: 'Item 2' }]);
+	let lazy_4 = _$_.track([{ id: 1, name: 'Item 1' }, { id: 2, name: 'Item 2' }], '7a2c2ada');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -484,7 +487,7 @@ export function KeyedForLoopUpdate() {
 export function ForLoopMixedOperations() {
 	_$_.push_component();
 
-	let lazy_5 = _$_.track(['A', 'B', 'C', 'D']);
+	let lazy_5 = _$_.track(['A', 'B', 'C', 'D'], '3dd7c7b6');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -529,8 +532,8 @@ export function ForLoopMixedOperations() {
 export function ForLoopInsideIf() {
 	_$_.push_component();
 
-	let lazy_6 = _$_.track(true);
-	let lazy_7 = _$_.track(['X', 'Y', 'Z']);
+	let lazy_6 = _$_.track(true, '0528df30');
+	let lazy_7 = _$_.track(['X', 'Y', 'Z'], 'bf375103');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -593,7 +596,7 @@ export function ForLoopInsideIf() {
 export function ForLoopEmptyToPopulated() {
 	_$_.push_component();
 
-	let lazy_8 = _$_.track([]);
+	let lazy_8 = _$_.track([], '525c5dbc');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -638,7 +641,7 @@ export function ForLoopEmptyToPopulated() {
 export function ForLoopPopulatedToEmpty() {
 	_$_.push_component();
 
-	let lazy_9 = _$_.track(['One', 'Two', 'Three']);
+	let lazy_9 = _$_.track(['One', 'Two', 'Three'], 'ee47f078');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -683,7 +686,7 @@ export function ForLoopPopulatedToEmpty() {
 export function NestedForLoopReactive() {
 	_$_.push_component();
 
-	let lazy_10 = _$_.track([[1, 2], [3, 4]]);
+	let lazy_10 = _$_.track([[1, 2], [3, 4]], 'a2f41fb3');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -863,7 +866,7 @@ export function ForLoopDeeplyNested() {
 export function ForLoopIndexUpdate() {
 	_$_.push_component();
 
-	let lazy_11 = _$_.track(['First', 'Second', 'Third']);
+	let lazy_11 = _$_.track(['First', 'Second', 'Third'], 'f61e31e6');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -911,11 +914,14 @@ export function ForLoopIndexUpdate() {
 export function KeyedForLoopWithIndex() {
 	_$_.push_component();
 
-	let lazy_12 = _$_.track([
-		{ id: 'a', value: 'Alpha' },
-		{ id: 'b', value: 'Beta' },
-		{ id: 'c', value: 'Gamma' }
-	]);
+	let lazy_12 = _$_.track(
+		[
+			{ id: 'a', value: 'Alpha' },
+			{ id: 'b', value: 'Beta' },
+			{ id: 'c', value: 'Gamma' }
+		],
+		'3467975a'
+	);
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -964,7 +970,7 @@ export function KeyedForLoopWithIndex() {
 export function ForLoopWithSiblings() {
 	_$_.push_component();
 
-	let lazy_13 = _$_.track(['A', 'B']);
+	let lazy_13 = _$_.track(['A', 'B'], '3c7e8152');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<div');
@@ -1062,7 +1068,7 @@ export function ForLoopItemState() {
 function TodoItem(props) {
 	_$_.push_component();
 
-	let lazy_14 = _$_.track(false);
+	let lazy_14 = _$_.track(false, '4f2402a4');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<div');
@@ -1128,7 +1134,7 @@ export function ForLoopSingleItem() {
 export function ForLoopAddAtBeginning() {
 	_$_.push_component();
 
-	let lazy_15 = _$_.track(['B', 'C']);
+	let lazy_15 = _$_.track(['B', 'C'], '1561403a');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -1173,7 +1179,7 @@ export function ForLoopAddAtBeginning() {
 export function ForLoopAddInMiddle() {
 	_$_.push_component();
 
-	let lazy_16 = _$_.track(['A', 'C']);
+	let lazy_16 = _$_.track(['A', 'C'], '1bc60b46');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -1218,7 +1224,7 @@ export function ForLoopAddInMiddle() {
 export function ForLoopRemoveFromMiddle() {
 	_$_.push_component();
 
-	let lazy_17 = _$_.track(['A', 'B', 'C']);
+	let lazy_17 = _$_.track(['A', 'B', 'C'], '1c87f95f');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -1300,7 +1306,7 @@ export function ForLoopLargeList() {
 export function ForLoopSwap() {
 	_$_.push_component();
 
-	let lazy_18 = _$_.track(['A', 'B', 'C', 'D']);
+	let lazy_18 = _$_.track(['A', 'B', 'C', 'D'], '5f8d152f');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -1345,7 +1351,7 @@ export function ForLoopSwap() {
 export function ForLoopReverse() {
 	_$_.push_component();
 
-	let lazy_19 = _$_.track(['A', 'B', 'C', 'D']);
+	let lazy_19 = _$_.track(['A', 'B', 'C', 'D'], '24602e64');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');

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

@@ -34,7 +34,7 @@ export function StaticTitle() {
 export function ReactiveTitle() {
 	_$_.push_component();
 
-	let lazy = _$_.track('Initial Title');
+	let lazy = _$_.track('Initial Title', 'cbca63e3');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<div');
@@ -107,7 +107,7 @@ export function MultipleHeadElements() {
 export function ReactiveMetaTags() {
 	_$_.push_component();
 
-	let lazy_1 = _$_.track('Initial description');
+	let lazy_1 = _$_.track('Initial description', '38bfa3b2');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<div');
@@ -141,7 +141,7 @@ export function ReactiveMetaTags() {
 export function TitleWithTemplate() {
 	_$_.push_component();
 
-	let lazy_2 = _$_.track('World');
+	let lazy_2 = _$_.track('World', 'f3925cd5');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<div');
@@ -199,8 +199,8 @@ export function EmptyTitle() {
 export function ConditionalTitle() {
 	_$_.push_component();
 
-	let lazy_3 = _$_.track(true);
-	let lazy_4 = _$_.track('Main Page');
+	let lazy_3 = _$_.track(true, 'ff71bf1f');
+	let lazy_4 = _$_.track('Main Page', '7cd7d671');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<div');
@@ -230,7 +230,7 @@ export function ConditionalTitle() {
 export function ComputedTitle() {
 	_$_.push_component();
 
-	let lazy_5 = _$_.track(0);
+	let lazy_5 = _$_.track(0, 'b6a48610');
 	let prefix = 'Count: ';
 
 	_$_.regular_block(() => {

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

@@ -41,7 +41,7 @@ export function Layout({ children }) {
 export function Content() {
 	_$_.push_component();
 
-	let lazy = _$_.track(true);
+	let lazy = _$_.track(true, '0bdb1500');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<div');

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

@@ -907,7 +907,7 @@ function NavItem({ href, text: label, active = false }) {
 function SidebarSection({ title, children }) {
 	_$_.push_component();
 
-	let lazy = _$_.track(true);
+	let lazy = _$_.track(true, '6ac6906f');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<section');

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

@@ -6,7 +6,7 @@ import { track } from 'ripple/server';
 export function IfWithChildren({ children }) {
 	_$_.push_component();
 
-	let lazy = _$_.track(true);
+	let lazy = _$_.track(true, 'c64714b1');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<div');
@@ -106,7 +106,7 @@ export function TestIfWithChildren() {
 export function IfWithStaticChildren() {
 	_$_.push_component();
 
-	let lazy_1 = _$_.track(true);
+	let lazy_1 = _$_.track(true, '3bba8f77');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<div');
@@ -165,7 +165,7 @@ export function IfWithStaticChildren() {
 export function IfWithSiblingsAndChildren({ children }) {
 	_$_.push_component();
 
-	let lazy_2 = _$_.track(true);
+	let lazy_2 = _$_.track(true, 'a1b8fb4c');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<section');
@@ -282,7 +282,7 @@ export function TestIfWithSiblingsAndChildren() {
 export function ElementWithChildrenThenIf() {
 	_$_.push_component();
 
-	let lazy_3 = _$_.track(true);
+	let lazy_3 = _$_.track(true, '7cd4817b');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<div');
@@ -353,7 +353,7 @@ export function ElementWithChildrenThenIf() {
 export function DeepNestingThenIf() {
 	_$_.push_component();
 
-	let lazy_4 = _$_.track(true);
+	let lazy_4 = _$_.track(true, '923116be');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<section');
@@ -439,7 +439,7 @@ export function DeepNestingThenIf() {
 export function DomElementChildrenThenSibling() {
 	_$_.push_component();
 
-	let lazy_5 = _$_.track('code');
+	let lazy_5 = _$_.track('code', '33a1e97f');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<div');
@@ -519,7 +519,7 @@ export function DomElementChildrenThenSibling() {
 export function DomChildrenThenStaticSiblings() {
 	_$_.push_component();
 
-	let lazy_6 = _$_.track(0);
+	let lazy_6 = _$_.track(0, '0ea64305');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<div');

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

@@ -94,7 +94,7 @@ export function IfElse() {
 export function ReactiveIf() {
 	_$_.push_component();
 
-	let lazy = _$_.track(true);
+	let lazy = _$_.track(true, '19a16ff0');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -132,7 +132,7 @@ export function ReactiveIf() {
 export function ReactiveIfElse() {
 	_$_.push_component();
 
-	let lazy_1 = _$_.track(false);
+	let lazy_1 = _$_.track(false, '41177f39');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -180,8 +180,8 @@ export function ReactiveIfElse() {
 export function NestedIf() {
 	_$_.push_component();
 
-	let lazy_2 = _$_.track(true);
-	let lazy_3 = _$_.track(true);
+	let lazy_2 = _$_.track(true, '7894e1df');
+	let lazy_3 = _$_.track(true, 'f21b8c26');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -246,7 +246,7 @@ export function NestedIf() {
 export function IfElseIfChain() {
 	_$_.push_component();
 
-	let lazy_4 = _$_.track('loading');
+	let lazy_4 = _$_.track('loading', '4c69c94a');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<div');

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

@@ -109,9 +109,9 @@ export function MixedControlFlowStatic() {
 export function MixedControlFlowReactive() {
 	_$_.push_component();
 
-	let lazy = _$_.track(true);
-	let lazy_1 = _$_.track('a');
-	let lazy_2 = _$_.track([{ id: 1, label: 'One' }, { id: 2, label: 'Two' }]);
+	let lazy = _$_.track(true, '5ae53d26');
+	let lazy_1 = _$_.track('a', '5b53eda2');
+	let lazy_2 = _$_.track([{ id: 1, label: 'One' }, { id: 2, label: 'Two' }], '7890dad6');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -327,7 +327,7 @@ export function MixedControlFlowAsyncPending() {
 function AsyncRow({ label }) {
 	_$_.push_component();
 
-	let lazy_3 = _$_.track_async(() => Promise.resolve(label));
+	let lazy_3 = _$_.track_async(() => Promise.resolve(label), '10cc79a0');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<div');

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

@@ -58,7 +58,7 @@ export function SimplePortal() {
 export function ConditionalPortal() {
 	_$_.push_component();
 
-	let lazy = _$_.track(true);
+	let lazy = _$_.track(true, '4f6df174');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<div');

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

@@ -6,7 +6,7 @@ import { track } from 'ripple/server';
 export function TrackedState() {
 	_$_.push_component();
 
-	let lazy = _$_.track(0);
+	let lazy = _$_.track(0, 'c1818584');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<div');
@@ -26,7 +26,7 @@ export function TrackedState() {
 export function CounterWithInitial(props) {
 	_$_.push_component();
 
-	let lazy_1 = _$_.track(props.initial);
+	let lazy_1 = _$_.track(props.initial, '03ea4348');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<div');
@@ -68,8 +68,8 @@ export function CounterWrapper() {
 export function ComputedValues() {
 	_$_.push_component();
 
-	let lazy_2 = _$_.track(2);
-	let lazy_3 = _$_.track(3);
+	let lazy_2 = _$_.track(2, 'b78281db');
+	let lazy_3 = _$_.track(3, 'a0cf6c6d');
 	const sum = () => _$_.get(lazy_2) + _$_.get(lazy_3);
 
 	_$_.regular_block(() => {
@@ -90,9 +90,9 @@ export function ComputedValues() {
 export function MultipleTracked() {
 	_$_.push_component();
 
-	let lazy_4 = _$_.track(10);
-	let lazy_5 = _$_.track(20);
-	let lazy_6 = _$_.track(30);
+	let lazy_4 = _$_.track(10, '843522de');
+	let lazy_5 = _$_.track(20, '1308996d');
+	let lazy_6 = _$_.track(30, '048c3fd0');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<div');
@@ -136,8 +136,8 @@ export function MultipleTracked() {
 export function DerivedState() {
 	_$_.push_component();
 
-	let lazy_7 = _$_.track('John');
-	let lazy_8 = _$_.track('Doe');
+	let lazy_7 = _$_.track('John', '6015eeca');
+	let lazy_8 = _$_.track('Doe', '4fa9a20e');
 	const fullName = () => `${_$_.get(lazy_7)} ${_$_.get(lazy_8)}`;
 
 	_$_.regular_block(() => {

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

@@ -1155,7 +1155,7 @@ export function ReactiveReturnTrueToFalse() {
 	_$_.push_component();
 
 	var __r_28 = false;
-	let lazy = _$_.track(true);
+	let lazy = _$_.track(true, '58730cee');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -1213,7 +1213,7 @@ export function ReactiveReturnFalseToTrue() {
 	_$_.push_component();
 
 	var __r_29 = false;
-	let lazy_1 = _$_.track(false);
+	let lazy_1 = _$_.track(false, '7fc6e96b');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -1272,7 +1272,7 @@ export function ReactiveNestedReturn() {
 
 	var __r_30 = false;
 	let a = true;
-	let lazy_2 = _$_.track(true);
+	let lazy_2 = _$_.track(true, '385f771e');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -1700,7 +1700,7 @@ export function ReactiveSiblingReturns() {
 
 	var __r_38 = false;
 	var __r_39 = false;
-	let lazy_3 = _$_.track('first');
+	let lazy_3 = _$_.track('first', '5aea90b8');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -1783,8 +1783,8 @@ export function ReactiveOuterInnerReturns() {
 	_$_.push_component();
 
 	var __r_40 = false;
-	let lazy_4 = _$_.track(true);
-	let lazy_5 = _$_.track(true);
+	let lazy_4 = _$_.track(true, '60b3ed78');
+	let lazy_5 = _$_.track(true, '76f23362');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -1870,7 +1870,7 @@ export function ReactiveElseIfReturns() {
 
 	var __r_41 = false;
 	var __r_42 = false;
-	let lazy_6 = _$_.track(0);
+	let lazy_6 = _$_.track(0, '820ab671');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -1957,10 +1957,10 @@ export function ReactiveDeepNestedIndependentReturns() {
 	var __r_44 = false;
 	var __r_45 = false;
 	var __r_46 = false;
-	let lazy_7 = _$_.track(false);
-	let lazy_8 = _$_.track(false);
-	let lazy_9 = _$_.track(false);
-	let lazy_10 = _$_.track(false);
+	let lazy_7 = _$_.track(false, '0222c312');
+	let lazy_8 = _$_.track(false, '7b13a4fb');
+	let lazy_9 = _$_.track(false, '405b5bb5');
+	let lazy_10 = _$_.track(false, 'f8de97e9');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');

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

@@ -51,7 +51,7 @@ export function SwitchStatic() {
 export function SwitchReactive() {
 	_$_.push_component();
 
-	let lazy = _$_.track('a');
+	let lazy = _$_.track('a', '9b34d955');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -145,7 +145,7 @@ export function SwitchFallthrough() {
 export function SwitchNumericLevels() {
 	_$_.push_component();
 
-	let lazy_1 = _$_.track(1);
+	let lazy_1 = _$_.track(1, '7581a7ab');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -203,7 +203,7 @@ export function SwitchNumericLevels() {
 export function SwitchBlockScoped() {
 	_$_.push_component();
 
-	let lazy_2 = _$_.track(1);
+	let lazy_2 = _$_.track(1, 'ca9f9852');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');
@@ -261,7 +261,7 @@ export function SwitchBlockScoped() {
 export function SwitchNoBreak() {
 	_$_.push_component();
 
-	let lazy_3 = _$_.track(1);
+	let lazy_3 = _$_.track(1, '6b7cb0ea');
 
 	_$_.regular_block(() => {
 		_$_.output_push('<button');