Named reactive declaration

[raythurnvoid]

Having multiple reactive declarations makes difficult to understand what each reactive declaration actually do.

Having the possibility to name a reactive declaration helps with code readability since it gives the declaration some context of what it does.
Moreover vscode outline could be synched with the given name.

[dummdidumm]

Named labels is something Svelte itself needs to support before we can add functionality like this to the language tools. For that reason I transfered the issue to the Svelte repo.

[Conduitry]

What would the compiler need to do here? Treat these comments specially and put the name in some new field in the AST? The compiler doesn't feel like the right place for that special handling to me.

[dummdidumm]

I understood it as if the request is about allowing anamedlabel$: ... but looking closely at the screenshot there's also this @name comment. I don't know what exactly is the request then. @monkeythedev could you please clarify?

[pngwn]

I think the request is for the outline section on the left to pick up the tsdoc comment and apply the provided name as the function name. I think this is probably a language-tooling request?

[Conduitry]

That's what I also thought, and I agree that this sounds like a tooling-only feature request.

[raythurnvoid]

@dummdidumm @Conduitry I used a comment just as an example, another way to name it through the compiler could be:
reactOnMyThing$: ... reactive code ... as @dummdidumm wrote.
In this way the comment is no more needed and also the call stack would show the name.

[Conduitry]

Treating foo$: as a reactive declaration/block would technically be a breaking change anyway. I'm going to move this back over to the language tools repo for consideration of the comment mechanism.

[dummdidumm]

I played around with the outline view a little. To be consistent with how TS/JS does it, I'm against the comment solution. So instead I propose to show the first 40-50 characters of that reactive statement, which should give enough info at a glance in most situations.