mdjs-viewer: Execute e Visualize Demonstração de JavaScript Markdown no GitHub
mdjs-viewer é uma extensão do Chrome desenvolvida por Thomas Allmer que permite aos usuários executar e visualizar demos interativas de Markdown JavaScript diretamente no GitHub. Essa extensão aprimora a funcionalidade da biblioteca mdjs (Markdown JavaScript) e a traz para a plataforma do GitHub.
Com o mdjs-viewer, os usuários agora podem ver demos ao vivo em vários lugares no GitHub, incluindo arquivos Markdown do GitHub como README.md e problemas do GitHub. A extensão garante segurança isolando a execução do código do usuário e implementando medidas como exigir ação do usuário antes de executar qualquer código, executar demos dentro de um iframe com configurações de sandbox e restringir solicitações fora do iframe.
Vale ressaltar que o mdjs-viewer modifica a Política de Segurança de Conteúdo (CSP) do GitHub adicionando regras específicas ao script-src, permitindo a execução de blocos de código dentro do iframe mdjs e carregando dependências do usuário de dentro do iframe.
Para usar o mdjs-viewer, basta ativar a extensão e visitar páginas de markdown e problemas no GitHub. A extensão adiciona um botão "show demo ▹" a essas páginas, que, quando clicado, processa o texto markdown bruto usando o mdjs e substitui as importações por URLs do unpkg.com. Por fim, um iframe é criado para exibir a saída HTML e JavaScript gerada pelo mdjs.
Observe que há um limite para o número de chamadas de API anônimas ao GitHub por hora (60) e solicitar o conteúdo bruto de uma mensagem de problema requer uma chave de API.
Experimente o mdjs-viewer para aprimorar sua experiência no GitHub com demos interativas de Markdown JavaScript!
