ts-repl

ts-repl is a super-fast environment for exploring and experimenting with TypeScript on your local machine. Designed to run seamlessly within VSCode, it enables quick feedback and smooth experimentation.

Features

• Blazing-fast transpilation: Built on SWC for near-instant code transformations.
• Local integration: Designed to work directly within VSCode, leveraging your local setup.
• Simple and lightweight: A minimal yet powerful setup for experimenting with TypeScript.

Installation

Prerequisites

• Install Node.js (LTS or Current)
• Install VSCode

Installation

First, install dependencies with npm.

npm install

Open the project in VSCode:

code .

Install recommended extensions

The workspace includes a list of suggested extensions to enhance your development experience. When you open the project in VSCode, it will prompt you to install these recommended extensions.

If the notification doesn't show up you can manually open up Recommended Extensions settings as follows:

• Open the command palette CMD + Shift + p
• Type Show Recommended Extensions

All the extensions can be installed together or only required extensions can be installed.

The following extensions are suggested:

• Error Lens (usernamehw.errorlens) – Highlights errors and warnings directly in your code.

• TwoSlash Queries (orta.vscode-twoslash-queries) – Enables TypeScript annotations and inline queries.

• Pretty TypeScript Errors (yoavbls.pretty-ts-errors) – Improves the readability of TypeScript error messages.

• Prettier (esbenp.prettier-vscode) – A popular code formatter for consistent styling.

Keybindings

To achieve functionality similar to Replit, add these entries to your keybindings.json file.

[
  {
    "key": "cmd+enter",
    "command": "workbench.action.tasks.runTask",
    "args": "build",
    "when": "config.workspaceKeybindings.repl.enabled"
  },
  {
    "key": "cmd+enter",
    "command": "workbench.action.tasks.restartTask",
    "args": "build",
    "when": "config.workspaceKeybindings.repl.enabled && taskRunning"
  }
]

Usage

1. Open src/index.ts

2. Start experimenting with TypeScript syntax and features.

3. Update results on demand with Command+Enter, similar to Replit.

Contributing

We welcome contributions! If you have ideas for new features, improvements, or bug fixes, feel free to open an issue or submit a pull request.