Catatan Keamanan Vault AES-256

A. Enkripsi Vault

Aplikasi Vault (brankas/pemberian nama) menggunakan algoritma enkripsi AES-256, yaitu jenis symmetric encryption. Jika seseorang memiliki hasil enkripsi dan mengetahui password yang sama serta menggunakan aplikasi yang sama atau kompatibel, maka mereka bisa mendekripsi isinya.

B. 🔒 Cara Meningkatkan Keamanan

Jika kamu khawatir soal pencurian, berikut beberapa cara untuk memperkuat keamanan:

1. Gunakan Password yang Sangat Kuat

• Kombinasikan huruf besar, kecil, angka, dan simbol.
• Contoh: T#1gHt-7xPl@9Wz!
• Hindari password umum seperti 123456, password, atau dokumen123.
• Jangan simpan password di file atau menampilkannya di layar.

2. Gunakan Salt dan IV (Initialization Vector)

CryptoJS secara default menggunakan IV internal. Namun, kamu bisa memodifikasi kode agar setiap enkripsi menghasilkan ciphertext yang berbeda meskipun password-nya sama.

3. Simpan File di Lokasi Aman

• Gunakan cloud storage dengan enkripsi tambahan.
• Gunakan sistem vault atau password manager yang terpercaya.

C. Pertanyaan Umum

Pertanyaan: Apa saja algoritma yang sesuai untuk digunakan (CryptoJS, OpenSSL, dll) dan bagaimana cara kerja algoritma AES-256?

Jika kamu ingin bantuan menambahkan IV dan salt agar enkripsi lebih aman dan hasilnya unik, saya bisa bantu memperbarui kodenya langsung.

D. ✅ Fitur (Versi v13-5)

Fitur	Deskripsi
<textarea>	Menyediakan area <textarea> untuk menulis atau menyimpan teks penting yang dilindungi dengan password. Password digunakan untuk mengakses, mengenkripsi, atau mendekripsi isi dokumen. Menambah lapisan keamanan pada catatan pribadi atau sensitif.
📋 Tombol Salin ke Clipboard	Menyalin isi dari <textarea> ke clipboard secara otomatis ketika tombol diklik. Menggunakan navigator.clipboard.writeText() atau fallback berbasis document.execCommand('copy'). Memudahkan pengguna menyalin teks tanpa seleksi manual.
🔑 Enkripsi & Dekripsi AES-256 (CryptoJS) + Salt & IV	Enkripsi teks menggunakan password yang dimasukkan pengguna. Didukung Salt dan IV (Initialization Vector) untuk meningkatkan keamanan: - IV unik di setiap proses enkripsi menghasilkan ciphertext yang berbeda meskipun password sama. - Salt menghasilkan kunci enkripsi yang unik dari password, membuatnya lebih tahan terhadap serangan brute-force dan dictionary attack. Implementasi menggunakan CryptoJS.AES.encrypt() dan CryptoJS.PBKDF2() untuk derivasi kunci dari password.
📂 Unggah File Word (.docx)	Menggunakan pustaka Mammoth.js untuk membaca konten dari file Word (.docx) dan menampilkannya ke dalam elemen <textarea>. .docx adalah format berbasis XML (Open XML), dan Mammoth.js memfokuskan pada ekstraksi konten teks murni tanpa format kompleks seperti tabel atau gambar. Proses: 1. Pengguna memilih file .docx 2. File dibaca sebagai ArrayBuffer 3. Mammoth mengonversi ke HTML/plain text 4. Teks dimasukkan ke dalam textarea
📄 Ekspor ke Word (.docx)	Menggunakan PizZip dan Docxtemplater untuk membuat dokumen Word dari template XML. Cocok untuk membuat file dengan struktur yang rapi (judul, paragraf, variabel template). Proses: 1. Template dokumen Word (.docx) dimuat sebagai base 2. Variabel/placeholder diganti menggunakan Docxtemplater 3. Dokumen diekspor dan ditawarkan sebagai file unduhan PizZip digunakan untuk memuat dan memodifikasi isi file ZIP (.docx), sedangkan Docxtemplater menangani substitusi variabel.
📄 Ekspor ke Word (.doc)	Menyimpan isi <textarea> sebagai file .doc menggunakan objek Blob dan tipe MIME application/msword. Meskipun file akan memiliki ekstensi .doc, sebenarnya ini hanya file HTML yang dibungkus agar dikenali oleh Microsoft Word. ⚠️ Catatan: Metode ini tidak menghasilkan file .doc asli (biner) dan dapat menyebabkan hasil format tidak konsisten. Sebaiknya gunakan ekspor ke .docx dengan Docxtemplater untuk hasil yang lebih profesional.
📤 Impor dari Word (.doc)	File .doc (format Word lama) tidak dapat dibaca langsung di browser menggunakan JavaScript karena merupakan format biner tertutup milik Microsoft. Solusi: 1. Konversi manual: Buka file di Microsoft Word atau Google Docs, lalu simpan ulang sebagai .docx. 2. Konversi otomatis via backend: Gunakan layanan seperti: - LibreOffice CLI (di server) untuk konversi .doc → .docx - API pihak ketiga: Zamzar, Cloudmersive, ConvertAPI, dll. Tidak ada pustaka JavaScript sisi klien yang dapat membaca file .doc dengan aman dan efisien. Disarankan hanya bekerja dengan .docx.
💾 Auto-save & Auto-recovery via localStorage	Auto-save: Teks di <textarea> otomatis disimpan ke localStorage setiap beberapa detik atau saat terjadi perubahan. Auto-recovery: Saat halaman dimuat ulang (reload) atau browser crash, teks terakhir akan dipulihkan dari localStorage dan dimasukkan kembali ke textarea. Berguna untuk mencegah kehilangan data saat pengguna lupa menyimpan secara manual.
📄 Ekspor ke PDF	Menggunakan pustaka jsPDF untuk menyimpan teks dari <textarea> sebagai file .pdf. jsPDF membuat dokumen PDF sisi klien langsung di browser. Hasil ekspor berupa teks biasa, tanpa pemformatan kompleks (bold, heading, dll).
📄 Ekspor ke HTML	Menyimpan teks sebagai file .html dengan membungkusnya dalam tag <pre> untuk menjaga format dan baris baru. Berguna jika ingin melihat teks dalam format web atau menyimpan dokumen sederhana berbasis HTML.
📄 Ekspor ke .txt	Menyimpan teks dari <textarea> sebagai file .txt biasa. Jika teks berupa ciphertext (hasil enkripsi), maka file .txt akan berisi data terenkripsi yang bisa disimpan atau dipindahkan ke perangkat lain untuk didekripsi nanti.
📤 Impor dari .txt	Pengguna memilih file .txt dari perangkat, lalu file dibaca menggunakan FileReader API. Konten teks kemudian dimasukkan ke <textarea> secara otomatis. Bisa digunakan untuk memuat kembali teks biasa maupun ciphertext yang diekspor sebelumnya.
📋 Tombol Salin ke Clipboard	Menyalin isi dari <textarea> ke clipboard secara otomatis ketika tombol diklik. Menggunakan navigator.clipboard.writeText() atau fallback berbasis document.execCommand('copy') untuk kompatibilitas browser lama. Memudahkan pengguna untuk menyalin hasil enkripsi/dekripsi atau teks biasa tanpa perlu seleksi manual.
🔒 Proteksi dengan Password	Mewajibkan pengguna memasukkan password sebelum mengakses atau mengedit dokumen. Menjaga kerahasiaan data yang disimpan di dalam <textarea>. Dapat dikombinasikan dengan metode enkripsi teks.
🌓 Mode Gelap	Mengaktifkan tampilan gelap (dark mode) untuk kenyamanan mata, terutama di malam hari. Secara otomatis mengikuti preferensi perangkat pengguna menggunakan prefers-color-scheme.
📂 Multi-file / Multi-tab Dokumen	Memungkinkan pengguna mengelola beberapa dokumen sekaligus dalam satu antarmuka. Setiap dokumen ditampilkan dalam tab atau daftar terpisah dengan nama unik. Berguna untuk membandingkan atau menyimpan beberapa catatan secara paralel.
🧠 Enkripsi dan Dekripsi Teks	Mengubah isi dokumen menjadi bentuk terenkripsi menggunakan algoritma tertentu (misalnya AES atau Base64). Dokumen hanya dapat dibuka kembali melalui proses dekripsi dengan password yang sesuai. Proses ini melindungi data dari akses tidak sah, serta meningkatkan privasi dan keamanan informasi.
Tombol salin	Untuk menyalin isi textarea
Indikator status	Memberikan umpan balik, misal "Berhasil disimpan", "Terenkripsi", dsb.
📂 Dukungan Multi-dokumen	Memungkinkan pengguna membuka dan mengelola beberapa dokumen dalam satu aplikasi. Setiap dokumen bisa diberi nama dan disimpan secara terpisah. Cocok untuk menyimpan berbagai catatan terenkripsi sekaligus.
🔄 Pemulihan file terenkripsi (.json)	Proses mengembalikan isi file terenkripsi (.json) ke bentuk aslinya melalui dekripsi. Membutuhkan algoritma dan password yang sesuai untuk membuka kembali data yang telah diamankan. Digunakan untuk memastikan data dapat diakses kembali setelah proses enkripsi, tanpa kehilangan informasi.
🧹 Hapus Semua	Menghapus isi textarea dan input password. tombol untuk mengosongkan seluruh isi dokumen atau mengatur ulang ke keadaan awal. Membantu pengguna memulai dokumen baru dengan cepat tanpa reload halaman.
🔒 Validasi Kekuatan Password (label/status)	Menilai apakah password lemah/kuat/sangat kuat berdasarkan panjang dan kombinasi karakter.
👁️‍🗨️ Tampilkan/Sembunyikan Password	(Opsional) Memungkinkan pengguna melihat password yang sedang diketik.
❗Catatan keamanan dan batasan localStorage
🚫 Tidak mendukung .doc (hanya via konversi manual/backend)	Bisa ekspor tapi tidak bisa upload (tidak bisa pilih dan baca isi)
💡 Ide PWA dan penyimpanan lokal	Buat aplikasi ini menjadi Progressive Web App (PWA) agar bisa diinstal di desktop dan digunakan secara offline.
🛡️ Validasi Password	Memastikan bahwa password diisi sebelum proses enkripsi atau pembukaan dokumen. Mencegah akses kosong atau kesalahan saat menggunakan fitur keamanan. Bisa ditambahkan fitur peringatan jika password tidak sesuai.
🧭 Tampilan Responsif	Antarmuka menyesuaikan ukuran layar perangkat (desktop/tablet/smartphone). Memberikan pengalaman pengguna yang optimal di berbagai ukuran layar.
✅ Indikator status dan feedback pengguna
menambahkan kode JavaScript fingerprinting untuk membatasi akses hanya ke satu perangkat (desktop atau HP)
mengubah HTML ke aplikasi Android menggunakan WebView agar lebih aman dari copy-paste. Tambahkan proteksi dasar (anti copy-paste & klik kanan).
✅ Status Informasi	Memberikan feedback seperti "Berhasil dimuat", "Terenkripsi", dll.
✅ Fitur Tambahan	IV unik untuk setiap enkripsi Salt untuk menghasilkan key unik dari password Enkripsi tetap AES-256 namun lebih aman Hasil akhir tetap bisa didekripsi jika password benar
✅ Keuntungan Tambahan	Hasil enkripsi berbeda setiap kali meskipun password sama Sulit ditebak melalui brute-force karena perlu salt dan IV Bisa dibuka di masa depan asalkan format JSON disimpan dengan baik

E. Tampilan Textarea

Textarea mengikuti lebar kontainer induknya. Gunakan CSS:

textarea {
  width: 100%;
  max-width: 800px;
}
body {
  max-width: none;
}

Textarea tetap fleksibel dan responsif saat jendela diperkecil.