add externally_connectable to manifest

content/src/scripts/components/app/App.jsx

@@ -6,30 +6,27 @@ class App extends Component {
     super(props);
   }
 
-  // componentDidMount() {
-  //   document.addEventListener('click', () => {
-  //     console.log('gmail: ', this.props.gmail);
-  //     console.log('email: ', this.props.gmail.get.user_email());
-  //     this.props.dispatch({
-  //       type: 'ADD_COUNT'
-  //     });
-  //   });
-  // }
+  componentDidMount() {
+    document.addEventListener('click', () => {
+      this.props.dispatch({
+        type: 'ADD_COUNT'
+      });
+    });
+  }
 
   render() {
     return (
       <div>
-        {this.props.gmail.get.user_email()}
+        {this.props.gmail.get.user_email()}: {this.props.count}
       </div>
     );
   }
 }
 
-// const mapStateToProps = (state) => {
-//   return {
-//     count: state.count
-//   };
-// };
+const mapStateToProps = (state) => {
+  return {
+    count: state.count
+  };
+};
 
-// export default connect(mapStateToProps)(App);
-export default App;
+export default connect(mapStateToProps)(App);

content/src/scripts/index.js

@@ -13,7 +13,7 @@ $('<div id="rcr-anchor"></div>').appendTo(mainPanel); //Bind anchor to main pane
 
 
 
-const proxyStore = new Store('iagdjhocgbkfdahcdegiachcdhkggfob', {portName: 'example'});
+const proxyStore = new Store({portName: 'example', 'extensionId' : 'iagdjhocgbkfdahcdegiachcdhkggfob' });
 
 
 

manifest.json

@@ -24,5 +24,19 @@
     "jquery-1.10.2.min.js",
     "gmail.js",
     "main.js"
-  ]
+  ],
+  "externally_connectable": {
+    // Extension and app IDs. If this field is not specified, no
+    // extensions or apps can connect.
+    "ids": ["*"],
+    // Match patterns for web pages. Does not affect content scripts.
+    // If this field is not specified, no webpages can connect.
+    "matches": ["*://mail.google.com/*"],
+    // Indicates that the extension would like to make use of the TLS
+    // channel ID of the web page connecting to it. The web page must
+    // also opt to send the TLS channel ID to the extension via setting
+    // includeTlsChannelId to true in runtime.connect's connectInfo
+    // or runtime.sendMessage's options.
+    "accepts_tls_channel_id": true
+  }
 }