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';
|
||||
|
||||
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) => {
|
||||
const first = Promise.resolve(1);
|
||||
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]);
|
||||
const each_array = $.ensure_array_like(await Promise.resolve([first, second, third]));
|
||||
|
||||
$$payload.child(async ($$payload) => {
|
||||
$$payload.push(`<!--[-->`);
|
||||
$$payload.push(`<!--[-->`);
|
||||
|
||||
for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
|
||||
let item = each_array[$$index];
|
||||
const promises_1 = [item];
|
||||
for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
|
||||
let item = each_array[$$index];
|
||||
|
||||
$$payload.child(async ($$payload) => {
|
||||
$$payload.push(`<!---->${$.escape(await promises_1[0])}`);
|
||||
});
|
||||
}
|
||||
$$payload.child(async ($$payload) => {
|
||||
$$payload.push(`<!---->${$.escape(await item)}`);
|
||||
});
|
||||
}
|
||||
|
||||
$$payload.push(`<!--]-->`);
|
||||
});
|
||||
$$payload.push(`<!--]-->`);
|
||||
});
|
||||
}
|
||||
@ -1,16 +1,14 @@
|
||||
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);
|
||||
let counter = { count: 0 };
|
||||
const promise = Promise.resolve(counter);
|
||||
|
||||
function increment() {
|
||||
counter.count += 1;
|
||||
}
|
||||
function increment() {
|
||||
counter.count += 1;
|
||||
}
|
||||
|
||||
$$payload.push(`<button>clicks: ${$.escape(counter.count)}</button> `);
|
||||
$.await($$payload, promise, () => {}, (counter) => {});
|
||||
$$payload.push(`<!--]--> ${$.escape(counter.count)}`);
|
||||
});
|
||||
$$payload.push(`<button>clicks: ${$.escape(counter.count)}</button> `);
|
||||
$.await($$payload, promise, () => {}, (counter) => {});
|
||||
$$payload.push(`<!--]--> ${$.escape(counter.count)}`);
|
||||
}
|
||||
@ -1,7 +1,5 @@
|
||||
import * as $ from 'svelte/internal/server';
|
||||
|
||||
export default function Bind_this($$payload) {
|
||||
$$payload.child(($$payload) => {
|
||||
Foo($$payload, {});
|
||||
});
|
||||
Foo($$payload, {});
|
||||
}
|
||||
@ -1,15 +1,13 @@
|
||||
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 });
|
||||
const each_array = $.ensure_array_like({ length: 1 });
|
||||
|
||||
$$payload.push(`<!--[-->`);
|
||||
$$payload.push(`<!--[-->`);
|
||||
|
||||
for (let index = 0, $$length = each_array.length; index < $$length; index++) {
|
||||
$$payload.push(`<button type="button"${$.attr('data-index', index)}>B</button>`);
|
||||
}
|
||||
for (let index = 0, $$length = each_array.length; index < $$length; index++) {
|
||||
$$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';
|
||||
|
||||
export default function Main($$payload) {
|
||||
$$payload.child(($$payload) => {
|
||||
let x = 'test';
|
||||
let y = () => 'test';
|
||||
// needs to be a snapshot test because jsdom does auto-correct the attribute casing
|
||||
let x = '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';
|
||||
|
||||
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++) {
|
||||
$$payload.push(`<p>index: ${$.escape(i)}</p>`);
|
||||
}
|
||||
for (let i = 0, $$length = each_array.length; i < $$length; i++) {
|
||||
$$payload.push(`<p>index: ${$.escape(i)}</p>`);
|
||||
}
|
||||
|
||||
$$payload.push(`<!--]-->`);
|
||||
});
|
||||
$$payload.push(`<!--]-->`);
|
||||
}
|
||||
@ -1,17 +1,15 @@
|
||||
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']);
|
||||
const each_array = $.ensure_array_like(['foo', 'bar', 'baz']);
|
||||
|
||||
$$payload.push(`<!--[-->`);
|
||||
$$payload.push(`<!--[-->`);
|
||||
|
||||
for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
|
||||
let thing = each_array[$$index];
|
||||
for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$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';
|
||||
|
||||
export default function Function_prop_no_getter($$payload) {
|
||||
$$payload.child(($$payload) => {
|
||||
let count = 0;
|
||||
let count = 0;
|
||||
|
||||
function onmouseup() {
|
||||
count += 2;
|
||||
}
|
||||
function onmouseup() {
|
||||
count += 2;
|
||||
}
|
||||
|
||||
const plusOne = (num) => num + 1;
|
||||
const plusOne = (num) => num + 1;
|
||||
|
||||
Button($$payload, {
|
||||
onmousedown: () => count += 1,
|
||||
onmouseup,
|
||||
onmouseenter: () => count = plusOne(count),
|
||||
Button($$payload, {
|
||||
onmousedown: () => count += 1,
|
||||
onmouseup,
|
||||
onmouseenter: () => count = plusOne(count),
|
||||
|
||||
children: ($$payload) => {
|
||||
$$payload.child(($$payload) => {
|
||||
$$payload.push(`<!---->clicks: ${$.escape(count)}`);
|
||||
});
|
||||
},
|
||||
children: ($$payload) => {
|
||||
$$payload.child(($$payload) => {
|
||||
$$payload.push(`<!---->clicks: ${$.escape(count)}`);
|
||||
});
|
||||
},
|
||||
|
||||
$$slots: { default: true }
|
||||
});
|
||||
$$slots: { default: true }
|
||||
});
|
||||
}
|
||||
@ -1,7 +1,5 @@
|
||||
import * as $ from 'svelte/internal/server';
|
||||
|
||||
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';
|
||||
|
||||
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';
|
||||
|
||||
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 { random } from './module.svelte';
|
||||
|
||||
export default function Imports_in_modules($$payload) {
|
||||
$$payload.child(($$payload) => {});
|
||||
}
|
||||
export default function Imports_in_modules($$payload) {}
|
||||
@ -1,10 +1,8 @@
|
||||
import * as $ from 'svelte/internal/server';
|
||||
|
||||
export default function Nullish_coallescence_omittance($$payload) {
|
||||
$$payload.child(($$payload) => {
|
||||
let name = 'world';
|
||||
let count = 0;
|
||||
let name = 'world';
|
||||
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';
|
||||
|
||||
export default function Purity($$payload) {
|
||||
$$payload.child(($$payload) => {
|
||||
$$payload.push(`<p>0</p> <p>${$.escape(location.href)}</p> `);
|
||||
Child($$payload, { prop: encodeURIComponent('hello') });
|
||||
$$payload.push(`<!---->`);
|
||||
});
|
||||
$$payload.push(`<p>0</p> <p>${$.escape(location.href)}</p> `);
|
||||
Child($$payload, { prop: encodeURIComponent('hello') });
|
||||
$$payload.push(`<!---->`);
|
||||
}
|
||||
@ -1,9 +1,7 @@
|
||||
import * as $ from 'svelte/internal/server';
|
||||
|
||||
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';
|
||||
|
||||
export default function State_proxy_literal($$payload) {
|
||||
$$payload.child(($$payload) => {
|
||||
let str = '';
|
||||
let tpl = ``;
|
||||
let str = '';
|
||||
let tpl = ``;
|
||||
|
||||
function reset() {
|
||||
str = '';
|
||||
str = ``;
|
||||
tpl = '';
|
||||
tpl = ``;
|
||||
}
|
||||
function reset() {
|
||||
str = '';
|
||||
str = ``;
|
||||
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';
|
||||
|
||||
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';
|
||||
|
||||
export default function Text_nodes_deriveds($$payload) {
|
||||
$$payload.child(($$payload) => {
|
||||
let count1 = 0;
|
||||
let count2 = 0;
|
||||
let count1 = 0;
|
||||
let count2 = 0;
|
||||
|
||||
function text1() {
|
||||
return count1;
|
||||
}
|
||||
function text1() {
|
||||
return count1;
|
||||
}
|
||||
|
||||
function text2() {
|
||||
return count2;
|
||||
}
|
||||
function text2() {
|
||||
return count2;
|
||||
}
|
||||
|
||||
$$payload.push(`<p>${$.escape(text1())}${$.escape(text2())}</p>`);
|
||||
});
|
||||
$$payload.push(`<p>${$.escape(text1())}${$.escape(text2())}</p>`);
|
||||
}
|
||||
Loading…
Reference in new issue