mdjs-viewer: Jalankan dan Lihat Demo JavaScript Markdown di GitHub
mdjs-viewer adalah ekstensi Chrome yang dikembangkan oleh Thomas Allmer yang memungkinkan pengguna untuk menjalankan dan melihat demo Markdown JavaScript interaktif langsung di GitHub. Ekstensi ini meningkatkan fungsionalitas dari pustaka mdjs (Markdown JavaScript) dan membawanya ke platform GitHub.
Dengan mdjs-viewer, pengguna sekarang dapat melihat demo langsung di berbagai tempat di GitHub, termasuk file Markdown GitHub seperti README.md dan Issues GitHub. Ekstensi ini memastikan keamanan dengan mengisolasi eksekusi kode pengguna dan menerapkan langkah-langkah seperti memerlukan tindakan pengguna sebelum menjalankan kode apa pun, menjalankan demo dalam iframe dengan pengaturan sandbox, dan membatasi permintaan di luar iframe.
Perlu dicatat bahwa mdjs-viewer mengubah Kebijakan Keamanan Konten (CSP) untuk GitHub dengan menambahkan aturan khusus ke script-src, yang memungkinkan eksekusi blok kode di dalam iframe mdjs dan memuat dependensi pengguna dari dalam iframe.
Untuk menggunakan mdjs-viewer, cukup aktifkan ekstensi dan kunjungi halaman markdown dan issues di GitHub. Ekstensi ini menambahkan tombol "tampilkan demo ▹" ke halaman-halaman ini, yang ketika diklik, memproses teks markdown mentah menggunakan mdjs dan menggantikan impor dengan URL unpkg.com. Akhirnya, sebuah iframe dibuat untuk menampilkan output HTML dan JavaScript yang dihasilkan oleh mdjs.
Harap dicatat bahwa ada batasan untuk jumlah panggilan API anonim ke GitHub per jam (60), dan meminta konten mentah dari pesan issue memerlukan kunci API.
Cobalah mdjs-viewer untuk meningkatkan pengalaman GitHub Anda dengan demo Markdown JavaScript interaktif!