mdjs-viewer: Voer Markdown JavaScript-demonstraties uit en bekijk ze op GitHub
mdjs-viewer is een Chrome-extensie ontwikkeld door Thomas Allmer waarmee gebruikers interactieve Markdown JavaScript-demonstraties kunnen uitvoeren en bekijken op GitHub. Deze extensie verbetert de functionaliteit van de mdjs (Markdown JavaScript) bibliotheek en brengt deze naar het GitHub-platform.
Met mdjs-viewer kunnen gebruikers nu live demonstraties bekijken op verschillende plaatsen op GitHub, waaronder GitHub Markdown-bestanden zoals README.md en GitHub Issues. De extensie zorgt voor beveiliging door de uitvoering van gebruikerscode te isoleren en maatregelen te implementeren zoals het vereisen van gebruikersactie voordat er code wordt uitgevoerd, het uitvoeren van demonstraties binnen een iframe met sandbox-instellingen en het beperken van verzoeken buiten het iframe.
Het is vermeldenswaard dat mdjs-viewer de Content Security Policy (CSP) voor GitHub wijzigt door specifieke regels toe te voegen aan script-src, waardoor de uitvoering van codeblokken binnen het mdjs-iframe mogelijk is en het laden van gebruikersafhankelijkheden vanuit het iframe.
Om mdjs-viewer te gebruiken, schakelt u eenvoudigweg de extensie in en bezoekt u markdown-pagina's en issues op GitHub. De extensie voegt een knop "show demo ▹" toe aan deze pagina's, die wanneer erop wordt geklikt, de ruwe markdown-tekst verwerkt met behulp van mdjs en imports vervangt door unpkg.com-URL's. Ten slotte wordt er een iframe gemaakt om de door mdjs gegenereerde HTML- en JavaScript-uitvoer weer te geven.
Houd er rekening mee dat er een limiet is aan het aantal anonieme API-oproepen naar GitHub per uur (60) en dat het opvragen van de ruwe inhoud van een issuemelding een API-sleutel vereist.
Probeer mdjs-viewer uit om uw GitHub-ervaring te verbeteren met interactieve Markdown JavaScript-demonstraties!
