On the right you will see a graph and a chart logging data from the sliders underneath.
","storeOutMessages":false,"fwdInMessages":false,"x":93,"y":45,"wires":[[]]},{"id":"9f19ee5c.beaef","type":"ui_chart","z":"41f61d2.fbe09e4","name":"","group":"bbdf3e02.e8fee","order":1,"width":"0","height":"0","label":"","chartType":"line","xformat":"HH:mm:ss","interpolate":"basis","nodata":"No Data","dot":false,"ymin":"0","ymax":"100","removeOlder":1,"removeOlderPoints":"","removeOlderUnit":"60","cutout":"","colors":["#1f77b4","#aec7e8","#ff7f0e","#2ca02c","#98df8a","#d62728","#ff9896","#9467bd","#c5b0d5"],"x":270,"y":200,"wires":[[],[]]},{"id":"799d9318.fd385c","type":"ui_gauge","z":"41f61d2.fbe09e4","name":"","group":"30e652f.d9de3ae","order":2,"width":"","height":"","gtype":"gage","title":"Title","label":"gauge","format":"{{value}}","min":0,"max":"100","colors":["#00b500","#e6e600","#ca3838"],"x":270,"y":140,"wires":[]},{"id":"6f18b200.666a4","type":"ui_button","z":"41f61d2.fbe09e4","name":"","group":"87356b62.92e3d8","order":2,"width":0,"height":0,"label":"press to talk","color":"","bgcolor":"","icon":"fa-volume-up","payload":"Hello to Jason Isaacs","payloadType":"str","topic":"","x":110,"y":300,"wires":[["f897d7c2.467a58"]]},{"id":"f897d7c2.467a58","type":"ui_audio","z":"41f61d2.fbe09e4","name":"","group":"30e652f.d9de3ae","voice":"0","x":300,"y":300,"wires":[]},{"id":"da0f7e67.0d38a","type":"ui_slider","z":"41f61d2.fbe09e4","name":"","label":"slider","group":"30e652f.d9de3ae","order":4,"width":0,"height":0,"passthru":true,"topic":"","min":0,"max":"100","step":1,"x":90,"y":140,"wires":[["799d9318.fd385c"]]},{"id":"eabf2bd7.f4e0c8","type":"ui_slider","z":"41f61d2.fbe09e4","name":"","label":"slider","group":"bbdf3e02.e8fee","order":4,"width":0,"height":0,"passthru":true,"topic":"","min":0,"max":"100","step":1,"x":90,"y":200,"wires":[["9f19ee5c.beaef"]]},{"id":"7d549f6e.58ab6","type":"worldmap","z":"41f61d2.fbe09e4","name":"","lat":"","lon":"","zoom":"","layer":"OSM","cluster":"","maxage":"","usermenu":"hide","panit":"true","x":445,"y":411,"wires":[]},{"id":"45508d88.744a54","type":"function","z":"41f61d2.fbe09e4","name":"","func":"// create random position\nvar lat = 51 + Math.random() * 0.2;\nvar lon = -1.45 + Math.random() * 0.2;\nmsg.payload={lat:lat, lon:lon, name:\"Mike\", icon:\"male\", url:\"IBM link\"};\nreturn msg;","outputs":1,"noerr":0,"x":265,"y":411,"wires":[["7d549f6e.58ab6"]]},{"id":"6ca8cfc2.e0bce","type":"ui_button","z":"41f61d2.fbe09e4","name":"","group":"c75ad4f0.0cede8","order":1,"width":0,"height":0,"label":"Move Mike","color":"","bgcolor":"#910000","icon":"fa-male","payload":"","payloadType":"str","topic":"","x":103,"y":412,"wires":[["45508d88.744a54"]]},{"id":"c87aa53d.223ba8","type":"inject","z":"41f61d2.fbe09e4","name":"","topic":"","payload":"/worldmap","payloadType":"str","repeat":"","crontab":"","once":true,"x":106,"y":461,"wires":[["42a56979.e10b68"]]},{"id":"582c9a7e.d9d014","type":"ui_template","z":"41f61d2.fbe09e4","group":"c75ad4f0.0cede8","name":"","order":2,"width":"6","height":"6","format":"","storeOutMessages":true,"fwdInMessages":true,"x":436,"y":461,"wires":[[]]},{"id":"42a56979.e10b68","type":"template","z":"41f61d2.fbe09e4","name":"","field":"payload","fieldType":"msg","format":"handlebars","syntax":"mustache","template":"","x":266,"y":461,"wires":[["582c9a7e.d9d014"]]}] -------------------------------------------------------------------------------- /flows_cred.json: -------------------------------------------------------------------------------- 1 | {"$":"7b15c36b8209a9e08997cdea6bd0c71cpNQ="} -------------------------------------------------------------------------------- /loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/natcl/electron-node-red/a673babea94209927f9feb45f7582afb0b9dd393/loading.gif -------------------------------------------------------------------------------- /main.js: -------------------------------------------------------------------------------- 1 | 2 | 'use strict'; 3 | 4 | // Some settings you can edit easily 5 | // Flows file name 6 | const flowfile = 'flows.json'; 7 | // Start on the dashboard page 8 | const url = "/ui"; 9 | // url for the editor page 10 | const urledit = "/admin"; 11 | // tcp port to use 12 | //const listenPort = "18880"; // fix it just because 13 | const listenPort = parseInt(Math.random()*16383+49152) // or random ephemeral port 14 | 15 | const os = require('os'); 16 | const electron = require('electron'); 17 | const app = electron.app; 18 | const BrowserWindow = electron.BrowserWindow; 19 | const {Menu, MenuItem} = electron; 20 | 21 | // this should be placed at top of main.js to handle squirrel setup events quickly 22 | if (handleSquirrelEvent()) { return; } 23 | 24 | var http = require('http'); 25 | var express = require("express"); 26 | var RED = require("node-red"); 27 | 28 | // Create an Express app 29 | var red_app = express(); 30 | 31 | // Add a simple route for static content served from 'public' 32 | //red_app.use(express.static(__dirname +"/public")); 33 | 34 | // Create a server 35 | var server = http.createServer(red_app); 36 | 37 | var userdir; 38 | if (process.argv[1] && (process.argv[1] === "main.js")) { 39 | userdir = __dirname; 40 | } 41 | else { // We set the user directory to be in the users home directory... 42 | const fs = require('fs'); 43 | userdir = os.homedir() + '/.node-red'; 44 | if (!fs.existsSync(userdir)) { 45 | fs.mkdirSync(userdir); 46 | } 47 | if (!fs.existsSync(userdir+"/"+flowfile)) { 48 | fs.writeFileSync(userdir+"/"+flowfile, fs.readFileSync(__dirname+"/"+flowfile)); 49 | } 50 | } 51 | console.log("Setting UserDir to ",userdir); 52 | 53 | // Create the settings object - see default settings.js file for other options 54 | var settings = { 55 | verbose: true, 56 | httpAdminRoot:"/admin", 57 | httpNodeRoot: "/", 58 | userDir: userdir, 59 | flowFile: flowfile, 60 | functionGlobalContext: { } // enables global context 61 | }; 62 | 63 | // Initialise the runtime with a server and settings 64 | RED.init(server,settings); 65 | 66 | // Serve the editor UI from /red 67 | red_app.use(settings.httpAdminRoot,RED.httpAdmin); 68 | 69 | // Serve the http nodes UI from /api 70 | red_app.use(settings.httpNodeRoot,RED.httpNode); 71 | 72 | // Create the Application's main menu 73 | var template = [{ 74 | label: "Application", 75 | submenu: [ 76 | { role: 'about' }, 77 | { type: "separator" }, 78 | { role: 'quit' } 79 | ]}, { 80 | label: 'Node-RED', 81 | submenu: [ 82 | { label: 'Dashboard', 83 | accelerator: "Shift+CmdOrCtrl+D", 84 | click() { mainWindow.loadURL("http://localhost:"+listenPort+url); } 85 | }, 86 | { label: 'Editor', 87 | accelerator: "Shift+CmdOrCtrl+E", 88 | click() { mainWindow.loadURL("http://localhost:"+listenPort+urledit); } 89 | }, 90 | { type: 'separator' }, 91 | { label: 'Documentation', 92 | click() { require('electron').shell.openExternal('http://nodered.org/docs') } 93 | }, 94 | { label: 'Flows and Nodes', 95 | click() { require('electron').shell.openExternal('http://flows.nodered.org') } 96 | }, 97 | { label: 'Google group', 98 | click() { require('electron').shell.openExternal('https://groups.google.com/forum/#!forum/node-red') } 99 | } 100 | ]}, { 101 | label: "Edit", 102 | submenu: [ 103 | { label: "Undo", accelerator: "CmdOrCtrl+Z", selector: "undo:" }, 104 | { label: "Redo", accelerator: "Shift+CmdOrCtrl+Z", selector: "redo:" }, 105 | { type: "separator" }, 106 | { label: "Cut", accelerator: "CmdOrCtrl+X", selector: "cut:" }, 107 | { label: "Copy", accelerator: "CmdOrCtrl+C", selector: "copy:" }, 108 | { label: "Paste", accelerator: "CmdOrCtrl+V", selector: "paste:" }, 109 | { label: "Select All", accelerator: "CmdOrCtrl+A", selector: "selectAll:" } 110 | ]}, { 111 | label: 'View', 112 | submenu: [ 113 | { label: 'Reload', 114 | accelerator: 'CmdOrCtrl+R', 115 | click(item, focusedWindow) { if (focusedWindow) focusedWindow.reload(); } 116 | }, 117 | { label: 'Toggle Developer Tools', 118 | accelerator: process.platform === 'darwin' ? 'Alt+Command+I' : 'Ctrl+Shift+I', 119 | click(item, focusedWindow) { if (focusedWindow) focusedWindow.webContents.toggleDevTools(); } 120 | }, 121 | { type: 'separator' }, 122 | { role: 'resetzoom' }, 123 | { role: 'zoomin' }, 124 | { role: 'zoomout' }, 125 | { type: 'separator' }, 126 | { role: 'togglefullscreen' }, 127 | { role: 'minimize' } 128 | ]} 129 | ]; 130 | 131 | // Keep a global reference of the window object, if you don't, the window will 132 | // be closed automatically when the JavaScript object is garbage collected. 133 | let mainWindow; 134 | 135 | function createWindow() { 136 | // Create the browser window. 137 | mainWindow = new BrowserWindow({ 138 | autoHideMenuBar: true, 139 | webPreferences: { 140 | nodeIntegration: false 141 | }, 142 | title: "Node-RED", 143 | fullscreenable: true, 144 | //titleBarStyle: "hidden", 145 | width: 1024, 146 | height: 768, 147 | icon: __dirname + "/nodered.png" 148 | }); 149 | 150 | var webContents = mainWindow.webContents; 151 | webContents.on('did-get-response-details', function(event, status, newURL, originalURL, httpResponseCode) { 152 | if ((httpResponseCode == 404) && (newURL == ("http://localhost:"+listenPort+url))) { 153 | setTimeout(webContents.reload, 200); 154 | } 155 | Menu.setApplicationMenu(Menu.buildFromTemplate(template)); 156 | }); 157 | 158 | // Open the DevTools. 159 | //mainWindow.webContents.openDevTools(); 160 | 161 | mainWindow.webContents.on("new-window", function(e, url, frameName, disposition, options) { 162 | // if a child window opens... modify any other options such as width/height, etc 163 | // in this case make the child overlap the parent exactly... 164 | var w = mainWindow.getBounds(); 165 | options.x = w.x; 166 | options.y = w.y; 167 | options.width = w.width; 168 | options.height = w.height; 169 | //re-use the same child name so all "2nd" windows use the same one. 170 | //frameName = "child"; 171 | }) 172 | 173 | // Emitted when the window is closed. 174 | mainWindow.on('closed', function() { 175 | // Dereference the window object, usually you would store windows 176 | // in an array if your app supports multi windows, this is the time 177 | // when you should delete the corresponding element. 178 | mainWindow = null; 179 | }); 180 | } 181 | 182 | // Called when Electron has finished initialization and is ready to create browser windows. 183 | app.on('ready', createWindow); 184 | 185 | // Quit when all windows are closed. 186 | app.on('window-all-closed', function () { 187 | // On OS X it is common for applications and their menu bar 188 | // to stay active until the user quits explicitly with Cmd + Q 189 | if (process.platform !== 'darwin') { 190 | app.quit(); 191 | } 192 | }); 193 | 194 | app.on('activate', function() { 195 | // On OS X it's common to re-create a window in the app when the 196 | // dock icon is clicked and there are no other windows open. 197 | if (mainWindow === null) { 198 | createWindow(); 199 | mainWindow.loadURL("http://127.0.0.1:"+listenPort+url); 200 | } 201 | }); 202 | 203 | // Start the Node-RED runtime, then load the inital page 204 | RED.start().then(function() { 205 | server.listen(listenPort,"127.0.0.1",function() { 206 | mainWindow.loadURL("http://127.0.0.1:"+listenPort+url); 207 | }); 208 | }); 209 | 210 | /////////////////////////////////////////////////////// 211 | // All this Squirrel stuff is for the Windows installer 212 | function handleSquirrelEvent() { 213 | if (process.argv.length === 1) { 214 | return false; 215 | } 216 | 217 | const ChildProcess = require('child_process'); 218 | const path = require('path'); 219 | 220 | const appFolder = path.resolve(process.execPath, '..'); 221 | const rootAtomFolder = path.resolve(appFolder, '..'); 222 | const updateDotExe = path.resolve(path.join(rootAtomFolder, 'Update.exe')); 223 | const exeName = path.basename(process.execPath); 224 | 225 | const spawn = function(command, args) { 226 | let spawnedProcess, error; 227 | 228 | try { 229 | spawnedProcess = ChildProcess.spawn(command, args, {detached: true}); 230 | } catch (error) {} 231 | 232 | return spawnedProcess; 233 | }; 234 | 235 | const spawnUpdate = function(args) { 236 | return spawn(updateDotExe, args); 237 | }; 238 | 239 | const squirrelEvent = process.argv[1]; 240 | switch (squirrelEvent) { 241 | case '--squirrel-install': 242 | case '--squirrel-updated': 243 | // Optionally do things such as: 244 | // - Add your .exe to the PATH 245 | // - Write to the registry for things like file associations and 246 | // explorer context menus 247 | 248 | // Install desktop and start menu shortcuts 249 | spawnUpdate(['--createShortcut', exeName]); 250 | 251 | setTimeout(app.quit, 1000); 252 | return true; 253 | 254 | case '--squirrel-uninstall': 255 | // Undo anything you did in the --squirrel-install and 256 | // --squirrel-updated handlers 257 | 258 | // Remove desktop and start menu shortcuts 259 | spawnUpdate(['--removeShortcut', exeName]); 260 | 261 | setTimeout(app.quit, 1000); 262 | return true; 263 | 264 | case '--squirrel-obsolete': 265 | // This is called on the outgoing version of your app before 266 | // we update to the new version - it's the opposite of 267 | // --squirrel-updated 268 | 269 | app.quit(); 270 | return true; 271 | } 272 | }; 273 | -------------------------------------------------------------------------------- /makewin32.js: -------------------------------------------------------------------------------- 1 | #! /usr/bin/env node 2 | var electronInstaller = require('electron-winstaller'); 3 | var fs = require('fs'); 4 | 5 | if (fs.existsSync('build/Node-RED-win32-ia32')) { 6 | console.log("Building setup app for Windows 32bit"); 7 | resultPromise = electronInstaller.createWindowsInstaller({ 8 | appDirectory: 'build/Node-RED-win32-ia32', 9 | outputDirectory: 'executable/electron-win32-ia32/', 10 | authors: 'IBM Corp.', 11 | exe: 'Node-RED.exe', 12 | setupExe: 'Node-RED-Electron-ia32.exe', 13 | setupIcon: 'nodered.ico', 14 | loadingGif: 'loading.gif', 15 | skipUpdateIcon: true 16 | }); 17 | resultPromise.then( 18 | () => console.log("32bit build completed."), 19 | (e) => console.log(`32bit build failed: ${e.message}`) 20 | ); 21 | } 22 | -------------------------------------------------------------------------------- /makewin64.js: -------------------------------------------------------------------------------- 1 | #! /usr/bin/env node 2 | var electronInstaller = require('electron-winstaller'); 3 | var fs = require('fs'); 4 | 5 | if (fs.existsSync('build/Node-RED-win32-x64')) { 6 | console.log("Building setup app for Windows 64bit"); 7 | resultPromise = electronInstaller.createWindowsInstaller({ 8 | appDirectory: 'build/Node-RED-win32-x64', 9 | outputDirectory: 'executable/electron-win32-x64/', 10 | authors: 'IBM Corp.', 11 | exe: 'Node-RED.exe', 12 | setupExe: 'Node-RED-Electron-x64.exe', 13 | setupIcon: 'nodered.ico', 14 | loadingGif: 'loading.gif', 15 | skipUpdateIcon: true 16 | }); 17 | resultPromise.then( 18 | () => console.log("64bit build completed."), 19 | (e) => console.log(`64bit build failed: ${e.message}`) 20 | ); 21 | } 22 | -------------------------------------------------------------------------------- /nodered.icns: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/natcl/electron-node-red/a673babea94209927f9feb45f7582afb0b9dd393/nodered.icns -------------------------------------------------------------------------------- /nodered.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/natcl/electron-node-red/a673babea94209927f9feb45f7582afb0b9dd393/nodered.ico -------------------------------------------------------------------------------- /nodered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/natcl/electron-node-red/a673babea94209927f9feb45f7582afb0b9dd393/nodered.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "electron_node_red", 3 | "version": "0.17.4", 4 | "description": "Electron Node-RED application starter", 5 | "main": "main.js", 6 | "scripts": { 7 | "start": "electron main.js", 8 | "test": "echo \" Warning: no test specified \"", 9 | "watch": "nodemon --exec \"npm run start\" --ext js,css,json --ignore build/", 10 | 11 | "clean": "rm -rf ./build ../electron-bin && mkdir -p ./build ../electron-bin", 12 | 13 | "pack": "npm run clean && electron-packager . Node-RED --icon=nodered.icns --all --out=build --overwrite", 14 | "pack:osx": "electron-packager . Node-RED --icon=nodered.icns --platform=darwin --arch=x64 --out=build --overwrite", 15 | "pack:linux32": "electron-packager . Node-RED --icon=nodered.icns --platform=linux --arch=ia32 --out=build --overwrite && cp afterinst.sh build/Node-RED-linux-ia32/", 16 | "pack:linux64": "electron-packager . Node-RED --icon=nodered.icns --platform=linux --arch=x64 --out=build --overwrite && cp afterinst.sh build/Node-RED-linux-x64", 17 | "pack:win32": "electron-packager . Node-RED --icon=nodered.icns --platform=win32 --arch=ia32 --out=build --asar --overwrite --win32metadata.CompanyName='IBM Corp.' --win32metadata.ProductName='Node-RED Electron'", 18 | "pack:win64": "electron-packager . Node-RED --icon=nodered.icns --platform=win32 --arch=x64 --out=build --asar --overwrite --win32metadata.CompanyName='IBM Corp.' --win32metadata.ProductName='Node-RED Electron'", 19 | "pack:armv7l": "electron-packager . Node-RED --icon=nodered.icns --platform=linux --arch=armv7l --out=build --overwrite && cp afterinst.sh build/Node-RED-linux-armv7l", 20 | 21 | "build": "npm run clean && npm run build:osx && npm run build:linux64 && npm run build:linux32", 22 | "build:osx": "npm run pack:osx && appdmg appdmg.json ../electron-bin/Node-RED-Electron_$npm_package_version.dmg", 23 | "build:linux32": "npm run pack:linux32 && fpm -s dir -t deb -f -n node-red-electron -v $npm_package_version -m conway@uk.ibm.com -a i386 -p ../electron-bin -C build/Node-RED-linux-ia32 --prefix=/opt/node-red --after-install=afterinst.sh ./", 24 | "build:linux64": "npm run pack:linux64 && fpm -s dir -t deb -f -n node-red-electron -v $npm_package_version -m conway@uk.ibm.com -a x86_64 -p ../electron-bin -C build/Node-RED-linux-x64 --prefix=/opt/node-red --after-install=afterinst.sh ./", 25 | "build:win32": "npm run pack:win32 && node makewin32.js", 26 | "build:win64": "npm run pack:win64 && node makewin64.js", 27 | "build:armv7l": "npm run pack:armv7l && fpm -s dir -t deb -f -n node-red-electron -v $npm_package_version -m conway@uk.ibm.com -a armv7l -p ../electron-bin -C build/Node-RED-linux-armv7l --prefix=/opt/node-red --after-install=afterinst.sh ./" 28 | }, 29 | "repository": { 30 | "type": "git", 31 | "url": "git+https://github.com/dceejay/electron-node-red.git" 32 | }, 33 | "dependencies": { 34 | "node-red": "*", 35 | "node-red-dashboard": "*", 36 | "node-red-contrib-web-worldmap": "*", 37 | "node-red-node-geofence": "*", 38 | "node-red-node-random": "*", 39 | "node-red-node-smooth": "*", 40 | "node-red-contrib-play-audio": "*", 41 | "node-red-node-base64": "*", 42 | "express": "^4.14.0" 43 | }, 44 | "keywords": [ 45 | "electron", 46 | "quick start", 47 | "node-red" 48 | ], 49 | "contributors": [ 50 | {"name":"Dave Conway-Jones"}, 51 | {"name":"Nathanaël Lécaudé"} 52 | ], 53 | "license": "Apache-2.0", 54 | "bugs": { 55 | "url": "https://github.com/dceejay/electron-node-red/issues" 56 | }, 57 | "homepage": "https://github.com/dceejay/electron-node-red#readme", 58 | "devDependencies": { 59 | "electron": "^1.6.11", 60 | "electron-rebuild": "*", 61 | "electron-squirrel-startup": "*", 62 | "electron-winstaller": "2.5.2" 63 | } 64 | } 65 | --------------------------------------------------------------------------------