⚠️ Work in Progress - This project is under active development. Features and APIs may change.

Run JavaScript/TypeScript without a build or compile step. Import and execute third-party libraries with TypeScript IntelliSense support

• Auto play
• Third-party libraries import (ESM)
• Iframe-based execution environment
• Custom import maps support
• Multiple Themes
• Theme builder
• Custom Typescript Compiler Options
• Efficient Type intellisnse(via Web Containers)
• Code Snapshot

For running Javascript, tscript scans the user code for import statements and replaces the package names with their equivalent esm remote urls from a cdn. Since browsers support esm modules natively, no webpack, parcel etc is required.

Coming Soon

Traditional package managers resolve dependency trees and write files to disk, including type definitions. In the browser, this process becomes non-trivial and inefficient because each module (and its dependencies) must be fetched individually via HTTP requests. Several technologies like Web Containers provide a virtual file system(VFS) in-memory, virtual processes inside the browser. What that means is that we can install a package and have all of its files and dependents at one go all in the browser, eliminating our drawbacks.

Allow users to define custom package resolution with features like:

• Custom CDN selection
• Version pinning
• Local/private package mapping
• Import map presets for common configurations

Isolated execution environment providing:

• Fresh context per run
• Console output redirection
• Proper import map support
• Enhanced security and sandboxing

• Implement iframe-based code execution with console redirection
• Add import maps support with UI editor
• Integrate WebContainers for full dependency resolution and IntelliSense
• Add support for custom TypeScript compiler options
• Implement theme switching and a theme builder
• Add a snapshot feature to save and share code examples