# CuCu Note Browser Extension

Browser extension để lưu note nhanh từ web - chỉ cần bôi đen text và save!

## 🚀 Setup

```bash
# Install dependencies
npm install

# Build extension
npm run build

# Development mode (watch)
npm run dev
```

## 📦 Load vào Chrome

1. Build extension: `npm run build`
2. Mở Chrome: `chrome://extensions`
3. Bật "Developer mode"
4. Click "Load unpacked"
5. Chọn folder `extension/dist`

## 🎯 Cách dùng

1. **Bôi đen text** trên web
2. Extension hiện popup "💾 Save to CuCu Note"
3. Click popup → Form hiện
4. Điền tag (ví dụ: "important, article")
5. Click "Save" → Done!

## 🏗️ Structure

```
extension/
├── src/
│   ├── content/          # Content script (detect text selection)
│   ├── popup/            # Popup UI (React)
│   ├── components/       # React components
│   ├── background/       # Service worker
│   └── shared/           # Shared code (API client)
├── manifest.json          # Extension config
└── vite.config.ts        # Build config
```

## ⚙️ Config

### Backend URL
Sửa trong `src/shared/api-client.ts`:
```typescript
const API_BASE = 'http://localhost:5000/api/v1'; // Thay đổi URL backend
```

### Auth Token
Extension cần auth token để gọi API. Có thể:
- Dùng Clerk (như frontend)
- Hoặc API key (đơn giản hơn)

## 📝 TODO

- [ ] Setup auth (Clerk hoặc API key)
- [ ] Config backend URL từ settings page
- [ ] Add icons (16x16, 48x48, 128x128)
- [ ] Error handling tốt hơn
- [ ] Success toast notification
