Add Raspberry PI search

Author: blavka

index.js

@@ -16,6 +16,7 @@ const MqttBroker = require("./src/background/MqttBroker");
 const Settings = require("./src/background/Settings");
 const Firmware = require("./src/background/Firmware");
 const Gateway = require("./src/background/Gateway");
+const Home = require("./src/background/Home");
 
 let windows = [];
 
@@ -113,13 +114,14 @@ NodeREDWorker.setup().finally(()=>{
         windows[i].reload();
     }
 })
+Home.setup();
 
 // Quit when all windows are closed.
 app.on("window-all-closed", () => {
     console.log("window-all-closed");
     if (process.platform != 'darwin'){
       console.log("app.quit");
-    app.quit();
+      app.quit();
     }
 });
 

package.json

@@ -71,7 +71,8 @@
       "artifactName": "bigclown-playground-${version}-${os}-setup-${arch}.${ext}"
     },
     "dmg": {
-      "contents": [{
+      "contents": [
+        {
           "x": 130,
           "y": 220
         },
@@ -121,13 +122,16 @@
     "electron-context-menu": "^0.10.0",
     "electron-prompt": "^1.2.0",
     "font-awesome": "^4.7.0",
+    "ip": "^1.1.5",
     "is-port-reachable": "^2.0.0",
     "mosca": "^2.8.3",
     "mqtt": "^2.18.8",
+    "node-arp": "^1.0.6",
     "node-red": "*",
     "node-red-contrib-blynk-ws": "^0.7.1",
     "node-red-contrib-ifttt": "^0.1.0",
     "node-red-dashboard": "*",
+    "ping": "^0.2.2",
     "react": "^16.5.2",
     "react-dom": "^16.5.2",
     "react-router-dom": "^4.3.1",

src/background/Home.js

@@ -0,0 +1,16 @@
+"use strict";
+const { ipcMain, BrowserWindow } = require("electron");
+const { hub_list } = require("./../utils/hub");
+
+function setup() {
+
+    ipcMain.on("hub/list/get", async (event) => {
+        console.log("hub/list/get")
+        hub_list((list)=>{
+            console.log('hub_list', list);
+            event.sender.send("hub/list", list);
+        });
+    });
+}
+
+module.exports = { setup };

src/render/App.js

@@ -13,6 +13,8 @@ import RadioManager from "./components/RadioManager";
 import Firmware from "./components/Firmware";
 import Gateway from "./components/Gateway";
 import Devices from "./components/Devices";
+import Home from "./components/Home";
+
 
 // Import SCSS
 import "../assets/scss/index.scss";
@@ -37,9 +39,9 @@ export default class extends Component {
     componentDidMount() {
         console.log("App:componentDidMount");
 
-        ipcRenderer.on("gateway/status", (sender, gatewayStatus) => {
-            if (this.state.gatewayStatus != gatewayStatus) {
-                this.setState({ gatewayStatus });
+        ipcRenderer.on("gateway/status", (sender, payload) => {
+            if (this.state.gatewayStatus != payload.status) {
+                this.setState({ gatewayStatus: payload.status });
             }
         });
         ipcRenderer.on("nodered/status", (sender, noderedStatus) => {
@@ -85,7 +87,7 @@ export default class extends Component {
                         <aside className={this.state.visible ? "fade-in" : "fade-out"}>
                             <nav>
                                 <NavLink exact to="/">{i18n.__("home")}</NavLink>
-                                <NavLink to="/devices" title={gwOffline ? "No Radio USB Dongle connected" : null}>{i18n.__("Devices")} {gwOffline ?  <i className="fa fa-warning"></i> : null}</NavLink>
+                                <NavLink to="/devices" title={gwOffline ? "No Radio Dongle connected" : null}>{i18n.__("Devices")} {gwOffline ?  <i className="fa fa-warning"></i> : null}</NavLink>
                                 <NavLink to="/functions" title={nodeRedOffline ? "Node-RED is shut down": null}>{i18n.__("Functions")} {nodeRedOffline ? <i className="fa fa-warning"></i> : null}</NavLink>
                                 <NavLink to="/dashboard">{i18n.__("dashboard")}</NavLink>
                                 <NavLink to="/messages" title={mqttOffline ? "Mqtt brouker is shut down" : null}>{i18n.__("Messages")} {mqttOffline ?<i className="fa fa-warning"></i> : null}</NavLink>
@@ -102,7 +104,7 @@ export default class extends Component {
                     </div>
 
                     <main key="main">
-                        <RouteIframe path="/" exact src="https://start.bigclown.com/" />
+                        <Home path="/" exact/>
                         <Route path="/settings" component={Settings}/>
                         <RouteWithProps path="/devices" component={Devices} model={this.radiomanager} />
                         <RouteIframe path="/functions" src="http://localhost:1880/" id="node-red" />

src/render/components/Home.js

@@ -0,0 +1,55 @@
+import React, { Component } from "react";
+import PropTypes from 'prop-types'
+import { withRouter } from "react-router-dom";
+import { ipcRenderer, shell } from "electron";
+import { Alert } from 'reactstrap';
+
+class HomeComponent extends Component {
+    static propTypes = {
+        match: PropTypes.object.isRequired,
+        location: PropTypes.object.isRequired,
+        history: PropTypes.object.isRequired,
+        path: PropTypes.string.isRequired,
+    }
+
+    constructor(props) {
+        super(props);
+        this.state = {
+            hub_list : []
+        }
+    }
+
+    componentDidMount() {
+        console.log("Home componentDidMount");
+        ipcRenderer.on("hub/list", (sender, hub_list) => {
+            console.log('hub_list', hub_list);
+            this.setState({ hub_list });
+        });
+        ipcRenderer.send("hub/list/get");
+    }
+
+    componentWillUnmount() {
+        console.log("Home componentWillUnmount");
+        ipcRenderer.removeAllListeners("hub/list");
+    }
+
+    componentDidUpdate() {
+        console.log("Home componentDidUpdate");
+    }
+
+    render() {
+        const { location, path } = this.props;
+
+        return (
+        <div id="home" style={{display: location.pathname == path ? "block" : "none"}}>
+            {this.state.hub_list.length ? <Alert color="primary">
+                {this.state.hub_list.map((ip)=>{
+                    return <div key={ip}>Found Raspberry PI click for open in browser <b style={{cursor:"pointer"}} onClick={()=>{shell.openExternal("http://" + ip);}}>{ip}</b></div>
+                })}
+            </Alert> : null}
+            <iframe src="https://start.bigclown.com/" className="route" ></iframe>
+        </div>)
+    }
+}
+
+module.exports = withRouter(HomeComponent);

src/utils/hub.js

@@ -0,0 +1,66 @@
+"use strict";
+
+const os = require("os");
+const ip = require("ip");
+const ping = require('ping');
+const arp = require("node-arp");
+
+function hub_list(callback) {
+    let networks = [];
+    let myAddress = [];
+
+    var interfaces = os.networkInterfaces();
+    for (let name in interfaces) {
+        interfaces[name].map((inet) => {
+            if (inet.internal) return;
+            if (inet.family != 'IPv4') return;
+
+            myAddress.push(inet.address);
+        
+            for (let i in networks) {
+                if (networks[i].contains(inet.address)) {
+                    return;
+                }
+            }
+
+            networks.push(ip.cidrSubnet(inet.cidr))
+        });
+    }
+
+    // console.log(networks);
+
+    let cnt = 0;
+    let list = [];
+
+    networks.map(async (network) => {
+        for(let i = ip.toLong(network.firstAddress), l = ip.toLong(network.lastAddress); i < l + 1; i++){
+            let address = ip.fromLong(i)
+            if (myAddress.indexOf(address) != -1) continue;
+
+            cnt++;
+    
+            ping.sys.probe(address, function(isAlive){
+                if (!isAlive){
+                    cnt--;
+                    if (cnt == 0) {
+                        callback(list);
+                    }
+                    return;
+                }
+
+                arp.getMAC(address, (error, mac) => {
+                    if ( mac.startsWith("b8:27:eb")) {
+                        list.push(address);
+                    }
+                    cnt--;
+                    
+                    if (cnt == 0) {
+                        callback(list);
+                    }
+                });
+            }, {timeout: 1});
+        }
+    });
+}
+
+module.exports = { hub_list }