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

@@ -1305,6 +1305,28 @@ 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);
+						if(authentication!.displayOptions) {
+							newNodeData.parameters.authentication = authentication!.displayOptions!.show!.authentication![0];
+						}
+					}
+				}
+
 				// when pulling new connection from node or injecting into a connection
 				const lastSelectedNode = this.lastSelectedNode;
 				if (lastSelectedNode) {