kopia lustrzana https://github.com/dceejay/electron-node-red
Add console and bump to 0.19.1
rodzic
b62741f695
commit
de70228778
|
@ -35,3 +35,5 @@ node_modules
|
||||||
*linux-x64*
|
*linux-x64*
|
||||||
*win32-x64*
|
*win32-x64*
|
||||||
*.back
|
*.back
|
||||||
|
.config.json.backup
|
||||||
|
*.backup
|
||||||
|
|
|
@ -0,0 +1,34 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>Node-RED Console</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0, maximum-scale=1, minimum-scale=1">
|
||||||
|
</head>
|
||||||
|
<body style="margin:0;" >
|
||||||
|
<font style="font-family:Arial; font-size:9pt;">
|
||||||
|
<div id="header" style="background-color:#910000; color:white; height:16px; padding:8px;">Most recent messages at top<input type="button" style="float:right;" value="Clear Log" onclick="clearList()";/></div>
|
||||||
|
<div id="debug" style="padding:4px;"></div>
|
||||||
|
</font>
|
||||||
|
<script>
|
||||||
|
const { ipcRenderer } = require('electron');
|
||||||
|
const ipc = require('electron').ipcRenderer;
|
||||||
|
var list = "";
|
||||||
|
var clearList = function() {
|
||||||
|
list = "";
|
||||||
|
document.getElementById("debug").innerHTML = list;
|
||||||
|
}
|
||||||
|
|
||||||
|
ipc.on('debugMsg', (event, data) => {
|
||||||
|
var ts = (new Date(data.timestamp)).toISOString();
|
||||||
|
ts = ts.replace("Z"," ").replace("T"," ");
|
||||||
|
//list = list+"<br/>"+(new Date(data.timestamp)).toISOString()+" : "+data.msg;
|
||||||
|
list = ts+" : "+data.msg+"<br/>"+list;
|
||||||
|
document.getElementById("debug").innerHTML = list;
|
||||||
|
//window.scrollTo(0,document.body.scrollHeight);
|
||||||
|
if (list.length > 50000) { list = list.substr(0,40000); }
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
File diff suppressed because one or more lines are too long
102
main.js
102
main.js
|
@ -5,15 +5,21 @@
|
||||||
// Flows file name
|
// Flows file name
|
||||||
const flowfile = 'electronflow.json';
|
const flowfile = 'electronflow.json';
|
||||||
// Start on the dashboard page
|
// Start on the dashboard page
|
||||||
const url = "/ui/#/0";
|
const urldash = "/ui/#/0";
|
||||||
// url for the editor page
|
// url for the editor page
|
||||||
const urledit = "/admin";
|
const urledit = "/red";
|
||||||
|
// url for the console page
|
||||||
|
const urlconsole = "/console.htm";
|
||||||
// tcp port to use
|
// tcp port to use
|
||||||
//const listenPort = "18880"; // fix it just because
|
//const listenPort = "18880"; // fix it just because
|
||||||
const listenPort = parseInt(Math.random()*16383+49152) // or random ephemeral port
|
const listenPort = parseInt(Math.random()*16383+49152) // or random ephemeral port
|
||||||
|
|
||||||
const os = require('os');
|
const os = require('os');
|
||||||
|
const url = require('url');
|
||||||
|
const path = require('path');
|
||||||
const electron = require('electron');
|
const electron = require('electron');
|
||||||
|
const {ipcMain} = require('electron');
|
||||||
|
|
||||||
const app = electron.app;
|
const app = electron.app;
|
||||||
const BrowserWindow = electron.BrowserWindow;
|
const BrowserWindow = electron.BrowserWindow;
|
||||||
const {Menu, MenuItem} = electron;
|
const {Menu, MenuItem} = electron;
|
||||||
|
@ -29,7 +35,8 @@ var RED = require("node-red");
|
||||||
var red_app = express();
|
var red_app = express();
|
||||||
|
|
||||||
// Add a simple route for static content served from 'public'
|
// Add a simple route for static content served from 'public'
|
||||||
//red_app.use("/",express.static("public"));
|
red_app.use("/",express.static("web"));
|
||||||
|
//red_app.use(express.static(__dirname +"/public"));
|
||||||
|
|
||||||
// Create a server
|
// Create a server
|
||||||
var server = http.createServer(red_app);
|
var server = http.createServer(red_app);
|
||||||
|
@ -49,15 +56,33 @@ else { // We set the user directory to be in the users home directory...
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
console.log("Setting UserDir to ",userdir);
|
console.log("Setting UserDir to ",userdir);
|
||||||
|
// console.log("DIR",__dirname);
|
||||||
|
// console.log("PORT",listenPort);
|
||||||
|
|
||||||
|
// Keep a global reference of the window objects, if you don't, the window will
|
||||||
|
// be closed automatically when the JavaScript object is garbage collected.
|
||||||
|
let mainWindow;
|
||||||
|
let conWindow;
|
||||||
|
|
||||||
// Create the settings object - see default settings.js file for other options
|
// Create the settings object - see default settings.js file for other options
|
||||||
var settings = {
|
var settings = {
|
||||||
verbose: true,
|
httpAdminRoot: "/red",
|
||||||
httpAdminRoot:"/admin",
|
|
||||||
httpNodeRoot: "/",
|
httpNodeRoot: "/",
|
||||||
userDir: userdir,
|
userDir: userdir,
|
||||||
flowFile: flowfile,
|
flowFile: flowfile,
|
||||||
functionGlobalContext: { } // enables global context
|
editorTheme: { projects: { enabled: false } },
|
||||||
|
functionGlobalContext: { }, // enables global context
|
||||||
|
logging: {
|
||||||
|
websock: {
|
||||||
|
level: 'info',
|
||||||
|
metrics: false,
|
||||||
|
handler: function() {
|
||||||
|
return function(msg) {
|
||||||
|
if (conWindow) { conWindow.webContents.send('debugMsg', msg); }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
// Initialise the runtime with a server and settings
|
// Initialise the runtime with a server and settings
|
||||||
|
@ -66,7 +91,7 @@ RED.init(server,settings);
|
||||||
// Serve the editor UI from /red
|
// Serve the editor UI from /red
|
||||||
red_app.use(settings.httpAdminRoot,RED.httpAdmin);
|
red_app.use(settings.httpAdminRoot,RED.httpAdmin);
|
||||||
|
|
||||||
// Serve the http nodes UI from /api
|
// Serve the http nodes UI from /
|
||||||
red_app.use(settings.httpNodeRoot,RED.httpNode);
|
red_app.use(settings.httpNodeRoot,RED.httpNode);
|
||||||
|
|
||||||
// Create the Application's main menu
|
// Create the Application's main menu
|
||||||
|
@ -79,9 +104,13 @@ var template = [{
|
||||||
]}, {
|
]}, {
|
||||||
label: 'Node-RED',
|
label: 'Node-RED',
|
||||||
submenu: [
|
submenu: [
|
||||||
|
{ label: 'Console',
|
||||||
|
accelerator: "Shift+CmdOrCtrl+C",
|
||||||
|
click() { createConsole(); }
|
||||||
|
},
|
||||||
{ label: 'Dashboard',
|
{ label: 'Dashboard',
|
||||||
accelerator: "Shift+CmdOrCtrl+D",
|
accelerator: "Shift+CmdOrCtrl+D",
|
||||||
click() { mainWindow.loadURL("http://localhost:"+listenPort+url); }
|
click() { mainWindow.loadURL("http://localhost:"+listenPort+urldash); }
|
||||||
},
|
},
|
||||||
{ label: 'Editor',
|
{ label: 'Editor',
|
||||||
accelerator: "Shift+CmdOrCtrl+E",
|
accelerator: "Shift+CmdOrCtrl+E",
|
||||||
|
@ -112,11 +141,11 @@ var template = [{
|
||||||
submenu: [
|
submenu: [
|
||||||
{ label: 'Reload',
|
{ label: 'Reload',
|
||||||
accelerator: 'CmdOrCtrl+R',
|
accelerator: 'CmdOrCtrl+R',
|
||||||
click(item, focusedWindow) { if (focusedWindow) focusedWindow.reload(); }
|
click(item, focusedWindow) { if (focusedWindow) { focusedWindow.reload(); }}
|
||||||
},
|
},
|
||||||
{ label: 'Toggle Developer Tools',
|
{ label: 'Toggle Developer Tools',
|
||||||
accelerator: process.platform === 'darwin' ? 'Alt+Command+I' : 'Ctrl+Shift+I',
|
accelerator: process.platform === 'darwin' ? 'Alt+Command+I' : 'Ctrl+Shift+I',
|
||||||
click(item, focusedWindow) { if (focusedWindow) focusedWindow.webContents.toggleDevTools(); }
|
click(item, focusedWindow) { if (focusedWindow) { focusedWindow.webContents.toggleDevTools(); }}
|
||||||
},
|
},
|
||||||
{ type: 'separator' },
|
{ type: 'separator' },
|
||||||
{ role: 'resetzoom' },
|
{ role: 'resetzoom' },
|
||||||
|
@ -128,9 +157,26 @@ var template = [{
|
||||||
]}
|
]}
|
||||||
];
|
];
|
||||||
|
|
||||||
// Keep a global reference of the window object, if you don't, the window will
|
function createConsole() {
|
||||||
// be closed automatically when the JavaScript object is garbage collected.
|
// Create the hidden console window
|
||||||
let mainWindow;
|
conWindow = new BrowserWindow({
|
||||||
|
title:"Node-RED Console", width:800, height:600, frame:true, show:true
|
||||||
|
});
|
||||||
|
//conWindow.loadURL("http://localhost:"+listenPort+urlconsole);
|
||||||
|
conWindow.loadURL(url.format({
|
||||||
|
pathname: path.join(__dirname, 'console.htm'),
|
||||||
|
protocol: 'file:',
|
||||||
|
slashes: true
|
||||||
|
}))
|
||||||
|
conWindow.webContents.on('did-finish-load', () => {
|
||||||
|
//console.log("LOADED CONSOLE");
|
||||||
|
conWindow.webContents.send('debugMsg', "Ready");
|
||||||
|
});
|
||||||
|
conWindow.on('closed', function() {
|
||||||
|
conWindow = null;
|
||||||
|
});
|
||||||
|
//conWindow.webContents.openDevTools();
|
||||||
|
}
|
||||||
|
|
||||||
function createWindow() {
|
function createWindow() {
|
||||||
// Create the browser window.
|
// Create the browser window.
|
||||||
|
@ -147,16 +193,16 @@ function createWindow() {
|
||||||
icon: __dirname + "/nodered.png"
|
icon: __dirname + "/nodered.png"
|
||||||
});
|
});
|
||||||
|
|
||||||
var webContents = mainWindow.webContents;
|
mainWindow.webContents.on('did-get-response-details', function(event, status, newURL, originalURL, httpResponseCode) {
|
||||||
webContents.on('did-get-response-details', function(event, status, newURL, originalURL, httpResponseCode) {
|
if ((httpResponseCode == 404) && (newURL == ("http://localhost:"+listenPort+urldash))) {
|
||||||
if ((httpResponseCode == 404) && (newURL == ("http://localhost:"+listenPort+url))) {
|
setTimeout(mainWindow.webContents.reload, 250);
|
||||||
setTimeout(webContents.reload, 250);
|
|
||||||
}
|
}
|
||||||
Menu.setApplicationMenu(Menu.buildFromTemplate(template));
|
Menu.setApplicationMenu(Menu.buildFromTemplate(template));
|
||||||
});
|
});
|
||||||
|
|
||||||
// Open the DevTools.
|
// mainWindow.webContents.on('did-finish-load', () => {
|
||||||
//mainWindow.webContents.openDevTools();
|
// console.log("LOADED DASHBOARD");
|
||||||
|
// });
|
||||||
|
|
||||||
mainWindow.webContents.on("new-window", function(e, url, frameName, disposition, options) {
|
mainWindow.webContents.on("new-window", function(e, url, frameName, disposition, options) {
|
||||||
// if a child window opens... modify any other options such as width/height, etc
|
// if a child window opens... modify any other options such as width/height, etc
|
||||||
|
@ -170,25 +216,23 @@ function createWindow() {
|
||||||
//frameName = "child";
|
//frameName = "child";
|
||||||
})
|
})
|
||||||
|
|
||||||
|
// Open the DevTools.
|
||||||
|
//mainWindow.webContents.openDevTools();
|
||||||
|
|
||||||
// Emitted when the window is closed.
|
// Emitted when the window is closed.
|
||||||
mainWindow.on('closed', function() {
|
mainWindow.on('closed', function() {
|
||||||
// Dereference the window object, usually you would store windows
|
|
||||||
// in an array if your app supports multi windows, this is the time
|
|
||||||
// when you should delete the corresponding element.
|
|
||||||
mainWindow = null;
|
mainWindow = null;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// Called when Electron has finished initialization and is ready to create browser windows.
|
// Called when Electron has finished initialization and is ready to create browser windows.
|
||||||
app.on('ready', createWindow);
|
app.on('ready', createWindow );
|
||||||
|
|
||||||
// Quit when all windows are closed.
|
// Quit when all windows are closed.
|
||||||
app.on('window-all-closed', function () {
|
app.on('window-all-closed', function () {
|
||||||
// On OS X it is common for applications and their menu bar
|
// On OS X it is common for applications and their menu bar
|
||||||
// to stay active until the user quits explicitly with Cmd + Q
|
// to stay active until the user quits explicitly with Cmd + Q
|
||||||
if (process.platform !== 'darwin') {
|
if (process.platform !== 'darwin') { app.quit(); }
|
||||||
app.quit();
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
|
|
||||||
app.on('activate', function() {
|
app.on('activate', function() {
|
||||||
|
@ -196,14 +240,14 @@ app.on('activate', function() {
|
||||||
// dock icon is clicked and there are no other windows open.
|
// dock icon is clicked and there are no other windows open.
|
||||||
if (mainWindow === null) {
|
if (mainWindow === null) {
|
||||||
createWindow();
|
createWindow();
|
||||||
mainWindow.loadURL("http://127.0.0.1:"+listenPort+url);
|
mainWindow.loadURL("http://127.0.0.1:"+listenPort+urldash);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// Start the Node-RED runtime, then load the inital page
|
// Start the Node-RED runtime, then load the inital page
|
||||||
RED.start().then(function() {
|
RED.start().then(function() {
|
||||||
server.listen(listenPort,"127.0.0.1",function() {
|
server.listen(listenPort,"127.0.0.1",function() {
|
||||||
mainWindow.loadURL("http://127.0.0.1:"+listenPort+url);
|
mainWindow.loadURL("http://127.0.0.1:"+listenPort+urldash);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -269,4 +313,4 @@ function handleSquirrelEvent() {
|
||||||
app.quit();
|
app.quit();
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
};
|
}
|
||||||
|
|
Plik diff jest za duży
Load Diff
10
package.json
10
package.json
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "electron_node_red",
|
"name": "electron_node_red",
|
||||||
"version": "0.18.4",
|
"version": "0.19.1",
|
||||||
"description": "Electron Node-RED application starter",
|
"description": "Electron Node-RED application starter",
|
||||||
"main": "main.js",
|
"main": "main.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
@ -29,10 +29,10 @@
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"express": "^4.15.3",
|
"express": "^4.15.3",
|
||||||
"node-red": "*",
|
"node-red": "~0.19.1",
|
||||||
"node-red-contrib-play-audio": "*",
|
"node-red-contrib-play-audio": "~2.3.2",
|
||||||
"node-red-contrib-web-worldmap": "*",
|
"node-red-contrib-web-worldmap": "^1.3.5",
|
||||||
"node-red-dashboard": "*",
|
"node-red-dashboard": "~2.9.6",
|
||||||
"node-red-node-base64": "*",
|
"node-red-node-base64": "*",
|
||||||
"node-red-node-geofence": "*",
|
"node-red-node-geofence": "*",
|
||||||
"node-red-node-random": "*",
|
"node-red-node-random": "*",
|
||||||
|
|
Ładowanie…
Reference in New Issue