feat: Allow dynamic docker and rest api host

Author: Lulu300

Vagrantfile

@@ -33,6 +33,7 @@ Vagrant.configure("2") do |config|
   # Create a forwarded port mapping which allows access to a specific port
   # within the machine from a port on the host machine and only allow access
   # via 127.0.0.1 to disable public access
+  config.vm.network "public_network", ip: "192.168.1.97"
   config.vm.network "forwarded_port", guest: 8080, host: 8080, host_ip: "127.0.0.1"
   config.vm.network "forwarded_port", guest: 3000, host: 3000, host_ip: "127.0.0.1"
   config.vm.network "forwarded_port", guest: 5000, host: 5000, host_ip: "127.0.0.1"

src/client/package.json

@@ -3,6 +3,8 @@
   "version": "1.0.0-Beta",
   "private": true,
   "homepage": "/",
+  "restApi": "http://localhost:8080",
+  "dockerApi": "ws://localhost:2375",
   "dependencies": {
     "@types/lodash": "^4.14.104",
     "@types/react-redux": "^5.0.14",

src/client/src/AuthService.ts

@@ -1,14 +1,14 @@
 import decode from "jwt-decode";
+const config = require("../package.json");
+
 export default class AuthService {
     // Initializing important variables
 
     user: Object;
     domain: string;
-    // dockerApi: string;
 
     constructor(domain?: string) {
-        this.domain = domain || "http://localhost:8080"; // API server domain
-        // this.dockerApi = "http://localhost:2375";
+        this.domain = domain || config.restApi; // API server domain
         this.user = Object;
         this.fetch = this.fetch.bind(this); // React binding stuff
         this.login = this.login.bind(this);

src/client/src/components/CodeChillXterm.tsx

@@ -5,6 +5,7 @@ import * as fit from "xterm/build/addons/fit/fit";
 import * as ClassName from "classnames";
 import AuthService from "../AuthService";
 import withAuth from "./withAuth";
+var config = require("../../package.json");
 
 export interface IxTermProps extends React.DOMAttributes<{}> {
     onChange?: (e: any) => void;
@@ -48,7 +49,7 @@ class CodeChillXterm extends React.Component<IxTermProps, IxTermState> {
         this.xterm = new Terminal();
         Terminal.applyAddon(attach);
         Terminal.applyAddon(fit);
-        this.webSocket = new WebSocket(`ws://localhost:2375/containers/${this.props.user.dockers[0].name}/
+        this.webSocket = new WebSocket(`${config.dockerApi}/containers/${this.props.user.dockers[0].name}/
 attach/ws?logs=0&stream=1&stdin=1&stdout=1&stderr=1`);
         this.Auth.startDocker(this.props.user.dockers[0].name).then((res) => {
             console.log(res);