eps1lon / typescript-play

Better TypeScript playground

TypeScript playground

A better TypeScript playground, forked from Agent Cooper for typescriptlang.org

This branch is meant to be a hold-over until we get a new website up and running where it's integration will be different.

Getting started

yarn install
yarn setup
yarn start

Updating TypeScript

Playground relies on UNPKG to fetch monaco-editor (contains typescript through monaco-typescript package).

In case if monaco-editor is not updated to the latest TypeScript, the latest version can be built with npm run get-typescript latest and served locally. If you run into errors, the latest monaco version may be incompatible with the latest typescript version, in which case you'll need to update monaco-typescript upstream, or apply a patch locally (see the # Patches section in get-typescript.sh.

In case you want to serve some specific version of TypeScript locally you should run npm run get-typescript <version>. For example, to serve TypeScript version 2.8.3 you should run npm run get-typescript 2.8.3; npm start

Browser compatibility

Tested with:

• Chrome 65
• Safari 11
• Firefox 58
• Microsoft Edge 41

Prior art

• https://fabiandev.github.io/typescript-playground/
• http://hi104.github.io/typescript-playground-on-ace/
• http://drake7707.github.io/Typescript-Editor/
• http://niutech.github.io/typescript-interpret/

Other useful links

• https://typescript-api-playground.glitch.me/ – explore TS transforms
• https://ts-ast-viewer.com/ – TS AST viewer
• https://ts-creator.js.org/ - turn TypeScript code into AST builder expressions