Diff Navigator pour GitHub dans Chrome avec OffiDocs

DESCRIPTION

Code disponible sur : https://github.

com/daattali/github-diff-navigator-extension/ Description ========= Il s'agit d'une extension Chrome qui vous permet de naviguer facilement dans les modifications d'un fichier qui a été modifié sur GitHub.

Vous avez peut-être remarqué qu'après avoir modifié un fichier via GitHub et prévisualisé vos modifications, il n'y a pas de moyen facile de naviguer dans les modifications d'une manière agréable "changement suivant/précédent".

La plupart des formats de fichiers n'affichent que les lignes qui ont été modifiées et plusieurs lignes environnantes, ce n'est donc généralement pas un inconvénient terrible, mais pour tout document de démarquage (.

md) la situation est différente.

GitHub affiche l'intégralité du document Markdown lors de la prévisualisation des modifications apportées, ce qui signifie que si vous apportez quelques petites modifications à un document volumineux, il est très difficile de trouver ces modifications et de voir ce qui a changé.

Remarkdown (.

Rmd) se comportent de la même manière, et potentiellement d'autres documents de type démarque également.

Entrez : GitHub Diff Navigator.

Motivation ========= L'idée de cette extension est venue lorsque je lisais le livre Advanced R de Hadley Wickham.

Chaque fois que je trouvais quelques fautes de frappe dans un chapitre (qui est un seul document de démarquage), je le modifiais sur GitHub et faisais une demande d'extraction.

Pour m'assurer de ne pas faire de moi un idiot, j'ai voulu revérifier mes modifications dans l'onglet Aperçu, mais j'ai remarqué le problème décrit ci-dessus.

Je ne faisais pas confiance à mes yeux pour trouver les quelques modifications dans des fichiers aussi volumineux, et j'ai fini par utiliser la console DOM + JavaScript pour m'aider à trouver où se trouvaient les modifications.

Ensuite, j'ai décidé que jouer dans la console JavaScript n'était pas assez hardcore et j'ai décidé de passer les deux prochains jours à créer une extension qui m'aidera à trouver rapidement de tels changements à l'avenir.

Fonctionnalités ========= - GitHub Diff Navigator est non intrusif et ne s'affichera que lors de la visualisation de l'aperçu des modifications apportées à un fichier à l'aide de GitHub.

- GitHub Diff Navigator n'utilisera aucune ressource ou n'apparaîtra pas dans le gestionnaire de tâches de Chrome lorsque vous n'avez pas de page éditée GitHub valide ouverte.

- Fonctionne avec plusieurs onglets GitHub ouverts simultanément (chaque fois que vous changez d'onglet, l'extension se met à jour pour vous montrer les modifications dans cet onglet).

- Détecte automatiquement si le fichier en cours d'édition est de type démarquage ou non, et fonctionne de manière transparente pour les deux.

- Interface utilisateur propre et intuitive avec des messages utiles affichés lorsqu'aucune modification n'est trouvée.

Avis de non-responsabilité ========= Je ne conseillerais pas d'utiliser mon code comme modèle ou ressource pour apprendre à écrire des extensions Chrome.

J'ai appris à écrire l'extension et je l'ai entièrement construite en deux jours, donc je ne sais pas quelles sont les meilleures pratiques et comment organiser correctement le code.

C'était juste une excuse pour tester le fonctionnement des extensions Chrome.

J'ai aussi laissé un peu de code moche là-dedans - s'il vous plaît ne jugez pas :)

Informations supplémentaires:

- Offert par deanattali.com
- Note moyenne : 5 étoiles (j'ai adoré)
- Développeur cette adresse e-mail qui est protégée du spam. Vous devez activer JavaScript pour la voir.

Navigateur Diff pour le Web GitHub extension intégré avec les OffiDocs Chromium en ligne