Hjelpe ingeniører med å få sitt beste liv: utfordringer når du bygger utvidelsen ‘GIFs for GitHub’

Hos Vend er det et veldig strengt krav til de fleste av våre depoter om å inkludere et relevant, våkent og tankevekkende GIF med hver trekkforespørsel.

Å måtte åpne en ny fane for å søke i GIPHY, finne riktig GIF, deretter legge den inn i en GitHub-kommentar, er tidkrevende, og kan ha noen alvorlige negative bivirkninger ... for eksempel lat GIF-valg:

Dette utløste ideen om å hjelpe Vend-ingeniører med å spare tid (og kanskje være litt mer hensynsfull) når det gjelder å velge en passende GIF for trekkforespørselen deres.

Å bygge GIF for GitHub viste seg å være (overraskelse!) Litt vanskeligere enn jeg først trodde det ville være. Nedenfor har jeg delt utfordringene jeg møtte gjennom denne Chrome Extension-reisen - og nei, de diskuterer ikke bare om det er uttalt jif eller gif ... løfte!

Utfordringene jeg møtte på å bygge GIF-er for GitHub

Tanken var å legge til en knapp i kommentarverktøylinjen, som når du klikker på den, ville vise en popover med GIF fra Giphy. Det virket som en grei idé. På grunn av GitHubs dynamiske natur oppsto imidlertid noen få hindringer. Som bringer meg til ...

Problem 1 - Legge til knappen på verktøylinjen

Å legge til en knapp i kommentarverktøylinjen er ikke så enkelt som ‘når siden lastes inn - sett inn knappen min’ - kommentarområder kan vises dynamisk f.eks. Når du redigerer en beskrivelse av trekkforespørsel, endres den fra en

til en