مساعدة المهندسين GIF حياتهم الأفضل: التحديات التي واجهت عند بناء "GIFs ل GitHub" التمديد

في Vend ، يوجد متطلب صارم للغاية على معظم مستودعاتنا لتضمين GIF ملائمًا ومحفزًا للتفكير مع كل طلب سحب.

إن فتح علامة تبويب جديدة للبحث عن GIPHY ، والعثور على GIF المناسب ، ثم تضمينه في تعليق GitHub ، يستغرق وقتًا طويلًا ، ويمكن أن يكون له بعض الآثار الجانبية السلبية الخطيرة ... مثل تحديد GIF الكسول:

أثار هذا الفكرة لمساعدة مهندسي Vend على توفير الوقت (وربما يكونون أكثر مراعاةً) عندما يتعلق الأمر باختيار GIF المناسب لطلب السحب.

تبين أن بناء صور GIF لـ GitHub (مفاجأة!) أصعب قليلاً مما اعتقدت في البداية. أدناه ، قمت بمشاركة التحديات التي واجهتها خلال رحلة تمديد Chrome هذه - ولا ، فهي ليست مجرد نقاشات حول ما إذا كان قد تم الإعلان عن jif أو gif ... ووعد!

التحديات التي واجهت إنشاء GIFs لـ GitHub

كانت الفكرة هي إضافة زر إلى شريط أدوات التعليق ، والذي عند النقر عليه سيظهر نافذة منبثقة مع صور GIF من Giphy. بدا الأمر وكأنه فكرة واضحة. ومع ذلك ، بسبب الطبيعة الديناميكية لـ GitHub ، ظهرت بعض العقبات. الذي يقودني إلى ...

المشكلة 1 - إضافة الزر إلى شريط الأدوات

لا تعد إضافة زر إلى شريط أدوات التعليقات أمرًا بسيطًا مثل "عند تحميل الصفحة - أدخل زر" - يمكن أن تظهر مناطق التعليقات بشكل حيوي على سبيل المثال عندما تقوم بتحرير وصف طلب السحب ، فإنه يتغير من

إلى