Hjælp ingeniører med at få deres bedste liv: udfordringer, når man bygger udvidelsen ‘GIF’er til GitHub’

Hos Vend er der et meget strengt krav til de fleste af vores oplagringssteder om at inkludere en relevant, vågnet og tankevækkende GIF med hver pull-anmodning.

At skulle åbne en ny fane for at søge i GIPHY, finde den rigtige GIF, derefter integrere den i en GitHub-kommentar, er tidskrævende, og kan have nogle alvorlige negative bivirkninger ... såsom doven GIF-valg:

Dette udløste ideen om at hjælpe Vend-ingeniører med at spare tid (og måske være lidt mere hensynsfull) når det kommer til at vælge en passende GIF til deres pull-anmodning.

At opbygge GIF'er til GitHub viste sig at være (overraskelse!) Lidt vanskeligere, end jeg oprindeligt troede, det ville være. Nedenfor har jeg delt de udfordringer, jeg stod overfor under denne Chrome Extension-rejse - og nej, de diskuterer ikke kun, om det er udtalt jif eller gif ... løfte!

De udfordringer, jeg stød på at bygge GIF'er til GitHub

Ideen var at tilføje en knap til kommentarværktøjslinjen, som, når der klikkes, ville vise en popover med GIF'er fra Giphy. Det virkede som en ligetil idé. På grund af GitHubs dynamiske natur opstod der dog et par hindringer. Hvilket bringer mig til ...

Problem 1 - Tilføjelse af knappen til værktøjslinjen

Tilføjelse af en knap til kommentarværktøjslinjen er ikke så enkel som ‘når siden indlæses - indsæt min knap’ - kommentarområder kan vises dynamisk f.eks. Når du redigerer en beskrivelse af pull-anmodning, ændres den fra en

til en