- Add DApps file watcher, for autoreload dapp in browser when their

 files update

DApps/dicedapp_v2/bankroller.js

@@ -2,7 +2,7 @@
 //(function(){
 window.MultDApp = (function(){
 	let DApp = new DCLib.DApp({slug : 'dicegame_v3'})
-
+	
 	return DApp
 })()
 

DApps/dicedapp_v2/index.html

@@ -6,6 +6,7 @@
 		<meta name="HandheldFriendly" content="True"/>
 		<title>Dice Game Channels</title>
 
+
 		<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/min/1.5/min.min.css">
 		<link rel="stylesheet" type="text/css" href="./styles.css">
 

DApps/dicedapp_v2/styles.css

@@ -3,7 +3,6 @@ html, body {
 	font-size: 14px;
 	text-align: left;
 	padding: 20px 30px;
-
 	user-select: none;
 }
 

package.json

@@ -129,11 +129,13 @@
 		"highcharts": "^5.0.14",
 		"jquery": "^3.2.1",
 		"node-fetch": "^1.7.3",
+		"node-watch": "^0.5.5",
 		"qrcode-svg": "^0.9.0",
 		"riot": "^3.7.0",
 		"riot-route": "^3.1.2",
 		"rtc-mesh": "^1.0.0",
 		"rtc-quickconnect": "^5.8.0",
+		"socket.io": "^2.0.4",
 		"toastr": "^2.1.2",
 		"utf-8-validate": "^3.0.3",
 		"web3": "git://github.com/ethereum/web3.js.git#1.0ES6",

public/server.electron.js

@@ -5,8 +5,10 @@ const queryp  = require('querystring')
 const fs      = require('fs')
 const Gun     = require('gun')
 const fse     = require('fs-extra')
+const watch   = require('node-watch')
 const {app}   = require('electron')
 
+
 const filetypes = {
 	'.js':   'text/javascript',
 	'.css':  'text/css',
@@ -83,6 +85,8 @@ const DApps = {
 		setInterval(()=>{
 			this.readDirs()
 		}, 5000)
+
+		this.watchChanges()
 	},
 
 	readDirs(){
@@ -176,6 +180,17 @@ const DApps = {
 		})
 	},
 
+	watchChanges: function(){
+		var io = require('socket.io')({origins:'http://localhost:*'})
+		io.on('connection', function(client){})
+		io.listen(9997)
+		console.log('watchChanges in', dapps_path)
+		watch(dapps_path, { recursive: true }, function(evt, name) {
+			console.log(evt+' '+name)
+			io.emit('reload_page', 'filechanged '+name+'')
+		})
+	},
+
 	serve: function(request, response){
 
 		// Upload game folder
@@ -321,7 +336,6 @@ const server = http.createServer(function (request, response) {
 
 server.listen(_config.http_port)
 
-
 global.GunDB  = Gun({file: _config.database, web: server })
 global.fetch  = require('node-fetch')
 global.window = {}

src/server.electron.js

@@ -5,8 +5,10 @@ const queryp  = require('querystring')
 const fs      = require('fs')
 const Gun     = require('gun')
 const fse     = require('fs-extra')
+const watch   = require('node-watch')
 const {app}   = require('electron')
 
+
 const filetypes = {
 	'.js':   'text/javascript',
 	'.css':  'text/css',
@@ -83,6 +85,8 @@ const DApps = {
 		setInterval(()=>{
 			this.readDirs()
 		}, 5000)
+
+		this.watchChanges()
 	},
 
 	readDirs(){
@@ -176,6 +180,17 @@ const DApps = {
 		})
 	},
 
+	watchChanges: function(){
+		var io = require('socket.io')({origins:'http://localhost:*'})
+		io.on('connection', function(client){})
+		io.listen(9997)
+		console.log('watchChanges in', dapps_path)
+		watch(dapps_path, { recursive: true }, function(evt, name) {
+			console.log(evt+' '+name)
+			io.emit('reload_page', 'filechanged '+name+'')
+		})
+	},
+
 	serve: function(request, response){
 
 		// Upload game folder
@@ -321,7 +336,6 @@ const server = http.createServer(function (request, response) {
 
 server.listen(_config.http_port)
 
-
 global.GunDB  = Gun({file: _config.database, web: server })
 global.fetch  = require('node-fetch')
 global.window = {}