JSX Tool/docs

Dev Server

Connect your filesystem to the JSX Tool browser extension to make live edits to your source code.

Overview

The JSX Tool dev server enables the browser extension to communicate with your filesystem. It runs a WebSocket server that bridges between your browser and local files, allowing the extension to read from and write to your source files.

View JSX Tool Dev Server Repo on Github

The Dev Server, including the code needed to connect an extension to a local codebase and LSP server, Git Status checker, and Ripgrep wrapper is fully open source and MIT licensed.

If you're ready to integrate, follow one of these guides. You can also find example projects for various codebases to help you get started.

View Dev Server Integration Examples

Vite

Set up JSX Tool with Vite-powered applications

Non-Vite Setup

Configure JSX Tool for non-Vite environments including Next.js

System Design

Learn about the architecture of JSX Tool's dev server integration

Monorepos

Configure JSX Tool in monorepo architectures.