snapshots

packages/svelte/src/compiler/phases/3-transform/server/transform-server.js

@@ -242,7 +242,7 @@ export function server_component(analysis, options) {
 			b.call(
 				'$$payload.child',
 				b.arrow(
-					[],
+					[b.object_pattern([b.init('$$payload', b.id('$$payload'))])],
 					b.block([
 						.../** @type {Statement[]} */ (instance.body),
 						.../** @type {Statement[]} */ (template.body)

packages/svelte/src/compiler/phases/3-transform/server/visitors/SnippetBlock.js

@@ -12,8 +12,18 @@ export function SnippetBlock(node, context) {
 	let fn = b.function_declaration(
 		node.expression,
 		[b.id('$$payload'), ...node.parameters],
+		b.block([
+			b.stmt(
+				b.call(
+					'$$payload.child',
+					b.arrow(
+						[b.object_pattern([b.init('$$payload', b.id('$$payload'))])],
 						/** @type {BlockStatement} */ (context.visit(node.body)),
-		node.metadata.has_await
+						context.state.analysis.suspends
+					)
+				)
+			)
+		])
 	);
 
 	// @ts-expect-error - TODO remove this hack once $$render_inner for legacy bindings is gone

packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/component.js

@@ -237,7 +237,11 @@ export function build_inline_component(node, expression, context) {
 				b.stmt(
 					b.call(
 						'$$payload.child',
-						b.arrow([], b.block(block.body), context.state.analysis.suspends)
+						b.arrow(
+							[b.object_pattern([b.init('$$payload', b.id('$$payload'))])],
+							b.block(block.body),
+							context.state.analysis.suspends
+						)
 					)
 				)
 			])

packages/svelte/tests/snapshot/samples/await-block-scope/_expected/server/index.svelte.js

@@ -1,6 +1,7 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Await_block_scope($$payload) {
+	$$payload.child(({ $$payload }) => {
 		let counter = { count: 0 };
 		const promise = Promise.resolve(counter);
 
@@ -11,4 +12,5 @@ export default function Await_block_scope($$payload) {
 		$$payload.out.push(`<button>clicks: ${$.escape(counter.count)}</button> `);
 		$.await($$payload, promise, () => {}, (counter) => {});
 		$$payload.out.push(`<!--]--> ${$.escape(counter.count)}`);
+	});
 }

packages/svelte/tests/snapshot/samples/bind-component-snippet/_expected/server/index.svelte.js

@@ -2,10 +2,13 @@ import * as $ from 'svelte/internal/server';
 import TextInput from './Child.svelte';
 
 function snippet($$payload) {
+	$$payload.child(({ $$payload }) => {
 		$$payload.out.push(`<!---->Something`);
+	});
 }
 
 export default function Bind_component_snippet($$payload) {
+	$$payload.child(({ $$payload }) => {
 		let value = '';
 		const _snippet = snippet;
 		let $$settled = true;
@@ -33,4 +36,5 @@ export default function Bind_component_snippet($$payload) {
 		} while (!$$settled);
 
 		$.assign_payload($$payload, $$inner_payload);
+	});
 }

packages/svelte/tests/snapshot/samples/bind-this/_expected/server/index.svelte.js

@@ -1,5 +1,7 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Bind_this($$payload) {
+	$$payload.child(({ $$payload }) => {
 		Foo($$payload, {});
+	});
 }

packages/svelte/tests/snapshot/samples/class-state-field-constructor-assignment/_expected/server/index.svelte.js

@@ -3,6 +3,7 @@ import * as $ from 'svelte/internal/server';
 export default function Class_state_field_constructor_assignment($$payload, $$props) {
 	$.push();
 
+	$$payload.child(({ $$payload }) => {
 		class Foo {
 			a = 0;
 			#b;
@@ -33,6 +34,7 @@ export default function Class_state_field_constructor_assignment($$payload, $$pr
 				this.bar = 4;
 			}
 		}
+	});
 
 	$.pop();
 }

packages/svelte/tests/snapshot/samples/delegated-locally-declared-shadowed/_expected/server/index.svelte.js

@@ -1,6 +1,7 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Delegated_locally_declared_shadowed($$payload) {
+	$$payload.child(({ $$payload }) => {
 		const each_array = $.ensure_array_like({ length: 1 });
 
 		$$payload.out.push(`<!--[-->`);
@@ -10,4 +11,5 @@ export default function Delegated_locally_declared_shadowed($$payload) {
 		}
 
 		$$payload.out.push(`<!--]-->`);
+	});
 }

packages/svelte/tests/snapshot/samples/dynamic-attributes-casing/_expected/server/main.svelte.js

@@ -1,10 +1,10 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Main($$payload) {
-	// needs to be a snapshot test because jsdom does auto-correct the attribute casing
+	$$payload.child(({ $$payload }) => {
 		let x = 'test';
-
 		let y = () => 'test';
 
 		$$payload.out.push(`<div${$.attr('foobar', x)}></div> <svg${$.attr('viewBox', x)}></svg> <custom-element${$.attr('foobar', x)}></custom-element> <div${$.attr('foobar', y())}></div> <svg${$.attr('viewBox', y())}></svg> <custom-element${$.attr('foobar', y())}></custom-element>`);
+	});
 }

packages/svelte/tests/snapshot/samples/each-index-non-null/_expected/server/index.svelte.js

@@ -1,6 +1,7 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Each_index_non_null($$payload) {
+	$$payload.child(({ $$payload }) => {
 		const each_array = $.ensure_array_like(Array(10));
 
 		$$payload.out.push(`<!--[-->`);
@@ -10,4 +11,5 @@ export default function Each_index_non_null($$payload) {
 		}
 
 		$$payload.out.push(`<!--]-->`);
+	});
 }

packages/svelte/tests/snapshot/samples/each-string-template/_expected/server/index.svelte.js

@@ -1,6 +1,7 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Each_string_template($$payload) {
+	$$payload.child(({ $$payload }) => {
 		const each_array = $.ensure_array_like(['foo', 'bar', 'baz']);
 
 		$$payload.out.push(`<!--[-->`);
@@ -12,4 +13,5 @@ export default function Each_string_template($$payload) {
 		}
 
 		$$payload.out.push(`<!--]-->`);
+	});
 }

packages/svelte/tests/snapshot/samples/function-prop-no-getter/_expected/server/index.svelte.js

@@ -1,6 +1,7 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Function_prop_no_getter($$payload) {
+	$$payload.child(({ $$payload }) => {
 		let count = 0;
 
 		function onmouseup() {
@@ -15,9 +16,12 @@ export default function Function_prop_no_getter($$payload) {
 			onmouseenter: () => count = plusOne(count),
 
 			children: ($$payload) => {
+				$$payload.child(({ $$payload }) => {
 					$$payload.out.push(`<!---->clicks: ${$.escape(count)}`);
+				});
 			},
 
 			$$slots: { default: true }
 		});
+	});
 }

packages/svelte/tests/snapshot/samples/functional-templating/_expected/server/index.svelte.js

@@ -1,5 +1,7 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Functional_templating($$payload) {
+	$$payload.child(({ $$payload }) => {
 		$$payload.out.push(`<h1>hello</h1> <div class="potato"><p>child element</p> <p>another child element</p></div>`);
+	});
 }

packages/svelte/tests/snapshot/samples/hello-world/_expected/server/index.svelte.js

@@ -1,5 +1,7 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Hello_world($$payload) {
+	$$payload.child(({ $$payload }) => {
 		$$payload.out.push(`<h1>hello world</h1>`);
+	});
 }

packages/svelte/tests/snapshot/samples/hmr/_expected/server/index.svelte.js

@@ -1,5 +1,7 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Hmr($$payload) {
+	$$payload.child(({ $$payload }) => {
 		$$payload.out.push(`<h1>hello world</h1>`);
+	});
 }

packages/svelte/tests/snapshot/samples/imports-in-modules/_expected/server/index.svelte.js

@@ -1,4 +1,6 @@
 import * as $ from 'svelte/internal/server';
 import { random } from './module.svelte';
 
-export default function Imports_in_modules($$payload) {}
+export default function Imports_in_modules($$payload) {
+	$$payload.child(({ $$payload }) => {});
+}

packages/svelte/tests/snapshot/samples/nullish-coallescence-omittance/_expected/server/index.svelte.js

@@ -1,8 +1,10 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Nullish_coallescence_omittance($$payload) {
+	$$payload.child(({ $$payload }) => {
 		let name = 'world';
 		let count = 0;
 
 		$$payload.out.push(`<h1>Hello, world!</h1> <b>123</b> <button>Count is ${$.escape(count)}</button> <h1>Hello, world</h1>`);
+	});
 }

packages/svelte/tests/snapshot/samples/props-identifier/_expected/server/index.svelte.js

@@ -3,6 +3,7 @@ import * as $ from 'svelte/internal/server';
 export default function Props_identifier($$payload, $$props) {
 	$.push();
 
+	$$payload.child(({ $$payload }) => {
 		let { $$slots, $$events, ...props } = $$props;
 
 		props.a;
@@ -12,5 +13,7 @@ export default function Props_identifier($$payload, $$props) {
 		props.a = true;
 		props[a] = true;
 		props;
+	});
+
 	$.pop();
 }

packages/svelte/tests/snapshot/samples/purity/_expected/server/index.svelte.js

@@ -1,7 +1,9 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Purity($$payload) {
+	$$payload.child(({ $$payload }) => {
 		$$payload.out.push(`<p>0</p> <p>${$.escape(location.href)}</p> `);
 		Child($$payload, { prop: encodeURIComponent('hello') });
 		$$payload.out.push(`<!---->`);
+	});
 }

packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/server/index.svelte.js

@@ -1,7 +1,9 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Skip_static_subtree($$payload, $$props) {
+	$$payload.child(({ $$payload }) => {
 		let { title, content } = $$props;
 
 		$$payload.out.push(`<header><nav><a href="/">Home</a> <a href="/away">Away</a></nav></header> <main><h1>${$.escape(title)}</h1> <div class="static"><p>we don't need to traverse these nodes</p></div> <p>or</p> <p>these</p> <p>ones</p> ${$.html(content)} <p>these</p> <p>trailing</p> <p>nodes</p> <p>can</p> <p>be</p> <p>completely</p> <p>ignored</p></main> <cant-skip><custom-elements with="attributes"></custom-elements></cant-skip> <div><input autofocus/></div> <div><source muted/></div> <select><option value="a"${$.maybe_selected($$payload, 'a')}>a</option></select> <img src="..." alt="" loading="lazy"/> <div><img src="..." alt="" loading="lazy"/></div>`);
+	});
 }

packages/svelte/tests/snapshot/samples/state-proxy-literal/_expected/server/index.svelte.js

@@ -1,6 +1,7 @@
 import * as $ from 'svelte/internal/server';
 
 export default function State_proxy_literal($$payload) {
+	$$payload.child(({ $$payload }) => {
 		let str = '';
 		let tpl = ``;
 
@@ -12,4 +13,5 @@ export default function State_proxy_literal($$payload) {
 		}
 
 		$$payload.out.push(`<input${$.attr('value', str)}/> <input${$.attr('value', tpl)}/> <button>reset</button>`);
+	});
 }

packages/svelte/tests/snapshot/samples/svelte-element/_expected/server/index.svelte.js

@@ -1,7 +1,9 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Svelte_element($$payload, $$props) {
+	$$payload.child(({ $$payload }) => {
 		let { tag = 'hr' } = $$props;
 
 		$.element($$payload, tag);
+	});
 }

packages/svelte/tests/snapshot/samples/text-nodes-deriveds/_expected/server/index.svelte.js

@@ -1,6 +1,7 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Text_nodes_deriveds($$payload) {
+	$$payload.child(({ $$payload }) => {
 		let count1 = 0;
 		let count2 = 0;
 
@@ -13,4 +14,5 @@ export default function Text_nodes_deriveds($$payload) {
 		}
 
 		$$payload.out.push(`<p>${$.escape(text1())}${$.escape(text2())}</p>`);
+	});
 }