/** * Copyright JS Foundation and other contributors, http://js.foundation * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. **/ var RED = (function() { function appendNodeConfig(nodeConfig,done) { done = done || function(){}; var m = //.exec(nodeConfig.trim()); var moduleId; if (m) { moduleId = m[1]; } else { moduleId = "unknown"; } try { var hasDeferred = false; var nodeConfigEls = $("
"+nodeConfig+"
"); var scripts = nodeConfigEls.find("script"); var scriptCount = scripts.length; scripts.each(function(i,el) { var srcUrl = $(el).attr('src'); if (srcUrl && !/^\s*(https?:|\/|\.)/.test(srcUrl)) { $(el).remove(); var newScript = document.createElement("script"); newScript.onload = function() { scriptCount--; if (scriptCount === 0) { $("#red-ui-editor-node-configs").append(nodeConfigEls); done() } } if ($(el).attr('type') === "module") { newScript.type = "module"; } $("#red-ui-editor-node-configs").append(newScript); newScript.src = RED.settings.apiRootUrl+srcUrl; hasDeferred = true; } else { if (/\/ace.js$/.test(srcUrl) || /\/ext-language_tools.js$/.test(srcUrl)) { // Block any attempts to load ace.js from a CDN - this will // break the version of ace included in the editor. // At the time of commit, the contrib-python nodes did this. // This is a crude fix until the python nodes are fixed. console.warn("Blocked attempt to load",srcUrl,"by",moduleId) $(el).remove(); } scriptCount--; } }) if (!hasDeferred) { $("#red-ui-editor-node-configs").append(nodeConfigEls); done(); } } catch(err) { RED.notify(RED._("notification.errors.failedToAppendNode",{module:moduleId, error:err.toString()}),{ type: "error", timeout: 10000 }); console.log("["+moduleId+"] "+err.toString()); done(); } } function loadNodeList() { $.ajax({ headers: { "Accept":"application/json" }, cache: false, url: 'nodes', success: function(data) { RED.nodes.setNodeList(data); RED.i18n.loadNodeCatalogs(function() { loadIconList(loadNodes); }); } }); } function loadIconList(done) { $.ajax({ headers: { "Accept":"application/json" }, cache: false, url: 'icons', success: function(data) { RED.nodes.setIconSets(data); if (done) { done(); } } }); } function loadNodes() { var lang = localStorage.getItem("editor-language")||i18n.detectLanguage(); $.ajax({ headers: { "Accept":"text/html", "Accept-Language": lang }, cache: false, url: 'nodes', success: function(data) { var configs = data.trim().split(/(?=)/); var stepConfig = function() { if (configs.length === 0) { $("#red-ui-editor").i18n(); $("#red-ui-palette > .red-ui-palette-spinner").hide(); $(".red-ui-palette-scroll").removeClass("hide"); $("#red-ui-palette-search").removeClass("hide"); loadFlows(function() { if (RED.settings.theme("projects.enabled",false)) { RED.projects.refresh(function(activeProject) { RED.sidebar.info.refresh() if (!activeProject) { // Projects enabled but no active project RED.menu.setDisabled('menu-item-projects-open',true); RED.menu.setDisabled('menu-item-projects-settings',true); if (activeProject === false) { // User previously decline the migration to projects. } else { // null/undefined RED.projects.showStartup(); } } completeLoad(); }); } else { // Projects disabled by the user RED.sidebar.info.refresh() completeLoad(); } }); } else { var config = configs.shift(); appendNodeConfig(config,stepConfig); } } stepConfig(); } }); } function loadFlows(done) { $.ajax({ headers: { "Accept":"application/json", }, cache: false, url: 'flows', success: function(nodes) { if (nodes) { var currentHash = window.location.hash; RED.nodes.version(nodes.rev); RED.nodes.import(nodes.flows); RED.nodes.dirty(false); RED.view.redraw(true); if (/^#flow\/.+$/.test(currentHash)) { RED.workspaces.show(currentHash.substring(6)); } } done(); } }); } function completeLoad() { var persistentNotifications = {}; RED.comms.subscribe("notification/#",function(topic,msg) { var parts = topic.split("/"); var notificationId = parts[1]; if (notificationId === "runtime-deploy") { // handled in ui/deploy.js return; } if (notificationId === "node") { // handled below return; } if (notificationId === "project-update") { RED.nodes.clear(); RED.history.clear(); RED.view.redraw(true); RED.projects.refresh(function() { loadFlows(function() { var project = RED.projects.getActiveProject(); var message = { "change-branch": RED._("notification.project.change-branch", {project: project.git.branches.local}), "merge-abort": RED._("notification.project.merge-abort"), "loaded": RED._("notification.project.loaded", {project: msg.project}), "updated": RED._("notification.project.updated", {project: msg.project}), "pull": RED._("notification.project.pull", {project: msg.project}), "revert": RED._("notification.project.revert", {project: msg.project}), "merge-complete": RED._("notification.project.merge-complete") }[msg.action]; RED.notify("

"+message+"

"); RED.sidebar.info.refresh() }); }); return; } if (msg.text) { msg.default = msg.text; var text = RED._(msg.text,msg); var options = { type: msg.type, fixed: msg.timeout === undefined, timeout: msg.timeout, id: notificationId } if (notificationId === "runtime-state") { if (msg.error === "safe-mode") { options.buttons = [ { text: RED._("common.label.close"), click: function() { persistentNotifications[notificationId].hideNotification(); } } ] } else if (msg.error === "missing-types") { text+=""; if (!!RED.projects.getActiveProject()) { options.buttons = [ { text: RED._("notification.label.manage-project-dep"), click: function() { persistentNotifications[notificationId].hideNotification(); RED.projects.settings.show('deps'); } } ] // } else if (RED.settings.theme('palette.editable') !== false) { } else { options.buttons = [ { text: RED._("common.label.close"), click: function() { persistentNotifications[notificationId].hideNotification(); } } ] } } else if (msg.error === "credentials_load_failed") { if (RED.settings.theme("projects.enabled",false)) { // projects enabled if (RED.user.hasPermission("projects.write")) { options.buttons = [ { text: RED._("notification.project.setupCredentials"), click: function() { persistentNotifications[notificationId].hideNotification(); RED.projects.showCredentialsPrompt(); } } ] } } else { options.buttons = [ { text: RED._("common.label.close"), click: function() { persistentNotifications[notificationId].hideNotification(); } } ] } } else if (msg.error === "missing_flow_file") { if (RED.user.hasPermission("projects.write")) { options.buttons = [ { text: RED._("notification.project.setupProjectFiles"), click: function() { persistentNotifications[notificationId].hideNotification(); RED.projects.showFilesPrompt(); } } ] } } else if (msg.error === "missing_package_file") { if (RED.user.hasPermission("projects.write")) { options.buttons = [ { text: RED._("notification.project.setupProjectFiles"), click: function() { persistentNotifications[notificationId].hideNotification(); RED.projects.showFilesPrompt(); } } ] } } else if (msg.error === "project_empty") { if (RED.user.hasPermission("projects.write")) { options.buttons = [ { text: RED._("notification.project.no"), click: function() { persistentNotifications[notificationId].hideNotification(); } }, { text: RED._("notification.project.createDefault"), click: function() { persistentNotifications[notificationId].hideNotification(); RED.projects.createDefaultFileSet(); } } ] } } else if (msg.error === "git_merge_conflict") { RED.nodes.clear(); RED.sidebar.versionControl.refresh(true); if (RED.user.hasPermission("projects.write")) { options.buttons = [ { text: RED._("notification.project.mergeConflict"), click: function() { persistentNotifications[notificationId].hideNotification(); RED.sidebar.versionControl.showLocalChanges(); } } ] } } } if (!persistentNotifications.hasOwnProperty(notificationId)) { persistentNotifications[notificationId] = RED.notify(text,options); } else { persistentNotifications[notificationId].update(text,options); } } else if (persistentNotifications.hasOwnProperty(notificationId)) { persistentNotifications[notificationId].close(); delete persistentNotifications[notificationId]; } }); RED.comms.subscribe("status/#",function(topic,msg) { var parts = topic.split("/"); var node = RED.nodes.node(parts[1]); if (node) { if (msg.hasOwnProperty("text") && /^[a-zA-Z]/.test(msg.text)) { msg.text = node._(msg.text.toString(),{defaultValue:msg.text.toString()}); } node.status = msg; node.dirtyStatus = true; node.dirty = true; RED.view.redraw(); } }); RED.comms.subscribe("notification/node/#",function(topic,msg) { var i,m; var typeList; var info; if (topic == "notification/node/added") { var addedTypes = []; msg.forEach(function(m) { var id = m.id; RED.nodes.addNodeSet(m); addedTypes = addedTypes.concat(m.types); RED.i18n.loadNodeCatalog(id, function() { $.get('nodes/'+id, function(data) { appendNodeConfig(data); }); }); }); if (addedTypes.length) { typeList = ""; RED.notify(RED._("palette.event.nodeAdded", {count:addedTypes.length})+typeList,"success"); } loadIconList(); } else if (topic == "notification/node/removed") { for (i=0;i
  • ")+"
  • "; RED.notify(RED._("palette.event.nodeRemoved", {count:m.types.length})+typeList,"success"); } } loadIconList(); } else if (topic == "notification/node/enabled") { if (msg.types) { info = RED.nodes.getNodeSet(msg.id); if (info.added) { RED.nodes.enableNodeSet(msg.id); typeList = ""; RED.notify(RED._("palette.event.nodeEnabled", {count:msg.types.length})+typeList,"success"); } else { $.get('nodes/'+msg.id, function(data) { appendNodeConfig(data); typeList = ""; RED.notify(RED._("palette.event.nodeAdded", {count:msg.types.length})+typeList,"success"); }); } } } else if (topic == "notification/node/disabled") { if (msg.types) { RED.nodes.disableNodeSet(msg.id); typeList = ""; RED.notify(RED._("palette.event.nodeDisabled", {count:msg.types.length})+typeList,"success"); } } else if (topic == "notification/node/upgraded") { RED.notify(RED._("palette.event.nodeUpgraded", {module:msg.module,version:msg.version}),"success"); RED.nodes.registry.setModulePendingUpdated(msg.module,msg.version); } }); RED.comms.subscribe("event-log/#", function(topic,payload) { var id = topic.substring(9); RED.eventLog.log(id,payload); }); } function showAbout() { $.get('red/about', function(data) { var aboutHeader = '
    '+ ''+ '
    '; RED.sidebar.info.set(aboutHeader+marked(data)); RED.sidebar.info.show(); }); } function buildMainMenu() { var menuOptions = []; if (RED.settings.theme("projects.enabled",false)) { menuOptions.push({id:"menu-item-projects-menu",label:RED._("menu.label.projects"),options:[ {id:"menu-item-projects-new",label:RED._("menu.label.projects-new"),disabled:false,onselect:"core:new-project"}, {id:"menu-item-projects-open",label:RED._("menu.label.projects-open"),disabled:false,onselect:"core:open-project"}, {id:"menu-item-projects-settings",label:RED._("menu.label.projects-settings"),disabled:false,onselect:"core:show-project-settings"} ]}); } menuOptions.push({id:"menu-item-view-menu",label:RED._("menu.label.view.view"),options:[ {id:"menu-item-palette",label:RED._("menu.label.palette.show"),toggle:true,onselect:"core:toggle-palette", selected: true}, {id:"menu-item-sidebar",label:RED._("menu.label.sidebar.show"),toggle:true,onselect:"core:toggle-sidebar", selected: true}, {id:"menu-item-event-log",label:RED._("eventLog.title"),onselect:"core:show-event-log"}, {id:"menu-item-action-list",label:RED._("keyboard.actionList"),onselect:"core:show-action-list"}, null ]}); menuOptions.push(null); if (RED.settings.theme("menu.menu-item-import-library", true)) { menuOptions.push({id: "menu-item-import", label: RED._("menu.label.import"), onselect: "core:show-import-dialog"}); } if (RED.settings.theme("menu.menu-item-export-library", true)) { menuOptions.push({id: "menu-item-export", label: RED._("menu.label.export"), onselect: "core:show-export-dialog"}); } menuOptions.push(null); menuOptions.push({id:"menu-item-search",label:RED._("menu.label.search"),onselect:"core:search"}); menuOptions.push(null); menuOptions.push({id:"menu-item-config-nodes",label:RED._("menu.label.displayConfig"),onselect:"core:show-config-tab"}); menuOptions.push({id:"menu-item-workspace",label:RED._("menu.label.flows"),options:[ {id:"menu-item-workspace-add",label:RED._("menu.label.add"),onselect:"core:add-flow"}, {id:"menu-item-workspace-edit",label:RED._("menu.label.rename"),onselect:"core:edit-flow"}, {id:"menu-item-workspace-delete",label:RED._("menu.label.delete"),onselect:"core:remove-flow"} ]}); menuOptions.push({id:"menu-item-subflow",label:RED._("menu.label.subflows"), options: [ {id:"menu-item-subflow-create",label:RED._("menu.label.createSubflow"),onselect:"core:create-subflow"}, {id:"menu-item-subflow-convert",label:RED._("menu.label.selectionToSubflow"),disabled:true,onselect:"core:convert-to-subflow"}, ]}); menuOptions.push(null); if (RED.settings.theme('palette.editable') !== false) { menuOptions.push({id:"menu-item-edit-palette",label:RED._("menu.label.editPalette"),onselect:"core:manage-palette"}); menuOptions.push(null); } menuOptions.push({id:"menu-item-user-settings",label:RED._("menu.label.settings"),onselect:"core:show-user-settings"}); menuOptions.push(null); if (RED.settings.theme("menu.menu-item-keyboard-shortcuts", true)) { menuOptions.push({id: "menu-item-keyboard-shortcuts", label: RED._("menu.label.keyboardShortcuts"), onselect: "core:show-help"}); } menuOptions.push({id:"menu-item-help", label: RED.settings.theme("menu.menu-item-help.label",RED._("menu.label.help")), href: RED.settings.theme("menu.menu-item-help.url","http://nodered.org/docs") }); menuOptions.push({id:"menu-item-node-red-version", label:"v"+RED.settings.version, onselect: "core:show-about" }); $('
  • ').appendTo(".red-ui-header-toolbar") RED.menu.init({id:"red-ui-header-button-sidemenu",options: menuOptions}); } function loadEditor() { RED.workspaces.init(); RED.statusBar.init(); RED.view.init(); RED.userSettings.init(); RED.user.init(); RED.notifications.init(); RED.library.init(); RED.keyboard.init(); RED.palette.init(); RED.eventLog.init(); if (RED.settings.theme('palette.editable') !== false) { RED.palette.editor.init(); } else { console.log("Palette editor disabled"); } RED.sidebar.init(); if (RED.settings.theme("projects.enabled",false)) { RED.projects.init(); } else { console.log("Projects disabled"); } RED.subflow.init(); RED.group.init(); RED.clipboard.init(); RED.search.init(); RED.actionList.init(); RED.editor.init(); RED.diff.init(); RED.deploy.init(RED.settings.theme("deployButton",null)); buildMainMenu(); RED.nodes.init(); RED.comms.connect(); $("#red-ui-main-container").show(); $(".red-ui-header-toolbar").show(); RED.actions.add("core:show-about", showAbout); loadNodeList(); } function buildEditor(options) { var header = $('
    ').appendTo(options.target); var logo = $('').appendTo(header); $('').appendTo(header); $('
    ').appendTo(header); $('
    '+ '
    '+ '
    '+ '
    '+ '
    '+ '
    '+ '
    ').appendTo(options.target); $('
    ').appendTo(options.target); $('
    ').appendTo(options.target); $.getJSON(options.apiRootUrl+"theme", function(theme) { if (theme.header) { if (theme.header.url) { logo = $("",{href:theme.header.url}).appendTo(logo); } if (theme.header.image) { $('',{src:theme.header.image}).appendTo(logo); } if (theme.header.title) { $('').html(theme.header.title).appendTo(logo); } } }); } var initialised = false; function init(options) { if (initialised) { throw new Error("RED already initialised"); } initialised = true; ace.require("ace/ext/language_tools"); options = options || {}; options.apiRootUrl = options.apiRootUrl || ""; if (options.apiRootUrl && !/\/$/.test(options.apiRootUrl)) { options.apiRootUrl = options.apiRootUrl+"/"; } options.target = $("#red-ui-editor"); options.target.addClass("red-ui-editor"); buildEditor(options); RED.i18n.init(options, function() { RED.settings.init(options, loadEditor); }) } return { init: init } })();