How to run TypeScript compiler within a website

Question

I'd like to run the TypeScript compiler within a website in order to build something like the playground on TypeScript's website TypeScript Playground.

In opposite of running tsc on the server side, I'd like to run compile it directly within JS. I've looked for any similar posts here and any description within the TypeScript language specification, but I can't find any information on that.

possible duplicate of [TypeScript Web-Based IDE](http://stackoverflow.com/questions/14283737/typescript-web-based-ide) - hopefully that will answer your question. — Fenton, Jan 29 '13 at 17:06

score 2 · Accepted Answer · answered Jan 29 '13 at 17:09

2

The typescript compiler is written in Typescript, so you can load the compiler (typescript.js) into your browser. But bare in mind that it is slightly heavy (roughly 250 KB).

answered Jan 29 '13 at 17:09

ppoliani

4,792
3
34
62

10

Yes, but how do you wield it? How do you compile the contents of one textarea into another? – Naikrovek Apr 03 '13 at 18:23

score 2 · Answer 2 · answered May 03 '15 at 12:55

2

There's some documentation on the TS Compiler API and there's also typestring - a wrapper that is still intended for use in NodeJS, but you can use it as a starting point.

answered May 03 '15 at 12:55

Boycott Russia

11,818
5
28
29

score 2 · Answer 3 · answered Oct 25 '18 at 14:01

2

Yes, it's possible to use TypeScript compiler in the browser without any hack. Checkout my examples playground and monaco-editor demos in this answer: TypeScript Web-Based IDE

answered Oct 25 '18 at 14:01

cancerbero

6,799
1
32
24

How to run TypeScript compiler within a website

3 Answers3