mdjs-viewer: Esegui e visualizza demo JavaScript Markdown su GitHub
mdjs-viewer è un'estensione per Chrome sviluppata da Thomas Allmer che consente agli utenti di eseguire e visualizzare demo interattive di Markdown JavaScript direttamente su GitHub. Questa estensione migliora la funzionalità della libreria mdjs (Markdown JavaScript) e la porta sulla piattaforma GitHub.
Con mdjs-viewer, gli utenti possono ora vedere demo live in vari luoghi su GitHub, inclusi file Markdown di GitHub come README.md e Issues di GitHub. L'estensione garantisce la sicurezza isolando l'esecuzione del codice dell'utente e implementando misure come richiedere l'azione dell'utente prima di eseguire qualsiasi codice, eseguire demo all'interno di un iframe con impostazioni sandbox e limitare le richieste al di fuori dell'iframe.
È importante notare che mdjs-viewer modifica la Content Security Policy (CSP) per GitHub aggiungendo regole specifiche a script-src, consentendo l'esecuzione di blocchi di codice all'interno dell'iframe mdjs e caricando le dipendenze dell'utente all'interno dell'iframe.
Per utilizzare mdjs-viewer, basta abilitare l'estensione e visitare pagine di markdown e issues su GitHub. L'estensione aggiunge un pulsante "show demo ▹" a queste pagine, che, quando viene cliccato, elabora il testo markdown grezzo utilizzando mdjs e sostituisce gli import con URL di unpkg.com. Infine, viene creato un iframe per visualizzare l'output HTML e JavaScript generato da mdjs.
Si prega di notare che c'è un limite al numero di chiamate API anonime a GitHub per ora (60), e richiedere il contenuto grezzo di un messaggio di issue richiede una chiave API.
Dai a mdjs-viewer una prova per migliorare la tua esperienza su GitHub con demo interattive di Markdown JavaScript!
