${$.escape(title)}
we don't need to traverse these nodes
or
these
ones
${$.html(content)}these
trailing
nodes
can
be
completely
ignored
diff --git a/packages/svelte/tests/snapshot/samples/async-each-fallback-hoisting/_expected/client/index.svelte.js b/packages/svelte/tests/snapshot/samples/async-each-fallback-hoisting/_expected/client/index.svelte.js index cf667e1624..69d240cd17 100644 --- a/packages/svelte/tests/snapshot/samples/async-each-fallback-hoisting/_expected/client/index.svelte.js +++ b/packages/svelte/tests/snapshot/samples/async-each-fallback-hoisting/_expected/client/index.svelte.js @@ -6,7 +6,7 @@ export default function Async_each_fallback_hoisting($$anchor) { var fragment = $.comment(); var node = $.first_child(fragment); - $.async(node, [() => Promise.resolve([])], (node, $$collection) => { + $.async(node, [], [() => Promise.resolve([])], (node, $$collection) => { $.each( node, 16, @@ -17,7 +17,7 @@ export default function Async_each_fallback_hoisting($$anchor) { var text = $.text(); - $.template_effect(($0) => $.set_text(text, $0), void 0, [() => Promise.reject('This should never be reached')]); + $.template_effect([], ($0) => $.set_text(text, $0), void 0, [() => Promise.reject('This should never be reached')]); $.append($$anchor, text); }, ($$anchor) => { @@ -25,7 +25,7 @@ export default function Async_each_fallback_hoisting($$anchor) { var text_1 = $.text(); - $.template_effect(($0) => $.set_text(text_1, $0), void 0, [() => Promise.resolve(4)]); + $.template_effect([], ($0) => $.set_text(text_1, $0), void 0, [() => Promise.resolve(4)]); $.append($$anchor, text_1); } ); diff --git a/packages/svelte/tests/snapshot/samples/async-each-hoisting/_expected/client/index.svelte.js b/packages/svelte/tests/snapshot/samples/async-each-hoisting/_expected/client/index.svelte.js index a1535d6886..4805066dac 100644 --- a/packages/svelte/tests/snapshot/samples/async-each-hoisting/_expected/client/index.svelte.js +++ b/packages/svelte/tests/snapshot/samples/async-each-hoisting/_expected/client/index.svelte.js @@ -3,19 +3,19 @@ import 'svelte/internal/flags/async'; import * as $ from 'svelte/internal/client'; export default function Async_each_hoisting($$anchor) { - const first = Promise.resolve(1); - const second = Promise.resolve(2); - const third = Promise.resolve(3); + var first = Promise.resolve(1); + var second = Promise.resolve(2); + var third = Promise.resolve(3); var fragment = $.comment(); var node = $.first_child(fragment); - $.async(node, [() => Promise.resolve([first, second, third])], (node, $$collection) => { + $.async(node, [], [() => Promise.resolve([first, second, third])], (node, $$collection) => { $.each(node, 17, () => $.get($$collection), $.index, ($$anchor, item) => { $.next(); var text = $.text(); - $.template_effect(($0) => $.set_text(text, $0), void 0, [() => $.get(item)]); + $.template_effect([], ($0) => $.set_text(text, $0), void 0, [() => $.get(item)]); $.append($$anchor, text); }); }); diff --git a/packages/svelte/tests/snapshot/samples/async-each-hoisting/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/async-each-hoisting/_expected/server/index.svelte.js index e87b50e2a4..7f39e64d8e 100644 --- a/packages/svelte/tests/snapshot/samples/async-each-hoisting/_expected/server/index.svelte.js +++ b/packages/svelte/tests/snapshot/samples/async-each-hoisting/_expected/server/index.svelte.js @@ -2,9 +2,9 @@ import 'svelte/internal/flags/async'; import * as $ from 'svelte/internal/server'; export default function Async_each_hoisting($$renderer) { - const first = Promise.resolve(1); - const second = Promise.resolve(2); - const third = Promise.resolve(3); + var first = Promise.resolve(1); + var second = Promise.resolve(2); + var third = Promise.resolve(3); $$renderer.push(``); diff --git a/packages/svelte/tests/snapshot/samples/async-if-alternate-hoisting/_expected/client/index.svelte.js b/packages/svelte/tests/snapshot/samples/async-if-alternate-hoisting/_expected/client/index.svelte.js index e385f5d234..3657621791 100644 --- a/packages/svelte/tests/snapshot/samples/async-if-alternate-hoisting/_expected/client/index.svelte.js +++ b/packages/svelte/tests/snapshot/samples/async-if-alternate-hoisting/_expected/client/index.svelte.js @@ -6,18 +6,18 @@ export default function Async_if_alternate_hoisting($$anchor) { var fragment = $.comment(); var node = $.first_child(fragment); - $.async(node, [() => Promise.resolve(false)], (node, $$condition) => { + $.async(node, [], [() => Promise.resolve(false)], (node, $$condition) => { var consequent = ($$anchor) => { var text = $.text(); - $.template_effect(($0) => $.set_text(text, $0), void 0, [() => Promise.reject('no no no')]); + $.template_effect([], ($0) => $.set_text(text, $0), void 0, [() => Promise.reject('no no no')]); $.append($$anchor, text); }; var alternate = ($$anchor) => { var text_1 = $.text(); - $.template_effect(($0) => $.set_text(text_1, $0), void 0, [() => Promise.resolve('yes yes yes')]); + $.template_effect([], ($0) => $.set_text(text_1, $0), void 0, [() => Promise.resolve('yes yes yes')]); $.append($$anchor, text_1); }; diff --git a/packages/svelte/tests/snapshot/samples/async-if-hoisting/_expected/client/index.svelte.js b/packages/svelte/tests/snapshot/samples/async-if-hoisting/_expected/client/index.svelte.js index 356e8e9607..ffeee0c470 100644 --- a/packages/svelte/tests/snapshot/samples/async-if-hoisting/_expected/client/index.svelte.js +++ b/packages/svelte/tests/snapshot/samples/async-if-hoisting/_expected/client/index.svelte.js @@ -6,18 +6,18 @@ export default function Async_if_hoisting($$anchor) { var fragment = $.comment(); var node = $.first_child(fragment); - $.async(node, [() => Promise.resolve(true)], (node, $$condition) => { + $.async(node, [], [() => Promise.resolve(true)], (node, $$condition) => { var consequent = ($$anchor) => { var text = $.text(); - $.template_effect(($0) => $.set_text(text, $0), void 0, [() => Promise.resolve('yes yes yes')]); + $.template_effect([], ($0) => $.set_text(text, $0), void 0, [() => Promise.resolve('yes yes yes')]); $.append($$anchor, text); }; var alternate = ($$anchor) => { var text_1 = $.text(); - $.template_effect(($0) => $.set_text(text_1, $0), void 0, [() => Promise.reject('no no no')]); + $.template_effect([], ($0) => $.set_text(text_1, $0), void 0, [() => Promise.reject('no no no')]); $.append($$anchor, text_1); }; diff --git a/packages/svelte/tests/snapshot/samples/async-in-derived/_expected/client/index.svelte.js b/packages/svelte/tests/snapshot/samples/async-in-derived/_expected/client/index.svelte.js index 7a97850175..e4df43c6c2 100644 --- a/packages/svelte/tests/snapshot/samples/async-in-derived/_expected/client/index.svelte.js +++ b/packages/svelte/tests/snapshot/samples/async-in-derived/_expected/client/index.svelte.js @@ -5,48 +5,47 @@ import * as $ from 'svelte/internal/client'; export default function Async_in_derived($$anchor, $$props) { $.push($$props, true); - $.async_body($$anchor, async ($$anchor) => { - let yes1 = (await $.save($.async_derived(async () => (await $.save(1))())))(); - let yes2 = (await $.save($.async_derived(async () => foo((await $.save(1))()))))(); + var yes1, yes2, no1, no2; - let no1 = $.derived(async () => { - return await 1; - }); + var $$promises = $.run([ + async () => yes1 = await $.async_derived(() => 1), + async () => yes2 = await $.async_derived(async () => foo(await 1)), - let no2 = $.derived(() => async () => { + () => no1 = $.derived(async () => { return await 1; - }); + }), - if ($.aborted()) return; - - var fragment = $.comment(); - var node = $.first_child(fragment); + () => no2 = $.derived(() => async () => { + return await 1; + }) + ]); - { - var consequent = ($$anchor) => { - $.async_body($$anchor, async ($$anchor) => { - const yes1 = (await $.save($.async_derived(async () => (await $.save(1))())))(); - const yes2 = (await $.save($.async_derived(async () => foo((await $.save(1))()))))(); + var fragment = $.comment(); + var node = $.first_child(fragment); - const no1 = $.derived(() => (async () => { - return await 1; - })()); + { + var consequent = ($$anchor) => { + $.async_body($$anchor, async ($$anchor) => { + const yes1 = (await $.save($.async_derived(async () => (await $.save(1))())))(); + const yes2 = (await $.save($.async_derived(async () => foo((await $.save(1))()))))(); - const no2 = $.derived(() => (async () => { - return await 1; - })()); + const no1 = $.derived(() => (async () => { + return await 1; + })()); - if ($.aborted()) return; - }); - }; + const no2 = $.derived(() => (async () => { + return await 1; + })()); - $.if(node, ($$render) => { - if (true) $$render(consequent); + if ($.aborted()) return; }); - } + }; - $.append($$anchor, fragment); - }); + $.if(node, ($$render) => { + if (true) $$render(consequent); + }); + } + $.append($$anchor, fragment); $.pop(); } \ No newline at end of file diff --git a/packages/svelte/tests/snapshot/samples/async-in-derived/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/async-in-derived/_expected/server/index.svelte.js index 69eca5a383..ac542bfa0f 100644 --- a/packages/svelte/tests/snapshot/samples/async-in-derived/_expected/server/index.svelte.js +++ b/packages/svelte/tests/snapshot/samples/async-in-derived/_expected/server/index.svelte.js @@ -3,38 +3,40 @@ import * as $ from 'svelte/internal/server'; export default function Async_in_derived($$renderer, $$props) { $$renderer.component(($$renderer) => { - $$renderer.async(async ($$renderer) => { - let yes1 = (await $.save(1))(); - let yes2 = foo((await $.save(1))()); + var yes1, yes2, no1, no2; - let no1 = (async () => { - return await 1; - })(); + var $$promises = $$renderer.run([ + async () => yes1 = await 1, + async () => yes2 = foo(await 1), - let no2 = async () => { + () => no1 = (async () => { return await 1; - }; - - $$renderer.async(async ($$renderer) => { - if (true) { - $$renderer.push(''); - - const yes1 = (await $.save(1))(); - const yes2 = foo((await $.save(1))()); + })(), - const no1 = (async () => { - return await 1; - })(); - - const no2 = (async () => { - return await 1; - })(); - } else { - $$renderer.push(''); - } - }); + () => no2 = async () => { + return await 1; + } + ]); - $$renderer.push(``); + $$renderer.async(async ($$renderer) => { + if (true) { + $$renderer.push(''); + + const yes1 = (await $.save(1))(); + const yes2 = foo((await $.save(1))()); + + const no1 = (async () => { + return await 1; + })(); + + const no2 = (async () => { + return await 1; + })(); + } else { + $$renderer.push(''); + } }); + + $$renderer.push(``); }); } \ No newline at end of file diff --git a/packages/svelte/tests/snapshot/samples/await-block-scope/_expected/client/index.svelte.js b/packages/svelte/tests/snapshot/samples/await-block-scope/_expected/client/index.svelte.js index 52820c1652..b756dbad94 100644 --- a/packages/svelte/tests/snapshot/samples/await-block-scope/_expected/client/index.svelte.js +++ b/packages/svelte/tests/snapshot/samples/await-block-scope/_expected/client/index.svelte.js @@ -4,8 +4,8 @@ import * as $ from 'svelte/internal/client'; var root = $.from_html(` `, 1); export default function Await_block_scope($$anchor) { - let counter = $.proxy({ count: 0 }); - const promise = $.derived(() => Promise.resolve(counter)); + var counter = $.proxy({ count: 0 }); + var promise = $.derived(() => Promise.resolve(counter)); function increment() { counter.count += 1; @@ -26,7 +26,7 @@ export default function Await_block_scope($$anchor) { var text_1 = $.sibling(node); - $.template_effect(() => { + $.template_effect([], () => { $.set_text(text, `clicks: ${counter.count ?? ''}`); $.set_text(text_1, ` ${counter.count ?? ''}`); }); diff --git a/packages/svelte/tests/snapshot/samples/await-block-scope/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/await-block-scope/_expected/server/index.svelte.js index e9bf215dcd..98ca5214ec 100644 --- a/packages/svelte/tests/snapshot/samples/await-block-scope/_expected/server/index.svelte.js +++ b/packages/svelte/tests/snapshot/samples/await-block-scope/_expected/server/index.svelte.js @@ -1,8 +1,8 @@ import * as $ from 'svelte/internal/server'; export default function Await_block_scope($$renderer) { - let counter = { count: 0 }; - const promise = Promise.resolve(counter); + var counter = { count: 0 }; + var promise = Promise.resolve(counter); function increment() { counter.count += 1; diff --git a/packages/svelte/tests/snapshot/samples/bind-component-snippet/_expected/client/index.svelte.js b/packages/svelte/tests/snapshot/samples/bind-component-snippet/_expected/client/index.svelte.js index a87a356d58..8e05aa55b0 100644 --- a/packages/svelte/tests/snapshot/samples/bind-component-snippet/_expected/client/index.svelte.js +++ b/packages/svelte/tests/snapshot/samples/bind-component-snippet/_expected/client/index.svelte.js @@ -13,8 +13,8 @@ const snippet = ($$anchor) => { var root = $.from_html(` `, 1); export default function Bind_component_snippet($$anchor) { - let value = $.state(''); - const _snippet = snippet; + var value = $.state(''); + var _snippet = snippet; var fragment = root(); var node = $.first_child(fragment); @@ -30,6 +30,6 @@ export default function Bind_component_snippet($$anchor) { var text_1 = $.sibling(node); - $.template_effect(() => $.set_text(text_1, ` value: ${$.get(value) ?? ''}`)); + $.template_effect([], () => $.set_text(text_1, ` value: ${$.get(value) ?? ''}`)); $.append($$anchor, fragment); } \ No newline at end of file diff --git a/packages/svelte/tests/snapshot/samples/bind-component-snippet/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/bind-component-snippet/_expected/server/index.svelte.js index 2ef3a429ba..8fb72c3da0 100644 --- a/packages/svelte/tests/snapshot/samples/bind-component-snippet/_expected/server/index.svelte.js +++ b/packages/svelte/tests/snapshot/samples/bind-component-snippet/_expected/server/index.svelte.js @@ -6,8 +6,8 @@ function snippet($$renderer) { } export default function Bind_component_snippet($$renderer) { - let value = ''; - const _snippet = snippet; + var value = ''; + var _snippet = snippet; let $$settled = true; let $$inner_renderer; diff --git a/packages/svelte/tests/snapshot/samples/dynamic-attributes-casing/_expected/client/main.svelte.js b/packages/svelte/tests/snapshot/samples/dynamic-attributes-casing/_expected/client/main.svelte.js index d84b674f88..1250633be2 100644 --- a/packages/svelte/tests/snapshot/samples/dynamic-attributes-casing/_expected/client/main.svelte.js +++ b/packages/svelte/tests/snapshot/samples/dynamic-attributes-casing/_expected/client/main.svelte.js @@ -4,10 +4,10 @@ import * as $ from 'svelte/internal/client'; var root = $.from_html(`
we don't need to traverse these nodes
or
these
ones
${$.html(content)}these
trailing
nodes
can
be
completely
ignored