Render worker.options.port

bin/worker.js

@@ -7,8 +7,10 @@ module.exports.run = function(worker) {
   var scServer = worker.scServer;
 
   httpServer.on('request', app);
+
+  app.set('view engine', 'ejs');
   app.get('/', function(req, res) {
-    res.sendFile(path.join(__dirname, 'index.html'));
+    res.render('index', { port: worker.options.port });
   });
   app.post('/', function(req, res) {
     if (!req.body.data) return res.status(404).end();

package.json

@@ -7,7 +7,8 @@
     "remotedev": "bin/remotedev.js"
   },
   "files": [
-    "bin"
+    "bin",
+    "views"
   ],
   "repository": {
     "type": "git",
@@ -24,6 +25,7 @@
   },
   "homepage": "https://github.com/zalmoxisus/remotedev-server",
   "dependencies": {
+    "ejs": "^2.4.1",
     "express": "^4.13.3",
     "minimist": "^1.2.0",
     "socketcluster": "^4.3.1"

views/index.ejs

@@ -30,16 +30,14 @@
     <script src="//npmcdn.com/react-dom@0.14/dist/react-dom.min.js"></script>
     <script src="//npmcdn.com/remotedev-app@0.2/dist/remotedev-app.min.js"></script>
     <script>
-      var socketOptions = {
+      window.remotedevOptions = {
         hostname: location.hostname,
+        port: <%= port %>,
         autoReconnect: true
       };
-      if (location.port) {
-        socketOptions.port = location.port;
-      }
       ReactDOM.render(
         React.createElement(RemoteDevApp, {
-          socketOptions: socketOptions
+          socketOptions: window.remotedevOptions
         }),
         document.querySelector('#root')
       );