feat(editor): add automatic credential selection for new nodes

packages/editor-ui/src/components/NodeCredentials.vue

@@ -20,7 +20,12 @@
 				</div>
 
 				<div :class="issues.length ? $style.hasIssues : $style.input" v-else >
-					<n8n-select :value="getSelectedId(credentialTypeDescription.name)" @change="(value) => onCredentialSelected(credentialTypeDescription.name, value)" :placeholder="$locale.baseText('nodeCredentials.selectCredential')" size="small">
+					<n8n-select
+						:value="getSelectedId(credentialTypeDescription.name)"
+						@change="(value) => onCredentialSelected(credentialTypeDescription.name, value)"
+						:placeholder="$locale.baseText('nodeCredentials.selectCredential')"
+						size="small"
+					>
 						<n8n-option
 							v-for="(item) in credentialOptions[credentialTypeDescription.name]"
 							:key="item.id"
@@ -128,6 +133,7 @@ export default mixins(
 			return this.node.credentials || {};
 		},
 	},
+
 	methods: {
 		getSelectedId(type: string) {
 			if (this.isCredentialExisting(type)) {

packages/editor-ui/src/components/mixins/nodeBase.ts

@@ -280,6 +280,7 @@ export const nodeBase = mixins(
 		},
 		__addNode (node: INodeUi) {
 			let nodeTypeData = this.$store.getters.nodeType(node.type, node.typeVersion) as INodeTypeDescription | null;
+
 			if (!nodeTypeData) {
 				// If node type is not know use by default the base.noOp data to display it
 				nodeTypeData = this.$store.getters.nodeType(NO_OP_NODE_TYPE) as INodeTypeDescription;

packages/editor-ui/src/views/NodeView.vue

@@ -137,6 +137,7 @@ import NodeSettings from '@/components/NodeSettings.vue';
 import RunData from '@/components/RunData.vue';
 
 import * as CanvasHelpers from './canvasHelpers';
+import get from 'lodash.get';
 
 import mixins from 'vue-typed-mixins';
 import { v4 as uuidv4} from 'uuid';
@@ -1292,6 +1293,37 @@ export default mixins(
 					parameters: {},
 				};
 
+				const credentialPerType = nodeTypeData.credentials && nodeTypeData.credentials
+					.map(type => this.$store.getters['credentials/getCredentialsByType'](type.name))
+					.filter(type => type.length === 1).map( item => item[0]);
+
+				if (credentialPerType && credentialPerType.length === 1) {
+					const defaultCredential = credentialPerType[0];
+
+					const selectedCredentials = this.$store.getters['credentials/getCredentialById'](defaultCredential.id);
+					const selected = { id: selectedCredentials.id, name: selectedCredentials.name };
+					const credentials = {
+						[defaultCredential.type]: selected,
+					};
+					newNodeData.credentials = credentials;
+
+					if (nodeTypeData.credentials){
+						const authentication = nodeTypeData.credentials.find(type => type.name === defaultCredential.type);
+						const authDisplayOptions = get(authentication, `displayOptions.show`);
+
+						if(
+							authentication && authDisplayOptions
+						) {
+							for (const displayOption of Object.keys(authDisplayOptions)) {
+								const optionValue = get(authentication, `displayOptions.show[${displayOption}][0]`);
+								if (optionValue) {
+									newNodeData.parameters[displayOption] = optionValue;
+								}
+							}
+						}
+					}
+				}
+
 				// when pulling new connection from node or injecting into a connection
 				const lastSelectedNode = this.lastSelectedNode;
 				if (lastSelectedNode) {