make runnable

Signed-off-by: cwen0 <[email protected]>

Author: cwen0

.gitignore

@@ -9,6 +9,7 @@
 *.test
 
 web/node_modules
+web/build
 
 # Output of the go coverage tool, specifically when used with LiteIDE
 *.out

.idea/.gitignore

@@ -14,8 +14,8 @@ const (
 )
 
 type PingD struct {
-	Time  int64 `json:"time"`
-	Delay time.Duration `json:"delay"`
+	Time  int64   `json:"time"`
+	Delay float64 `json:"delay"`
 }
 
 func (p *PingD) Key() interface{} {
@@ -26,19 +26,21 @@ func (p *PingD) SetPosition(_ int) {}
 
 func (s *Server) startPing() {
 	ticker := time.NewTicker(10 * time.Second)
+	log.Info("start ping")
 	for {
 		select {
 		case <-ticker.C:
 			pinger, err := ping.NewPinger(GoogleAddress)
 			if err != nil {
 				log.Error(err.Error())
-				s.push(&PingD{Time: time.Now().Unix()})
+				s.push(&PingD{Time: time.Now().UnixNano() / 1e6})
 				continue
 			}
+			pinger.Timeout = 5 * time.Second
 			pinger.Count = 1
 			pinger.Run() // blocks until finished
 			stats := pinger.Statistics()
-			s.push(&PingD{Time: time.Now().Unix(), Delay: stats.AvgRtt})
+			s.push(&PingD{Time: time.Now().UnixNano() / 1e6, Delay: float64(stats.AvgRtt.Microseconds()) / 1000})
 		}
 	}
 }
@@ -57,7 +59,7 @@ func (s *Server) network(w http.ResponseWriter, r *http.Request) {
 	var data []PingD
 
 	for _, p := range s.pingData.All() {
-		pd,ok := p.(*PingD)
+		pd, ok := p.(*PingD)
 		if !ok {
 			continue
 		}

.idea/misc.xml

@@ -18,12 +18,13 @@ func SetupServer() Server {
 
 	r.PathPrefix("/api/network").HandlerFunc(server.network)
 
-	r.PathPrefix("/").Handler(server.web("/", "/web"))
+	r.PathPrefix("/").Handler(server.web("/", "./web/build"))
 
 	return server
 }
 
 func (s *Server) Run() {
+	go s.startPing()
 	log.Info("Starting Server on 0.0.0.0:8081")
 	err := http.ListenAndServe("0.0.0.0:8081", s.router)
 	if err != nil {

.idea/modules.xml

@@ -52,7 +52,7 @@ const App: React.FC = () => {
                 <Banner />
                 <BodyStyles className="body">
                     <Row>
-                        <TrafficChartContainer title="Ping" />
+                        <TrafficChartContainer title="Ping www.google.com" />
                     </Row>
                 </BodyStyles>
             </AppStyles>

.idea/vcs.xml

@@ -35,7 +35,10 @@ const ChartContainer: React.FC<IChartProps> = props => {
   const fetchData = () => {
     console.log('on fetch data', new Date())
     // TODO: use real fetch data API, and update response data with setTraffic Hook
-    setTraffic(data.traffic)
+    fetch("/api/network").then(res => res.json()).then((data) => {
+        setTraffic(data)
+    }).catch(console.log)
+    // setTraffic(data.traffic)
   }
 
   useInterval(fetchData, 10 * 1000, true)