Skip to content

fix: catch error on @const tag in svelte:boundary in DEV mode #15369

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

Merged
merged 11 commits into from
Feb 27, 2025

Conversation

adiguba
Copy link
Contributor

@adiguba adiguba commented Feb 22, 2025

I'm not sure to understand the reason, but in DEV mode, the @const tag add a $.get() "to eagerly evaluate the expression in order to hit any 'Cannot access x before initialization' errors"

When used in a <svelte:boundary>, this code need to be inside the $.boundary().
So I added const_dev_statements property into SvelteBoundary which is populated by ConstTag when his parent is a Svelteboundary.

Not sure if this need a test, neither how to test in dev mode.

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.
  • If this PR changes code within packages/svelte/src, add a changeset (npx changeset).

Tests and linting

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

Sorry, something went wrong.

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature.

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature.
Copy link

changeset-bot bot commented Feb 22, 2025

🦋 Changeset detected

Latest commit: 0ab422b

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

@svelte-docs-bot
Copy link

@paoloricciuti
Copy link
Member

We definitely need a test for this

neither how to test in dev mode.

you can specify compileOption.dev = true in the config

@adiguba
Copy link
Contributor Author

adiguba commented Feb 24, 2025

Test added.
But I'm not sure how to handle the conflict on index.d.ts...

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature.
@paoloricciuti
Copy link
Member

But I'm not sure how to handle the conflict on index.d.ts...

Should be fixed now

Copy link
Contributor

Playground

pnpm add https://pkg.pr.new/svelte@15369

@adiguba
Copy link
Contributor Author

adiguba commented Feb 24, 2025

Please wait to merge.
I dislike the way I handle that.
I think I can do it more simply...

…into dev/const-boundary
@adiguba
Copy link
Contributor Author

adiguba commented Feb 24, 2025

I think it's way better like that, since it modifies fewer files...

@paoloricciuti
Copy link
Member

I think it's way better like that, since it modifies fewer files...

I agree...much better now...let me just check a couple of things as soon as we get the actual playground

@paoloricciuti
Copy link
Member

I was trying to understand if the dev flag was needed but while exploring this I think the whole accessing eagerly const tags is not really needed. Commenting the line make no test fail... @dummdidumm you added that line here ...any insight?

Copy link
Contributor

@trueadm trueadm left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you

@trueadm
Copy link
Contributor

trueadm commented Feb 27, 2025

I was trying to understand if the dev flag was needed but while exploring this I think the whole accessing eagerly const tags is not really needed. Commenting the line make no test fail... @dummdidumm you added that line here ...any insight?

It's useful because deriveds are lazy, and by reading it eagerly in DEV to capture any Cannot access x before initialization errors. I believe we even have a test for this from Svelte 4?

@trueadm trueadm merged commit fe343e9 into sveltejs:main Feb 27, 2025
9 checks passed
@github-actions github-actions bot mentioned this pull request Feb 27, 2025
@paoloricciuti
Copy link
Member

It's useful because deriveds are lazy, and by reading it eagerly in DEV to capture any Cannot access x before initialization errors. I believe we even have a test for this from Svelte 4?

Removing that line was not failing any test...how can you have a cannot access x before initialization in a const tag?

@trueadm
Copy link
Contributor

trueadm commented Feb 27, 2025

@paoloricciuti You can reference something in one const tag vs the other and it can cause that issue.

@paoloricciuti
Copy link
Member

@paoloricciuti You can reference something in one const tag vs the other and it can cause that issue.

Const tags are reorganized to not have the issue and if there's some cycle it's a compiler error

@trueadm
Copy link
Contributor

trueadm commented Feb 27, 2025

@paoloricciuti You can reference something in one const tag vs the other and it can cause that issue.

Const tags are reorganized to not have the issue and if there's some cycle it's a compiler error

I believe that's not the case for where you reference things like snippets right?

@paoloricciuti
Copy link
Member

I believe that's not the case for where you reference things like snippets right?

Oh that's it

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.

svelte:boundary doesn't catch errors inside a @const tag
3 participants