/** * 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. **/ RED.projects = (function() { var dialog; var dialogBody; var activeProject; var screens = {}; function initScreens() { var migrateProjectHeader = $('
'); $('         ').appendTo(migrateProjectHeader) $('
').appendTo(migrateProjectHeader); var createProjectOptions = {}; screens = { 'welcome': { content: function(options) { var container = $('
'); migrateProjectHeader.appendTo(container); var body = $('
').appendTo(container); $('

').text("Hello! We have introduced 'projects' to Node-RED.").appendTo(body); $('

').text("This is a new way for you to manage your flow files and includes version control of your flows.").appendTo(body); $('

').text("To get started you can create your first project using your current flow files in a few easy steps.").appendTo(body); $('

').text("If you are not sure, you can skip this for now. You will still be able to create your first project from the 'Projects' menu option at any time.").appendTo(body); return container; }, buttons: [ { // id: "clipboard-dialog-cancel", text: "Not right now", click: function() { createProjectOptions = {}; $( this ).dialog( "close" ); } }, { text: "Create your first project", // TODO: nls class: "primary", click: function() { show('git-config'); } } ] }, 'git-config': (function() { var gitUsernameInput; var gitEmailInput; return { content: function(options) { var isGlobalConfig = false; var existingGitSettings = RED.settings.get('git'); if (existingGitSettings && existingGitSettings.user) { existingGitSettings = existingGitSettings.user; } else if (RED.settings.git && RED.settings.git.globalUser) { isGlobalConfig = true; existingGitSettings = RED.settings.git.globalUser; } var validateForm = function() { var name = gitUsernameInput.val().trim(); var email = gitEmailInput.val().trim(); var valid = name.length > 0 && email.length > 0; $("#projects-dialog-git-config").prop('disabled',!valid).toggleClass('disabled ui-button-disabled ui-state-disabled',!valid); } var container = $('

'); migrateProjectHeader.appendTo(container); var body = $('
').appendTo(container); $('

').text("Setup your version control client").appendTo(body); $('

').text("Node-RED uses the open source tool Git for version control. It tracks changes to your project files and lets you push them to remote repositories.").appendTo(body); $('

').text("When you commit a set of changes, Git records who made the changes with a username and email address. The Username can be anything you want - it does not need to be your real name.").appendTo(body); if (isGlobalConfig) { $('

').text("Your Git client is already configured with the details below.").appendTo(body); } $('

').text("You can change these settings later under the 'Git config' tab of the settings dialog.").appendTo(body); var row = $('

').appendTo(body); $('').appendTo(row); gitUsernameInput = $('').val((existingGitSettings&&existingGitSettings.name)||"").appendTo(row); // $('
').text("This does not need to be your real name").appendTo(row); gitUsernameInput.on("change keyup paste",validateForm); row = $('
').appendTo(body); $('').appendTo(row); gitEmailInput = $('').val((existingGitSettings&&existingGitSettings.email)||"").appendTo(row); gitEmailInput.on("change keyup paste",validateForm); // $('
').text("Something something email").appendTo(row); setTimeout(function() { gitUsernameInput.focus(); validateForm(); },50); return container; }, buttons: [ { // id: "clipboard-dialog-cancel", text: "Back", click: function() { show('welcome'); } }, { id: "projects-dialog-git-config", text: "Next", // TODO: nls class: "primary", click: function() { var currentGitSettings = RED.settings.get('git') || {}; currentGitSettings.user = currentGitSettings.user || {}; currentGitSettings.user.name = gitUsernameInput.val(); currentGitSettings.user.email = gitEmailInput.val(); RED.settings.set('git', currentGitSettings); show('project-details'); } } ] }; })(), 'project-details': (function() { var projectNameInput; var projectSummaryInput; return { content: function(options) { var projectList = null; var projectNameValid; var pendingFormValidation = false; $.getJSON("projects", function(data) { projectList = {}; data.projects.forEach(function(p) { projectList[p] = true; if (pendingFormValidation) { pendingFormValidation = false; validateForm(); } }) }); var container = $('
'); migrateProjectHeader.appendTo(container); var body = $('
').appendTo(container); $('

').text("Create your project").appendTo(body); $('

').text("A project is maintained as a Git repository. It makes it much easier to share your flows with others and to collaborate on them.").appendTo(body); $('

').text("You can create multiple projects and quickly switch between them from the editor.").appendTo(body); $('

').text("To begin, your project needs a name and an optional description.").appendTo(body); var validateForm = function() { var projectName = projectNameInput.val(); var valid = true; if (projectNameInputChanged) { if (projectList === null) { pendingFormValidation = true; return; } projectNameStatus.empty(); if (!/^[a-zA-Z0-9\-_]+$/.test(projectName) || projectList[projectName]) { projectNameInput.addClass("input-error"); $('').appendTo(projectNameStatus); projectNameValid = false; valid = false; if (projectList[projectName]) { projectNameSublabel.text("Project already exists"); } else { projectNameSublabel.text("Must contain only A-Z 0-9 _ -"); } } else { projectNameInput.removeClass("input-error"); $('').appendTo(projectNameStatus); projectNameSublabel.text("Must contain only A-Z 0-9 _ -"); projectNameValid = true; } projectNameLastChecked = projectName; } valid = projectNameValid; $("#projects-dialog-create-name").prop('disabled',!valid).toggleClass('disabled ui-button-disabled ui-state-disabled',!valid); } var row = $('

').appendTo(body); $('').appendTo(row); var subrow = $('
').appendTo(row); projectNameInput = $('').val(createProjectOptions.name||"").appendTo(subrow); var projectNameStatus = $('
').appendTo(subrow); var projectNameInputChanged = false; var projectNameLastChecked = ""; var projectNameValid; var checkProjectName; var autoInsertedName = ""; projectNameInput.on("change keyup paste",function() { projectNameInputChanged = (projectNameInput.val() !== projectNameLastChecked); if (checkProjectName) { clearTimeout(checkProjectName); } else if (projectNameInputChanged) { projectNameStatus.empty(); $('').appendTo(projectNameStatus); if (projectNameInput.val() === '') { validateForm(); return; } } checkProjectName = setTimeout(function() { validateForm(); checkProjectName = null; },300) }); projectNameSublabel = $('').appendTo(row).find("small"); // Empty Project row = $('
').appendTo(body); $('').appendTo(row); projectSummaryInput = $('').val(createProjectOptions.summary||"").appendTo(row); $('').appendTo(row); setTimeout(function() { projectNameInput.focus(); validateForm(); },50); return container; }, buttons: function(options) { return [ { text: "Back", click: function() { show('git-config'); } }, { id: "projects-dialog-create-name", disabled: true, text: "Next", // TODO: nls class: "primary disabled", click: function() { createProjectOptions.name = projectNameInput.val(); createProjectOptions.summary = projectSummaryInput.val(); show('default-files', options); } } ] } }; })(), 'default-files': (function() { var projectFlowFileInput; var projectCredentialFileInput; return { content: function(options) { var container = $('
'); migrateProjectHeader.appendTo(container); var body = $('
').appendTo(container); $('

').text("Create your project files").appendTo(body); $('

').text("A project contains your flow files, a README file, a package.json file and a settings file.").appendTo(body); $('

').text("It can contain any other files you want to maintain in the Git repository.").appendTo(body); if (!options.existingProject) { $('

').text("Your existing flow and credential files will be copied into the project.").appendTo(body); } var validateForm = function() { var valid = true; var flowFile = projectFlowFileInput.val(); if (flowFile === "" || !/\.json$/.test(flowFile)) { valid = false; if (!projectFlowFileInput.hasClass("input-error")) { projectFlowFileInput.addClass("input-error"); projectFlowFileInput.next().empty().append(''); } projectCredentialFileInput.text(""); if (!projectCredentialFileInput.hasClass("input-error")) { projectCredentialFileInput.addClass("input-error"); projectCredentialFileInput.next().empty().append(''); } } else { if (projectFlowFileInput.hasClass("input-error")) { projectFlowFileInput.removeClass("input-error"); projectFlowFileInput.next().empty(); } if (projectCredentialFileInput.hasClass("input-error")) { projectCredentialFileInput.removeClass("input-error"); projectCredentialFileInput.next().empty(); } projectCredentialFileInput.text(flowFile.substring(0,flowFile.length-5)+"_cred.json"); } $("#projects-dialog-create-default-files").prop('disabled',!valid).toggleClass('disabled ui-button-disabled ui-state-disabled',!valid); } var row = $('

').appendTo(body); $('').appendTo(row); var subrow = $('
').appendTo(row); var defaultFlowFile = (createProjectOptions.files &&createProjectOptions.files.flow) || RED.settings.files.flow||"flow.json"; projectFlowFileInput = $('').val(defaultFlowFile) .on("change keyup paste",validateForm) .appendTo(subrow); $('
').appendTo(subrow); $('').appendTo(row); var defaultCredentialsFile = (createProjectOptions.files &&createProjectOptions.files.credentials) || RED.settings.files.credentials||"flow_cred.json"; row = $('
').appendTo(body); $('').appendTo(row); subrow = $('
').appendTo(row); projectCredentialFileInput = $('
').text(defaultCredentialsFile) .appendTo(subrow); $('
').appendTo(subrow); setTimeout(function() { projectFlowFileInput.focus(); validateForm(); },50); return container; }, buttons: function(options) { return [ { // id: "clipboard-dialog-cancel", text: options.existingProject?"Cancel":"Back", click: function() { if (options.existingProject) { $(this).dialog('close'); } else { show('project-details',options); } } }, { id: "projects-dialog-create-default-files", text: "Next", // TODO: nls class: "primary", click: function() { createProjectOptions.files = { flow: projectFlowFileInput.val(), credentials: projectCredentialFileInput.text() } if (!options.existingProject) { createProjectOptions.migrateFiles = true; } show('encryption-config',options); } } ] } } })(), 'encryption-config': (function() { var emptyProjectCredentialInput; return { content: function(options) { var container = $('
'); migrateProjectHeader.appendTo(container); var body = $('
').appendTo(container); $('

').text("Setup encryption of your credentials file").appendTo(body); if (options.existingProject) { $('

').text("Your flow credentials file can be encrypted to keep its contents secure.").appendTo(body); $('

').text("If you want to store these credentials in a public Git repository, you must encrypt them by providing a secret key phrase.").appendTo(body); } else { if (RED.settings.flowEncryptionType === 'disabled') { $('

').text("Your flow credentials file is not currently encrypted.").appendTo(body); $('

').text("That means its contents, such as passwords and access tokens, can be read by anyone with access to the file.").appendTo(body); $('

').text("If you want to store these credentials in a public Git repository, you must encrypt them by providing a secret key phrase.").appendTo(body); } else { if (RED.settings.flowEncryptionType === 'user') { $('

').text("Your flow credentials file is currently encrypted using the credentialSecret property from your settings file as the key.").appendTo(body); } else if (RED.settings.flowEncryptionType === 'system') { $('

').text("Your flow credentials file is currently encrypted using a system-generated key. You should provide a new secret key for this project.").appendTo(body); } $('

').text("The key will be stored separately from your project files. You will need to provide the key to use this project in another instance of Node-RED.").appendTo(body); } } // var row = $('

').appendTo(body); // $('').appendTo(row); // var gitUsernameInput = $('').val(currentGitSettings.user.name||"").appendTo(row); // // $('
').text("This does not need to be your real name").appendTo(row); // // row = $('
').appendTo(body); // $('').appendTo(row); // var gitEmailInput = $('').val(currentGitSettings.user.email||"").appendTo(row); // // $('
').text("Something something email").appendTo(row); var validateForm = function() { var valid = true; var encryptionState = $("input[name=projects-encryption-type]:checked").val(); if (encryptionState === 'enabled') { var encryptionKeyType = $("input[name=projects-encryption-key]:checked").val(); if (encryptionKeyType === 'custom') { valid = valid && emptyProjectCredentialInput.val()!==''; } } $("#projects-dialog-create-encryption").prop('disabled',!valid).toggleClass('disabled ui-button-disabled ui-state-disabled',!valid); } var row = $('
').appendTo(body); $('').appendTo(row); var credentialsBox = $('
').appendTo(row); var credentialsRightBox = $('
').appendTo(credentialsBox); var credentialsLeftBox = $('
').appendTo(credentialsBox); var credentialsEnabledBox = $('
').appendTo(credentialsLeftBox); $('').appendTo(credentialsEnabledBox); var credentialsDisabledBox = $('
').appendTo(credentialsLeftBox); $('').appendTo(credentialsDisabledBox); credentialsLeftBox.find("input[name=projects-encryption-type]").click(function(e) { var val = $(this).val(); var toEnable; var toDisable; if (val === 'enabled') { toEnable = credentialsEnabledBox; toDisable = credentialsDisabledBox; $(".projects-encryption-enabled-row").show(); $(".projects-encryption-disabled-row").hide(); if ($("input[name=projects-encryption-key]:checked").val() === 'custom') { emptyProjectCredentialInput.focus(); } } else { toDisable = credentialsEnabledBox; toEnable = credentialsDisabledBox; $(".projects-encryption-enabled-row").hide(); $(".projects-encryption-disabled-row").show(); } toEnable.css({ borderColor: "#ccc", borderRightColor: "white" }); toDisable.css({ borderColor: "white", borderRightColor: "#ccc" }); validateForm(); }) row = $('
').appendTo(credentialsRightBox); $('').appendTo(row); row = $('
').appendTo(credentialsRightBox); $('').appendTo(row); row = $('
').appendTo(credentialsRightBox); emptyProjectCredentialInput = $('').appendTo(row); emptyProjectCredentialInput.on("change keyup paste", validateForm); row = $('
').hide().appendTo(credentialsRightBox); $('
The credentials file will not be encrypted and its contents easily read
').appendTo(row); credentialsRightBox.find("input[name=projects-encryption-key]").click(function() { var val = $(this).val(); emptyProjectCredentialInput.attr("disabled",val === 'default'); if (val === "custom") { emptyProjectCredentialInput.focus(); } validateForm(); }); setTimeout(function() { credentialsLeftBox.find("input[name=projects-encryption-type][value=enabled]").click(); if (RED.settings.flowEncryptionType !== 'user') { credentialsRightBox.find("input[name=projects-encryption-key][value=custom]").click(); } else { credentialsRightBox.find("input[name=projects-encryption-key][value=default]").click(); } validateForm(); },100); return container; }, buttons: function(options) { return [ { // id: "clipboard-dialog-cancel", text: "Back", click: function() { show('default-files',options); } }, { id: "projects-dialog-create-encryption", text: options.existingProject?"Create project files":"Create project", // TODO: nls class: "primary disabled", disabled: true, click: function() { var encryptionState = $("input[name=projects-encryption-type]:checked").val(); if (encryptionState === 'enabled') { var encryptionKeyType = $("input[name=projects-encryption-key]:checked").val(); if (encryptionKeyType === 'custom') { createProjectOptions.credentialSecret = emptyProjectCredentialInput.val(); } else { // If 'use existing', leave createProjectOptions.credentialSecret blank // - that will trigger it to use the existing key // TODO: this option should be disabled if encryption is disabled } } else { // Disabled encryption by explicitly setting credSec to false createProjectOptions.credentialSecret = false; } RED.deploy.setDeployInflight(true); RED.projects.settings.switchProject(createProjectOptions.name); var method = "POST"; var url = "projects"; if (options.existingProject) { createProjectOptions.initialise = true; method = "PUT"; url = "projects/"+activeProject.name; } var self = this; sendRequest({ url: url, type: method, requireCleanWorkspace: true, handleAuthFail: false, responses: { 200: function(data) { createProjectOptions = {}; if (options.existingProject) { $( self ).dialog( "close" ); } else { show('create-success'); RED.menu.setDisabled('menu-item-projects-open',false); } }, 400: { 'project_exists': function(error) { console.log("already exists"); }, 'git_error': function(error) { console.log("git error",error); }, 'git_connection_failed': function(error) { projectRepoInput.addClass("input-error"); }, 'git_auth_failed': function(error) { projectRepoUserInput.addClass("input-error"); projectRepoPasswordInput.addClass("input-error"); // getRepoAuthDetails(req); console.log("git auth error",error); }, 'unexpected_error': function(error) { console.log("unexpected_error",error) } } } },createProjectOptions).always(function() { setTimeout(function() { RED.deploy.setDeployInflight(false); },500); }) } } ]; } } })(), 'create-success': { content: function(options) { var container = $('
'); migrateProjectHeader.appendTo(container); var body = $('
').appendTo(container); $('

').text("You have successfully created your first project!").appendTo(body); $('

').text("You can now continue to use Node-RED just as you always have.").appendTo(body); $('

').text("The 'info' tab in the sidebar shows you what your current active project is. "+ "The button next to the name can be used to access the project settings view.").appendTo(body); $('

').text("The 'history' tab in the sidebar can be used to view files that have changed "+ "in your project and to commit them. It shows you a complete history of your commits and "+ "allows you to push your changes to a remote repository.").appendTo(body); return container; }, buttons: [ { text: "Done", click: function() { $( this ).dialog( "close" ); } } ] }, 'create': (function() { var projectNameInput; var projectSummaryInput; var projectFlowFileInput; var projectSecretInput; var projectSecretSelect; var copyProject; var projectRepoInput; var emptyProjectCredentialInput; var projectRepoUserInput; var projectRepoPasswordInput; var projectNameSublabel; var projectRepoSSHKeySelect; var projectRepoPassphrase; var projectRepoRemoteName var projectRepoBranch; var selectedProject; return { title: "Projects", // TODO: NLS content: function(options) { var projectList = null; selectedProject = null; var pendingFormValidation = false; $.getJSON("projects", function(data) { projectList = {}; data.projects.forEach(function(p) { projectList[p] = true; if (pendingFormValidation) { pendingFormValidation = false; validateForm(); } }) }); var container = $('

'); var row; var validateForm = function() { var projectName = projectNameInput.val(); var valid = true; if (projectNameInputChanged) { if (projectList === null) { pendingFormValidation = true; return; } projectNameStatus.empty(); if (!/^[a-zA-Z0-9\-_]+$/.test(projectName) || projectList[projectName]) { projectNameInput.addClass("input-error"); $('').appendTo(projectNameStatus); projectNameValid = false; valid = false; if (projectList[projectName]) { projectNameSublabel.text("Project already exists"); } else { projectNameSublabel.text("Must contain only A-Z 0-9 _ -"); } } else { projectNameInput.removeClass("input-error"); $('').appendTo(projectNameStatus); projectNameSublabel.text("Must contain only A-Z 0-9 _ -"); projectNameValid = true; } projectNameLastChecked = projectName; } valid = projectNameValid; var projectType = $(".projects-dialog-screen-create-type.selected").data('type'); if (projectType === 'copy') { if (!copyProject) { valid = false; } } else if (projectType === 'clone') { var repo = projectRepoInput.val(); var validRepo = /^(?:git|ssh|https?|[\d\w\.\-_]+@[\w\.]+):(?:\/\/)?[\w\.@:\/~_-]+\.git(?:\/?|\#[\d\w\.\-_]+?)$/.test(repo); if (!validRepo) { if (projectRepoChanged) { projectRepoInput.addClass("input-error"); } valid = false; } else { projectRepoInput.removeClass("input-error"); } if (/^(?:ssh|[\d\w\.\-_]+@[\w\.]+):(?:\/\/)?/.test(repo)) { $(".projects-dialog-screen-create-row-creds").hide(); $(".projects-dialog-screen-create-row-sshkey").show(); // if ( !getSelectedSSHKey(projectRepoSSHKeySelect) ) { // valid = false; // } } else if (/^https?:\/\//.test(repo)) { $(".projects-dialog-screen-create-row-creds").show(); $(".projects-dialog-screen-create-row-sshkey").hide(); } else { $(".projects-dialog-screen-create-row-creds").show(); $(".projects-dialog-screen-create-row-sshkey").hide(); } } else if (projectType === 'empty') { var flowFile = projectFlowFileInput.val(); if (flowFile === "" || !/\.json$/.test(flowFile)) { valid = false; if (!projectFlowFileInput.hasClass("input-error")) { projectFlowFileInput.addClass("input-error"); projectFlowFileInput.next().empty().append(''); } } else { if (projectFlowFileInput.hasClass("input-error")) { projectFlowFileInput.removeClass("input-error"); projectFlowFileInput.next().empty(); } } var encryptionState = $("input[name=projects-encryption-type]:checked").val(); if (encryptionState === 'enabled') { var encryptionKeyType = $("input[name=projects-encryption-key]:checked").val(); if (encryptionKeyType === 'custom') { valid = valid && emptyProjectCredentialInput.val()!=='' } } } else if (projectType === 'open') { valid = !!selectedProject; } $("#projects-dialog-create").prop('disabled',!valid).toggleClass('disabled ui-button-disabled ui-state-disabled',!valid); } row = $('
').appendTo(container); var openProject = $('').appendTo(row); var createAsEmpty = $('').appendTo(row); // var createAsCopy = $('').appendTo(row); var createAsClone = $('').appendTo(row); // var createAsClone = $('').appendTo(row); row.find(".projects-dialog-screen-create-type").click(function(evt) { evt.preventDefault(); container.find(".projects-dialog-screen-create-type").removeClass('selected'); $(this).addClass('selected'); container.find(".projects-dialog-screen-create-row").hide(); container.find(".projects-dialog-screen-create-row-"+$(this).data('type')).show(); validateForm(); projectNameInput.focus(); switch ($(this).data('type')) { case "open": $("#projects-dialog-create").text("Open project"); break; case "empty": $("#projects-dialog-create").text("Create project"); break; case "clone": $("#projects-dialog-create").text("Clone project"); break; } }) row = $('
').hide().appendTo(container); createProjectList({ canSelectActive: false, dblclick: function(project) { selectedProject = project; $("#projects-dialog-create").click(); }, select: function(project) { selectedProject = project; validateForm(); }, delete: function(project) { selectedProject = null; validateForm(); } }).appendTo(row); row = $('
').appendTo(container); $('').appendTo(row); var subrow = $('
').appendTo(row); projectNameInput = $('').appendTo(subrow); var projectNameStatus = $('
').appendTo(subrow); var projectNameInputChanged = false; var projectNameLastChecked = ""; var projectNameValid; var checkProjectName; var autoInsertedName = ""; projectNameInput.on("change keyup paste",function() { projectNameInputChanged = (projectNameInput.val() !== projectNameLastChecked); if (checkProjectName) { clearTimeout(checkProjectName); } else if (projectNameInputChanged) { projectNameStatus.empty(); $('').appendTo(projectNameStatus); if (projectNameInput.val() === '') { validateForm(); return; } } checkProjectName = setTimeout(function() { validateForm(); checkProjectName = null; },300) }); projectNameSublabel = $('').appendTo(row).find("small"); // Empty Project row = $('
').appendTo(container); $('').appendTo(row); projectSummaryInput = $('').appendTo(row); $('').appendTo(row); row = $('
').appendTo(container); $('').appendTo(row); subrow = $('
').appendTo(row); projectFlowFileInput = $('').val("flow.json") .on("change keyup paste",validateForm) .appendTo(subrow); $('
').appendTo(subrow); $('').appendTo(row); row = $('
').appendTo(container); $('').appendTo(row); var credentialsBox = $('
').appendTo(row); var credentialsRightBox = $('
').appendTo(credentialsBox); var credentialsLeftBox = $('
').appendTo(credentialsBox); var credentialsEnabledBox = $('
').appendTo(credentialsLeftBox); $('').appendTo(credentialsEnabledBox); var credentialsDisabledBox = $('
').appendTo(credentialsLeftBox); $('').appendTo(credentialsDisabledBox); credentialsLeftBox.find("input[name=projects-encryption-type]").click(function(e) { var val = $(this).val(); var toEnable; var toDisable; if (val === 'enabled') { toEnable = credentialsEnabledBox; toDisable = credentialsDisabledBox; $(".projects-encryption-enabled-row").show(); $(".projects-encryption-disabled-row").hide(); if ($("input[name=projects-encryption-key]:checked").val() === 'custom') { emptyProjectCredentialInput.focus(); } } else { toDisable = credentialsEnabledBox; toEnable = credentialsDisabledBox; $(".projects-encryption-enabled-row").hide(); $(".projects-encryption-disabled-row").show(); } toEnable.css({ borderColor: "#ccc", borderRightColor: "white" }); toDisable.css({ borderColor: "white", borderRightColor: "#ccc" }) validateForm(); }) row = $('
').appendTo(credentialsRightBox); $('').appendTo(row); // row = $('
').appendTo(credentialsRightBox); emptyProjectCredentialInput = $('').appendTo(row); emptyProjectCredentialInput.on("change keyup paste", validateForm); $('').appendTo(row); row = $('
').hide().appendTo(credentialsRightBox); $('
The credentials file will not be encrypted and its contents easily read
').appendTo(row); credentialsRightBox.find("input[name=projects-encryption-key]").click(function() { var val = $(this).val(); emptyProjectCredentialInput.attr("disabled",val === 'default'); if (val === "custom") { emptyProjectCredentialInput.focus(); } validateForm(); }) // Clone Project row = $('
').appendTo(container); $('').appendTo(row); projectRepoInput = $('').appendTo(row); $('').appendTo(row); var projectRepoChanged = false; projectRepoInput.on("change keyup paste",function() { projectRepoChanged = true; var repo = $(this).val(); var m = /\/([^/]+)\.git/.exec(repo); if (m) { var projectName = projectNameInput.val(); if (projectName === "" || projectName === autoInsertedName) { autoInsertedName = m[1]; projectNameInput.val(autoInsertedName); projectNameInput.change(); } } validateForm(); }); var cloneAuthRows = $('
').hide().appendTo(container); row = $('
').hide().appendTo(cloneAuthRows); $('
Authentication failed
').appendTo(row); // Repo credentials - username/password ---------------- row = $('
').hide().appendTo(cloneAuthRows); var subrow = $('
').appendTo(row); $('').appendTo(subrow); projectRepoUserInput = $('').appendTo(subrow); subrow = $('
').appendTo(row); $('').appendTo(subrow); projectRepoPasswordInput = $('').appendTo(subrow); // ----------------------------------------------------- // Repo credentials - key/passphrase ------------------- row = $('
').hide().appendTo(cloneAuthRows); subrow = $('
').appendTo(row); $('').appendTo(subrow); projectRepoSSHKeySelect = $("').appendTo(subrow); subrow = $('
').appendTo(cloneAuthRows); var sshwarningRow = $('
').hide().appendTo(subrow); $('
Before you can clone a repository over ssh you must add an SSH key to access it.
').appendTo(sshwarningRow); subrow = $('
').appendTo(sshwarningRow); $('').appendTo(subrow).click(function(e) { e.preventDefault(); $('#projects-dialog-cancel').click(); RED.userSettings.show('gitconfig'); setTimeout(function() { $("#user-settings-gitconfig-add-key").click(); },500); }); // ----------------------------------------------------- // // Secret - clone // row = $('
').appendTo(container); // $('').appendTo(row); // projectSecretInput = $('').appendTo(row); switch(options.screen||"empty") { case "empty": createAsEmpty.click(); break; case "open": openProject.click(); break; case "clone": createAsClone.click(); break; } setTimeout(function() { if ((options.screen||"empty") !== "open") { projectNameInput.focus(); } else { $("#projects-dialog-project-list-search").focus(); } },50); return container; }, buttons: function(options) { var initialLabel; switch (options.screen||"empty") { case "open": initialLabel = "Open project"; break; case "empty": initialLabel = "Create project"; break; case "clone": initialLabel = "Clone project"; break; } return [ { id: "projects-dialog-cancel", text: RED._("common.label.cancel"), click: function() { $( this ).dialog( "close" ); } }, { id: "projects-dialog-create", text: initialLabel, class: "primary disabled", disabled: true, click: function() { var projectType = $(".projects-dialog-screen-create-type.selected").data('type'); var projectData = { name: projectNameInput.val(), } if (projectType === 'empty') { projectData.summary = projectSummaryInput.val(); projectData.files = { flow: projectFlowFileInput.val() }; var encryptionState = $("input[name=projects-encryption-type]:checked").val(); if (encryptionState === 'enabled') { var encryptionKeyType = $("input[name=projects-encryption-key]:checked").val(); if (encryptionKeyType === 'custom') { projectData.credentialSecret = emptyProjectCredentialInput.val(); } else { // If 'use default', leave projectData.credentialSecret blank - as that will trigger // it to use the default (TODO: if its set...) } } else { // Disabled encryption by explicitly setting credSec to false projectData.credentialSecret = false; } } else if (projectType === 'copy') { projectData.copy = copyProject.name; } else if (projectType === 'clone') { // projectData.credentialSecret = projectSecretInput.val(); var repoUrl = projectRepoInput.val(); var metaData = {}; if (/^(?:ssh|[\d\w\.\-_]+@[\w\.]+):(?:\/\/)?/.test(repoUrl)) { var selected = projectRepoSSHKeySelect.val();//false;//getSelectedSSHKey(projectRepoSSHKeySelect); if ( selected ) { projectData.git = { remotes: { 'origin': { url: repoUrl, keyFile: selected, passphrase: projectRepoPassphrase.val() } } }; } else { console.log("Error! Can't get selected SSH key path."); return; } } else { projectData.git = { remotes: { 'origin': { url: repoUrl, username: projectRepoUserInput.val(), password: projectRepoPasswordInput.val() } } }; } } else if (projectType === 'open') { return switchProject(selectedProject.name,function(err,data) { dialog.dialog( "close" ); if (err) { if (err.error !== 'credentials_load_failed') { console.log("unexpected_error",err) } } }) } RED.deploy.setDeployInflight(true); RED.projects.settings.switchProject(projectData.name); sendRequest({ url: "projects", type: "POST", handleAuthFail: false, responses: { 200: function(data) { dialog.dialog( "close" ); }, 400: { 'project_exists': function(error) { console.log("already exists"); }, 'git_error': function(error) { console.log("git error",error); }, 'git_connection_failed': function(error) { projectRepoInput.addClass("input-error"); }, 'git_auth_failed': function(error) { $(".projects-dialog-screen-create-row-auth-error").show(); projectRepoUserInput.addClass("input-error"); projectRepoPasswordInput.addClass("input-error"); // getRepoAuthDetails(req); projectRepoSSHKeySelect.addClass("input-error"); projectRepoPassphrase.addClass("input-error"); }, 'project_empty': function(error) { // This is handled via a runtime notification. dialog.dialog("close"); }, 'credentials_load_failed': function(error) { // This is handled via a runtime notification. dialog.dialog("close"); }, 'unexpected_error': function(error) { console.log("unexpected_error",error) } } } },projectData).then(function() { RED.events.emit("project:change", {name:name}); }).always(function() { setTimeout(function() { RED.deploy.setDeployInflight(false); },500); }) } } ] } } })() } } function switchProject(name,done) { RED.deploy.setDeployInflight(true); RED.projects.settings.switchProject(name); sendRequest({ url: "projects/"+name, type: "PUT", requireCleanWorkspace: true, responses: { 200: function(data) { done(null,data); }, 400: { '*': done }, } },{active:true}).then(function() { RED.events.emit("project:change", {name:name}); }).always(function() { setTimeout(function() { RED.deploy.setDeployInflight(false); },500); }) } function deleteProject(row,name,done) { var cover = $('
').css({ background:"white", position:"absolute", top:0,right:0,bottom:0,left:"100%", overflow:"hidden", padding: "5px 20px", transition: "left 0.4s", whitespace: "nowrap", width:"1000px" }).click(function(evt) { evt.stopPropagation(); }).appendTo(row); $('').css({"lineHeight":"40px"}).text("Are you sure you want to delete this project?").appendTo(cover); $('') .appendTo(cover) .click(function(e) { e.stopPropagation(); cover.remove(); done(true); }); $('') .appendTo(cover) .click(function(e) { e.stopPropagation(); cover.remove(); sendRequest({ url: "projects/"+name, type: "DELETE", responses: { 200: function(data) { done(false); }, 400: { 'unexpected_error': function(error) { cover.remove(); done(true); } } } }); }); setTimeout(function() { cover.css("left",0); },50); // } function show(s,options) { if (!dialog) { RED.projects.init(); } var screen = screens[s]; var container = screen.content(options||{}); dialogBody.empty(); var buttons = screen.buttons; if (typeof buttons === 'function') { buttons = buttons(options||{}); } dialog.dialog('option','buttons',buttons); dialogBody.append(container); dialog.dialog('option','title',screen.title||""); dialog.dialog("open"); dialog.dialog({position: { 'my': 'center top', 'at': 'center top+10%', 'of': window }}); } function createProjectList(options) { options = options||{}; var height = options.height || "300px"; var container = $('
',{class:"projects-dialog-project-list-container" }); var filterTerm = ""; var searchDiv = $("
",{class:"red-ui-search-container"}).appendTo(container); var searchInput = $('').appendTo(searchDiv).searchBox({ //data-i18n="[placeholder]menu.label.searchInput" delay: 200, change: function() { filterTerm = $(this).val().toLowerCase(); list.editableList('filter'); if (selectedListItem && !selectedListItem.is(":visible")) { selectedListItem.children().children().removeClass('selected'); selectedListItem = list.children(":visible").first(); selectedListItem.children().children().addClass('selected'); if (options.select) { options.select(selectedListItem.children().data('data')); } } else { selectedListItem = list.children(":visible").first(); selectedListItem.children().children().addClass('selected'); if (options.select) { options.select(selectedListItem.children().data('data')); } } ensureSelectedIsVisible(); } }); var selectedListItem; searchInput.on('keydown',function(evt) { if (evt.keyCode === 40) { evt.preventDefault(); // Down var next = selectedListItem; if (selectedListItem) { do { next = next.next(); } while(next.length !== 0 && !next.is(":visible")); if (next.length === 0) { return; } selectedListItem.children().children().removeClass('selected'); } else { next = list.children(":visible").first(); } selectedListItem = next; selectedListItem.children().children().addClass('selected'); if (options.select) { options.select(selectedListItem.children().data('data')); } ensureSelectedIsVisible(); } else if (evt.keyCode === 38) { evt.preventDefault(); // Up var prev = selectedListItem; if (selectedListItem) { do { prev = prev.prev(); } while(prev.length !== 0 && !prev.is(":visible")); if (prev.length === 0) { return; } selectedListItem.children().children().removeClass('selected'); } else { prev = list.children(":visible").first(); } selectedListItem = prev; selectedListItem.children().children().addClass('selected'); if (options.select) { options.select(selectedListItem.children().data('data')); } ensureSelectedIsVisible(); } else if (evt.keyCode === 13) { evt.preventDefault(); // Enter if (selectedListItem) { if (options.dblclick) { options.dblclick(selectedListItem.children().data('data')); } } } }); searchInput.i18n(); var ensureSelectedIsVisible = function() { var selectedEntry = list.find(".projects-dialog-project-list-entry.selected").parent().parent(); if (selectedEntry.length === 1) { var scrollWindow = listContainer; var scrollHeight = scrollWindow.height(); var scrollOffset = scrollWindow.scrollTop(); var y = selectedEntry.position().top; var h = selectedEntry.height(); if (y+h > scrollHeight) { scrollWindow.animate({scrollTop: '-='+(scrollHeight-y-h)},50); } else if (y<0) { scrollWindow.animate({scrollTop: '+='+y},50); } } } var listContainer = $('
',{class:"projects-dialog-project-list-inner-container" }).appendTo(container); var list = $('
    ',{class:"projects-dialog-project-list"}).appendTo(listContainer).editableList({ addButton: false, height:"auto", scrollOnAdd: false, addItem: function(row,index,entry) { var header = $('
    ',{class:"projects-dialog-project-list-entry"}).appendTo(row); $('').appendTo(header); $('').text(entry.name).appendTo(header); if (activeProject && activeProject.name === entry.name) { header.addClass("projects-list-entry-current"); $('current').appendTo(header); if (options.canSelectActive === false) { // active project cannot be selected; so skip the rest return } } header.addClass("selectable"); var tools = $('
    ').appendTo(header); $('') .appendTo(tools) .click(function(e) { e.stopPropagation(); e.preventDefault(); deleteProject(row,entry.name, function(cancelled) { if (!cancelled) { row.fadeOut(300,function() { list.editableList('removeItem',entry); if (options.delete) { options.delete(entry); } }); } }) }); row.click(function(evt) { $('.projects-dialog-project-list-entry').removeClass('selected'); header.addClass('selected'); selectedListItem = row.parent(); if (options.select) { options.select(entry); } ensureSelectedIsVisible(); searchInput.focus(); }) if (options.dblclick) { row.dblclick(function(evt) { evt.preventDefault(); options.dblclick(entry); }) } }, filter: function(data) { if (filterTerm === "") { return true; } return data.name.toLowerCase().indexOf(filterTerm) !== -1; } }); $.getJSON("projects", function(data) { data.projects.forEach(function(project) { list.editableList('addItem',{name:project}); }); }) return container; } function requireCleanWorkspace(done) { if (RED.nodes.dirty()) { var message = '

    You have undeployed changes that will be lost.

    Do you want to continue?

    '; var cleanNotification = RED.notify(message,{ type:"info", fixed: true, modal: true, buttons: [ { //id: "node-dialog-delete", //class: 'leftButton', text: RED._("common.label.cancel"), click: function() { cleanNotification.close(); done(true); } },{ text: 'Continue', click: function() { cleanNotification.close(); done(false); } } ] }); } } function sendRequest(options,body) { // dialogBody.hide(); // console.log(options.url,body); if (options.requireCleanWorkspace && RED.nodes.dirty()) { var thenCallback; var alwaysCallback; requireCleanWorkspace(function(cancelled) { if (cancelled) { if (options.cancel) { options.cancel(); if (alwaysCallback) { alwaysCallback(); } } } else { delete options.requireCleanWorkspace; sendRequest(options,body).then(function() { if (thenCallback) { thenCallback(); } }).always(function() { if (alwaysCallback) { alwaysCallback(); } }) } }) // What follows is a very hacky Promise-like api thats good enough // for our needs. return { then: function(done) { thenCallback = done; return { always: function(done) { alwaysCallback = done; }} }, always: function(done) { alwaysCallback = done; } } } var start = Date.now(); // TODO: this is specific to the dialog-based requests $(".projects-dialog-spinner").show(); $("#projects-dialog").parent().find(".ui-dialog-buttonset").children().css("visibility","hidden") if (body) { options.data = JSON.stringify(body); options.contentType = "application/json; charset=utf-8"; } var resultCallback; var resultCallbackArgs; return $.ajax(options).done(function(data,textStatus,xhr) { if (options.responses && options.responses[200]) { resultCallback = options.responses[200]; resultCallbackArgs = data; } }).fail(function(xhr,textStatus,err) { if (options.responses && options.responses[xhr.status]) { var responses = options.responses[xhr.status]; if (typeof responses === 'function') { resultCallback = responses; resultCallbackArgs = {error:responses.statusText}; return; } else if (options.handleAuthFail !== false && xhr.responseJSON.error === 'git_auth_failed') { var url = activeProject.git.remotes[options.remote||'origin'].fetch; var message = $('
    '+ '
    Authentication required for repository:
    '+ '
    '+url+'
    '+ '
    '); var isSSH = false; if (/^(?:ssh|[\d\w\.\-_]+@[\w\.]+):(?:\/\/)?/.test(url)) { isSSH = true; var row = $('
    ').appendTo(message); $('').appendTo(row); var projectRepoSSHKeySelect = $('').appendTo(row); } else { $('
    '+ '
    ').appendTo(message); } var notification = RED.notify(message,{ type:"error", fixed: true, modal: true, buttons: [ { //id: "node-dialog-delete", //class: 'leftButton', text: RED._("common.label.cancel"), click: function() { notification.close(); } },{ text: $(' Retry'), click: function() { body = body || {}; var authBody = {}; if (isSSH) { authBody.keyFile = $('#projects-user-auth-key').val(); authBody.passphrase = $('#projects-user-auth-passphrase').val(); } else { authBody.username = $('#projects-user-auth-username').val(); authBody.password = $('#projects-user-auth-password').val(); } var done = function(err) { if (err) { console.log("Failed to update auth"); console.log(err); } else { sendRequest(options,body); notification.close(); } } sendRequest({ url: "projects/"+activeProject.name+"/remotes/"+(options.remote||'origin'), type: "PUT", responses: { 0: function(error) { done(error,null); }, 200: function(data) { done(null,data); }, 400: { 'unexpected_error': function(error) { done(error,null); } }, } },{auth:authBody}); } } ] }); return; } else if (responses[xhr.responseJSON.error]) { resultCallback = responses[xhr.responseJSON.error]; resultCallbackArgs = xhr.responseJSON; return; } else if (responses['*']) { resultCallback = responses['*']; resultCallbackArgs = xhr.responseJSON; return; } } console.log("Unhandled error response:"); console.log(xhr); console.log(textStatus); console.log(err); }).always(function() { var delta = Date.now() - start; delta = Math.max(0,500-delta); setTimeout(function() { // dialogBody.show(); $(".projects-dialog-spinner").hide(); $("#projects-dialog").parent().find(".ui-dialog-buttonset").children().css("visibility","") if (resultCallback) { resultCallback(resultCallbackArgs) } },delta); }); } function createBranchList(options) { var branchFilterTerm = ""; var branchFilterCreateItem; var branches = []; var branchPrefix = ""; var container = $('
    ').appendTo(options.container); var branchFilter = $('').attr('placeholder',options.placeholder).appendTo(container).searchBox({ delay: 200, change: function() { branchFilterTerm = $(this).val(); if (/(\.\.|\/\.|[?*[~^: \\]|\/\/|\/.$|\/$)/.test(branchFilterTerm)) { if (!branchFilterCreateItem.hasClass("input-error")) { branchFilterCreateItem.addClass("input-error"); branchFilterCreateItem.find("i").addClass("fa-warning").removeClass("fa-code-fork"); } branchFilterCreateItem.find("span").text("Invalid branch: "+branchPrefix+branchFilterTerm); } else { if (branchFilterCreateItem.hasClass("input-error")) { branchFilterCreateItem.removeClass("input-error"); branchFilterCreateItem.find("i").removeClass("fa-warning").addClass("fa-code-fork"); } branchFilterCreateItem.find(".sidebar-version-control-branch-list-entry-create-name").text(branchPrefix+branchFilterTerm); } branchList.editableList("filter"); } }); var branchList = $("
      ",{style:"height: 130px;"}).appendTo(container); branchList.editableList({ addButton: false, scrollOnAdd: false, addItem: function(row,index,entry) { var container = $('
      ').appendTo(row); if (!entry.hasOwnProperty('commit')) { branchFilterCreateItem = container; $('').appendTo(container); $('').text("Create branch:").appendTo(container); $('
      ').text(entry.name).appendTo(container); } else { $('').appendTo(container); $('').text(entry.name).appendTo(container); if (entry.current) { container.addClass("selected"); $('').text(options.currentLabel||"current").appendTo(container); } } container.click(function(evt) { evt.preventDefault(); if ($(this).hasClass('input-error')) { return; } var body = {}; if (!entry.hasOwnProperty('commit')) { body.name = branchFilter.val(); body.create = true; if (options.remote) { body.name = options.remote()+"/"+body.name; } } else { if ($(this).hasClass('selected')) { body.current = true; } body.name = entry.name; } if (options.onselect) { options.onselect(body); } }); }, filter: function(data) { var isCreateEntry = (!data.hasOwnProperty('commit')); return ( isCreateEntry && ( branchFilterTerm !== "" && branches.indexOf(branchPrefix+branchFilterTerm) === -1 ) ) || ( !isCreateEntry && data.name.indexOf(branchFilterTerm) !== -1 ); } }); return { refresh: function(url) { branchFilter.searchBox("value",""); branchList.editableList('empty'); var start = Date.now(); var spinner = addSpinnerOverlay(container).addClass("projects-dialog-spinner-contain"); if (options.remote) { branchPrefix = options.remote()+"/"; } else { branchPrefix = ""; } sendRequest({ url: url, type: "GET", responses: { 0: function(error) { console.log(error); }, 200: function(result) { branches = result.branches; result.branches.forEach(function(b) { branchList.editableList('addItem',b); }); branchList.editableList('addItem',{}); setTimeout(function() { spinner.remove(); },Math.max(300-(Date.now() - start),0)); }, 400: { 'unexpected_error': function(error) { console.log(error); } } } }) }, // addItem: function(data) { branchList.editableList('addItem',data) }, filter: function() { branchList.editableList('filter') }, focus: function() { branchFilter.focus() } } } function addSpinnerOverlay(container) { var spinner = $('
      ').appendTo(container); return spinner; } function init() { dialog = $('
      ') .appendTo("body") .dialog({ modal: true, autoOpen: false, width: 600, resizable: false, open: function(e) { $(this).parent().find(".ui-dialog-titlebar-close").hide(); // $("#header-shade").show(); // $("#editor-shade").show(); // $("#palette-shade").show(); // $("#sidebar-shade").show(); }, close: function(e) { // $("#header-shade").hide(); // $("#editor-shade").hide(); // $("#palette-shade").hide(); // $("#sidebar-shade").hide(); } }); dialogBody = dialog.find("form"); RED.actions.add("core:new-project",RED.projects.newProject); RED.actions.add("core:open-project",RED.projects.selectProject); var projectsAPI = { sendRequest:sendRequest, createBranchList:createBranchList, addSpinnerOverlay:addSpinnerOverlay }; RED.projects.settings.init(projectsAPI); RED.projects.userSettings.init(projectsAPI); RED.sidebar.versionControl.init(projectsAPI); initScreens(); // initSidebar(); } function createDefaultFileSet() { if (!activeProject) { throw new Error("Cannot create default file set without an active project"); } else if (!activeProject.empty) { throw new Error("Cannot create default file set on a non-empty project"); } if (!RED.user.hasPermission("projects.write")) { RED.notify(RED._("user.errors.notAuthorized"),"error"); return; } createProjectOptions = {}; show('default-files',{existingProject: true}); } function refresh(done) { $.getJSON("projects",function(data) { if (data.active) { $.getJSON("projects/"+data.active, function(project) { activeProject = project; RED.sidebar.versionControl.refresh(true); if (done) { done(activeProject); } }); } else { if (done) { done(null); } } }); } function showNewProjectScreen() { createProjectOptions = {}; if (!activeProject) { show('welcome'); } else { show('create',{screen:'empty'}) } } return { init: init, showStartup: function() { if (!RED.user.hasPermission("projects.write")) { RED.notify(RED._("user.errors.notAuthorized"),"error"); return; } show('welcome'); }, newProject: function() { if (!RED.user.hasPermission("projects.write")) { RED.notify(RED._("user.errors.notAuthorized"),"error"); return; } if (RED.nodes.dirty()) { return requireCleanWorkspace(function(cancelled) { if (!cancelled) { showNewProjectScreen(); } }) } else { showNewProjectScreen(); } }, selectProject: function() { if (!RED.user.hasPermission("projects.write")) { RED.notify(RED._("user.errors.notAuthorized"),"error"); return; } show('create',{screen:'open'}) }, showCredentialsPrompt: function() { //TODO: rename this function if (!RED.user.hasPermission("projects.write")) { RED.notify(RED._("user.errors.notAuthorized"),"error"); return; } RED.projects.settings.show('settings'); }, showFilesPrompt: function() { //TODO: rename this function if (!RED.user.hasPermission("projects.write")) { RED.notify(RED._("user.errors.notAuthorized"),"error"); return; } RED.projects.settings.show('settings'); }, showProjectDependencies: function() { RED.projects.settings.show('deps'); }, createDefaultFileSet: createDefaultFileSet, // showSidebar: showSidebar, refresh: refresh, editProject: function() { RED.projects.settings.show(); }, getActiveProject: function() { return activeProject; } } })();