Pkgbox is an experimental browser ide for building typescript libraries.

Play with a rudimentary version here => https://pkgbox.vercel.app/

It gives you a stackblitz/codesandbox-like experience with three apps per project:

• library - a typescript library that is bundled directly in the browser
• example - an example app that your library is installed into
• tests - a tests app that your library is installed into

Any time a change is made to the library, pkgbox builds/packs the lib and then installs it into both the example app and the tests app.

lib-editor.mp4

Pkgbox uses stackblitz web containers to run multiple dev servers in the browser and the cool part is that everything from npm install to rollup happens directly in the browser.

Pkgbox uses monaco with full typescript support. Typescript declaration files for all dependencies and src files are provided to monaco which then performs type-checking. Auto-imports are also configured.