mirror of https://github.com/sveltejs/svelte
merge local branches (#16757)
* use fragment as async hoist boundary * remove async_hoist_boundary * only dewaterfall when necessary * unused * simplify/fix * de-waterfall awaits in separate elements * update snapshots * remove unnecessary wrapper * fix * fix * remove suspends_without_fallback --------- Co-authored-by: Rich Harris <rich.harris@vercel.com>pull/16762/head
Elliott Johnson
6 days ago
committed by
GitHub
parent
127c5a73cb
commit
49241764bd
@ -1,26 +1,23 @@
|
|||||||
import * as $ from 'svelte/internal/server';
|
import * as $ from 'svelte/internal/server';
|
||||||
|
|
||||||
export default function Async_each_hoisting($$payload) {
|
export default function Async_each_hoisting($$payload) {
|
||||||
|
const first = Promise.resolve(1);
|
||||||
|
const second = Promise.resolve(2);
|
||||||
|
const third = Promise.resolve(3);
|
||||||
|
|
||||||
$$payload.child(async ($$payload) => {
|
$$payload.child(async ($$payload) => {
|
||||||
const first = Promise.resolve(1);
|
const each_array = $.ensure_array_like(await Promise.resolve([first, second, third]));
|
||||||
const second = Promise.resolve(2);
|
|
||||||
const third = Promise.resolve(3);
|
|
||||||
const promises = [Promise.resolve([first, second, third])];
|
|
||||||
const each_array = $.ensure_array_like(await promises[0]);
|
|
||||||
|
|
||||||
$$payload.child(async ($$payload) => {
|
$$payload.push(`<!--[-->`);
|
||||||
$$payload.push(`<!--[-->`);
|
|
||||||
|
|
||||||
for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
|
for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
|
||||||
let item = each_array[$$index];
|
let item = each_array[$$index];
|
||||||
const promises_1 = [item];
|
|
||||||
|
|
||||||
$$payload.child(async ($$payload) => {
|
$$payload.child(async ($$payload) => {
|
||||||
$$payload.push(`<!---->${$.escape(await promises_1[0])}`);
|
$$payload.push(`<!---->${$.escape(await item)}`);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
$$payload.push(`<!--]-->`);
|
$$payload.push(`<!--]-->`);
|
||||||
});
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -1,16 +1,14 @@
|
|||||||
import * as $ from 'svelte/internal/server';
|
import * as $ from 'svelte/internal/server';
|
||||||
|
|
||||||
export default function Await_block_scope($$payload) {
|
export default function Await_block_scope($$payload) {
|
||||||
$$payload.child(($$payload) => {
|
let counter = { count: 0 };
|
||||||
let counter = { count: 0 };
|
const promise = Promise.resolve(counter);
|
||||||
const promise = Promise.resolve(counter);
|
|
||||||
|
|
||||||
function increment() {
|
function increment() {
|
||||||
counter.count += 1;
|
counter.count += 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
$$payload.push(`<button>clicks: ${$.escape(counter.count)}</button> `);
|
$$payload.push(`<button>clicks: ${$.escape(counter.count)}</button> `);
|
||||||
$.await($$payload, promise, () => {}, (counter) => {});
|
$.await($$payload, promise, () => {}, (counter) => {});
|
||||||
$$payload.push(`<!--]--> ${$.escape(counter.count)}`);
|
$$payload.push(`<!--]--> ${$.escape(counter.count)}`);
|
||||||
});
|
|
||||||
}
|
}
|
||||||
@ -1,7 +1,5 @@
|
|||||||
import * as $ from 'svelte/internal/server';
|
import * as $ from 'svelte/internal/server';
|
||||||
|
|
||||||
export default function Bind_this($$payload) {
|
export default function Bind_this($$payload) {
|
||||||
$$payload.child(($$payload) => {
|
Foo($$payload, {});
|
||||||
Foo($$payload, {});
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
@ -1,15 +1,13 @@
|
|||||||
import * as $ from 'svelte/internal/server';
|
import * as $ from 'svelte/internal/server';
|
||||||
|
|
||||||
export default function Delegated_locally_declared_shadowed($$payload) {
|
export default function Delegated_locally_declared_shadowed($$payload) {
|
||||||
$$payload.child(($$payload) => {
|
const each_array = $.ensure_array_like({ length: 1 });
|
||||||
const each_array = $.ensure_array_like({ length: 1 });
|
|
||||||
|
|
||||||
$$payload.push(`<!--[-->`);
|
$$payload.push(`<!--[-->`);
|
||||||
|
|
||||||
for (let index = 0, $$length = each_array.length; index < $$length; index++) {
|
for (let index = 0, $$length = each_array.length; index < $$length; index++) {
|
||||||
$$payload.push(`<button type="button"${$.attr('data-index', index)}>B</button>`);
|
$$payload.push(`<button type="button"${$.attr('data-index', index)}>B</button>`);
|
||||||
}
|
}
|
||||||
|
|
||||||
$$payload.push(`<!--]-->`);
|
$$payload.push(`<!--]-->`);
|
||||||
});
|
|
||||||
}
|
}
|
||||||
@ -1,10 +1,10 @@
|
|||||||
import * as $ from 'svelte/internal/server';
|
import * as $ from 'svelte/internal/server';
|
||||||
|
|
||||||
export default function Main($$payload) {
|
export default function Main($$payload) {
|
||||||
$$payload.child(($$payload) => {
|
// needs to be a snapshot test because jsdom does auto-correct the attribute casing
|
||||||
let x = 'test';
|
let x = 'test';
|
||||||
let y = () => 'test';
|
|
||||||
|
|
||||||
$$payload.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>`);
|
let y = () => 'test';
|
||||||
});
|
|
||||||
|
$$payload.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>`);
|
||||||
}
|
}
|
||||||
@ -1,15 +1,13 @@
|
|||||||
import * as $ from 'svelte/internal/server';
|
import * as $ from 'svelte/internal/server';
|
||||||
|
|
||||||
export default function Each_index_non_null($$payload) {
|
export default function Each_index_non_null($$payload) {
|
||||||
$$payload.child(($$payload) => {
|
const each_array = $.ensure_array_like(Array(10));
|
||||||
const each_array = $.ensure_array_like(Array(10));
|
|
||||||
|
|
||||||
$$payload.push(`<!--[-->`);
|
$$payload.push(`<!--[-->`);
|
||||||
|
|
||||||
for (let i = 0, $$length = each_array.length; i < $$length; i++) {
|
for (let i = 0, $$length = each_array.length; i < $$length; i++) {
|
||||||
$$payload.push(`<p>index: ${$.escape(i)}</p>`);
|
$$payload.push(`<p>index: ${$.escape(i)}</p>`);
|
||||||
}
|
}
|
||||||
|
|
||||||
$$payload.push(`<!--]-->`);
|
$$payload.push(`<!--]-->`);
|
||||||
});
|
|
||||||
}
|
}
|
||||||
@ -1,17 +1,15 @@
|
|||||||
import * as $ from 'svelte/internal/server';
|
import * as $ from 'svelte/internal/server';
|
||||||
|
|
||||||
export default function Each_string_template($$payload) {
|
export default function Each_string_template($$payload) {
|
||||||
$$payload.child(($$payload) => {
|
const each_array = $.ensure_array_like(['foo', 'bar', 'baz']);
|
||||||
const each_array = $.ensure_array_like(['foo', 'bar', 'baz']);
|
|
||||||
|
|
||||||
$$payload.push(`<!--[-->`);
|
$$payload.push(`<!--[-->`);
|
||||||
|
|
||||||
for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
|
for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
|
||||||
let thing = each_array[$$index];
|
let thing = each_array[$$index];
|
||||||
|
|
||||||
$$payload.push(`<!---->${$.escape(thing)}, `);
|
$$payload.push(`<!---->${$.escape(thing)}, `);
|
||||||
}
|
}
|
||||||
|
|
||||||
$$payload.push(`<!--]-->`);
|
$$payload.push(`<!--]-->`);
|
||||||
});
|
|
||||||
}
|
}
|
||||||
@ -1,27 +1,25 @@
|
|||||||
import * as $ from 'svelte/internal/server';
|
import * as $ from 'svelte/internal/server';
|
||||||
|
|
||||||
export default function Function_prop_no_getter($$payload) {
|
export default function Function_prop_no_getter($$payload) {
|
||||||
$$payload.child(($$payload) => {
|
let count = 0;
|
||||||
let count = 0;
|
|
||||||
|
|
||||||
function onmouseup() {
|
function onmouseup() {
|
||||||
count += 2;
|
count += 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
const plusOne = (num) => num + 1;
|
const plusOne = (num) => num + 1;
|
||||||
|
|
||||||
Button($$payload, {
|
Button($$payload, {
|
||||||
onmousedown: () => count += 1,
|
onmousedown: () => count += 1,
|
||||||
onmouseup,
|
onmouseup,
|
||||||
onmouseenter: () => count = plusOne(count),
|
onmouseenter: () => count = plusOne(count),
|
||||||
|
|
||||||
children: ($$payload) => {
|
children: ($$payload) => {
|
||||||
$$payload.child(($$payload) => {
|
$$payload.child(($$payload) => {
|
||||||
$$payload.push(`<!---->clicks: ${$.escape(count)}`);
|
$$payload.push(`<!---->clicks: ${$.escape(count)}`);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
$$slots: { default: true }
|
$$slots: { default: true }
|
||||||
});
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -1,7 +1,5 @@
|
|||||||
import * as $ from 'svelte/internal/server';
|
import * as $ from 'svelte/internal/server';
|
||||||
|
|
||||||
export default function Functional_templating($$payload) {
|
export default function Functional_templating($$payload) {
|
||||||
$$payload.child(($$payload) => {
|
$$payload.push(`<h1>hello</h1> <div class="potato"><p>child element</p> <p>another child element</p></div>`);
|
||||||
$$payload.push(`<h1>hello</h1> <div class="potato"><p>child element</p> <p>another child element</p></div>`);
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
@ -1,7 +1,5 @@
|
|||||||
import * as $ from 'svelte/internal/server';
|
import * as $ from 'svelte/internal/server';
|
||||||
|
|
||||||
export default function Hello_world($$payload) {
|
export default function Hello_world($$payload) {
|
||||||
$$payload.child(($$payload) => {
|
$$payload.push(`<h1>hello world</h1>`);
|
||||||
$$payload.push(`<h1>hello world</h1>`);
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
@ -1,7 +1,5 @@
|
|||||||
import * as $ from 'svelte/internal/server';
|
import * as $ from 'svelte/internal/server';
|
||||||
|
|
||||||
export default function Hmr($$payload) {
|
export default function Hmr($$payload) {
|
||||||
$$payload.child(($$payload) => {
|
$$payload.push(`<h1>hello world</h1>`);
|
||||||
$$payload.push(`<h1>hello world</h1>`);
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
@ -1,6 +1,4 @@
|
|||||||
import * as $ from 'svelte/internal/server';
|
import * as $ from 'svelte/internal/server';
|
||||||
import { random } from './module.svelte';
|
import { random } from './module.svelte';
|
||||||
|
|
||||||
export default function Imports_in_modules($$payload) {
|
export default function Imports_in_modules($$payload) {}
|
||||||
$$payload.child(($$payload) => {});
|
|
||||||
}
|
|
||||||
@ -1,10 +1,8 @@
|
|||||||
import * as $ from 'svelte/internal/server';
|
import * as $ from 'svelte/internal/server';
|
||||||
|
|
||||||
export default function Nullish_coallescence_omittance($$payload) {
|
export default function Nullish_coallescence_omittance($$payload) {
|
||||||
$$payload.child(($$payload) => {
|
let name = 'world';
|
||||||
let name = 'world';
|
let count = 0;
|
||||||
let count = 0;
|
|
||||||
|
|
||||||
$$payload.push(`<h1>Hello, world!</h1> <b>123</b> <button>Count is ${$.escape(count)}</button> <h1>Hello, world</h1>`);
|
$$payload.push(`<h1>Hello, world!</h1> <b>123</b> <button>Count is ${$.escape(count)}</button> <h1>Hello, world</h1>`);
|
||||||
});
|
|
||||||
}
|
}
|
||||||
@ -1,9 +1,7 @@
|
|||||||
import * as $ from 'svelte/internal/server';
|
import * as $ from 'svelte/internal/server';
|
||||||
|
|
||||||
export default function Purity($$payload) {
|
export default function Purity($$payload) {
|
||||||
$$payload.child(($$payload) => {
|
$$payload.push(`<p>0</p> <p>${$.escape(location.href)}</p> `);
|
||||||
$$payload.push(`<p>0</p> <p>${$.escape(location.href)}</p> `);
|
Child($$payload, { prop: encodeURIComponent('hello') });
|
||||||
Child($$payload, { prop: encodeURIComponent('hello') });
|
$$payload.push(`<!---->`);
|
||||||
$$payload.push(`<!---->`);
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
@ -1,9 +1,7 @@
|
|||||||
import * as $ from 'svelte/internal/server';
|
import * as $ from 'svelte/internal/server';
|
||||||
|
|
||||||
export default function Skip_static_subtree($$payload, $$props) {
|
export default function Skip_static_subtree($$payload, $$props) {
|
||||||
$$payload.child(($$payload) => {
|
let { title, content } = $$props;
|
||||||
let { title, content } = $$props;
|
|
||||||
|
|
||||||
$$payload.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>`);
|
$$payload.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>`);
|
||||||
});
|
|
||||||
}
|
}
|
||||||
@ -1,17 +1,15 @@
|
|||||||
import * as $ from 'svelte/internal/server';
|
import * as $ from 'svelte/internal/server';
|
||||||
|
|
||||||
export default function State_proxy_literal($$payload) {
|
export default function State_proxy_literal($$payload) {
|
||||||
$$payload.child(($$payload) => {
|
let str = '';
|
||||||
let str = '';
|
let tpl = ``;
|
||||||
let tpl = ``;
|
|
||||||
|
|
||||||
function reset() {
|
function reset() {
|
||||||
str = '';
|
str = '';
|
||||||
str = ``;
|
str = ``;
|
||||||
tpl = '';
|
tpl = '';
|
||||||
tpl = ``;
|
tpl = ``;
|
||||||
}
|
}
|
||||||
|
|
||||||
$$payload.push(`<input${$.attr('value', str)}/> <input${$.attr('value', tpl)}/> <button>reset</button>`);
|
$$payload.push(`<input${$.attr('value', str)}/> <input${$.attr('value', tpl)}/> <button>reset</button>`);
|
||||||
});
|
|
||||||
}
|
}
|
||||||
@ -1,9 +1,7 @@
|
|||||||
import * as $ from 'svelte/internal/server';
|
import * as $ from 'svelte/internal/server';
|
||||||
|
|
||||||
export default function Svelte_element($$payload, $$props) {
|
export default function Svelte_element($$payload, $$props) {
|
||||||
$$payload.child(($$payload) => {
|
let { tag = 'hr' } = $$props;
|
||||||
let { tag = 'hr' } = $$props;
|
|
||||||
|
|
||||||
$.element($$payload, tag);
|
$.element($$payload, tag);
|
||||||
});
|
|
||||||
}
|
}
|
||||||
@ -1,18 +1,16 @@
|
|||||||
import * as $ from 'svelte/internal/server';
|
import * as $ from 'svelte/internal/server';
|
||||||
|
|
||||||
export default function Text_nodes_deriveds($$payload) {
|
export default function Text_nodes_deriveds($$payload) {
|
||||||
$$payload.child(($$payload) => {
|
let count1 = 0;
|
||||||
let count1 = 0;
|
let count2 = 0;
|
||||||
let count2 = 0;
|
|
||||||
|
|
||||||
function text1() {
|
function text1() {
|
||||||
return count1;
|
return count1;
|
||||||
}
|
}
|
||||||
|
|
||||||
function text2() {
|
function text2() {
|
||||||
return count2;
|
return count2;
|
||||||
}
|
}
|
||||||
|
|
||||||
$$payload.push(`<p>${$.escape(text1())}${$.escape(text2())}</p>`);
|
$$payload.push(`<p>${$.escape(text1())}${$.escape(text2())}</p>`);
|
||||||
});
|
|
||||||
}
|
}
|
||||||
Loading…
Reference in new issue