# YACE

**Yet Another Code Editor** — A lightweight, Tauri-based code editor built with CodeMirror 6, React, and TypeScript.

## Features

- Multi-tab editing with syntax highlighting for TypeScript, JavaScript, Rust, Python, HTML, CSS, JSON, Markdown
- File explorer with tree view, folder open/create
- Custom Tokyo Night syntax theme (soft, muted colors)
- Dark & light themes
- Command palette (`Ctrl+P`)
- Untitled file support — create and edit without a workspace folder
- Auto-save, word wrap, ruler, configurable font/tab size
- Custom title bar, sidebar, status bar, and context menus
- Resizable side panel

## Keyboard Shortcuts

| Shortcut | Action |
|----------|--------|
| `Ctrl+N` | New untitled file |
| `Ctrl+O` | Open file |
| `Ctrl+Shift+O` | Open folder |
| `Ctrl+S` | Save file |
| `Ctrl+W` | Close tab |
| `Ctrl+P` | Command palette |
| `Ctrl+B` | Toggle sidebar |
| `Ctrl+Tab` / `Ctrl+Shift+Tab` | Next / previous tab |

## Supported Languages

`.ts`, `.tsx`, `.js`, `.jsx`, `.mjs`, `.cjs`, `.rs`, `.json`, `.md`, `.mdx`, `.html`, `.htm`, `.css`, `.py`

## Getting Started

```bash
# Install dependencies
npm install

# Run in browser (Vite dev server)
npm run dev

# Run as desktop app
npm run tauri dev
```

## Build

```bash
npm run build          # Type-check + Vite build
npm run tauri build    # Production desktop build
```

## Tech Stack

- **Frontend:** React 18, TypeScript, Zustand, Tailwind CSS, CodeMirror 6
- **Desktop:** Tauri 1.x, Rust, Tokio
- **Build:** Vite

## Settings

Configurable via the gear icon in the activity bar: font size, tab size, word wrap, line numbers, ruler, theme, auto-save.

## Architecture

```
┌──────────────────────────────┐
│ TitleBar                     │
├──────┬───────────────────────┤
│      │ TabsBar               │
│ Acti │ Breadcrumbs           │
│ vity ├───────────────────────┤
│ Bar  │ YaceEditor            │
│      │ (CodeMirror 6)        │
│      │                       │
│ Side │                       │
│ Panel│                       │
├──────┴───────────────────────┤
│ StatusBar                    │
└──────────────────────────────┘
```