Beae VS Code Extension
VS Code extension for two-way synchronization between VS Code and external applications via WebSocket.
Features
🌐 WebSocket Server
- Real-time WebSocket server running on port
9812
- Automatically starts when VS Code opens
- Status indicator in the status bar (bottom right)
- Control panel for server management
📁 File Management
- Open folders with files from external applications
- Create and manage files through WebSocket protocol
- Support for multiple file types (Liquid, JavaScript, CSS, JSON, etc.)
🔄 Two-Way Synchronization
- VS Code → External App: Automatically syncs file changes when you save
- External App → VS Code: Receives file updates from external applications
- Real-time bidirectional file synchronization
- Session-based file tracking to prevent conflicts
📊 User Interface
- Status bar indicator showing server status (🟢 running / 🔴 stopped)
- WebSocket control panel accessible via command palette
- Commands for server control:
Beae: Toggle WebSocket Server - Toggle server on/off
Beae: Start beae websocket - Start the server
Beae: Stop beae websocket - Stop the server
Beae: Check beae websocket status - Check server status
Beae: Open WebSocket Control Panel - Open control panel
🔌 WebSocket Protocol
- Client → VS Code:
openFolder, updateFile, ping
- VS Code → Client:
connected, folderOpened, codeUpdated, fileUpdated, pong, error
- Session-based communication
- Automatic reconnection handling
Release Notes
Version 1.0.1
FIX
- ✅ Fix cleanup when open new folder
- ✅ Fix message open when actions handle
Version 1.0.0
Initial Release
- ✅ WebSocket server for real-time communication
- ✅ Open folders with files from external applications
- ✅ Two-way file synchronization
- ✅ Status bar indicator for server status
- ✅ WebSocket control panel
- ✅ Auto-start on VS Code launch
- ✅ Session-based file tracking
- ✅ Support for multiple file types
- ✅ Error handling and logging
| |