upgrade ulify; change mac build script; tabsplit

mac_build.sh

@@ -3,16 +3,5 @@ rm -rf .build
 mkdir .build
 npm install
 ./minify.sh
-cp index.html .build/
-cp main.js .build/
-cp logo.icns .build/
-cp logo.png .build/
-cp package.json .build/
-cp -r build .build/
-cp -r css .build/
-cp -r node_modules .build/
-
-cd .build
-electron-packager ./ "SQL Tabs" --platform=darwin --arch=x64 --electron-version=1.4.7 --icon logo.icns --asar --prune --extend-info ../Info.plist --extra-resource ../logo_sql.icns --protocol postgres ---procol-name postgres
-cd ..
+node_modules/.bin/electron-packager ./ "SQL Tabs" --platform=darwin --arch=x64 --electron-version=4.1.0 --icon logo.icns --asar --prune --extend-info Info.plist --extra-resource logo_sql.icns --protocol postgres --protocol-name postgres --out .build/
 

minify.sh

@@ -1 +1,2 @@
-for f in build/*.js; do uglifyjs $f --define DEVMODE=false -c -o $f ; done
+#!/bin/bash
+for f in build/*.js; do node_modules/uglify-es/bin/uglifyjs $f --define DEVMODE=false -c -o $f ; done

package.json

@@ -35,7 +35,7 @@
     "react-dom": "^0.14.9",
     "request": "^2.60.0",
     "sql-formatter": "^1.2.1",
-    "sqldoc": "^v1.0.0",
+    "sqldoc": "^1.0.1",
     "tunnel-ssh": "^4.1.4"
   },
   "devDependencies": {
@@ -44,7 +44,7 @@
     "babel-preset-es2015": "^6.24.1",
     "electron": "^4.1.0",
     "electron-packager": "^13.1.1",
-    "uglifyjs": "^2.4.10"
+    "uglify-es": "^3.3.9"
   },
   "optionalDependencies": {
     "msnodesqlv8": "^0.6.12"

src/TabSplit.js

@@ -119,20 +119,16 @@ var TabSplit = React.createClass({
         // the following is important, we reset outer container height from percents to pixels
         // this way it becomes fixed and inner containers are not overflowing it in case of long content
         this.main_container.style.height = this.main_container.getBoundingClientRect().height+'px';
-        window.addEventListener('resize', this.windowResizeHandler);
-
     },
 
-    windowResizeHandler: function(e){
-        // after window resize make outer container height 100% and then recalculate it to pixels
-        this.main_container.style.height = '100%';
-        this.main_container.style.height = this.main_container.getBoundingClientRect().height+'px';
-    },
 
     componentDidUpdate: function(){
         if (this.make_resize){
             this.make_resize = false;
         }
+        // the following is important, we reset outer container height from percents to pixels
+        // this way it becomes fixed and inner containers are not overflowing it in case of long content
+        this.main_container.style.height = this.main_container.getBoundingClientRect().height+'px';
     },
 
     componentWillUnmount: function(){