mdjs-viewer: Ejecutar y ver demos de JavaScript de Markdown en GitHub
mdjs-viewer es una extensión de Chrome desarrollada por Thomas Allmer que permite a los usuarios ejecutar y ver demos interactivos de Markdown JavaScript directamente en GitHub. Esta extensión mejora la funcionalidad de la biblioteca mdjs (Markdown JavaScript) y la lleva a la plataforma de GitHub.
Con mdjs-viewer, los usuarios ahora pueden ver demos en vivo en varios lugares de GitHub, incluyendo archivos Markdown de GitHub como README.md y problemas de GitHub. La extensión garantiza la seguridad al aislar la ejecución del código del usuario e implementar medidas como requerir la acción del usuario antes de ejecutar cualquier código, ejecutar demos dentro de un iframe con configuraciones de sandbox y restringir las solicitudes fuera del iframe.
Vale la pena señalar que mdjs-viewer modifica la Política de Seguridad de Contenido (CSP) para GitHub agregando reglas específicas a script-src, permitiendo la ejecución de bloques de código dentro del iframe de mdjs y cargando dependencias del usuario desde dentro del iframe.
Para usar mdjs-viewer, simplemente habilita la extensión y visita páginas de markdown y problemas en GitHub. La extensión agrega un botón "mostrar demo ▹" a estas páginas, que, al hacer clic, procesa el texto de markdown sin formato utilizando mdjs y reemplaza las importaciones con URL de unpkg.com. Finalmente, se crea un iframe para mostrar la salida HTML y JavaScript generada por mdjs.
Ten en cuenta que hay un límite para el número de llamadas anónimas a la API de GitHub por hora (60), y solicitar el contenido sin formato de un mensaje de problema requiere una clave de API.
¡Prueba mdjs-viewer para mejorar tu experiencia en GitHub con demos interactivos de Markdown JavaScript!
