Use rollup to package app into one file

Author: yamalight

.babelrc

@@ -3,7 +3,8 @@
     ["env", {
       "targets": {
         "electron": 1.6
-      }
+      },
+      "modules": false
     }], "react"
   ]
 }

.gitignore

@@ -35,3 +35,4 @@ jspm_packages
 
 # Optional REPL history
 .node_repl_history
+dist

index.html

@@ -19,7 +19,21 @@
   <script src="node_modules/videojs-contrib-hls/dist/videojs-contrib-hls.min.js"></script>
   <script src="node_modules/videojs-ass/src/videojs.ass.js"></script>
   <script>
-    require('babel-register');
-    require('./src/index.js');
+    console.log(process.env.NODE_ENV);
+    if (process.env.NODE_ENV === 'test') {
+      require('babel-register')({
+        presets: [
+          ['env', {
+            targets: {
+              electron: 1.6
+            },
+          }],
+          'react',
+        ],
+      });
+      require('./src/index.js');
+    } else {
+      require('./dist/app.min.js');
+    }
   </script>
 </html>

package.json

@@ -7,10 +7,12 @@
   "author": "Tim Ermilov <yamalight@gmail.com>",
   "license": "MIT",
   "scripts": {
-    "start": "electron .",
+    "start": "NODE_ENV=test electron .",
+    "production": "electron .",
     "lint": "eslint **/*.js",
     "inspect-main": "electron-inspector",
-    "test": "mocha"
+    "build": "rollup -c",
+    "test": "NODE_ENV=test mocha"
   },
   "devDependencies": {
     "babel-core": "^6.24.0",
@@ -27,6 +29,8 @@
     "eslint-plugin-react": "^6.10.3",
     "mocha": "^3.4.2",
     "prettier": "^0.22.0",
+    "rollup": "^0.45.2",
+    "rollup-plugin-babel": "^2.7.1",
     "spectron": "^3.7.2"
   },
   "dependencies": {

rollup.config.js

@@ -0,0 +1,24 @@
+import babel from 'rollup-plugin-babel';
+
+export default {
+  entry: 'src/index.js',
+  format: 'cjs',
+  dest: 'dist/app.min.js',
+  plugins: [babel({exclude: 'node_modules/**'})],
+  external: [
+    'big-integer',
+    'cheerio',
+    'crypto',
+    'electron',
+    'lodash',
+    'playlist-parser',
+    'pouchdb-browser',
+    'react-dom',
+    'react-router-dom',
+    'react',
+    'request-promise-native',
+    'rxjs',
+    'xml2js',
+    'zlib',
+  ],
+};

src/api/crunchyroll/getSeries.js

@@ -5,7 +5,7 @@ import cheerio from 'cheerio';
 // base url
 const baseURL = 'http://www.crunchyroll.com';
 
-module.exports = async _id => {
+export default async _id => {
   // load catalogue
   const url = `${baseURL}${_id}`;
   const data = await request(url);

src/api/crunchyroll/index.js

@@ -6,9 +6,9 @@ import {M3U} from 'playlist-parser';
 import electron from 'electron';
 
 // our packages
-import db from '../../db';
+import db from '../../db/index';
 import parseXml from './parseXml';
-import decode from './subtitles';
+import decode from './subtitles/index';
 import bytesToAss from './subtitles/ass';
 import getSeries from './getSeries';
 

src/api/index.js

@@ -1,6 +1,6 @@
 // plugins
-import Crunchyroll from './crunchyroll';
-import Youtube from './youtube';
+import Crunchyroll from './crunchyroll/index';
+import Youtube from './youtube/index';
 
 // manager
 import PluginManager from './manager';

src/api/youtube/index.js

@@ -5,7 +5,7 @@ import cheerio from 'cheerio';
 import electron from 'electron';
 
 // our packages
-import db from '../../db';
+import db from '../../db/index';
 
 // base URL used for most requests
 const baseURL = 'http://youtube.com';

src/components/series/index.js

@@ -3,7 +3,7 @@ import React from 'react';
 import {withRouter} from 'react-router-dom';
 
 // our packages
-import db from '../../db';
+import db from '../../db/index';
 
 export default withRouter(({series, history}) => {
   const openSeriesPage = async () => {