Initial commit.

Author: dfmcphee

.editorconfig

@@ -0,0 +1,15 @@
+root = true
+
+[*]
+indent_style = tab
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[{package.json,*.yml}]
+indent_style = space
+indent_size = 2
+
+[*.md]
+trim_trailing_whitespace = false

.gitattributes

@@ -0,0 +1 @@
+* text=auto

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+/dist

client.js

@@ -0,0 +1,2 @@
+require('babel/register');
+require('./client/SimpleProxy');

client/Controls.js

@@ -0,0 +1,37 @@
+let ipc = require('ipc');
+let React = require('react');
+let ReactDOM = require('react-dom');
+
+var Controls = React.createClass({
+  getInitialState: function() {
+    return {
+      port: 8888
+    };
+  },
+
+  portChanged: function(event) {
+    this.setState({
+      port: parseInt(event.target.value)
+    });
+  },
+
+  render: function() {
+    if (this.props.proxyStarted) {
+      return (
+        <div className="controls">
+          <p className="controls__input">Proxy running</p>
+          <button className="controls__button" type="button" onClick={this.props.stopProxy}>Stop Proxy</button>
+        </div>
+      );
+    } else {
+      return (
+        <div className="controls">
+          <input className="controls__input" id="port" type="text" value={this.state.port} onChange={this.portChanged} />
+          <button className="controls__button" type="button" onClick={() => this.props.startProxy(this.state.port)}>Start Proxy</button>
+        </div>
+      );
+    }
+  }
+});
+
+module.exports = Controls;

client/LocalIP.js

@@ -0,0 +1,12 @@
+let React = require('react');
+let ReactDOM = require('react-dom');
+
+var LocalIP = React.createClass({
+  render: function() {
+    return (
+			<h2>{this.props.ip}</h2>
+    );
+  }
+});
+
+module.exports = LocalIP;

client/SimpleProxy.js

@@ -0,0 +1,72 @@
+let ipc = require('ipc');
+let React = require('react');
+let ReactDOM = require('react-dom');
+let Controls = require('./Controls');
+let LocalIP = require('./LocalIP');
+
+function validPort(port) {
+  return (port > 1023 && port < 65536)
+}
+
+let SimpleProxy = React.createClass({
+  getInitialState: function() {
+    return {
+      ip: '0.0.0.0',
+      invalidPort: false,
+      proxyStarted: false
+    };
+  },
+
+  componentDidMount: function() {
+    ipc.send('connect');
+    ipc.on('set-ip', (ip) => this.setIP(ip));
+  },
+
+  setIP: function(ip) {
+    this.setState({ip: ip});
+  },
+
+  startProxy: function(port) {
+    if (validPort(port)) {
+      ipc.send('start-proxy', port);
+      this.setState({
+        invalidPort: false,
+        proxyStarted: true
+      });
+    }
+    else {
+      this.setState({
+        invalidPort: true
+      });
+    }
+  },
+
+  stopProxy: function() {
+    ipc.send('stop-proxy');
+    this.setState({
+      invalidPort: false,
+      proxyStarted: false
+    });
+  },
+
+  render: function() {
+    return (
+      <div className="container">
+  			<header className="container__header">
+  				<h1>Simple Proxy</h1>
+  			</header>
+        <section className="container__body">
+          <Controls startProxy={this.startProxy} stopProxy={this.stopProxy} proxyStarted={this.state.proxyStarted} />
+        </section>
+        <footer className="container__footer">
+  			  <LocalIP ip={this.state.ip} />
+        </footer>
+  		</div>
+    );
+  }
+});
+
+ReactDOM.render(
+  <SimpleProxy />,
+  document.getElementById('mount')
+);

index.css

@@ -0,0 +1,71 @@
+html,
+body {
+	padding: 0;
+	margin: 0;
+}
+
+body {
+	font-family: -apple-system, 'Helvetica Neue', Helvetica, sans-serif;
+	font-size: 24px;
+	font-weight: 100;
+}
+
+h1 {
+	font-size: 60px;
+	font-weight: 100;
+	margin: 0;
+	padding: 0;
+	letter-spacing: 2px;
+}
+
+h2 {
+	font-size: 40px;
+	font-weight: 100;
+	margin: 0;
+	padding: 0;
+	letter-spacing: 2px;
+}
+
+input,
+button {
+	font-family: -apple-system, 'Helvetica Neue', Helvetica, sans-serif;
+}
+
+.container {
+	display: flex;
+	flex-direction: column;
+}
+
+.container__header {
+	flex: 0 0 auto;
+	padding: 20px;
+}
+
+.container__body {
+	flex: 1 1 auto;
+	padding: 20px;
+}
+
+.container__footer {
+	flex: 0 0 auto;
+	padding: 20px;
+}
+
+.controls {
+	display: flex;
+	width: 100%;
+}
+
+.controls__input {
+	flex: 20 1 auto;
+	height: 32px;
+	font-size: 24px;
+}
+
+.controls__button {
+	flex: 1 0 auto;
+	height: 38px;
+	border: none;
+	background: #3c3c3c;
+	color: #fff;
+}

index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>Electron boilerplate</title>
+		<link rel="stylesheet" href="index.css">
+	</head>
+	<body>
+		<div id="mount"></div>
+		<script src="client.js"></script>
+	</body>
+</html>

index.js

@@ -0,0 +1,78 @@
+'use strict';
+const app = require('app');
+const BrowserWindow = require('browser-window');
+
+// adds debug features like hotkeys for triggering dev tools and reload
+require('electron-debug')();
+
+let setup = require('proxy');
+let http = require('http');
+let ipc = require('ipc');
+let dns = require('dns');
+
+let defaultPort = 8888;
+let mainWindow;
+let server = false;
+
+function onClosed() {
+	mainWindow = null;
+}
+
+function createMainWindow() {
+	const win = new BrowserWindow({
+		width: 600,
+		height: 400
+	});
+
+	win.loadUrl(`file://${__dirname}/index.html`);
+	win.on('closed', onClosed);
+
+	return win;
+}
+
+app.on('window-all-closed', () => {
+	if (server) {
+		server.close();
+	}
+	if (process.platform !== 'darwin') {
+		app.quit();
+	}
+});
+
+app.on('activate-with-no-open-windows', () => {
+	if (!mainWindow) {
+		mainWindow = createMainWindow();
+	}
+});
+
+app.on('ready', () => {
+	mainWindow = createMainWindow();
+	mainWindow.openDevTools();
+});
+
+ipc.on('connect', function(event) {
+	dns.lookup(require('os').hostname(), function (err, address, fam) {
+	  event.sender.send('set-ip', address);
+	});
+});
+
+ipc.on('start-proxy', function(event, port) {
+	if (server) {
+		server.close();
+	}
+
+	server = setup(http.createServer());
+	server.listen(port, function() {
+    var port = server.address().port;
+    console.log('HTTP(s) proxy server listening on port %d', port);
+  });
+});
+
+ipc.on('stop-proxy', function(event, port) {
+	if (server) {
+		server.close(function() {
+			console.log('proxy stopped')
+		});
+		server = false;
+	}
+});