[WIP] Electron builder

.travis.yml

@@ -1,31 +1,28 @@
+sudo: required
+dist: trusty
+matrix:
+  include:
+  - os: osx
 language: node_js
 node_js:
-  - '5.1'
+- '5.1'
 addons:
   apt:
     packages:
-      - wine
+    - icnsutils
+    - graphicsmagick
 script:
-  - npm --depth Infinity update
-  - npm run test-ci
-before_deploy:
-  - npm run zip-binaries
-deploy:
-  provider: releases
-  api_key:
-    secure: KEDggFkivi1iJbO/G4hicXznWk+bGA7sDuKSd36fBB9pIN/JSr08HlasrmqLmRva/rkHinbEdu+f75k/xh/m0UKll5jXUhmJVgbvNjPWQDtRSeeRM8UjveCL9wTZopkM4bLLxmWD2klyCC8qde5mMOJ1gRi+aPboGBgxEmtD69Bdhq1k3Dd2HTFnqQEh+8al2//+ayhne512Mo+lgwR1+4pLbhE/xK0iV7gQllRzTT2/ifbn5an8vbUkwfmm2NivNhSJTaPD2NndLvOVBKKQVcbIx+37gXO1Hn6F7Wr0MMHeh/ypJzGygxPQ2xZHtCKABw8jFetpFaFzm4xFcbyHsqclQlDLCv9J1e5DMvWk2ay29L9qWXT5dc7tnjaIVFPMEw4ViwIC30ThO44HHm6m+/tQAp3cDAD37uunp83wDAImbyCzZ3UoNLcmWHc39fxaD1s4Fzan3/++QbqSgdB+p4dXraxlRyqFcmKW+O5S+oGFolmdLuRbxPaaeIMMGm9AN7+fmGJgmiRzPU5k3/ao6eHoycXVPcIiuFV+2ZxvJS4ewqT+HiH6cNOFeeHEXx2O0fjEuj7mZG5Jey5GNsOdcq7loPnipcGbDnIHs+wRyqPCQ5aZ+94gQAemjBdtVnDTKd7RSjKHWmbo3Xx260XnwAEsTDtVuUJmyVjpIdCdNAs=
-  file:
-  - binaries/James-darwin-x64.zip
-  - binaries/James-linux-ia32.zip
-  - binaries/James-linux-x64.zip
-  - binaries/James-win32-ia32.zip
-  - binaries/James-win32-x64.zip
-  skip_cleanup: true
-  on:
-    repo: james-proxy/james
-    tags: true
+- npm prune
+- npm --depth Infinity update
+- npm run test-ci
+- npm run dist
 cache:
   apt: true
   directories:
-    - node_modules
-    - $HOME/.electron
+  - node_modules
+  - "$HOME/.electron"
+env:
+  global:
+  - TEST=true
+  - Derp=pls
+  - secure: "BbBbIa8BUgp8iUqd2AG8B59iZKN5+ppIqpUmYJ2tPR/r95m6yNBqlq3LidocfUVvTr1IrN8hJGApE62h3grc6cVZz4oB9++615CHdn8jCAf4KN7IP8sr91LDzGJaCyY5lOee61eTkPdSaSmRcxXN2J6W2OCwy7+9NEhtGY7uzGNdab4ofMgIzwzCRSEreA7PokafjQEzH8l8IxrmluTydubuX8ByuoIA5md4zNGyWTi1XqGpw0c9dG/cAPr8okNpIu9iHccNszy7ZAssPbNQ7pne6mhie+4SX8Th8xT9fur8Iev0t6MyipETyQ8owSjb9q79OECqXX+YNuMvFmhAFXoa2MGJNime9ukLbuOSmKVGEQcZoK2DT5vpAudFR2rUndXxtwK3NkjKO40KHqzV/xcsEP/TpHBIk7gTjTDurQQBiJ0Vjpju4UNK9Cgi84qvqXFYbcNmZEASJhIv6rmpSrlgdSKl6SzhAWTMCXciIv+9vrY/hn/suIZCVdSePLL5DsfdjIuWWQgbAWevFkZlZia/f09qyXMH22tz7Y7bhAXt03VQax/Nwf1brynn+q/dvkBWeidwOUD+JYeNZcCsCLqB9rcr6+hyHBAHcpMp4E5FzR0bfPzNzeVdUXz+4aaGe1M/8yBMJfm/OJEwlLWVOlfYP8FazYlEDYzFWvVBFkE="

README.md

@@ -7,7 +7,7 @@ It is an open-source alternative to the popular developer tool [Charles](http://
 
 James is build with [hoxy](https://github.com/greim/hoxy), [electron](https://github.com/atom/electron) and [react](https://facebook.github.io/react/index.html)
 
-![](resource/screenshot-1.png)
+![](resource-compile/screenshot-1.png)
 
 ## Installing
 Download the correct version for your OS and run

appveyor.yml

@@ -0,0 +1,26 @@
+platform:
+  - x64
+
+cache:
+  - node_modules
+  - '%USERPROFILE%\.electron'
+
+init:
+  - ps: $version = (Get-Content -Raw -Path package.json | ConvertFrom-Json).version
+  - ps: Update-AppveyorBuild -Version "$version"
+
+install:
+  - ps: Install-Product node 5 x64
+  - npm install
+  - npm prune
+  - npm --depth Infinity update
+
+build_script:
+  - npm run test-ci
+  - npm run dist:win64
+
+environment:
+  GH_TOKEN:
+    secure: 1V6S11hA8oo6wo6IaW/jcv+lybbbhSv7sRij94aPsNSzVP5pso9U6aSrs6PNLfQfeOp38vhLn854u85dYkQQlw==
+
+test: off

gulpfile.js

@@ -7,14 +7,17 @@ const changed = require('gulp-changed');
 const sass = require('gulp-sass');
 const sourcemaps = require('gulp-sourcemaps');
 const autoprefixer = require('gulp-autoprefixer');
-const electron = require('electron-packager');
+const builder = require('electron-builder');
 const useref = require('gulp-useref');
 const electronConnect = require('electron-connect').server;
 const gulpif = require('gulp-if');
 const browserify = require('browserify');
 const source = require('vinyl-source-stream');
+const jeditor = require('gulp-json-editor');
+const version = require('./package.json').version;
 
 gulp.task('default', ['js', 'css', 'resources']);
+gulp.task('dist-prep', ['dist-resources', 'browserify']);
 
 gulp.task('clean', () => {
   return del.sync(['build', 'package', 'binaries']);
@@ -42,29 +45,37 @@ gulp.task('css', () => {
 });
 
 gulp.task('resources', () => {
+  const dest = 'build';
+
   return es.merge([
     gulp.src('node_modules/font-awesome/fonts/**').pipe(gulp.dest('build/fonts')),
-    gulp.src('package.json').pipe(gulp.dest('build')),
-    gulp.src('resource/**')
+    gulp.src('resource-runtime/**')
       .pipe(changed('build'))
-      .pipe(gulp.dest('build'))
+      .pipe(gulp.dest(dest)),
+    gulp.src('resource-compile/package.json')
+      .pipe(jeditor({ version }))
+      .pipe(gulp.dest(dest))
   ]);
 });
 
-gulp.task('package-resources', ['default'], () => {
+gulp.task('dist-resources', ['css'], () => {
+  const dest = 'package';
+
   return es.merge([
     gulp.src('node_modules/font-awesome/fonts/**').pipe(gulp.dest('package/fonts')),
     gulp.src('build/james.css').pipe(gulp.dest('package')),
-    gulp.src('package.json').pipe(gulp.dest('package')),
-    gulp.src('resource/**')
+    gulp.src('resource-runtime/**')
       .pipe(gulpif('*.html', useref()))
-      .pipe(gulp.dest('package'))
+      .pipe(gulp.dest(dest)),
+    gulp.src('resource-compile/package.json')
+      .pipe(jeditor({ version }))
+      .pipe(gulp.dest(dest))
   ]);
 });
 
-function gulpBrowserify(entry) {
+gulp.task('browserify', ['js'], () => {
   process.env.NODE_ENV = 'production';
-  return browserify(entry, {
+  const opts = {
     builtins: false,
     commondir: false,
     browserField: false,
@@ -81,51 +92,31 @@ function gulpBrowserify(entry) {
     transform: [
       'envify'
     ]
-  }).bundle();
-}
+  };
 
-gulp.task('package-render', ['default'], () => {
-  gulpBrowserify('build/index.js')
+  browserify('build/index.js', opts)
+    .bundle()
     .pipe(source('index.js'))
     .pipe(gulp.dest('./package'));
-});
 
-gulp.task('package-main', ['default'], () => {
-  gulpBrowserify('build/electron-app.js')
+  browserify('build/electron-app.js', opts)
+    .bundle()
     .pipe(source('electron-app.js'))
     .pipe(gulp.dest('./package'));
 });
 
-gulp.task('package', ['package-resources', 'package-render', 'package-main'], (done) => {
-  const appVersion = require('./package.json').version;
-  const electronVersion = require('electron-prebuilt/package.json').version;
-  console.log(`Packaging James v${appVersion}...`);
-
-  electron({
-    all: true,
-    dir: 'package',
-    platform: 'all',
-    name: 'James',
-    overwrite: true,
-    icon: 'resource/icon.icns',
-    'app-version': appVersion,
-    version: electronVersion,
-    out: 'binaries'
-  }, (err) => done(err));
-});
-
 gulp.task('watch', ['default'], () => {
   gulp.watch('src/**', ['js']);
   gulp.watch('style/**', ['css']);
-  gulp.watch('resource/**', ['resources']);
+  gulp.watch('resource-runtime/**', ['resources']);
 });
 
 gulp.task('livereload', ['default'], () => {
-  var server = electronConnect.create({path: './build'});
+  const server = electronConnect.create({path: './build'});
   server.start();
   const reload = () => server.reload();
 
   gulp.watch('src/**', ['js', reload]);
   gulp.watch('style/**', ['css', reload]);
-  gulp.watch('resource/**', ['resources', reload]);
+  gulp.watch('resource-runtime/**', ['resources', reload]);
 });

package.json

@@ -1,24 +1,25 @@
 {
   "name": "james",
   "version": "1.4.5",
-  "description": "",
+  "description": "HTTP/HTTPS proxy built in Electron and ReactJS",
+  "author": "Julian Hollmann <[email protected]>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/james-proxy/james.git"
+  },
   "main": "electron-app.js",
   "scripts": {
     "build": "gulp",
+    "start": "electron ./build",
     "watch": "gulp watch",
     "development": "gulp livereload",
-    "package": "gulp clean package",
-    "zip-binaries": "cd binaries; rm *.zip; for i in *; do zip --symlinks -r \"${i%/}.zip\" \"$i\"; done",
-    "start": "electron ./build",
     "lint": "eslint ./src ./test",
     "test": "mocha --reporter dot --recursive -r setup-referee-sinon/globals test/unit --compilers js:babel-core/register",
-    "test-ci": "npm run lint && npm run test && npm run package"
-  },
-  "author": "Julian Hollmann <[email protected]>",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/james-proxy/james.git"
+    "test-ci": "npm run lint && npm run test",
+    "package": "npm run dist",
+    "dist": "gulp clean dist-prep && build --arch all",
+    "dist:win64": "gulp clean dist-prep && build --platform win32 --arch x64"
   },
   "dependencies": {
     "hoxy": "^3.2.0",
@@ -39,12 +40,12 @@
     "babel-preset-react": "^6.3.13",
     "browserify": "^13.0.0",
     "del": "^2.2.0",
+    "electron-builder": "^3.17.1",
     "electron-connect": "^0.4.0",
     "electron-localshortcut": "^0.6.0",
-    "electron-packager": "7.0.1",
     "electron-prebuilt": "1.0.2",
     "envify": "^3.4.0",
-    "eslint": "^2.2.0",
+    "eslint": "2.9.0",
     "eslint-plugin-react": "^5.0.1",
     "event-stream": "^3.3.2",
     "font-awesome": "^4.5.0",
@@ -53,6 +54,7 @@
     "gulp-babel": "^6.1.1",
     "gulp-changed": "^1.3.0",
     "gulp-if": "^2.0.0",
+    "gulp-json-editor": "^2.2.1",
     "gulp-rename": "^1.2.2",
     "gulp-sass": "^2.1.1",
     "gulp-sourcemaps": "^1.6.0",
@@ -75,5 +77,25 @@
     "plugins": [
       "transform-object-rest-spread"
     ]
+  },
+  "build": {
+    "app-bundle-id": "com.jamesproxy.james",
+    "app-category-type": "public.app-category.productivity",
+    "productName": "James",
+    "osx": {
+      "icon": "resource-compile/icon.icns",
+      "background": "resource-compile/icon.png"
+    },
+    "win": {
+      "iconUrl": "https://github.com/mitchhentges/james/blob/electron-builder/resource-compile/icon.ico?raw=true"
+    },
+    "linux": {
+      "synopsis": "Web proxy"
+    }
+  },
+  "directories": {
+    "buildResources": "resource-compile",
+    "output": "binaries",
+    "app": "./package"
   }
 }

resource-compile/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "james",
+  "version": "1.4.5",
+  "description": "HTTP/HTTPS proxy built in Electron and ReactJS",
+  "main": "electron-app.js",
+  "author": "Julian Hollmann <[email protected]>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/james-proxy/james.git"
+  }
+}