Discord Translator Extension

Ekstensi Chrome untuk menerjemahkan pesan Discord secara otomatis

✨ Fitur

• 🔄 Auto-translate pesan Discord yang masuk (English ↔ Indonesian)
• ✍️ Translate sebelum mengirim - terjemahkan pesan Anda sebelum dikirim
• 🌐 Multi-bahasa - Mendukung berbagai bahasa (Indonesia, Inggris, Jepang, Korea, Spanyol, Prancis, Jerman)
• 🎯 Mode Auto/Manual - Deteksi bahasa otomatis atau pilih bahasa target
• 🔘 Floating toggle button - Toggle on/off dengan mudah di Discord
• 🎨 Modern UI - Interface yang bersih dan responsif

📦 Instalasi

1. Install Extension

1. Buka Chrome/Edge → Klik menu (⋮) → Extensions → Manage Extensions
2. Aktifkan Developer mode (toggle di pojok kanan atas)
3. Klik Load unpacked
4. Pilih folder discord-translator-extension
5. Extension akan muncul di toolbar browser

🚀 Cara Menggunakan

Di Discord:

1. Membaca Pesan:

   • Pesan yang masuk akan otomatis diterjemahkan
   • Terjemahan muncul di bawah pesan asli dengan ikon 🔁

2. Mengirim Pesan:

   • Ketik pesan dalam bahasa Indonesia/Inggris
   • Tekan Enter (tanpa Shift)
   • Pesan akan otomatis diterjemahkan sebelum dikirim

3. Toggle On/Off:

   • Gunakan floating button "🔄 ON" / "🔄 OFF" di kanan bawah layar Discord
   • Atau buka popup extension dan toggle melalui settings

⚙️ Settings

Setting	Deskripsi
Translation Mode	Auto (EN↔ID) atau Manual (pilih bahasa)
Target Language	Bahasa tujuan untuk mode Manual
Enable/Disable	Aktifkan atau nonaktifkan translator

🛠️ Troubleshooting

Extension tidak bekerja?

1. ✅ Pastikan API Key sudah diisi dengan benar
2. ✅ Pastikan extension status "Enabled"
3. ✅ Reload halaman Discord (Ctrl+R)
4. ✅ Buka Console (F12) untuk melihat error

Terjemahan tidak muncul?

• Pastikan selector Discord belum berubah (Discord sering update)
• Buka Console, cari error di content script
• Coba disable lalu enable kembali extension

📝 File Structure

discord-translator-extension/
├── manifest.json          # Extension manifest
├── background.js          # Service worker (Gemini API handler)
├── content.js            # Content script (Discord integration)
├── popup.html            # Settings popup UI
├── popup.js              # Settings logic
├── styles.css            # Styling
├── generate-icons.html   # Icon generator tool
├── icons/
│   ├── icon-16.png      # 16x16 icon
│   ├── icon-48.png      # 48x48 icon
│   └── icon-128.png     # 128x128 icon
└── README.md            # Documentation

🔒 Privacy

• Extension hanya mengirim teks ke Gemini API untuk translation
• API Key disimpan lokal di browser (chrome.storage.sync)
• Tidak ada data yang dikirim ke server lain
• Source code terbuka untuk audit

🐛 Known Issues

• Discord sering mengubah class names, selector mungkin perlu update
• Rate limiting dari Gemini API (solusi: tunggu atau upgrade)
• Translation delay ~300ms (optimisasi dengan debouncing)

📄 License

Open source - feel free to modify and improve!

🙏 Credits

• Discord - Platform
• Built with ❤️ for Discord community

---

Version: 1.2
Last Updated: November 2025

Jika ada bug atau saran, silakan buat issue atau pull request! 🚀