feat(browser-action): Browser action opens github page first time, then hovercards.com from then on

Closes #170

Author: saiichihashimoto

extension/browser-action.js

@@ -0,0 +1,46 @@
+var _       = require('underscore');
+var browser = require('./browser');
+var report  = require('../report');
+
+var url = 'http://hovercards.com';
+
+browser.browserAction.setBadgeBackgroundColor({ color: '#ff0000' });
+browser.browserAction.onClicked.addListener(function() {
+	browser.tabs.create({ url: url });
+	browser.storage.sync.set({ 'notifications.opensource': true })
+		.catch(report.captureException);
+});
+
+browser.storage.onChanged.addListener(function(changes, areaName) {
+	if (areaName !== 'sync') {
+		return;
+	}
+	_.pairs(changes).forEach(function(entry) {
+		if (entry[0] !== 'notifications.opensource') {
+			return;
+		}
+		if (entry[1].newValue) {
+			url = 'http://hovercards.com';
+			browser.browserAction.setBadgeText({ text: '' });
+			browser.browserAction.setTitle({ title: 'HoverCards' });
+		} else {
+			url = 'https://github.com/kogg/hovercards#readme';
+			browser.browserAction.setBadgeText({ text: '1' });
+			browser.browserAction.setTitle({ title: 'HoverCards is open source!' });
+		}
+	});
+});
+
+browser.storage.sync.get('notifications.opensource')
+	.then(function(items) {
+		if (items['notifications.opensource']) {
+			url = 'http://hovercards.com';
+			browser.browserAction.setBadgeText({ text: '' });
+			browser.browserAction.setTitle({ title: 'HoverCards' });
+		} else {
+			url = 'https://github.com/kogg/hovercards#readme';
+			browser.browserAction.setBadgeText({ text: '1' });
+			browser.browserAction.setTitle({ title: 'HoverCards is open source!' });
+		}
+	})
+	.catch(report.captureException);

extension/index.background.js

@@ -1,6 +1,7 @@
 require('../report');
 var createStore = require('../redux/createStore.background');
 
+require('./browser-action');
 require('./content-security-policy');
 require('./set-uninstall-url');
 

extension/manifest.json

@@ -7,11 +7,18 @@
 
   "minimum_chrome_version": "45",
   "icons": {
-    "16": "assets/images/logo-16.png",
-    "19": "assets/images/logo-19.png",
-    "38": "assets/images/logo-38.png",
+    "16": "assets/images/logo-16-active.png",
+    "19": "assets/images/logo-19-active.png",
+    "38": "assets/images/logo-38-active.png",
     "128": "assets/images/logo-128.png"
   },
+  "browser_action": {
+    "default_icon": {
+      "19": "assets/images/logo-19-active.png",
+      "38": "assets/images/logo-38-active.png"
+    },
+    "default_title": "HoverCards"
+  },
 
   "background": {
     "scripts": [