jsonl-editor/README.md

Edit individual JSON lines in JSONL files

<div align="center">
  <div style="width: 160px">

  ![icon](./assets/icon.png)
  </div>

  # JSONL Editor
</div>


## Features
- **Edit JSONL Lines**: Edit individual JSON lines in JSONL (JSON Lines) files. Open any line as formatted JSON in a new tab, edit it, and save to update the original JSONL file.
- **Preview JSONL**: Real-time preview of the JSON on the current line. The preview automatically updates as you move your cursor through the JSONL file.

## How to Use

### Edit JSONL Line
1. Open a JSONL file and place your cursor on any JSON line.
2. Open command palette and select `Edit JSONL line` or right-click and select from context menu.
3. Edit the JSON in the new tab (formatted for easy editing).
4. Save (Ctrl+S / Cmd+S) to update the original JSONL file.

### Preview JSONL
1. Open a JSONL file.
2. Open command palette and select `Preview JSONL` or right-click and select from context menu.
3. The preview panel will show the formatted JSON of the current line.
4. Move your cursor to different lines to see their JSON content in real-time.

## Development

### Preview Template Development
To develop and test the preview template with live reload:

```bash
npm run preview-dev
```

This will:
- Start a development server at http://localhost:3000
- Display the preview template with sample JSON data
- Auto-reload when you modify `src/preview-template.html`

## Others
[Issues](https://github.com/toiroakr/jsonl-editor/issues)

[Releases](https://github.com/toiroakr/jsonl-editor/releases)