Diff Navigator voor GitHub in Chrome met OffiDocs

PRODUCTBESCHRIJVING

Code beschikbaar op: https://github.

com/daattali/github-diff-navigator-extension/ Beschrijving ========= Dit is een Chrome-extensie waarmee je eenvoudig door de wijzigingen kunt navigeren in een bestand dat op GitHub is bewerkt.

Het is je misschien opgevallen dat na het bewerken van een bestand via GitHub en het bekijken van een voorbeeld van je wijzigingen, er geen gemakkelijke manier is om door de wijzigingen te navigeren op een mooie "volgende/vorige wijziging" manier.

De meeste bestandsindelingen tonen alleen de regels die zijn gewijzigd en een aantal omringende regels, dus het is meestal niet erg vervelend, maar voor elk document met een prijsverlaging (.

d) de situatie is anders.

GitHub toont het volledige markdown-document bij het bekijken van een voorbeeld van de aangebrachte wijzigingen, wat betekent dat als je een paar kleine bewerkingen aanbrengt in een groot document, het erg moeilijk is om die bewerkingen te vinden en te zien wat er is veranderd.

Afwaardering (.

Rmd)-documenten gedragen zich op dezelfde manier, en mogelijk ook andere documenten van het type prijsverlaging.

Voer in: GitHub Diff Navigator.

Motivatie ========= Het idee voor deze uitbreiding kwam toen ik het boek Advanced R van Hadley Wickham aan het lezen was.

Elke keer dat ik een paar typefouten in een hoofdstuk vond (wat een enkel document met een prijsverlaging is), bewerkte ik het op GitHub en deed ik een pull-verzoek.

Om er zeker van te zijn dat ik geen idioot van mezelf maakte, wilde ik mijn bewerkingen in het tabblad Voorbeeld nog eens controleren, maar ik merkte het hierboven beschreven probleem op.

Ik vertrouwde mijn ogen niet bij het vinden van de weinige bewerkingen in zulke grote bestanden, en uiteindelijk gebruikte ik de DOM + JavaScript-console om me te helpen vinden waar de bewerkingen waren.

Toen besloot ik dat spelen in de JavaScript-console niet hardcore genoeg was en ik besloot de komende twee dagen een extensie te maken waarmee ik dergelijke veranderingen in de toekomst snel zou kunnen vinden.

Functies ========= - GitHub Diff Navigator is niet-intrusief en zal alleen verschijnen als je kijkt naar het voorbeeld van bewerkingen die op een bestand zijn gemaakt met GitHub.

- GitHub Diff Navigator neemt geen bronnen in beslag of verschijnt niet in Chrome's Task Manager als je geen geldige GitHub-bewerkte pagina hebt geopend.

- Werkt met meerdere GitHub-tabbladen die tegelijkertijd open zijn (elke keer dat u van tabblad wisselt, wordt de extensie bijgewerkt om u de bewerkingen op dat tabblad te laten zien).

- Detecteer automatisch of het bestand dat wordt bewerkt van het markdown-type is of niet, en werkt naadloos voor beide.

- Schone en intuïtieve gebruikersinterface met nuttige berichten die worden weergegeven als er geen bewerkingen worden gevonden.

Disclaimer ========= Ik zou niet adviseren om mijn code te gebruiken als sjabloon of hulpmiddel om te leren hoe u Chrome-extensies schrijft.

Ik heb geleerd hoe ik de extensie moet schrijven en deze binnen twee dagen volledig heb gebouwd, dus ik weet niet zeker wat de beste werkwijzen zijn en hoe ik de code goed moet organiseren.

Het was gewoon een excuus om te testen hoe Chrome-extensies werken.

Ik heb er ook een klein beetje lelijke code in gelaten - oordeel alsjeblieft niet :)

Extra informatie:

- Aangeboden door deanattali.com
- Gemiddelde beoordeling: 5 sterren (vond het geweldig)
- Ontwikkelaar Dit e-mailadres is beschermd tegen spambots. U heeft Javascript nodig om het te kunnen zien.

Diff Navigator voor GitHub-web extension geïntegreerd met de OffiDocs Chromium online.