mdjs-viewer: Exécutez et visualisez les démonstrations JavaScript Markdown sur GitHub
mdjs-viewer est une extension Chrome développée par Thomas Allmer qui permet aux utilisateurs d'exécuter et de visualiser des démonstrations interactives de Markdown JavaScript directement sur GitHub. Cette extension améliore les fonctionnalités de la bibliothèque mdjs (Markdown JavaScript) et l'apporte sur la plateforme GitHub.
Avec mdjs-viewer, les utilisateurs peuvent désormais voir des démonstrations en direct à différents endroits sur GitHub, y compris les fichiers Markdown de GitHub tels que README.md et les problèmes GitHub. L'extension garantit la sécurité en isolant l'exécution du code utilisateur et en mettant en œuvre des mesures telles que l'exigence d'une action de l'utilisateur avant d'exécuter un code, l'exécution des démonstrations dans un iframe avec des paramètres de bac à sable et la restriction des requêtes en dehors de l'iframe.
Il convient de noter que mdjs-viewer modifie la politique de sécurité du contenu (CSP) pour GitHub en ajoutant des règles spécifiques à script-src, permettant l'exécution de blocs de code à l'intérieur de l'iframe mdjs et le chargement des dépendances utilisateur à partir de l'iframe.
Pour utiliser mdjs-viewer, il suffit d'activer l'extension et de visiter les pages Markdown et les problèmes sur GitHub. L'extension ajoute un bouton "afficher la démo ▹" à ces pages, qui, lorsqu'il est cliqué, traite le texte Markdown brut à l'aide de mdjs et remplace les importations par des URL unpkg.com. Enfin, un iframe est créé pour afficher le HTML et le JavaScript générés par mdjs.
Veuillez noter qu'il existe une limite au nombre d'appels API anonymes à GitHub par heure (60), et la demande du contenu brut d'un message de problème nécessite une clé API.
Essayez mdjs-viewer pour améliorer votre expérience GitHub avec des démonstrations interactives de Markdown JavaScript !