add notification if app is not activate

README.md

@@ -7,7 +7,7 @@
 A beautiful mac desktop application for [Douban FM](http://douban.fm)
 
 <br/>
-<img src="screenshots/logo.png" alt="DoubanFMac" width="256px" />
+<img src="static/logo.png" alt="DoubanFMac" width="256px" />
 <br/> <br/>
 
 ## Screenshots

app/components/Player/Player.js

@@ -41,7 +41,6 @@ export default class Player extends Component {
     }
   }
 
-
   componentWillUnmount() {
     if (this.state.playInterval) clearInterval(this.state.playInterval);
   }

app/containers/HomePage/Content/Content.js

@@ -3,6 +3,7 @@ import { bindActionCreators } from 'redux';
 import cx from 'classnames';
 import { connect } from 'react-redux';
 import ipc from 'ipc';
+import notifier from 'node-notifier';
 import { Player } from 'components';
 import { fetch, like, dislike, ban } from 'reducers/song';
 import styles from './Content.scss';
@@ -28,11 +29,32 @@ export default class Content extends Component {
     super(props);
 
     this.state = { playing: true };
+    this.handleShortcut();
   }
 
   componentDidMount() {
     this.props.fetch(0);
+  }
+
+  componentWillReceiveProps(nextProps) {
+    if (this.props.song.id !== nextProps.song.id) {
+      this.notice(nextProps.song);
+    }
+  }
+
+  notice = (song) => {
+    if (document.hasFocus()) return;
+
+    notifier.notify({
+      title: song.name,
+      message: song.artist,
+      contentImage: song.cover,
+      sender: 'com.electron.doubanfmac',
+      sound: 'Pop',
+    });
+  }
 
+  handleShortcut = () => {
     ipc.on('shortcut-pressed', (event) => {
       switch (event) {
         case 'controlSong':

package.json

@@ -104,6 +104,7 @@
     "menubar": "^4.0.2",
     "moment": "^2.12.0",
     "nock": "^7.2.2",
+    "node-notifier": "^4.5.0",
     "normalize.css": "^3.0.3",
     "react": "^0.14.2",
     "react-addons-clicked-away-mixin": "^0.1.2",

webpack/config.base.js

@@ -29,6 +29,9 @@ module.exports = {
     extensions: ['', '.js', '.json'],
     packageMains: ['webpack', 'browser', 'web', 'browserify', ['jam', 'main'], 'main']
   },
+  node: {
+    __dirname: true
+  },
   plugins: [
 
   ],