ripple 0.3.7 → 0.3.8

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

@@ -100,7 +100,7 @@ export function KeyedForLoop(__output) {
 export function ReactiveForLoopAdd(__output) {
 	_$_.push_component();
 
-	let items = _$_.track(['A', 'B']);
+	let lazy = _$_.track(['A', 'B']);
 
 	__output.push('<button');
 	__output.push(' class="add"');
@@ -117,7 +117,7 @@ export function ReactiveForLoopAdd(__output) {
 	{
 		__output.push('<!--[-->');
 
-		for (const item of _$_.get(items)) {
+		for (const item of _$_.get(lazy)) {
 			__output.push('<li');
 			__output.push('>');
 
@@ -138,7 +138,7 @@ export function ReactiveForLoopAdd(__output) {
 export function ReactiveForLoopRemove(__output) {
 	_$_.push_component();
 
-	let items = _$_.track(['A', 'B', 'C']);
+	let lazy_1 = _$_.track(['A', 'B', 'C']);
 
 	__output.push('<button');
 	__output.push(' class="remove"');
@@ -155,7 +155,7 @@ export function ReactiveForLoopRemove(__output) {
 	{
 		__output.push('<!--[-->');
 
-		for (const item of _$_.get(items)) {
+		for (const item of _$_.get(lazy_1)) {
 			__output.push('<li');
 			__output.push('>');
 
@@ -176,7 +176,7 @@ export function ReactiveForLoopRemove(__output) {
 export function ForLoopInteractive(__output) {
 	_$_.push_component();
 
-	let counts = _$_.track([0, 0, 0]);
+	let lazy_2 = _$_.track([0, 0, 0]);
 
 	__output.push('<div');
 	__output.push('>');
@@ -186,7 +186,7 @@ export function ForLoopInteractive(__output) {
 
 		var i = 0;
 
-		for (const count of _$_.get(counts)) {
+		for (const count of _$_.get(lazy_2)) {
 			__output.push('<div');
 			__output.push(_$_.attr('class', `item-${i}`));
 			__output.push('>');
@@ -357,7 +357,7 @@ export function ForLoopComplexObjects(__output) {
 export function KeyedForLoopReorder(__output) {
 	_$_.push_component();
 
-	let items = _$_.track([
+	let lazy_3 = _$_.track([
 		{ id: 1, name: 'First' },
 		{ id: 2, name: 'Second' },
 		{ id: 3, name: 'Third' }
@@ -378,7 +378,7 @@ export function KeyedForLoopReorder(__output) {
 	{
 		__output.push('<!--[-->');
 
-		for (const item of _$_.get(items)) {
+		for (const item of _$_.get(lazy_3)) {
 			__output.push('<li');
 			__output.push(_$_.attr('class', `item-${item.id}`));
 			__output.push('>');
@@ -400,7 +400,7 @@ export function KeyedForLoopReorder(__output) {
 export function KeyedForLoopUpdate(__output) {
 	_$_.push_component();
 
-	let items = _$_.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' }]);
 
 	__output.push('<button');
 	__output.push(' class="update"');
@@ -417,7 +417,7 @@ export function KeyedForLoopUpdate(__output) {
 	{
 		__output.push('<!--[-->');
 
-		for (const item of _$_.get(items)) {
+		for (const item of _$_.get(lazy_4)) {
 			__output.push('<li');
 			__output.push(_$_.attr('class', `item-${item.id}`));
 			__output.push('>');
@@ -439,7 +439,7 @@ export function KeyedForLoopUpdate(__output) {
 export function ForLoopMixedOperations(__output) {
 	_$_.push_component();
 
-	let items = _$_.track(['A', 'B', 'C', 'D']);
+	let lazy_5 = _$_.track(['A', 'B', 'C', 'D']);
 
 	__output.push('<button');
 	__output.push(' class="shuffle"');
@@ -456,7 +456,7 @@ export function ForLoopMixedOperations(__output) {
 	{
 		__output.push('<!--[-->');
 
-		for (const item of _$_.get(items)) {
+		for (const item of _$_.get(lazy_5)) {
 			__output.push('<li');
 			__output.push(_$_.attr('class', `item-${item}`));
 			__output.push('>');
@@ -478,8 +478,8 @@ export function ForLoopMixedOperations(__output) {
 export function ForLoopInsideIf(__output) {
 	_$_.push_component();
 
-	let showList = _$_.track(true);
-	let items = _$_.track(['X', 'Y', 'Z']);
+	let lazy_6 = _$_.track(true);
+	let lazy_7 = _$_.track(['X', 'Y', 'Z']);
 
 	__output.push('<button');
 	__output.push(' class="toggle"');
@@ -501,7 +501,7 @@ export function ForLoopInsideIf(__output) {
 	__output.push('</button>');
 	__output.push('<!--[-->');
 
-	if (_$_.get(showList)) {
+	if (_$_.get(lazy_6)) {
 		__output.push('<ul');
 		__output.push(' class="list"');
 		__output.push('>');
@@ -509,7 +509,7 @@ export function ForLoopInsideIf(__output) {
 		{
 			__output.push('<!--[-->');
 
-			for (const item of _$_.get(items)) {
+			for (const item of _$_.get(lazy_7)) {
 				__output.push('<li');
 				__output.push('>');
 
@@ -533,7 +533,7 @@ export function ForLoopInsideIf(__output) {
 export function ForLoopEmptyToPopulated(__output) {
 	_$_.push_component();
 
-	let items = _$_.track([]);
+	let lazy_8 = _$_.track([]);
 
 	__output.push('<button');
 	__output.push(' class="populate"');
@@ -551,7 +551,7 @@ export function ForLoopEmptyToPopulated(__output) {
 	{
 		__output.push('<!--[-->');
 
-		for (const item of _$_.get(items)) {
+		for (const item of _$_.get(lazy_8)) {
 			__output.push('<li');
 			__output.push('>');
 
@@ -572,7 +572,7 @@ export function ForLoopEmptyToPopulated(__output) {
 export function ForLoopPopulatedToEmpty(__output) {
 	_$_.push_component();
 
-	let items = _$_.track(['One', 'Two', 'Three']);
+	let lazy_9 = _$_.track(['One', 'Two', 'Three']);
 
 	__output.push('<button');
 	__output.push(' class="clear"');
@@ -590,7 +590,7 @@ export function ForLoopPopulatedToEmpty(__output) {
 	{
 		__output.push('<!--[-->');
 
-		for (const item of _$_.get(items)) {
+		for (const item of _$_.get(lazy_9)) {
 			__output.push('<li');
 			__output.push('>');
 
@@ -611,7 +611,7 @@ export function ForLoopPopulatedToEmpty(__output) {
 export function NestedForLoopReactive(__output) {
 	_$_.push_component();
 
-	let grid = _$_.track([[1, 2], [3, 4]]);
+	let lazy_10 = _$_.track([[1, 2], [3, 4]]);
 
 	__output.push('<button');
 	__output.push(' class="add-row"');
@@ -640,7 +640,7 @@ export function NestedForLoopReactive(__output) {
 
 		var rowIndex = 0;
 
-		for (const row of _$_.get(grid)) {
+		for (const row of _$_.get(lazy_10)) {
 			__output.push('<div');
 			__output.push(_$_.attr('class', `row-${rowIndex}`));
 			__output.push('>');
@@ -779,7 +779,7 @@ export function ForLoopDeeplyNested(__output) {
 export function ForLoopIndexUpdate(__output) {
 	_$_.push_component();
 
-	let items = _$_.track(['First', 'Second', 'Third']);
+	let lazy_11 = _$_.track(['First', 'Second', 'Third']);
 
 	__output.push('<button');
 	__output.push(' class="prepend"');
@@ -798,7 +798,7 @@ export function ForLoopIndexUpdate(__output) {
 
 		var i = 0;
 
-		for (const item of _$_.get(items)) {
+		for (const item of _$_.get(lazy_11)) {
 			__output.push('<li');
 			__output.push(_$_.attr('class', `item-${i}`));
 			__output.push('>');
@@ -821,7 +821,7 @@ export function ForLoopIndexUpdate(__output) {
 export function KeyedForLoopWithIndex(__output) {
 	_$_.push_component();
 
-	let items = _$_.track([
+	let lazy_12 = _$_.track([
 		{ id: 'a', value: 'Alpha' },
 		{ id: 'b', value: 'Beta' },
 		{ id: 'c', value: 'Gamma' }
@@ -844,7 +844,7 @@ export function KeyedForLoopWithIndex(__output) {
 
 		var i = 0;
 
-		for (const item of _$_.get(items)) {
+		for (const item of _$_.get(lazy_12)) {
 			__output.push('<li');
 			__output.push(_$_.attr('data-index', i, false));
 			__output.push(_$_.attr('class', `item-${item.id}`));
@@ -868,7 +868,7 @@ export function KeyedForLoopWithIndex(__output) {
 export function ForLoopWithSiblings(__output) {
 	_$_.push_component();
 
-	let items = _$_.track(['A', 'B']);
+	let lazy_13 = _$_.track(['A', 'B']);
 
 	__output.push('<div');
 	__output.push(' class="wrapper"');
@@ -886,7 +886,7 @@ export function ForLoopWithSiblings(__output) {
 		__output.push('</header>');
 		__output.push('<!--[-->');
 
-		for (const item of _$_.get(items)) {
+		for (const item of _$_.get(lazy_13)) {
 			__output.push('<div');
 			__output.push(_$_.attr('class', `item-${item}`));
 			__output.push('>');
@@ -957,7 +957,7 @@ export function ForLoopItemState(__output) {
 function TodoItem(__output, props) {
 	_$_.push_component();
 
-	let done = _$_.track(false);
+	let lazy_14 = _$_.track(false);
 
 	__output.push('<div');
 	__output.push(_$_.attr('class', `todo-${props.id}`));
@@ -966,11 +966,11 @@ function TodoItem(__output, props) {
 	{
 		__output.push('<input');
 		__output.push(' type="checkbox"');
-		__output.push(_$_.attr('checked', _$_.get(done), true));
+		__output.push(_$_.attr('checked', _$_.get(lazy_14), true));
 		__output.push(' class="checkbox"');
 		__output.push(' />');
 		__output.push('<span');
-		__output.push(_$_.attr('class', _$_.get(done) ? 'completed' : 'pending'));
+		__output.push(_$_.attr('class', _$_.get(lazy_14) ? 'completed' : 'pending'));
 		__output.push('>');
 
 		{
@@ -1017,7 +1017,7 @@ export function ForLoopSingleItem(__output) {
 export function ForLoopAddAtBeginning(__output) {
 	_$_.push_component();
 
-	let items = _$_.track(['B', 'C']);
+	let lazy_15 = _$_.track(['B', 'C']);
 
 	__output.push('<button');
 	__output.push(' class="prepend"');
@@ -1034,7 +1034,7 @@ export function ForLoopAddAtBeginning(__output) {
 	{
 		__output.push('<!--[-->');
 
-		for (const item of _$_.get(items)) {
+		for (const item of _$_.get(lazy_15)) {
 			__output.push('<li');
 			__output.push(_$_.attr('class', `item-${item}`));
 			__output.push('>');
@@ -1056,7 +1056,7 @@ export function ForLoopAddAtBeginning(__output) {
 export function ForLoopAddInMiddle(__output) {
 	_$_.push_component();
 
-	let items = _$_.track(['A', 'C']);
+	let lazy_16 = _$_.track(['A', 'C']);
 
 	__output.push('<button');
 	__output.push(' class="insert"');
@@ -1073,7 +1073,7 @@ export function ForLoopAddInMiddle(__output) {
 	{
 		__output.push('<!--[-->');
 
-		for (const item of _$_.get(items)) {
+		for (const item of _$_.get(lazy_16)) {
 			__output.push('<li');
 			__output.push(_$_.attr('class', `item-${item}`));
 			__output.push('>');
@@ -1095,7 +1095,7 @@ export function ForLoopAddInMiddle(__output) {
 export function ForLoopRemoveFromMiddle(__output) {
 	_$_.push_component();
 
-	let items = _$_.track(['A', 'B', 'C']);
+	let lazy_17 = _$_.track(['A', 'B', 'C']);
 
 	__output.push('<button');
 	__output.push(' class="remove-middle"');
@@ -1112,7 +1112,7 @@ export function ForLoopRemoveFromMiddle(__output) {
 	{
 		__output.push('<!--[-->');
 
-		for (const item of _$_.get(items)) {
+		for (const item of _$_.get(lazy_17)) {
 			__output.push('<li');
 			__output.push(_$_.attr('class', `item-${item}`));
 			__output.push('>');
@@ -1168,7 +1168,7 @@ export function ForLoopLargeList(__output) {
 export function ForLoopSwap(__output) {
 	_$_.push_component();
 
-	let items = _$_.track(['A', 'B', 'C', 'D']);
+	let lazy_18 = _$_.track(['A', 'B', 'C', 'D']);
 
 	__output.push('<button');
 	__output.push(' class="swap"');
@@ -1185,7 +1185,7 @@ export function ForLoopSwap(__output) {
 	{
 		__output.push('<!--[-->');
 
-		for (const item of _$_.get(items)) {
+		for (const item of _$_.get(lazy_18)) {
 			__output.push('<li');
 			__output.push(_$_.attr('class', `item-${item}`));
 			__output.push('>');
@@ -1207,7 +1207,7 @@ export function ForLoopSwap(__output) {
 export function ForLoopReverse(__output) {
 	_$_.push_component();
 
-	let items = _$_.track(['A', 'B', 'C', 'D']);
+	let lazy_19 = _$_.track(['A', 'B', 'C', 'D']);
 
 	__output.push('<button');
 	__output.push(' class="reverse"');
@@ -1224,7 +1224,7 @@ export function ForLoopReverse(__output) {
 	{
 		__output.push('<!--[-->');
 
-		for (const item of _$_.get(items)) {
+		for (const item of _$_.get(lazy_19)) {
 			__output.push('<li');
 			__output.push(_$_.attr('class', `item-${item}`));
 			__output.push('>');

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

@@ -30,7 +30,7 @@ export function StaticTitle(__output) {
 export function ReactiveTitle(__output) {
 	_$_.push_component();
 
-	let title = _$_.track('Initial Title');
+	let lazy = _$_.track('Initial Title');
 
 	__output.push('<div');
 	__output.push('>');
@@ -40,7 +40,7 @@ export function ReactiveTitle(__output) {
 		__output.push('>');
 
 		{
-			__output.push(_$_.escape(_$_.get(title)));
+			__output.push(_$_.escape(_$_.get(lazy)));
 		}
 
 		__output.push('</span>');
@@ -48,12 +48,12 @@ export function ReactiveTitle(__output) {
 
 	__output.push('</div>');
 	__output.target = 'head';
-	__output.push('<!--1h8nm28-->');
+	__output.push('<!--9zxmq0-->');
 	__output.push('<title');
 	__output.push('>');
 
 	{
-		__output.push(_$_.escape(_$_.get(title)));
+		__output.push(_$_.escape(_$_.get(lazy)));
 	}
 
 	__output.push('</title>');
@@ -72,7 +72,7 @@ export function MultipleHeadElements(__output) {
 
 	__output.push('</div>');
 	__output.target = 'head';
-	__output.push('<!--9v67ol-->');
+	__output.push('<!--16pnxms-->');
 	__output.push('<title');
 	__output.push('>');
 
@@ -96,18 +96,18 @@ export function MultipleHeadElements(__output) {
 export function ReactiveMetaTags(__output) {
 	_$_.push_component();
 
-	let description = _$_.track('Initial description');
+	let lazy_1 = _$_.track('Initial description');
 
 	__output.push('<div');
 	__output.push('>');
 
 	{
-		__output.push(_$_.escape(_$_.get(description)));
+		__output.push(_$_.escape(_$_.get(lazy_1)));
 	}
 
 	__output.push('</div>');
 	__output.target = 'head';
-	__output.push('<!--166unm-->');
+	__output.push('<!--w5ribf-->');
 	__output.push('<title');
 	__output.push('>');
 
@@ -118,7 +118,7 @@ export function ReactiveMetaTags(__output) {
 	__output.push('</title>');
 	__output.push('<meta');
 	__output.push(' name="description"');
-	__output.push(_$_.attr('content', _$_.get(description), false));
+	__output.push(_$_.attr('content', _$_.get(lazy_1), false));
 	__output.push(' />');
 	__output.target = null;
 	_$_.pop_component();
@@ -127,23 +127,23 @@ export function ReactiveMetaTags(__output) {
 export function TitleWithTemplate(__output) {
 	_$_.push_component();
 
-	let name = _$_.track('World');
+	let lazy_2 = _$_.track('World');
 
 	__output.push('<div');
 	__output.push('>');
 
 	{
-		__output.push(_$_.escape(_$_.get(name)));
+		__output.push(_$_.escape(_$_.get(lazy_2)));
 	}
 
 	__output.push('</div>');
 	__output.target = 'head';
-	__output.push('<!--3o3mh2-->');
+	__output.push('<!--2ch862-->');
 	__output.push('<title');
 	__output.push('>');
 
 	{
-		__output.push(_$_.escape(`Hello ${_$_.get(name)}!`));
+		__output.push(_$_.escape(`Hello ${_$_.get(lazy_2)}!`));
 	}
 
 	__output.push('</title>');
@@ -162,7 +162,7 @@ export function EmptyTitle(__output) {
 
 	__output.push('</div>');
 	__output.target = 'head';
-	__output.push('<!--kwo3k6-->');
+	__output.push('<!--u2seuf-->');
 	__output.push('<title');
 	__output.push('>');
 
@@ -178,24 +178,24 @@ export function EmptyTitle(__output) {
 export function ConditionalTitle(__output) {
 	_$_.push_component();
 
-	let showPrefix = _$_.track(true);
-	let title = _$_.track('Main Page');
+	let lazy_3 = _$_.track(true);
+	let lazy_4 = _$_.track('Main Page');
 
 	__output.push('<div');
 	__output.push('>');
 
 	{
-		__output.push(_$_.escape(_$_.get(title)));
+		__output.push(_$_.escape(_$_.get(lazy_4)));
 	}
 
 	__output.push('</div>');
 	__output.target = 'head';
-	__output.push('<!--c2i5xr-->');
+	__output.push('<!--a0y861-->');
 	__output.push('<title');
 	__output.push('>');
 
 	{
-		__output.push(_$_.escape(_$_.get(showPrefix) ? 'App - ' + _$_.get(title) : _$_.get(title)));
+		__output.push(_$_.escape(_$_.get(lazy_3) ? 'App - ' + _$_.get(lazy_4) : _$_.get(lazy_4)));
 	}
 
 	__output.push('</title>');
@@ -206,7 +206,7 @@ export function ConditionalTitle(__output) {
 export function ComputedTitle(__output) {
 	_$_.push_component();
 
-	let count = _$_.track(0);
+	let lazy_5 = _$_.track(0);
 	let prefix = 'Count: ';
 
 	__output.push('<div');
@@ -217,7 +217,7 @@ export function ComputedTitle(__output) {
 		__output.push('>');
 
 		{
-			__output.push(_$_.escape(_$_.get(count)));
+			__output.push(_$_.escape(_$_.get(lazy_5)));
 		}
 
 		__output.push('</span>');
@@ -225,12 +225,12 @@ export function ComputedTitle(__output) {
 
 	__output.push('</div>');
 	__output.target = 'head';
-	__output.push('<!--1h2z3z5-->');
+	__output.push('<!--1bmcw8x-->');
 	__output.push('<title');
 	__output.push('>');
 
 	{
-		__output.push(_$_.escape(prefix + _$_.get(count)));
+		__output.push(_$_.escape(prefix + _$_.get(lazy_5)));
 	}
 
 	__output.push('</title>');
@@ -249,7 +249,7 @@ export function MultipleHeadBlocks(__output) {
 
 	__output.push('</div>');
 	__output.target = 'head';
-	__output.push('<!--14rv3le-->');
+	__output.push('<!--1lpoxil-->');
 	__output.push('<title');
 	__output.push('>');
 
@@ -258,7 +258,7 @@ export function MultipleHeadBlocks(__output) {
 	}
 
 	__output.push('</title>');
-	__output.push('<!--1eh1mn5-->');
+	__output.push('<!--n4z677-->');
 	__output.push('<meta');
 	__output.push(' name="author"');
 	__output.push(' content="Test Author"');
@@ -278,7 +278,7 @@ export function HeadWithStyle(__output) {
 
 	__output.push('</div>');
 	__output.target = 'head';
-	__output.push('<!--1dxk6yg-->');
+	__output.push('<!--7j37lr-->');
 	__output.push('<title');
 	__output.push('>');
 

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

@@ -50,7 +50,7 @@ Layout.async = true;
 export function Content(__output) {
 	_$_.push_component();
 
-	let visible = _$_.track(true);
+	let lazy = _$_.track(true);
 
 	__output.push('<div');
 	__output.push(' class="content"');
@@ -59,7 +59,7 @@ export function Content(__output) {
 	{
 		__output.push('<!--[-->');
 
-		if (_$_.get(visible)) {
+		if (_$_.get(lazy)) {
 			__output.push('<p');
 			__output.push(' class="text"');
 			__output.push('>');

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

@@ -913,7 +913,7 @@ async function SidebarSection(__output, { title, children }) {
 	return _$_.async(async () => {
 		_$_.push_component();
 
-		let expanded = _$_.track(true);
+		let lazy = _$_.track(true);
 
 		__output.push('<section');
 		__output.push(' class="sidebar-section"');
@@ -946,7 +946,7 @@ async function SidebarSection(__output, { title, children }) {
 			__output.push('</div>');
 			__output.push('<!--[-->');
 
-			if (_$_.get(expanded)) {
+			if (_$_.get(lazy)) {
 				__output.push('<div');
 				__output.push(' class="section-items"');
 				__output.push('>');