Feature - Add plugin host option

README.md

@@ -73,7 +73,7 @@ Then, sit back and pretend you're an astronaut.
  - `-c, --color [color]` - Custom ANSI color for your dashboard
  - `-m, --minimal` - Runs the dashboard in minimal mode
  - `-t, --title [title]` - Set title of terminal window
- - `-p, --port [port]` - Custom port for socket communication
+ - `-p, --port [port]` - Custom port for socket communication server
 
 ##### Arguments
 
@@ -82,7 +82,8 @@ Then, sit back and pretend you're an astronaut.
 #### Webpack plugin
 #### Options
 
- - `port` - Custom port for socket communication
+ - `host` - Custom host for connection the socket client
+ - `port` - Custom port for connecting the socket client
  - `root` - Custom full path to project root (where `package.json` + `node_modules` are if not in `process.cwd()`)
  - `handler` - Plugin handler method, i.e. `dashboard.setData`
 

plugin/index.js

@@ -12,6 +12,7 @@ const InspectpackDaemon = require("inspectpack").daemon;
 const serializeError = require("../utils/error-serialization").serializeError;
 
 const DEFAULT_PORT = 9838;
+const DEFAULT_HOST = "127.0.0.1";
 const ONE_SECOND = 1000;
 const INSPECTPACK_PROBLEM_ACTIONS = ["versions", "duplicates"];
 const INSPECTPACK_PROBLEM_TYPE = "problems";
@@ -40,6 +41,7 @@ class DashboardPlugin {
       this.handler = options;
     } else {
       options = options || {};
+      this.host = options.host || DEFAULT_HOST;
       this.port = options.port || DEFAULT_PORT;
       this.root = options.root;
       this.handler = options.handler || null;
@@ -69,7 +71,7 @@ class DashboardPlugin {
     if (!handler) {
       handler = noop;
       const port = this.port;
-      const host = "127.0.0.1";
+      const host = this.host;
       this.socket = new SocketIOClient(`http://${host}:${port}`);
       this.socket.on("connect", () => {
         handler = this.socket.emit.bind(this.socket, "message");