Extension Chrome et Safari avec capture d'image

Nous avons réalisé une extension Firefox qui prend une capture de la page consultée et l'envoie à un serveur par API HTTP. Nous avons besoin de la même extension pour Chrome/Chromium et Safari.

Il faut dans la mesure du possible qu'un maximum de code soit commun entre toutes ces extensions (pour simplifier la maintenance et les évolutions). Le code de l'extension Firefox est disponible sur demande. Elle est écrite en HAML/SASS/CoffeeScript avec Middleman. Elle a été faite vite, donc elle aurait besoin d'être améliorée voire refaite. Vous pouvez proposer une refonte complète (et éventuellement avec une autre stack), avec l'extension Firefox existante qui vous servirait d'exemple fonctionnel. Vous pouvez tester l'existant sur [URL visible pour les membres Pro]

L'extension ajoute une icône dans la barre du navigateur (présente sur toutes les pages) qui ouvre un panneau. Dans ce panneau est affiché :
* une capture d'écran de la page actuellement consultée. Si possible la capture doit prendre toute la page consultée. Sinon elle ne prend que partie visible. Sur cette capture l'utilisateur peut sélectionner une zone précise à capturer. Par défaut la zone sélectionnée est la partie visible de la page consultée.
* un select2 qui permet de choisir dans quelle rubrique on veut envoyer la page (la liste étant récupérée par API JSON). Il est possible également de créer une nouvelle rubrique en indiquant son nom.
* un bouton pour valider l'envoi. Seule la zone sélectionnée de la capture est envoyée au serveur (sous forme d'image ou de data url) avec quelques méta données comme l'URL et le titre de la page consultée.
* et 2 boutons qui envoient sur des URL spécifiques qui dépendent de la rubrique sélectionnée.

Tout ceci est fonctionnel dans l'extension Firefox actuelle.

Quand le panneau est affiché, l'extension doit faire un appel sur le serveur pour récupérer la liste des rubriques. Pour que cela fonctionne, l'utilisateur doit être connecté sur le site principal (tout est sur le même domaine). S'il est possible d'envoyer la requête à partir de l'extension avec les cookies de l'utilisateur, alors il suffit de voir si la réponse est bonne et sinon d'envoyer l'utilisateur sur la page de connexion du site. C'est comme ça que fonctionne l'extension Firefox actuelle. S'il n'est pas possible de réutiliser les cookies de l'utilisateur il faudra que l'extension propose un formulaire de connexion (email/mot de passe) et un moyen de déconnexion.

Les extensions devront être en français si le navigateur est en français, et sinon en anglais. L'extension Firefox actuelle n'est qu'en français.