# 🔄 Cách Reload Extension sau khi Build

## ⚠️ Lưu ý quan trọng

**Chrome không tự động reload extension khi bạn build lại!**

Sau khi chạy `npm run build`, bạn cần **reload extension thủ công** trong Chrome.

---

## 📋 Các bước reload

### Bước 1: Build extension
```bash
cd extension
npm run build
```

### Bước 2: Reload extension trong Chrome

1. Mở `chrome://extensions`
2. Tìm extension **"CuCu Note"**
3. Click nút **🔄 Reload** trên card extension
   - Hoặc toggle OFF rồi ON lại

### Bước 3: Test lại
- Mở một trang web
- Bôi đen text → nhấn Space
- Form sẽ hiện với code mới

---

## 🚀 Tips để dev nhanh hơn

### Option 1: Dùng Extension Reloader
Cài extension này để tự động reload:
- **Extension Reloader**: https://chrome.google.com/webstore/detail/extensions-reloader/fimgfedafeadlieiabdeeaodndnlbhid

Sau khi cài:
1. Build: `npm run build`
2. Extension tự động reload!

### Option 2: Build watch mode
```bash
npm run build:watch
```
Sau đó mỗi lần save file → tự động build → bạn chỉ cần reload extension trong Chrome.

---

## 💡 Workflow đề xuất

1. **Lần đầu**: Build + Load unpacked
2. **Sau đó mỗi lần code thay đổi**:
   - Save file
   - Build (hoặc dùng watch mode)
   - Reload extension trong Chrome (hoặc dùng Extension Reloader)
   - Test ngay

---

## ❓ Tại sao không tự động reload?

Chrome extension được load từ folder `dist/` như một **snapshot** tại thời điểm load. Khi bạn build lại, Chrome không biết files đã thay đổi, nên cần reload thủ công.

