├── README.md
├── examples
    ├── readme.md
    ├── electron-batch-childprocess
    │   ├── package.json
    │   ├── main.js
    │   └── index.html
    ├── electron-webcamera
    │   ├── package.json
    │   ├── main.js
    │   └── index.html
    ├── electron-folderandfilewatcher
    │   ├── package.json
    │   ├── main.js
    │   └── index.html
    └── electron-voicecommands-speechsynthesis
    │   ├── package.json
    │   ├── main.js
    │   └── index.html
└── LICENSE


/README.md:
--------------------------------------------------------------------------------
1 | # electron-examples
2 | A collection of electron example about everything that you can do with electron <3 !
3 | 


--------------------------------------------------------------------------------
/examples/readme.md:
--------------------------------------------------------------------------------
1 | # Remember to install the dependencies before using them, otherwise will not work obviously ...
2 | 
3 | Or install and start every example using :
4 | 
5 | ```bash
6 | npm install && npm start
7 | ```
8 | 


--------------------------------------------------------------------------------
/examples/electron-batch-childprocess/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "ourcodeworldelectron",
 3 |   "version": "1.0.0",
 4 |   "description": "A quick description of your project",
 5 |   "main": "main.js",
 6 |   "scripts": {
 7 |     "start": "electron main.js"
 8 |   },
 9 |   "author": "Our Code World",
10 |   "license": "CC0-1.0",
11 |   "devDependencies": {
12 |     "electron-prebuilt": "^1.0.1"
13 |   }
14 | }
15 | 


--------------------------------------------------------------------------------
/examples/electron-webcamera/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "ourcodeworldelectron-webcamera",
 3 |   "version": "1.0.0",
 4 |   "description": "Example webcamera with electron",
 5 |   "main": "main.js",
 6 |   "scripts": {
 7 |     "start": "electron main.js"
 8 |   },
 9 |   "author": "Our Code World",
10 |   "license": "CC0-1.0",
11 |   "devDependencies": {
12 |     "electron-prebuilt": "^0.37.2"
13 |   },
14 |   "dependencies": {
15 |     "webcamjs": "^1.0.6"
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/examples/electron-folderandfilewatcher/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "ourcodeworldelectron",
 3 |   "version": "1.0.0",
 4 |   "description": "A quick description of your project",
 5 |   "main": "main.js",
 6 |   "scripts": {
 7 |     "start": "electron main.js"
 8 |   },
 9 |   "author": "Our Code World",
10 |   "license": "CC0-1.0",
11 |   "devDependencies": {
12 |     "electron-prebuilt": "^1.0.1"
13 |   },
14 |   "dependencies": {
15 |     "chokidar": "^1.5.1"
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/examples/electron-voicecommands-speechsynthesis/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "ourcodeworldelectron",
 3 |   "version": "1.0.0",
 4 |   "description": "A quick description of your project",
 5 |   "main": "main.js",
 6 |   "scripts": {
 7 |     "start": "electron main.js"
 8 |   },
 9 |   "author": "Our Code World",
10 |   "license": "CC0-1.0",
11 |   "devDependencies": {
12 |     "electron-prebuilt": "^1.0.1"
13 |   },
14 |   "dependencies": {
15 |     "artyom.js": "^0.9.6"
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2016 
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/examples/electron-webcamera/main.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const electron = require('electron');
 4 | const app = electron.app;  // Module to control application life.
 5 | const BrowserWindow = electron.BrowserWindow;  // Module to create native browser window.
 6 | 
 7 | // Keep a global reference of the window object, if you don't, the window will
 8 | // be closed automatically when the JavaScript object is garbage collected.
 9 | var mainWindow = null;
10 | 
11 | // Quit when all windows are closed.
12 | app.on('window-all-closed', function() {
13 |   // On OS X it is common for applications and their menu bar
14 |   // to stay active until the user quits explicitly with Cmd + Q
15 |   if (process.platform != 'darwin') {
16 |     app.quit();
17 |   }
18 | });
19 | 
20 | // This method will be called when Electron has finished
21 | // initialization and is ready to create browser windows.
22 | app.on('ready', function() {
23 |   // Create the browser window.
24 |   mainWindow = new BrowserWindow({width: 800, height: 600});
25 | 
26 |   // and load the index.html of the app.
27 |   mainWindow.loadURL('file://' + __dirname + '/index.html');
28 | 
29 |   // Open the DevTools.
30 |   mainWindow.webContents.openDevTools();
31 | 
32 |   // Emitted when the window is closed.
33 |   mainWindow.on('closed', function() {
34 |     // Dereference the window object, usually you would store windows
35 |     // in an array if your app supports multi windows, this is the time
36 |     // when you should delete the corresponding element.
37 |     mainWindow = null;
38 |   });
39 | });
40 | 


--------------------------------------------------------------------------------
/examples/electron-batch-childprocess/main.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const electron = require('electron');
 4 | const app = electron.app;  // Module to control application life.
 5 | const BrowserWindow = electron.BrowserWindow;  // Module to create native browser window.
 6 | 
 7 | // Keep a global reference of the window object, if you don't, the window will
 8 | // be closed automatically when the JavaScript object is garbage collected.
 9 | var mainWindow = null;
10 | 
11 | // Quit when all windows are closed.
12 | app.on('window-all-closed', function() {
13 |   // On OS X it is common for applications and their menu bar
14 |   // to stay active until the user quits explicitly with Cmd + Q
15 |   if (process.platform != 'darwin') {
16 |     app.quit();
17 |   }
18 | });
19 | 
20 | // This method will be called when Electron has finished
21 | // initialization and is ready to create browser windows.
22 | app.on('ready', function() {
23 |   // Create the browser window.
24 |   mainWindow = new BrowserWindow({width: 800, height: 600});
25 | 
26 |   // and load the index.html of the app.
27 |   mainWindow.loadURL('file://' + __dirname + '/index.html');
28 | 
29 |   // Open the DevTools.
30 |   mainWindow.webContents.openDevTools();
31 | 
32 |   // Emitted when the window is closed.
33 |   mainWindow.on('closed', function() {
34 |     // Dereference the window object, usually you would store windows
35 |     // in an array if your app supports multi windows, this is the time
36 |     // when you should delete the corresponding element.
37 |     mainWindow = null;
38 |   });
39 | });
40 | 


--------------------------------------------------------------------------------
/examples/electron-folderandfilewatcher/main.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const electron = require('electron');
 4 | const app = electron.app;  // Module to control application life.
 5 | const BrowserWindow = electron.BrowserWindow;  // Module to create native browser window.
 6 | 
 7 | // Keep a global reference of the window object, if you don't, the window will
 8 | // be closed automatically when the JavaScript object is garbage collected.
 9 | var mainWindow = null;
10 | 
11 | // Quit when all windows are closed.
12 | app.on('window-all-closed', function() {
13 |   // On OS X it is common for applications and their menu bar
14 |   // to stay active until the user quits explicitly with Cmd + Q
15 |   if (process.platform != 'darwin') {
16 |     app.quit();
17 |   }
18 | });
19 | 
20 | // This method will be called when Electron has finished
21 | // initialization and is ready to create browser windows.
22 | app.on('ready', function() {
23 |   // Create the browser window.
24 |   mainWindow = new BrowserWindow({width: 800, height: 600});
25 | 
26 |   // and load the index.html of the app.
27 |   mainWindow.loadURL('file://' + __dirname + '/index.html');
28 | 
29 |   // Open the DevTools.
30 |   mainWindow.webContents.openDevTools();
31 | 
32 |   // Emitted when the window is closed.
33 |   mainWindow.on('closed', function() {
34 |     // Dereference the window object, usually you would store windows
35 |     // in an array if your app supports multi windows, this is the time
36 |     // when you should delete the corresponding element.
37 |     mainWindow = null;
38 |   });
39 | });
40 | 


--------------------------------------------------------------------------------
/examples/electron-voicecommands-speechsynthesis/main.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const electron = require('electron');
 4 | const app = electron.app;  // Module to control application life.
 5 | const BrowserWindow = electron.BrowserWindow;  // Module to create native browser window.
 6 | 
 7 | // Keep a global reference of the window object, if you don't, the window will
 8 | // be closed automatically when the JavaScript object is garbage collected.
 9 | var mainWindow = null;
10 | 
11 | // Quit when all windows are closed.
12 | app.on('window-all-closed', function() {
13 |   // On OS X it is common for applications and their menu bar
14 |   // to stay active until the user quits explicitly with Cmd + Q
15 |   if (process.platform != 'darwin') {
16 |     app.quit();
17 |   }
18 | });
19 | 
20 | // This method will be called when Electron has finished
21 | // initialization and is ready to create browser windows.
22 | app.on('ready', function() {
23 |   // Create the browser window.
24 |   mainWindow = new BrowserWindow({width: 800, height: 600});
25 | 
26 |   // and load the index.html of the app.
27 |   mainWindow.loadURL('file://' + __dirname + '/index.html');
28 | 
29 |   // Open the DevTools.
30 |   mainWindow.webContents.openDevTools();
31 | 
32 |   // Emitted when the window is closed.
33 |   mainWindow.on('closed', function() {
34 |     // Dereference the window object, usually you would store windows
35 |     // in an array if your app supports multi windows, this is the time
36 |     // when you should delete the corresponding element.
37 |     mainWindow = null;
38 |   });
39 | });
40 | 


--------------------------------------------------------------------------------
/examples/electron-batch-childprocess/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="UTF-8">
 5 |     <title>Our Code World Rocks</title>
 6 |   </head>
 7 |   <body>
 8 |     <h1>Our Code World execute .bat <span><img  style="height:40px;width:40px;" src="http://ourcodeworld.com/resources/img/ocw-empty.png"/></span></h1>
 9 |     <br>
10 |     <button type="button" id="executeBat">Execute .bat file</button>
11 |     <button type="button" onclick="resetLog()">Clear log</button><br>
12 |     <ul id="log-container"></ul>
13 |     <script>'use strict';
14 | 
15 |     function resetLog(){
16 |         return document.getElementById("log-container").innerHTML = "";
17 |     }
18 | 
19 |     function addLog(message,type){
20 |         var el = document.getElementById("log-container");
21 |         var newItem = document.createElement("LI");       // Create a <li> node
22 |         var textnode = document.createTextNode(message);  // Create a text node
23 |         if(type == "error"){
24 |             newItem.style.color = "red";
25 |         }else if(type == "final"){
26 |             newItem.style.color = "blue";
27 |         }
28 | 
29 |         newItem.appendChild(textnode);                    // Append the text to <li>
30 |         el.appendChild(newItem);
31 |     }
32 | 
33 |     document.getElementById("executeBat").addEventListener("click",function(e){
34 |         var myBatFilePath = "C:\\Users\\SDkCarlos\\Desktop\\electrontest.bat";
35 | 
36 |         const spawn = require('child_process').spawn;
37 |         const bat = spawn('cmd.exe', ['/c', myBatFilePath]);
38 | 
39 |         bat.stdout.on('data', (data) => {
40 |             var str = String.fromCharCode.apply(null, data);
41 |             addLog(data);
42 |             console.info(str);
43 |         });
44 | 
45 |         bat.stderr.on('data', (data) => {
46 |             var str = String.fromCharCode.apply(null, data);
47 |             addLog(data,"error");
48 |             console.error(str);
49 |         });
50 | 
51 |         bat.on('exit', (code) => {
52 |             console.log(`Child exited with code ${code}`);
53 |             var preText = `Child exited with code ${code} : `;
54 | 
55 |             switch(code){
56 |                 case 0:
57 |                     addLog(preText+"Something unknown happened executing the batch.","final");
58 |                     break;
59 |                 case 1:
60 |                     addLog(preText+"The file already exists","final");
61 |                     break;
62 |                 case 2:
63 |                     addLog(preText+"The file doesn't exists and now is created","final");
64 |                     break;
65 |                 case 3:
66 |                     addLog(preText+"An error ocurred while creating the file","final");
67 |                     break;
68 |             }
69 |         });
70 |     },false);
71 |     </script>
72 |   </body>
73 | </html>
74 | 


--------------------------------------------------------------------------------
/examples/electron-webcamera/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="UTF-8">
 5 |     <title>Our Code World Camera Demo</title>
 6 |   </head>
 7 |   <body>
 8 |       <div style="width:100%; text-align: center;">
 9 |           <img src="http://ourcodeworld.com/resources/img/ocw-empty.png" style="width:100px; text-align: center; margin: 0 auto;"/>
10 |       </div>
11 |       <br>
12 |       <div>
13 |           <!-- Create a camera element centered -->
14 |           <div id="camdemo" style="width: 320px; height: 240px; text-align: center; margin: 0 auto;"></div>
15 |           <br>
16 |             <div style="text-align:center;">
17 |                 <input type="button" id="start" value="Start / Shut down camera"/>
18 |                 <input type="button" id="savefile" value="Save photo in Desktop"/>
19 |             </div>
20 |       </div>
21 |       <script>
22 |             var enabled = false;
23 |             var WebCamera = require("webcamjs");
24 |             var remote = require('remote'); // Load remote component that contains the dialog dependency
25 |             var dialog = remote.require('dialog'); // Load the dialogs component of the OS
26 |             var fs = require('fs'); // Load the File System to execute our common tasks (CRUD)
27 | 
28 |             document.getElementById("start").addEventListener('click',function(){
29 |                 if(!enabled){
30 |                     enabled = true;
31 |                     WebCamera.attach('#camdemo');
32 |                     console.log("The camera has been started");
33 |                 }else{
34 |                     enabled = false;
35 |                     WebCamera.reset();
36 |                     console.log("The camera has been disabled");
37 |                 }
38 |             },false);
39 | 
40 |             function processBase64Image(dataString) {
41 |               var matches = dataString.match(/^data:([A-Za-z-+\/]+);base64,(.+)$/),response = {};
42 | 
43 |               if (matches.length !== 3) {
44 |                   return new Error('Invalid input string');
45 |               }
46 | 
47 |               response.type = matches[1];
48 |               response.data = new Buffer(matches[2], 'base64');
49 | 
50 |               return response;
51 |             }
52 | 
53 |             document.getElementById("savefile").addEventListener('click',function(){
54 |                 if(enabled){
55 |                     WebCamera.snap(function(data_uri) {
56 |                         var imageBuffer = processBase64Image(data_uri);
57 | 
58 |                         dialog.showSaveDialog({
59 |                             filters: [
60 |                                 { name: 'Images', extensions: ['png'] },
61 |                             ]
62 |                         },function (fileName) {
63 |                                if (fileName === undefined){
64 |                                     console.log("You didn't save the file because you exit or didn't give a name");
65 |                                     return;
66 |                                }
67 |                                // If the user gave a name to the file, then save it !
68 |                                fs.writeFile(fileName, imageBuffer.data, function(err) {
69 |                                    if(err){
70 |                                        console.log("Cannot save the file :'( time to cry !");
71 |                                    }else{
72 |                                        alert("Image saved succesfully");
73 |                                    }
74 |                                });
75 |                         });
76 |         			});
77 |                 }else{
78 |                     console.log("Please enable the camera first to take the snapshot !");
79 |                 }
80 |             },false);
81 |       </script>
82 |   </body>
83 | </html>
84 | 


--------------------------------------------------------------------------------
/examples/electron-voicecommands-speechsynthesis/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 |   <head>
  4 |     <meta charset="UTF-8">
  5 |     <title>Our Code World Rocks</title>
  6 |     <script src="node_modules/artyom.js/src/artyom.min.js"></script>
  7 |   </head>
  8 |   <body>
  9 |     <h1>Our Code World Voice commands and SpeechSynthesis<span><img  style="height:40px;width:40px;" src="http://ourcodeworld.com/resources/img/ocw-empty.png"/></span></h1>
 10 |     <br>
 11 |     <p>Use commands like : </p>
 12 |     <ul>
 13 |         <li>Hello or Hi</li>
 14 |         <li>Write [Some text] in the console</li>
 15 |         <li>Text content [Some text to set to the textarea]</li>
 16 |     </ul>
 17 |     <button type="button" onclick="StartArtyomOneCommand();">Start artyom one command</button>
 18 |     <button type="button" onclick="StartArtyomContinuous();">Start artyom continuous assistant</button>
 19 |     <br>
 20 |     <button type="button" onclick="StopArtyom();">Stop recognition</button>
 21 |     <br><br>
 22 |     <h3>Speech Synthesis</h3>
 23 |     <textarea id="text-content">Default text to read !</textarea><br>
 24 |     <button type="button" onclick="ReadText();">Read text</button>
 25 | 
 26 |     <script>'use strict';
 27 |         window.onload = function(){
 28 | 
 29 |             artyom.when("ERROR",function(err){
 30 |                 console.error("An error ocurred : ", err.code);
 31 |             });
 32 | 
 33 |             console.log("Artyom is ready");
 34 |             // Important, add the commands to process.
 35 |             artyom.addCommands([
 36 |                 {
 37 |                     indexes:["Hello","Hi"],
 38 |                     action: function(i){
 39 |                         artyom.say("Hello, how are you today?");
 40 |                     }
 41 |                 },
 42 |                 {
 43 |                     indexes:["Say * please"],
 44 |                     smart:true,
 45 |                     action: function(i,wildcard,sentence){
 46 |                         artyom.say(wildcard);
 47 |                     }
 48 |                 },
 49 |                 {
 50 |                     indexes:["Text content *"],
 51 |                     smart:true,
 52 |                     action: function(i,wildcard,sentence){
 53 |                         document.getElementById("text-content").value = wildcard;
 54 |                     }
 55 |                 },
 56 |                 {
 57 |                     indexes:["write * in the console"],
 58 |                     smart:true,
 59 |                     action: function(i,wildcard,sentence){
 60 |                         console.log(wildcard);
 61 |                     }
 62 |                 }
 63 |             ]);
 64 | 
 65 |             artyom.say("Hello",{
 66 |                 onEnd: function(){
 67 |                     console.log("I said hello !");
 68 |                 }
 69 |             });
 70 |         };
 71 | 
 72 |         function StartArtyomOneCommand(){
 73 |             console.log("One command");
 74 |             if(artyom.isRecognizing()){
 75 |                 return alert("Stop artyom first !");
 76 |             }
 77 | 
 78 |             //Although the voice can't be changed,
 79 |             // You need to set the language for the speech
 80 |             // Recognition, see the documentation for more examples
 81 |             return artyom.initialize({
 82 |                 lang:"en-GB",
 83 |                 debug:true,
 84 |                 continuous:false,
 85 |                 listen:true
 86 |             });
 87 |         }
 88 | 
 89 |         function StartArtyomContinuous(){
 90 |             console.log("Continuous commands");
 91 |             if(artyom.isRecognizing()){
 92 |                 return alert("Stop artyom first !");
 93 |             }
 94 | 
 95 |             // You can create a permanent voice assistant
 96 |             // if you want using the continuous mode !
 97 |             return artyom.initialize({
 98 |                 lang:"en-GB",
 99 |                 debug:true,
100 |                 continuous:false,
101 |                 listen:true
102 |             });
103 |         }
104 | 
105 |         function StopArtyom(){
106 |             artyom.fatality();
107 |         }
108 | 
109 |         function ReadText(){
110 |             var content = document.getElementById("text-content").value;
111 |             if(!content){
112 |                 content = "The textarea is empty. Please paste some text on it";
113 |             }
114 | 
115 |             return artyom.say(content,{
116 |                 onStart: function(){
117 |                     console.info("Text synthesis started.");
118 |                 },
119 |                 onEnd: function(){
120 |                     console.info("Text reading finished.");
121 |                 }
122 |             });
123 |         }
124 |     </script>
125 |   </body>
126 | </html>
127 | 


--------------------------------------------------------------------------------
/examples/electron-folderandfilewatcher/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 |   <head>
  4 |     <meta charset="UTF-8">
  5 |     <title>Our Code World Rocks</title>
  6 |   </head>
  7 |   <body>
  8 |     <h1>Our Code World Hard Disks <span><img  style="height:40px;width:40px;" src="http://ourcodeworld.com/resources/img/ocw-empty.png"/></span></h1>
  9 |     <br>
 10 |     <button type="button" id="start">Select folder to watch</button>
 11 |     <button type="button" id="stop" style="display:none;">Stop watching</button>
 12 |     <br>
 13 |     <button type="button" onclick="resetLog();">Reset log</button>
 14 |     <span id="messageLogger"></span>
 15 |     <ul id="log-container">
 16 |     </ul>
 17 |     <script>'use strict';
 18 |         var chokidar = require('chokidar');
 19 |         var fs = require('fs');
 20 |         var watcher = null;
 21 |         var showInLogFlag = false;
 22 | 
 23 |         function StartWatcher(path){
 24 |             document.getElementById("start").disabled = true;
 25 |             document.getElementById("messageLogger").innerHTML = "Scanning the path, please wait ...";
 26 | 
 27 |             watcher = chokidar.watch(path, {
 28 |                 ignored: /[\/\\]\./,
 29 |                 persistent: true
 30 |             });
 31 | 
 32 |             function onWatcherReady(){
 33 |                 console.info('From here can you check for real changes, the initial scan has been completed.');
 34 |                 showInLogFlag = true;
 35 |                 document.getElementById("stop").style.display = "block";
 36 |                 document.getElementById("messageLogger").innerHTML = "The path is now being watched";
 37 |             }
 38 | 
 39 |             watcher
 40 |             .on('add', function(path) {
 41 |                 console.log('File', path, 'has been added');
 42 | 
 43 |                 if(showInLogFlag){
 44 |                     addLog("File added : "+path,"new");
 45 |                 }
 46 |             })
 47 |             .on('addDir', function(path) {
 48 |                  console.log('Directory', path, 'has been added');
 49 | 
 50 |                  if(showInLogFlag){
 51 |                      addLog("Folder added : "+path,"new");
 52 |                  }
 53 |              })
 54 |             .on('change', function(path) {
 55 |                 console.log('File', path, 'has been changed');
 56 | 
 57 |                 if(showInLogFlag){
 58 |                     addLog("A change ocurred : "+path,"change");
 59 |                 }
 60 |             })
 61 |             .on('unlink', function(path) {
 62 |                 console.log('File', path, 'has been removed');
 63 | 
 64 |                 if(showInLogFlag){
 65 |                     addLog("A file was deleted : "+path,"delete");
 66 |                 }
 67 |             })
 68 |             .on('unlinkDir', function(path) {
 69 |                 console.log('Directory', path, 'has been removed');
 70 | 
 71 |                 if(showInLogFlag){
 72 |                     addLog("A folder was deleted : "+path,"delete");
 73 |                 }
 74 |             })
 75 |             .on('error', function(error) {
 76 |                 console.log('Error happened', error);
 77 | 
 78 |                 if(showInLogFlag){
 79 |                     addLog("An error ocurred: ","delete");
 80 |                     console.log(error);
 81 |                 }
 82 |             })
 83 |             .on('ready', onWatcherReady)
 84 |             .on('raw', function(event, path, details) {
 85 |                 // This event should be triggered everytime something happens.
 86 |                 console.log('Raw event info:', event, path, details);
 87 |             });
 88 |         }
 89 | 
 90 |         document.getElementById("start").addEventListener("click",function(e){
 91 |             const {dialog} = require('electron').remote;
 92 |             dialog.showOpenDialog({
 93 |                 properties: ['openDirectory']
 94 |             },function(path){
 95 |                 if(path){
 96 |                     StartWatcher(path[0]);
 97 |                 }else {
 98 |                     console.log("No path selected");
 99 |                 }
100 |             });
101 |         },false);
102 | 
103 |          document.getElementById("stop").addEventListener("click",function(e){
104 |              if(!watcher){
105 |                  console.log("You need to start first the watcher");
106 |              }else{
107 |                  watcher.close();
108 |                  document.getElementById("start").disabled = false;
109 |                  showInLogFlag = false;
110 |                  document.getElementById("messageLogger").innerHTML = "Nothing is being watched";
111 |              }
112 |          },false);
113 | 
114 |          function resetLog(){
115 |              return document.getElementById("log-container").innerHTML = "";
116 |          }
117 | 
118 |          function addLog(message,type){
119 |              var el = document.getElementById("log-container");
120 |              var newItem = document.createElement("LI");       // Create a <li> node
121 |              var textnode = document.createTextNode(message);  // Create a text node
122 |              if(type == "delete"){
123 |                  newItem.style.color = "red";
124 |              }else if(type == "change"){
125 |                  newItem.style.color = "blue";
126 |              }else{
127 |                  newItem.style.color = "green";
128 |              }
129 | 
130 |              newItem.appendChild(textnode);                    // Append the text to <li>
131 |              el.appendChild(newItem);
132 |          }
133 |     </script>
134 |   </body>
135 | </html>
136 | 


--------------------------------------------------------------------------------