Codesandbox-client: TypeScript support

[gyoshev]

Do you plan on supporting sandboxes based on TypeScript? At first glance it appears that it can be achieved by compiling TypeScript files through the sandbox eval, not unlike SystemJS does.

[CompuIves]

Yep, I'm implementing TypeScript this week. 😃

[niieani]

Hey @CompuIves, any news on this? :) Would love to use TS in CodeSandbox!

[CompuIves]

Hey @niieani, TS support has been added. It's only in the Vue template at this moment, because the Vue cli supports it natively.

I'm adding template ejecting (so you can customize CRA) next week, so it'll probably be supported in CRA next week!

[niieani]

That's great news indeed! Thanks. Does ejecting mean we will be able to make our own, custom presets? Also, what's a CRA?

[CompuIves]

Does ejecting mean we will be able to make our own, custom presets?

Exactly, you'll be able to specify if you use sass, css modules, typescript, babel config, etc.

Also, what's a CRA?

Sorry for being a bit unclear! I mean create-react-app with that.

[niieani]

Fantastic. Some time ago I've hacked-in Aurelia support by removing React defaults here: https://codesandbox.io/s/2w8J7n9W. It would be nice to have a template/preset for it too!

[CompuIves]

Wow, nice @niieani! I'll add Aurelia to the list.

[CompuIves]

This is landing tomorrow. There, I said it!

[CompuIves]

Almost merging it in, PR is here: https://github.com/CompuIves/codesandbox-client/pull/192

[CompuIves]

Hah, just in time for the deadline! 😄

TypeScript support is now available:

https://codesandbox.io/s/react-ts

[tkrotoff]

Would be nice to list the TypeScript template on the front page

[davidm-public]

struggling with Vue Typescript, looks like <script lang="ts">is being ignored.

see: https://codesandbox.io/s/vy8923vpq0

Also not sure what the file index.js is doing, seems to be marked as 'main', and undeletable?

Hoping to get Vue and Typescript working, because that's beyond the capabiity of other online sandboxes!

Thanks
David

[CompuIves]

Hey @davidm-public! I just noticed that we only checked for lang="typescript" for Vue templates, I added lang="ts" as viable option with this PR: https://github.com/CompuIves/codesandbox-client/pull/336.

I will also add the option to change the main entry somewhere this or next week.