Merge pull request #1 from co2-git/v0.1.1

V0.1.1

Author: co2-git

.gitignore

@@ -9,3 +9,4 @@ npm-debug.log
 yarn-error.log
 
 dist/
+release/

README.md

@@ -1,22 +1,17 @@
-ReactNativeRX
+ReactNative
 ===
 
-# Run
+This is a GUI for running React Native commands. It is built with electron so it works on Linux, Mac and Windows.
 
-```javascript
-reactors run web
-reactors run desktop
-reactors run ios
-reactors run android
-```
+# Downloads
 
-# Upgrade
+[v0.1.1](http://v1.1.1) is out! Choose your weapon.
 
-```javascript
-reactors run web
-reactors run desktop
-reactors run ios
-reactors run android
-```
 
-More info about [reactors](https://github.com/co2-git/reactors).
+[<img alt="Mac" src="http://clinsite.com/wp-content/uploads/2017/01/Apple-logo-120x120.png" />](https://drive.google.com/open?id=12GdTnRph5DMrAj5b8Kmntykm0lXbOcT-)
+[<img alt="Windows"  src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Windows_logo_-_2012_derivative.svg/120px-Windows_logo_-_2012_derivative.svg.png" />](http://google.es)
+[<img alt="Linux" src="http://www.linuxscrew.com/wp-content/uploads/2007/11/120px-crystal_128_penguin.png" />](https://drive.google.com/open?id=1F5Luv13r9QkX8MDCqUN1NtyPN3FFHKaQ)
+
+# Screenshots
+
+![alt text](https://raw.githubusercontent.com/co2-git/ReactNative/master/assets/screenshots/v0.1.1/Home.png)

app/components/Terminal/Console.js

@@ -49,7 +49,10 @@ class Terminal extends PureComponent<$TerminalProps, $TerminalState> {
         inputHandler(data.message, this.ps);
       }
     }));
-    this.ps.on('error', error => this.setState({error}));
+    this.ps.on('error', (error) => {
+      console.log(error.stack);
+      this.setState({error});
+    });
     this.ps.on('done', () => this.setState({done: true, code: 0}, () => {
       if (typeof this.props.onDone === 'function') {
         this.props.onDone();
@@ -125,13 +128,13 @@ export default Terminal;
 
 const styles = {
   console: {
-    padding: 10,
     backgroundColor: '#000',
+    borderRadius: 8,
+    boxShadow: '1px 1px 2px 2px rgba(0, 0, 0, 0.25)',
     color: '#fff',
-    maxHeight: 300,
     marginTop: 12,
-    borderRadius: 8,
+    maxHeight: 300,
     overflow: 'auto',
-    boxShadow: '1px 1px 2px 2px rgba(0, 0, 0, 0.25)',
+    padding: 10,
   },
 };

app/index.js

@@ -1,9 +1,12 @@
 // @flow
 import React from 'react';
 import ReactDOM from 'react-dom';
+import fixPath from 'fix-path';
 
 import App from './App';
 
+fixPath();
+
 const root = document.getElementById('root');
 
 ReactDOM.render(<App />, root);

app/lib/exec.js

@@ -4,42 +4,46 @@ import Emitter from 'events';
 const $spawn = (cmd, options = {}) => {
   const emitter = new Emitter();
   setTimeout(() => {
-    const [entry, ...bits] = cmd.trim().split(/\s+/);
-    const ps = spawn(entry, bits, options);
-    let done = false;
-    emitter.emit('pid', ps.pid);
-    ps
-      .on('error', error => emitter.emit('error', error))
-      .on('exit', (status) => {
-        done = true;
-        if (status === 0) {
-          emitter.emit('done');
-        } else {
-          emitter.emit('failed', status);
-        }
-      })
-      .on('close', (status) => {
-        if (!done) {
+    try {
+      const [entry, ...bits] = cmd.trim().split(/\s+/);
+      const ps = spawn(entry, bits, options);
+      let done = false;
+      emitter.emit('pid', ps.pid);
+      ps
+        .on('error', error => emitter.emit('error', error))
+        .on('exit', (status) => {
           done = true;
           if (status === 0) {
             emitter.emit('done');
           } else {
             emitter.emit('failed', status);
           }
-        }
-      });
-    ps.stdout.on('data', data => emitter.emit('data', {
-      std: 'out',
-      buffer: data,
-      message: data.toString(),
-    }));
-    ps.stderr.on('data', data => emitter.emit('data', {
-      std: 'err',
-      buffer: data,
-      message: data.toString(),
-    }));
-    emitter.on('write', message => ps.stdin.write(message));
-    emitter.on('kill', () => $spawn(`kill -9 ${ps.pid}`));
+        })
+        .on('close', (status) => {
+          if (!done) {
+            done = true;
+            if (status === 0) {
+              emitter.emit('done');
+            } else {
+              emitter.emit('failed', status);
+            }
+          }
+        });
+      ps.stdout.on('data', data => emitter.emit('data', {
+        std: 'out',
+        buffer: data,
+        message: data.toString(),
+      }));
+      ps.stderr.on('data', data => emitter.emit('data', {
+        std: 'err',
+        buffer: data,
+        message: data.toString(),
+      }));
+      emitter.on('write', message => ps.stdin.write(message));
+      emitter.on('kill', () => $spawn(`kill -9 ${ps.pid}`));
+    } catch (error) {
+      console.log(error.stack);
+    }
   });
   return emitter;
 };

assets/screenshots/v0.1.1/Home.png

@@ -8,14 +8,23 @@
     font: 12px/1.5em 'Trebuchet MS', Trebuchet, sans-serif;
     background-color: #eee;
   }
+  #splash {
+    height: 100vh;
+    width: 100vw;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
 </style>
 <link
   rel="stylesheet"
   href="https://cdn.jsdelivr.net/npm/animate.css@3.5.2/animate.min.css"
 />
 
 <section id="root">
-  <img src="assets/icons/icon.png" />
+  <div id="splash">
+    <img src="assets/icons/icon.png" />
+  </div>
 </section>
 
 <script>

index.html

@@ -10,15 +10,13 @@ let win;
 
 function createWindow() {
   // Create the browser window.
-  win = new BrowserWindow({width: 800, height: 600});
+  win = new BrowserWindow({width: 600, height: 600});
 
   // and load the index.html of the app.
   win.loadURL(`file://${__dirname}/index.html`);
 
   // Open the DevTools.
-  // if (process.env.NODE_ENV !== 'production') {
-    // win.webContents.openDevTools();
-  // }
+  // win.webContents.openDevTools();
 
   // Emitted when the window is closed.
   win.on('closed', () => {

main.js

@@ -1,12 +1,17 @@
 {
   "name": "ReactNative",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "scripts": {
     "start": "electron main.js",
-    "babel": "babel --out-dir dist/ app/"
+    "babel": "babel --out-dir dist/ app/",
+    "build": "bash scripts/build.sh $npm_package_name $npm_package_version",
+    "build:osx": "bash scripts/build.sh $npm_package_name $npm_package_version darwin",
+    "build:linux": "bash scripts/build.sh $npm_package_name $npm_package_version linux",
+    "build:windows": "bash scripts/build.sh $npm_package_name $npm_package_version win32"
   },
   "dependencies": {
     "babel-polyfill": "^6.26.0",
+    "fix-path": "^2.1.0",
     "lodash": "^4.17.5",
     "material-ui": "^0.20.0",
     "open": "^0.0.5",

package.json

@@ -0,0 +1,14 @@
+#! /bin/bash
+APP_NAME="$1"
+APP_VERSION="$2"
+PLATFORM=${3:-all}
+ELECTRON_VERSION=1.7.0
+
+electron-packager . $APP_NAME \
+  --electron-version=$ELECTRON_VERSION \
+  --platform=$PLATFORM \
+  --version=$ELECTRON_VERSION \
+  --icon=assets/icons/icon \
+  --out=release/$APP_VERSION \
+  --ignore=release
+  --ignore=assets/screenshots