Diff Navigator para GitHub en Chrome con OffiDocs

DESCRIPCIÓN

Código disponible en: https://github.

com/daattali/github-diff-navigator-extension/ Descripción ========= Esta es una extensión de Chrome que le permite navegar fácilmente a través de los cambios en un archivo que ha sido editado en GitHub.

Es posible que haya notado que después de editar un archivo a través de GitHub y obtener una vista previa de sus cambios, no hay una manera fácil de navegar a través de los cambios de una manera agradable de "cambio siguiente/anterior".

La mayoría de los formatos de archivo solo muestran las líneas que se cambiaron y varias líneas circundantes, por lo que generalmente no es un gran inconveniente, pero para cualquier documento de descuento (.

md) la situación es diferente.

GitHub muestra todo el documento de rebajas al obtener una vista previa de los cambios realizados, lo que significa que si está realizando algunas modificaciones pequeñas en un documento grande, es muy difícil encontrar esas modificaciones y ver qué ha cambiado.

Rebaja (.

Rmd) los documentos se comportan de manera similar, y potencialmente también otros documentos de tipo rebajado.

Ingrese: GitHub Diff Navigator.

Motivación ========= La idea de esta extensión surgió cuando estaba leyendo el libro Advanced R de Hadley Wickham.

Cada vez que encontraba algunos errores tipográficos en un capítulo (que es un documento de descuento único), lo editaba en GitHub y hacía una solicitud de extracción.

Para asegurarme de no quedar como un idiota, quería volver a verificar mis ediciones en la pestaña Vista previa, pero noté el problema descrito anteriormente.

No confiaba en mis ojos para encontrar las pocas ediciones en archivos tan grandes, y terminé usando la consola DOM + JavaScript para ayudarme a encontrar dónde estaban las ediciones.

Entonces decidí que jugar en la consola de JavaScript no era lo suficientemente duro y decidí pasar los siguientes dos días creando una extensión que me ayude a encontrar dichos cambios rápidamente en el futuro.

Características ========= - GitHub Diff Navigator no es intrusivo y solo aparecerá al mirar la vista previa de las ediciones realizadas en un archivo usando GitHub.

- GitHub Diff Navigator no consumirá ningún recurso ni aparecerá en el Administrador de tareas de Chrome cuando no tenga abierta una página editada de GitHub válida.

- Funciona con varias pestañas de GitHub que están abiertas simultáneamente (cada vez que cambia de pestaña, la extensión se actualizará para mostrarle las ediciones en esa pestaña).

- Detecta automáticamente si el archivo que se está editando es de tipo Markdown o no, y funciona perfectamente para ambos.

- Interfaz de usuario limpia e intuitiva con mensajes útiles que se muestran cuando no se encuentran ediciones.

Descargo de responsabilidad ========= No recomendaría usar mi código como plantilla o recurso para aprender a escribir extensiones de Chrome.

Aprendí a escribir la extensión y la construí por completo en dos días, por lo que no estoy seguro de cuáles son las mejores prácticas y cómo organizar correctamente el código.

Era solo una excusa para probar cómo funcionan las extensiones de Chrome.

También dejé un poco de código feo allí, por favor no juzgues :)

Información adicional:

- Ofrecido por deanattali.com
- Calificación promedio: 5 estrellas (me encantó)
- Desarrollador Esta dirección de correo electrónico está protegida contra robots de spam. Es necesario activar Javascript para visualizarla.

Diff Navigator para la web de GitHub extension integrado con OffiDocs Chromium en línea