Add TypeScript support

[opensas]

Now that official TypeScript support for Svelte has been announced, It would be very convenient to also add it to the Repl.

The Repl has become a very useful tool, not only to showcase applications and share code snippets, but also to report issues.

[pngwn]

This is not a simple change, with the way things are setup. But I have been looking into this and other improvements over the past week.

[opensas]

Great to know, it really is a very useful tool.

[bradphelan]

This would be a great addition

[samuelandert]

Indeed, this is one of the most interesting and anticipated REPL features.

[danawoodman]

Will this be considered by the core team? Would be pretty rad 😸

[vinayakkulkarni]

Is there any way we, the community, can help contribute in building the REPL using TS ?

[hperrin]

Is there a way to at least strip type declarations from a Svelte file, then we could use that?

[fmp777]

Wold be nice for sure! Would make REPL useful again!

[mawoka-myblock]

Wold be nice for sure! Would make REPL useful again!

It is definitely not useless, but TypeScript support would be great!

[ehartford]

I will send you a gift basket

[r-sw-eet]

omg, just found out, that ts in repl is not working. coming from angular, that hurts.
you are cutting off many devs trying out svelte via learning on repl.

[gyurielf]

Any update on this ?
It's still awaited feature.

[jacob-8]

Any update on this ?

I don't know the team's plans, but do note that when learn.svelte.dev is fully ready for use, it will open the door wide for lots of REPL innovation, including Typescript. I would wait for that tool to be finished up with the basic SvelteKit tutorials and examples, and then would expect Typescript to be right around the corner. Due to its use of WebContainers running Node in the browser, adding Typescript compilation will be similar to how we do it in our repos presently, just add svelte-preprocess to the svelte config file. If they plan to bring intellisense into their browser editor is yet to be seen, as well if they plan to turn learn.svelte.dev into a full blown REPL is also yet to be seen. But these things can't be too far out.

[Tal500]

Any update on this ?

I don't know the team's plans, but do note that when learn.svelte.dev is fully ready for use, it will open the door wide for lots of REPL innovation, including Typescript. I would wait for that tool to be finished up with the basic SvelteKit tutorials and examples, and then would expect Typescript to be right around the corner. Due to its use of WebContainers running Node in the browser, adding Typescript compilation will be similar to how we do it in our repos presently, just add svelte-preprocess to the svelte config file. If they plan to bring intellisense into their browser editor is yet to be seen, as well if they plan to turn learn.svelte.dev into a full blown REPL is also yet to be seen. But these things can't be too far out.

While this feature and WebContainers are awesome, I still like the REPL as a lightweight alternative(in addition, not instead) to a virtual OS simulation on the web.

[markjaquith]

The Svelte 5 Preview Repl seems to support TypeScript. Can it be assumed that when Svelte 5 is released, that repl will graduate?

[braebo]

Is this planned?

[markjaquith]

TypeScript is working in the REPL (Playground) for me now. I think this can be closed.

[opensas]

I just did a very quick and dirty test, and it seems like it's basically just ignoring ts

I guess we should expect it to have some support similar to typescript playground. solid has something similar in place

svelte 5 playground (it doesn't complain at all)

ts playground

solid playground

or perhaps we should open a different issue for this....