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

Try JSX Tool Without Integrating

Want to see how JSX Tool works before integrating it into your codebase?

You can run a standalone dev server next to your existing setup without changing any code. Navigate to the directory containing the package.json you use to start your project (in a monorepo, this is your app's package.json, not the root's package.json), and run:

In a terminal session, cd to the same directory as your project's package.json

npx @jsx-tool/jsx-tool start --logging

After you run that (your project needs to be running too). Open http://localhost:4000

I'm Ready to Integrate

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