🚀 Live Edit Sync

Live Edit Sync enables real-time, save-free HTML & CSS editing between VS Code and your browser — no refresh needed.

✨ Features

• 🔁 Instant updates (no save or reload)
• 🧠 Smart DOM patching via Morphdom (only diffs changes)
• 🎨 Live CSS reloads
• 🖥️ Multi-browser sync
• 🔌 Start/Stop directly from VS Code
• 🟢 Browser toggle button to enable/disable live editing
• 🔁 Auto reconnect if connection drops

🧩 How It Works

🧰 Commands

• ▶️ Start Live Edit → Connect VS Code to WebSocket
• ⏹️ Stop Live Edit → Disconnect VS Code

🖥️ Browser Setup

Serve your web page (for example):

cd ~/Desktop/live-edit-test
http-server -p 8081