package app for osx

app/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "timesheets",
+  "name": "Timesheets",
   "version": "0.0.1",
   "description": "A timesheet keeping app based on electron",
   "main": "main/index.js",

app/renderer/assets/html/main.html

@@ -19,7 +19,7 @@
     <script>
       (function() {
         const script = document.createElement('script');
-        script.src = (process.env.HOT) ? 'http://localhost:3000/dist/main.js' : '../../main/main.js';
+        script.src = (process.env.HOT) ? 'http://localhost:3000/dist/main/index.js' : '../../main/index.js';
         document.write(script.outerHTML);
       }());
     </script>

app/renderer/assets/html/menubar.html

@@ -19,7 +19,7 @@
     <script>
       (function() {
         const script = document.createElement('script');
-        script.src = (process.env.HOT) ? 'http://localhost:3000/dist/menubar.js' : '../../menubar/menubar.js';
+        script.src = (process.env.HOT) ? 'http://localhost:3000/dist/menubar/index.js' : '../../menubar/index.js';
         document.write(script.outerHTML);
       }());
     </script>

package.json

@@ -1,26 +1,28 @@
 {
-  "name": "timesheets",
+  "name": "Timesheets",
   "productName": "Timesheets",
-  "version": "0.10.0",
+  "version": "0.0.1",
   "description": "A timesheet keeping app based on electron",
-  "main": "dist/main/main.js",
+  "main": "dist/main/index.js",
   "scripts": {
     "test": "cross-env NODE_ENV=test mocha --compilers js:babel-register --recursive --require ./test/setup.js test/**/*.spec.js",
     "test-watch": "npm test -- --watch",
     "test-e2e": "cross-env NODE_ENV=test mocha --compilers js:babel-register --require ./test/setup.js --require co-mocha ./test/e2e.js",
     "lint": "eslint app test *.js",
     "hot-server": "node -r babel-register server.js",
-    "build-main": "cross-env NODE_ENV=production node -r babel-register ./node_modules/webpack/bin/webpack --config webpack.config.electron.js --progress --profile --colors",
+    "build-main": "cross-env NODE_ENV=production node -r babel-register ./node_modules/webpack/bin/webpack --config webpack.config.electron.js --progress --profile --colors && cp app/package.json dist/",
     "build-renderer": "cross-env NODE_ENV=production node -r babel-register ./node_modules/webpack/bin/webpack --config webpack.config.production.js --progress --profile --colors && cp -R app/renderer/assets dist/renderer",
     "build": "npm run build-main && npm run build-renderer",
     "start": "cross-env NODE_ENV=production electron ./",
     "start-hot": "cross-env HOT=1 NODE_ENV=development electron -r babel-register -r babel-polyfill ./app/main/index",
     "package": "cross-env NODE_ENV=production node -r babel-register package.js",
     "package-all": "npm run package -- --all",
-    "postinstall": "cd app/ && npm install",
     "dev": "concurrently --kill-others \"npm run hot-server\" \"npm run start-hot\"",
     "webfont:roboto": "webfont-dl \"https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en\" -o app/renderer/assets/css/fonts/roboto.global.css --woff1=data --svg=omit --ttf=omit --eot=omit",
-    "webfont:material-icons": "webfont-dl \"https://fonts.googleapis.com/icon?family=Material+Icons\" -o app/renderer/assets/css/fonts/material-icons.global.css --woff1=data --svg=omit --ttf=omit --eot=omit"
+    "webfont:material-icons": "webfont-dl \"https://fonts.googleapis.com/icon?family=Material+Icons\" -o app/renderer/assets/css/fonts/material-icons.global.css --woff1=data --svg=omit --ttf=omit --eot=omit",
+    "postinstall": "install-app-deps",
+    "pack": "build",
+    "dist": "build"
   },
   "bin": {
     "electron": "./node_modules/.bin/electron"
@@ -61,7 +63,7 @@
     "cross-env": "^1.0.7",
     "css-loader": "^0.23.1",
     "del": "^2.2.0",
-    "electron-packager": "^6.0.2",
+    "electron-builder": "^3.25.0",
     "electron-prebuilt": "^1.0.2",
     "electron-rebuild": "^1.1.3",
     "eslint": "^2.9.0",
@@ -80,18 +82,29 @@
     "react-addons-test-utils": "^15.0.1",
     "selenium-webdriver": "^2.53.1",
     "sinon": "^1.17.3",
+    "source-map-support": "^0.4.0",
     "style-loader": "^0.13.1",
     "webfont-dl": "^0.1.2",
     "webpack": "^1.13.0",
     "webpack-dev-middleware": "^1.6.1",
-    "webpack-hot-middleware": "^2.10.0",
-    "source-map-support": "^0.4.0"
+    "webpack-hot-middleware": "^2.10.0"
   },
   "devEngines": {
     "node": "4.x || 5.x || 6.x",
     "npm": "2.x || 3.x"
   },
   "contributors": [
     "Jack Wilkinson (https://github.com/guacjack)"
-  ]
+  ],
+  "build": {
+    "app-bundle-id": "hardchor.timesheets",
+    "app-category-type": "public.app-category.productivity",
+    "productName": "Timesheets",
+    "compression": "normal",
+    "asar": true
+  },
+  "directories": {
+    "app": "./dist/",
+    "output": "./release/"
+  }
 }

webpack.config.base.js

@@ -13,7 +13,7 @@ export default {
   },
   output: {
     path: path.join(__dirname, 'dist'),
-    filename: '[name].js',
+    filename: '[name]/index.js',
     libraryTarget: 'commonjs2',
   },
   resolve: {

webpack.config.electron.js

@@ -14,7 +14,7 @@ export default {
 
   output: {
     path: path.resolve(__dirname, 'dist/main'),
-    filename: 'main.js',
+    filename: 'index.js',
   },
 
   plugins: [

webpack.config.production.js

@@ -22,7 +22,7 @@ const config = {
 
     path: path.join(__dirname, 'dist', 'renderer'),
     publicPath: '../dist/',
-    filename: '[name]/[name].js',
+    filename: '[name]/index.js',
   },
 
   module: {