Add footer to demo

package.json

@@ -62,6 +62,7 @@
     "extract-text-webpack-plugin": "^1.0.1",
     "ignore-styles": "^1.1.0",
     "imports-loader": "^0.6.4",
+    "json-loader": "^0.5.4",
     "karma": "^0.13.16",
     "karma-chai": "^0.1.0",
     "karma-chrome-launcher": "^0.2.2",

src/demo/App.js

@@ -5,6 +5,7 @@ import './defaults.scss'
 import './App.scss'
 import './Range.scss'
 
+import { version } from '../../package.json'
 import ReactPlayer from '../ReactPlayer'
 import Duration from './Duration'
 
@@ -74,6 +75,7 @@ export default class App extends Component {
       vimeoConfig,
       youtubeConfig
     } = this.state
+    const SEPARATOR = ' · '
 
     return (
       <div className='app'>
@@ -219,6 +221,13 @@ export default class App extends Component {
             </tr>
           </tbody></table>
         </section>
+        <footer className='footer'>
+          Version <strong>{version}</strong>
+          {SEPARATOR}
+          <a href='https://github.com/CookPete/react-player'>GitHub</a>
+          {SEPARATOR}
+          <a href='https://www.npmjs.com/package/react-player'>npm</a>
+        </footer>
       </div>
     )
   }

src/demo/App.scss

@@ -30,3 +30,7 @@ $gutter-width: 10px;
 .faded {
   color: rgba($black, .5);
 }
+
+.footer {
+  margin: $gutter-width;
+}

webpack.config.dev.js

@@ -24,6 +24,9 @@ module.exports = {
         path.join(__dirname, 'src'),
         path.join(__dirname, 'test', 'karma')
       ]
+    }, {
+      test: /\.json$/,
+      loader: 'json'
     }, {
       test: /\.scss$/,
       loader: 'style!css?sourceMap!sass?sourceMap',

webpack.config.prod.js

@@ -30,6 +30,9 @@ module.exports = {
       test: /\.js$/,
       loader: 'babel',
       include: path.join(__dirname, 'src')
+    }, {
+      test: /\.json$/,
+      loader: 'json'
     }, {
       test: /\.scss$/,
       loader: ExtractTextPlugin.extract('style', 'css?sourceMap!sass?sourceMap'),