New packager (#16)

Integrate electron-builder

Author: pronebird

.babelrc

@@ -1,6 +1,4 @@
 {
   "presets": ["es2015", "stage-0", "react"],
-  "plugins": ["transform-decorators-legacy", "transform-runtime"],
-  "sourceMaps": "inline",
-  "retainLines": true
+  "plugins": ["transform-decorators-legacy", "transform-runtime"]
 }

.gitignore

@@ -1,11 +1,5 @@
-logs
 node_modules
 dist
-lib
 build
-cache
 .DS_Store
 *.log
-build.js
-_old_
-.cache

.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+  "search.exclude": {
+    "build/": true,
+    "dist/": true
+  }
+}

README.md

@@ -1,10 +1,13 @@
 ##Boilerplate app for Electron with Redux/React
 
-- electron-compile for ES6/ES7 via babel
+- ES6/ES7 via babel
 - BrowserSync for livereload
 - structure for redux/react app
 - scripts for building cross-platform releases
 
 ####Commands
 - `npm run serve` - Start electron app in development
-- `npm run pack` - Create a package for distribution. Will name the package based on name in package.json. **Note:** Move the package out of `/dist` to run (see [Issue #2](https://github.com/jschr/electron-react-redux-boilerplate/issues/2))
+- `npm run pack` - Create a package for distribution for macOS, Windows and Linux.
+- `npm run pack:mac` - Create a package for distribution for macOS only.
+- `npm run pack:win` - Create a package for distribution for Windows only.
+- `npm run pack:linux` - Create a package for distribution for Linux only.

main.js app/main.js

@@ -52,7 +52,7 @@ app.on('ready', async () => {
   });
 
   mainWindow.loadURL(url.format({
-    pathname: path.join(__dirname, 'app/index.html'),
+    pathname: path.join(__dirname, 'index.html'),
     protocol: 'file:',
     slashes: true
   }));

electron-builder.yml

@@ -0,0 +1,37 @@
+appId: com.example.app
+copyright: Example co
+productName: MyApp
+
+asar: true
+
+directories:
+  buildResources: build-assets/
+  output: dist/
+
+files:
+  - package.json
+  - init.js
+  - build/
+  - node_modules/
+
+dmg:
+  contents:
+    - type: link
+      path: /Applications
+      x: 410
+      y: 150
+    - type: file
+      x: 130
+      y: 150
+
+mac:
+  target: dmg
+  category: public.app-category.tools
+
+win:
+  target: nsis
+
+linux:
+  target:
+    - deb
+    - AppImage

init.js

@@ -1 +1 @@
-require('electron-compile').init(__dirname, './main');
+require('./build/main');

package.json

@@ -3,12 +3,14 @@
   "version": "0.0.0",
   "description": "electron-react-redux-boilerplate",
   "main": "init.js",
-  "author": "Jordan Schroter",
+  "author": {
+    "name": "Jordan Schroter",
+    "email": "[email protected]"
+  },
   "repository": "https://github.com/jschr/electron-react-redux-boilerplate",
   "license": "MIT",
   "dependencies": {
     "babel-runtime": "^6.22.0",
-    "electron-compile": "^5.1.3",
     "react": "^15.4.2",
     "react-dom": "^15.4.2",
     "react-redux": "^5.0.2",
@@ -31,18 +33,30 @@
     "browser-sync": "^2.9.3",
     "chai": "^3.4.1",
     "electron": "^1.5.0",
-    "electron-compilers": "^5.1.3",
+    "electron-builder": "^12.3.1",
     "electron-devtools-installer": "^2.1.0",
-    "electron-packager": "^8.5.1",
     "eslint": "^3.14.1",
     "eslint-plugin-react": "^6.9.0",
     "mocha": "^3.2.0",
+    "npm-run-all": "^4.0.1",
     "rimraf": "^2.5.4"
   },
   "scripts": {
-    "serve": "babel-node scripts/serve.js",
-    "pack": "babel-node scripts/pack.js",
+    "postinstall": "install-app-deps",
+    "serve": "npm run private:compile -- --source-maps true && run-p -r private:watch private:serve",
     "test": "mocha -R spec --compilers js:babel-core/register",
-    "lint": "eslint --no-ignore scripts app test *.js"
+    "lint": "eslint --no-ignore scripts app test *.js",
+    "pack": "run-s private:clean private:compile private:build:all",
+    "pack:mac": "run-s private:clean private:compile private:build:mac",
+    "pack:win": "run-s private:clean private:compile private:build:win",
+    "pack:linux": "run-s private:clean private:compile private:build:linux",
+    "private:build:all": "build -mwl",
+    "private:build:mac": "build --mac",
+    "private:build:win": "build --win",
+    "private:build:linux": "build --linux",
+    "private:watch": "npm run private:compile -- --source-maps true --watch --skip-initial-build",
+    "private:serve": "babel-node scripts/serve.js",
+    "private:compile": "babel app/ --copy-files --out-dir build",
+    "private:clean": "rimraf build"
   }
 }

scripts/pack.js

@@ -47,6 +47,6 @@ bsync.init({
   });
 
   bsync
-    .watch('app/**/*')
+    .watch('build/**/*')
     .on('change', bsync.reload);
 });