Teapo - TypeScript sandboxed in browser

Topics: General
Nov 20, 2013 at 12:11 AM
Edited Nov 20, 2013 at 12:13 AM
http://mihailik.github.io/teapo/

This is an editor tool that allows you to create 'files' and 'folders' in a virtualized in-memory file system that's embedded within a single page HTML app.

Image

The editor targets TypeScript, naturally, and uses a few fancy syntactic features exposed from typescriptServices.js, such as code completion, definition lookup, error highlighting.

The killer feature is that pressing Ctrl+S on that page makes you a copy of the whole editor code and state and the virtual filesystem as a single HTML file. Save it locally and open again, and the state is preserved.

There are quite a few bugs and limitations in this early prototype, my laser focus is to make it good enough to host its own development inside itself. After that I will get the code to a good shape, add unit tests and stuff. It's quite a dirty quick code at the moment.

Oh by the way, it works on quite a broad range of browsers. Even on a old crappy Blackberry I have lying around.