msb-public
/
svelte
mirror of https://github.com/sveltejs/svelte
1
0
Code Issues Projects Releases Wiki Activity

snapshots

Browse Source
adjust-boundary-error-message
S. Elliott Johnson 3 weeks ago
parent c5b639c108
commit 0cb62125c1
23 changed files with 199 additions and 142 deletions
Show Stats Download Patch File Download Diff File

2
packages/svelte/src/compiler/phases/3-transform/server/transform-server.js
Unescape View File

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

14
packages/svelte/src/compiler/phases/3-transform/server/visitors/SnippetBlock.js
Unescape View File

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

6
packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/component.js
Unescape View File

@ -237,7 +237,11 @@ export function build_inline_component(node, expression, context) {
b.stmt( b.stmt(
b.call( b.call(
'$$payload.child', '$$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
)
) )
) )
]) ])

18
packages/svelte/tests/snapshot/samples/await-block-scope/_expected/server/index.svelte.js
Unescape View File

@ -1,14 +1,16 @@
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) {
let counter = { count: 0 }; $$payload.child(({ $$payload }) => {
const promise = Promise.resolve(counter); let counter = { count: 0 };
const promise = Promise.resolve(counter);
function increment() { function increment() {
counter.count += 1; counter.count += 1;
} }
$$payload.out.push(`<button>clicks: ${$.escape(counter.count)}</button> `); $$payload.out.push(`<button>clicks: ${$.escape(counter.count)}</button> `);
$.await($$payload, promise, () => {}, (counter) => {}); $.await($$payload, promise, () => {}, (counter) => {});
$$payload.out.push(`<!--]--> ${$.escape(counter.count)}`); $$payload.out.push(`<!--]--> ${$.escape(counter.count)}`);
});
} }

50
packages/svelte/tests/snapshot/samples/bind-component-snippet/_expected/server/index.svelte.js
Unescape View File

@ -2,35 +2,39 @@ import * as $ from 'svelte/internal/server';
import TextInput from './Child.svelte'; import TextInput from './Child.svelte';
function snippet($$payload) { function snippet($$payload) {
$$payload.out.push(`<!---->Something`); $$payload.child(({ $$payload }) => {
$$payload.out.push(`<!---->Something`);
});
} }
export default function Bind_component_snippet($$payload) { export default function Bind_component_snippet($$payload) {
let value = ''; $$payload.child(({ $$payload }) => {
const _snippet = snippet; let value = '';
let $$settled = true; const _snippet = snippet;
let $$inner_payload; let $$settled = true;
let $$inner_payload;
function $$render_inner($$payload) { function $$render_inner($$payload) {
TextInput($$payload, { TextInput($$payload, {
get value() { get value() {
return value; return value;
}, },
set value($$value) { set value($$value) {
value = $$value; value = $$value;
$$settled = false; $$settled = false;
} }
}); });
$$payload.out.push(`<!----> value: ${$.escape(value)}`); $$payload.out.push(`<!----> value: ${$.escape(value)}`);
} }
do { do {
$$settled = true; $$settled = true;
$$inner_payload = $.copy_payload($$payload); $$inner_payload = $.copy_payload($$payload);
$$render_inner($$inner_payload); $$render_inner($$inner_payload);
} while (!$$settled); } while (!$$settled);
$.assign_payload($$payload, $$inner_payload); $.assign_payload($$payload, $$inner_payload);
});
} }

4
packages/svelte/tests/snapshot/samples/bind-this/_expected/server/index.svelte.js
Unescape View File

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

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

@ -3,36 +3,38 @@ import * as $ from 'svelte/internal/server';
export default function Class_state_field_constructor_assignment($$payload, $$props) { export default function Class_state_field_constructor_assignment($$payload, $$props) {
$.push(); $.push();
class Foo { $$payload.child(({ $$payload }) => {
a = 0; class Foo {
#b; a = 0;
#foo = $.derived(() => ({ bar: this.a * 2 })); #b;
#foo = $.derived(() => ({ bar: this.a * 2 }));
get foo() {
return this.#foo(); get foo() {
} return this.#foo();
}
set foo($$value) {
return this.#foo($$value); set foo($$value) {
} return this.#foo($$value);
}
#bar = $.derived(() => ({ baz: this.foo }));
#bar = $.derived(() => ({ baz: this.foo }));
get bar() {
return this.#bar(); get bar() {
} return this.#bar();
}
set bar($$value) {
return this.#bar($$value); set bar($$value) {
} return this.#bar($$value);
}
constructor() {
this.a = 1; constructor() {
this.#b = 2; this.a = 1;
this.foo.bar = 3; this.#b = 2;
this.bar = 4; this.foo.bar = 3;
this.bar = 4;
}
} }
} });
$.pop(); $.pop();
} }

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

@ -1,13 +1,15 @@
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) {
const each_array = $.ensure_array_like({ length: 1 }); $$payload.child(({ $$payload }) => {
const each_array = $.ensure_array_like({ length: 1 });
$$payload.out.push(`<!--[-->`); $$payload.out.push(`<!--[-->`);
for (let index = 0, $$length = each_array.length; index < $$length; index++) { for (let index = 0, $$length = each_array.length; index < $$length; index++) {
$$payload.out.push(`<button type="button"${$.attr('data-index', index)}>B</button>`); $$payload.out.push(`<button type="button"${$.attr('data-index', index)}>B</button>`);
} }
$$payload.out.push(`<!--]-->`); $$payload.out.push(`<!--]-->`);
});
} }

10
packages/svelte/tests/snapshot/samples/dynamic-attributes-casing/_expected/server/main.svelte.js
Unescape View File

@ -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) {
// needs to be a snapshot test because jsdom does auto-correct the attribute casing $$payload.child(({ $$payload }) => {
let x = 'test'; let x = 'test';
let y = () => '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>`);
});
$$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>`);
} }

14
packages/svelte/tests/snapshot/samples/each-index-non-null/_expected/server/index.svelte.js
Unescape View File

@ -1,13 +1,15 @@
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) {
const each_array = $.ensure_array_like(Array(10)); $$payload.child(({ $$payload }) => {
const each_array = $.ensure_array_like(Array(10));
$$payload.out.push(`<!--[-->`); $$payload.out.push(`<!--[-->`);
for (let i = 0, $$length = each_array.length; i < $$length; i++) { for (let i = 0, $$length = each_array.length; i < $$length; i++) {
$$payload.out.push(`<p>index: ${$.escape(i)}</p>`); $$payload.out.push(`<p>index: ${$.escape(i)}</p>`);
} }
$$payload.out.push(`<!--]-->`); $$payload.out.push(`<!--]-->`);
});
} }

16
packages/svelte/tests/snapshot/samples/each-string-template/_expected/server/index.svelte.js
Unescape View File

@ -1,15 +1,17 @@
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) {
const each_array = $.ensure_array_like(['foo', 'bar', 'baz']); $$payload.child(({ $$payload }) => {
const each_array = $.ensure_array_like(['foo', 'bar', 'baz']);
$$payload.out.push(`<!--[-->`); $$payload.out.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.out.push(`<!---->${$.escape(thing)}, `); $$payload.out.push(`<!---->${$.escape(thing)}, `);
} }
$$payload.out.push(`<!--]-->`); $$payload.out.push(`<!--]-->`);
});
} }

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

@ -1,23 +1,27 @@
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) {
let count = 0; $$payload.child(({ $$payload }) => {
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.out.push(`<!---->clicks: ${$.escape(count)}`); $$payload.child(({ $$payload }) => {
}, $$payload.out.push(`<!---->clicks: ${$.escape(count)}`);
});
},
$$slots: { default: true } $$slots: { default: true }
});
}); });
} }

4
packages/svelte/tests/snapshot/samples/functional-templating/_expected/server/index.svelte.js
Unescape View File

@ -1,5 +1,7 @@
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.out.push(`<h1>hello</h1> <div class="potato"><p>child element</p> <p>another child element</p></div>`); $$payload.child(({ $$payload }) => {
$$payload.out.push(`<h1>hello</h1> <div class="potato"><p>child element</p> <p>another child element</p></div>`);
});
} }

4
packages/svelte/tests/snapshot/samples/hello-world/_expected/server/index.svelte.js
Unescape View File

@ -1,5 +1,7 @@
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.out.push(`<h1>hello world</h1>`); $$payload.child(({ $$payload }) => {
$$payload.out.push(`<h1>hello world</h1>`);
});
} }

4
packages/svelte/tests/snapshot/samples/hmr/_expected/server/index.svelte.js
Unescape View File

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

4
packages/svelte/tests/snapshot/samples/imports-in-modules/_expected/server/index.svelte.js
Unescape View File

@ -1,4 +1,6 @@
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 }) => {});
}

8
packages/svelte/tests/snapshot/samples/nullish-coallescence-omittance/_expected/server/index.svelte.js
Unescape View File

@ -1,8 +1,10 @@
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) {
let name = 'world'; $$payload.child(({ $$payload }) => {
let count = 0; 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>`); $$payload.out.push(`<h1>Hello, world!</h1> <b>123</b> <button>Count is ${$.escape(count)}</button> <h1>Hello, world</h1>`);
});
} }

19
packages/svelte/tests/snapshot/samples/props-identifier/_expected/server/index.svelte.js
Unescape View File

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

8
packages/svelte/tests/snapshot/samples/purity/_expected/server/index.svelte.js
Unescape View File

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

6
packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/server/index.svelte.js
Unescape View File

@ -1,7 +1,9 @@
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) {
let { title, content } = $$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>`); $$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>`);
});
} }

20
packages/svelte/tests/snapshot/samples/state-proxy-literal/_expected/server/index.svelte.js
Unescape View File

@ -1,15 +1,17 @@
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) {
let str = ''; $$payload.child(({ $$payload }) => {
let tpl = ``; let str = '';
let tpl = ``;
function reset() { function reset() {
str = ''; str = '';
str = ``; str = ``;
tpl = ''; tpl = '';
tpl = ``; tpl = ``;
} }
$$payload.out.push(`<input${$.attr('value', str)}/> <input${$.attr('value', tpl)}/> <button>reset</button>`); $$payload.out.push(`<input${$.attr('value', str)}/> <input${$.attr('value', tpl)}/> <button>reset</button>`);
});
} }

6
packages/svelte/tests/snapshot/samples/svelte-element/_expected/server/index.svelte.js
Unescape View File

@ -1,7 +1,9 @@
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) {
let { tag = 'hr' } = $$props; $$payload.child(({ $$payload }) => {
let { tag = 'hr' } = $$props;
$.element($$payload, tag); $.element($$payload, tag);
});
} }

20
packages/svelte/tests/snapshot/samples/text-nodes-deriveds/_expected/server/index.svelte.js
Unescape View File

@ -1,16 +1,18 @@
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) {
let count1 = 0; $$payload.child(({ $$payload }) => {
let count2 = 0; let count1 = 0;
let count2 = 0;
function text1() { function text1() {
return count1; return count1;
} }
function text2() { function text2() {
return count2; return count2;
} }
$$payload.out.push(`<p>${$.escape(text1())}${$.escape(text2())}</p>`); $$payload.out.push(`<p>${$.escape(text1())}${$.escape(text2())}</p>`);
});
} }
Write Preview
Loading…
Cancel
Save