Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: more efficient spread attributes in SSR output #11660

Merged
merged 2 commits into from
May 16, 2024

Conversation

Rich-Harris
Copy link
Member

@Rich-Harris Rich-Harris commented May 16, 2024

Spread attributes are needlessly laborious in SSR output. Before:

import * as $ from "svelte/internal/server";

export default function App($$payload, $$props) {
	$.push();

	$$payload.out += `<div${$.spread_attributes(
		[
			{ "a": 1 },
			{ "b": 2 },
			{ "c": 3 },
			obj
		],
		true,
		true,
		""
	)}></div>`;

	$.pop();
}

After:

import * as $ from "svelte/internal/server";

export default function App($$payload, $$props) {
	$.push();
	$$payload.out += `<div${$.spread_attributes({ a: 1, b: 2, c: 3, ...obj })}></div>`;
	$.pop();
}

No test because there's no user-observable difference.

Before submitting the PR, please make sure you do the following

  • It's really useful if your PR references an issue where it is discussed ahead of time. In many cases, features are absent for a reason. For large changes, please create an RFC: https://github.com/sveltejs/rfcs
  • Prefix your PR title with feat:, fix:, chore:, or docs:.
  • This message body should clearly illustrate what problems it solves.
  • Ideally, include a test that fails without this PR but passes with it.

Tests and linting

  • Run the tests with pnpm test and lint the project with pnpm lint

Copy link

changeset-bot bot commented May 16, 2024

🦋 Changeset detected

Latest commit: 58336dc

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
svelte Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@Conduitry
Copy link
Member

I see that something like <div a=foo {...spread1} b=bar {...spread2}></div> is now getting turned into

import * as $ from "svelte/internal/server";

export default function App($$payload, $$props) {
	$.push();
	$$payload.out += `<div${$.spread_attributes({ a: "foo", ...spread1, b: "bar", ...spread2 }, true, true, "")}></div>`;
	$.pop();
}

which seems reasonable.

But are there any other gotchas here? I'm not sure what they'd be. Do we know why the SSR code was written like that to begin with? Was it to mirror something in CSR (which turned out not to be necessary)?

@Rich-Harris
Copy link
Member Author

Converting to draft for a moment as there's more we can do here.

I don't think there are any gotchas. I think we just fucked up before and made things needlessly complicated

@Rich-Harris Rich-Harris marked this pull request as draft May 16, 2024 17:02
@trueadm trueadm merged commit c70533a into main May 16, 2024
8 checks passed
@trueadm trueadm deleted the better-ssr-spread-attributes branch May 16, 2024 21:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants