J’ai pass\u00e9 plusieurs soir\u00e9es la semaine derni\u00e8re \u00e0 \u00e9crire du code pour mon extension YtAutoDark. C’est donc avec une certaine satisfaction que je vous annonce que la version 3.0 est disponible sous Firefox et Chrome depuis le 25 juillet !<\/p>\n\n\n\n
Pour cette nouvelle version, je me suis concentr\u00e9 sur des fonctionnalit\u00e9s des extensions que j’avais toujours voulu explorer: la page d’installation\/mise \u00e0 jour et les param\u00e8tres. C’est d\u00e9sormais chose faite. L’\u00e9v\u00e9nement qui a justifi\u00e9 une nouvelle version pour cet \u00e9t\u00e9 2020, c’est l’arriv\u00e9e d’une pull request sur le d\u00e9p\u00f4t Github de l’extension. Un utilisateur a apport\u00e9 des modifications \u00e0 l’extension de son c\u00f4t\u00e9 pour r\u00e9pondre \u00e0 des besoins qui lui sont propres et a ensuite propos\u00e9 que les modifications soient int\u00e9gr\u00e9es dans le code parent.<\/p>\n\n\n\n
Les modifications apport\u00e9es concernent en particulier les conditions de d\u00e9clenchement de l’extension, afin que celle-ci suive la s\u00e9lection du th\u00e8me sombre ou clair effectu\u00e9e par l’utilisateur au niveau du syst\u00e8me d’exploitation ou du navigateur, via la propri\u00e9t\u00e9 prefers-color-scheme<\/em>. Une deuxi\u00e8me condition d\u00e9finie des r\u00e8gles horaires, respectivement avant et apr\u00e8s deux bornes horaires pour le choix du th\u00e8me. Si l’heure actuelle est inf\u00e9rieure \u00e0 la premi\u00e8re borne ou sup\u00e9rieure \u00e0 la deuxi\u00e8me, le th\u00e8me sombre sera activ\u00e9, sinon l’extension r\u00e9tablira le th\u00e8me clair.<\/p>\n\n\n\n Afin de faire profiter les utilisateurs de ces ajouts et sans forcer pour tous ce comportement, j’ai donc ajout\u00e9 une page de gestion des param\u00e8tres de l’extension, permettant d’activer au cas par cas l’une ou l’autre des fonctionnalit\u00e9s et de configurer les bornes horaires. J’en ai profit\u00e9 pour utiliser l’api storage<\/em> dans sa version synchronis\u00e9e, afin que les param\u00e8tres choisis soient partag\u00e9s entre les diff\u00e9rentes instances de navigateur d’un utilisateur authentifi\u00e9. On notera au passage que si la partie sync<\/em> n’est pas disponible, la configuration sera enregistr\u00e9e automatiquement dans la partie locale du storage<\/em>.<\/p>\n\n\n\n Deuxi\u00e8me ajout, la cr\u00e9ation d’une page d’information affich\u00e9e apr\u00e8s l’installation de l’extension, ou apr\u00e8s sa mise \u00e0 jour en cas de version majeure. Cette page me permet de m’adresser aux utilisateurs de l’extension, pour les informer des changements effectu\u00e9s. C’est un bon moyen, je trouve, pour pr\u00e9venir de modifications du code s’ex\u00e9cutant dans le navigateur et de leur impact. De ce c\u00f4t\u00e9 l\u00e0, j’ai appris, apr\u00e8s une bonne heure de recherche, que l’initialisation du listener<\/em> sur l’\u00e9v\u00e9nement onInstalled<\/em> doit absolument \u00eatre effectu\u00e9 dans le background script<\/em> et non dans le content script<\/em>. Ce qui est plut\u00f4t logique une fois que l’on conna\u00eet la solution.<\/p>\n\n\n\n Derniers ajouts, invisible ou presque, c’est la traduction de toutes les cha\u00eenes de caract\u00e8res en fran\u00e7ais, afin de fournir l’extension dans ma langue maternelle \u00e0 mes compatriotes fran\u00e7ais et autres francophones du monde. Et enfin, utilisation de webextension polyfill<\/a>, pour l’utilisation des fonctions de stockage sous Chrome via browser<\/em> comme mentionn\u00e9 dans la sp\u00e9cification et non chrome<\/em>.<\/p>\n\n\n\n Avant de se quitter, petit point statistique. YtAutoDark, c’est, en cette fin juillet 2020, 141 utilisateurs actifs sous Firefox et 23 sous Chrome. Chers utilisateurs, si vous me lisez ici et que vous veniez \u00e0 constater un dysfonctionnement de l’extension, n’h\u00e9sitez pas \u00e0 me le signaler ici en commentaires, ou en ouvrant une issue sur Github. Moi-m\u00eame utilisateur quotidien de mon extension, je suis bien \u00e9videmment \u00e0 l’affut du moindre bogue. Si vous en d\u00e9nichez un, vous savez donc quoi faire.<\/p>\n","protected":false},"excerpt":{"rendered":" J’ai pass\u00e9 plusieurs soir\u00e9es la semaine derni\u00e8re \u00e0 \u00e9crire du code pour mon extension YtAutoDark. C’est donc avec une certaine satisfaction que je vous annonce que la version 3.0 est disponible sous Firefox et Chrome depuis le 25 juillet ! Pour cette nouvelle version, je me suis concentr\u00e9 sur des fonctionnalit\u00e9s des extensions que j’avais … Continuer la lecture de « YtAutoDark \u2013 Version 3.0 »<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[126,507],"tags":[452,453],"class_list":["post-4198","post","type-post","status-publish","format-standard","hentry","category-logiciellibre","category-yt-auto-dark","tag-yt-auto-dark","tag-ytautodark"],"_links":{"self":[{"href":"https:\/\/www.unicoda.com\/index.php?rest_route=\/wp\/v2\/posts\/4198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.unicoda.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.unicoda.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.unicoda.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.unicoda.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4198"}],"version-history":[{"count":3,"href":"https:\/\/www.unicoda.com\/index.php?rest_route=\/wp\/v2\/posts\/4198\/revisions"}],"predecessor-version":[{"id":4206,"href":"https:\/\/www.unicoda.com\/index.php?rest_route=\/wp\/v2\/posts\/4198\/revisions\/4206"}],"wp:attachment":[{"href":"https:\/\/www.unicoda.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4198"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.unicoda.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4198"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.unicoda.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}