Допомога інженерам GIF у їх кращому житті: проблеми, які виникли при створенні розширення "GIF для GitHub"

У компанії Vend існує дуже сувора вимога щодо більшості наших сховищ, щоб кожен запит на притягнення включав відповідний, прокинутий і роздум GIF.

Потрібно відкрити нову вкладку для пошуку GIPHY, знайти потрібний GIF, а потім вбудувати його в коментар GitHub, забирає багато часу, і може мати серйозні негативні побічні ефекти… наприклад, лінивий вибір GIF:

Це породило ідею допомогти інженерам Vend заощадити час (і, можливо, бути трохи більш уважним), коли справа стосується вибору відповідного GIF для їх запиту на тягу.

Створити GIF для GitHub виявилося (несподівано!) Трохи складніше, ніж я спочатку думав, що це буде. Нижче я поділився викликами, з якими зіткнувся протягом цієї подорожі в розширення Chrome - і ні, вони не просто дискутують навколо того, чи є це вимовленим jif чи gif… обіцянка!

Проблеми, з якими я стикався зі створенням GIF для GitHub

Ідея полягала в тому, щоб додати на панель інструментів коментарів кнопку, яка при натисканні на неї відобразила б перехід з GIF-файлами від Giphy. Це здавалося прямолінійною ідеєю. Однак через динамічний характер GitHub виникло декілька перешкод. Що приводить мене до ...

Проблема 1 - Додавання кнопки до панелі інструментів

Додавання кнопки до панелі інструментів коментарів не так просто, як "коли сторінка завантажується - вставити мою кнопку" - області коментарів можуть відображатися динамічно, наприклад коли ви редагуєте опис запиту на витяг, він змінюється з

на