Replete

Replete brings interactive programming to JavaScript. It is an evaluator for JavaScript modules, supporting a variety of environments including the browser, Node.js, Deno, Bun, and Txiki.

Watch the introduction.

The source code for this extension is in the Public Domain.

Installation

Make sure you have Deno v1.35.3+ installed. In VSCode, go to

View -> Extensions

and search for "Replete". Press "Install".

Usage

The following keybindings can be used to control Replete:

Alternatively, search for "Replete" in the command palette to see the available commands.

Upon starting Replete, a new Output panel will appear. This is where Replete writes its output. Now you can begin evaluating source code.

Configuration

Ensure that the Output panel's "Auto Scrolling" feature is turned on. You may also want to disable VSCode's "Smart Scroll" feature, which can interfere with Replete's output:

Settings -> User -> Features -> Output

The extension can be configured globally by navigating to

Settings -> User -> Extensions -> Replete

or by choosing "Open User Settings (JSON)" in the command palette.

Replete can also be configured on a per-project basis. Simply create a replete.json file in the project's root directory and specify a command like so:

{
    "command": [
        "deno",
        "run",
        "--allow-all",
        "--importmap",
        "https://deno.land/x/replete/import_map.json",
        "https://deno.land/x/replete/replete.js",
        "--browser_port=9325",
        "--content_type=js:text/javascript",
        "--content_type=css:text/css",
        "--content_type=svg:image/svg+xml"
    ]
}

Refer to replete.js for a full list of supported arguments.

Additional configuration, including transpilation, can be achieved via Replete's programmatic interface. See run.js for an example.