BlinkCode

Desktop-first code editor for web and app workflows.

Electron · React · TypeScript · Monaco · Real LSP IntelliSense · PTY terminal · Windows builds

English  ·  Русская версия  ·  📖 Documentation

---

Table of Contents

1. About
2. Screenshots
3. Features
4. Quick start
5. Desktop build
6. Documentation
7. Tech stack
8. Project structure
9. Contributing
10. License

---

About

BlinkCode is a desktop-first code editor for local development, focused on a fast, keyboard-driven workflow inside a single project. It bridges real language servers (TypeScript, HTML, CSS, JSON) into Monaco so you get full IntelliSense — auto-import, rename, references, formatting, quick fixes — alongside an embedded terminal, file tree and web preview.

Screenshots

Welcome screen

Monaco editor

Settings

Features

Highlights — full list in docs/EN/features.md, all keybindings in docs/EN/shortcuts.md.

• Real IntelliSense via LSP — TypeScript / JavaScript / TSX / JSX, HTML, CSS / SCSS / LESS, JSON, with auto-import, rename, references, go to definition, formatting, code actions and inline diagnostics
• Problems panel — workspace diagnostics grouped by file with filters and click-to-navigate from the status bar
• Command Palette (Ctrl+Shift+P) and Quick Open (Ctrl+P)
• Embedded terminal based on xterm with real PTY sessions
• Embedded browser preview for local dev servers and terminal links
• AI panel for chat-style prompts alongside the editor
• Custom Electron shell — titlebar, activity bar, status bar, toasts, onboarding
• Configurable themes, bracket colorization, indent guides, dot-grid welcome
• Windows installer and portable builds via electron-builder

Quick start

git clone https://github.com/lovlygod/BlinkCode.git
cd BlinkCode
npm install
npm run dev

Open http://127.0.0.1:5173 in your browser.

For the full Electron experience (recommended):

npm run electron:dev

See docs/EN/development.md for the full setup guide and troubleshooting.

Desktop build

npm run dist:win

Build artifacts are written into release/:

• installer: BlinkCode-Setup-0.4.0-x64.exe
• portable: BlinkCode-Portable-0.4.0-x64.exe

Packaging details, asarUnpack, auto-update and GitHub-release flow are documented in docs/EN/building.md.

Documentation

Full documentation lives in docs/:

English	Русский
Documentation home	Главная документации
Features	Возможности
Keyboard shortcuts	Горячие клавиши
Architecture	Архитектура
Language servers (LSP)	Language-серверы (LSP)
Development	Разработка
Building & packaging	Сборка и упаковка

Tech stack

• Frontend: React + TypeScript + Vite
• Editor: Monaco via @monaco-editor/react
• Language servers: typescript-language-server and vscode-langservers-extracted proxied over WebSocket
• Desktop shell: Electron
• Packaging: electron-builder
• Terminal: xterm
• Backend: Express + WebSocket
• Persistence: local JSON-backed state in server/db.js

Project structure

BlinkCode/
├── electron/            # main process + preload
├── server/              # HTTP / WebSocket backend
│   ├── index.js
│   ├── lsp.js           # LSP WebSocket bridge
│   ├── pty.js
│   └── db.js
├── src/
│   ├── components/      # UI (editor, sidebar, panels, …)
│   ├── lsp/             # LSP client + Monaco adapter
│   ├── hooks/
│   ├── store/
│   └── utils/
├── docs/
│   ├── EN/
│   └── RU/
├── build/
├── release/
└── package.json

Detailed breakdown: docs/EN/architecture.md.

Contributing

See CONTRIBUTING.md.

License

Apache 2.0