refactor(editor): Apply Prettier (no-changelog) (#4920)

* ⚡ Adjust `format` script * 🔥 Remove exemption for `editor-ui` * 🎨 Prettify * 👕 Fix lint
2025-12-17 10:02:05 +00:00 · 2022-12-14 10:04:10 +01:00
parent bcde07e032
commit 5ca2148c7e
284 changed files with 19247 additions and 15540 deletions
--- a/packages/editor-ui/src/components/InputPanel.vue
+++ b/packages/editor-ui/src/components/InputPanel.vue
@@ -21,17 +21,38 @@
 		@runChange="onRunIndexChange"
 		@tableMounted="$emit('tableMounted', $event)"
 		data-test-id="ndv-input-panel"
-		>
+	>
 		<template #header>
 			<div :class="$style.titleSection">
-				<n8n-select v-if="parentNodes.length" :popper-append-to-body="true" size="small" :value="currentNodeName" @input="onSelect" :no-data-text="$locale.baseText('ndv.input.noNodesFound')" :placeholder="$locale.baseText('ndv.input.parentNodes')" filterable data-test-id="ndv-input-select">
+				<n8n-select
+					v-if="parentNodes.length"
+					:popper-append-to-body="true"
+					size="small"
+					:value="currentNodeName"
+					@input="onSelect"
+					:no-data-text="$locale.baseText('ndv.input.noNodesFound')"
+					:placeholder="$locale.baseText('ndv.input.parentNodes')"
+					filterable
+					data-test-id="ndv-input-select"
+				>
 					<template #prepend>
 						<span :class="$style.title">{{ $locale.baseText('ndv.input') }}</span>
 					</template>
-					<n8n-option v-for="node of parentNodes" :value="node.name" :key="node.name" class="node-option" :label="`${truncate(node.name)} ${getMultipleNodesText(node.name)}`" data-test-id="ndv-input-option">
+					<n8n-option
+						v-for="node of parentNodes"
+						:value="node.name"
+						:key="node.name"
+						class="node-option"
+						:label="`${truncate(node.name)} ${getMultipleNodesText(node.name)}`"
+						data-test-id="ndv-input-option"
+					>
 						{{ truncate(node.name) }}&nbsp;
-						<span v-if="getMultipleNodesText(node.name)">{{ getMultipleNodesText(node.name) }}</span>
-						<span v-else>{{ $locale.baseText('ndv.input.nodeDistance', {adjustToNumber: node.depth}) }}</span>
+						<span v-if="getMultipleNodesText(node.name)">{{
+							getMultipleNodesText(node.name)
+						}}</span>
+						<span v-else>{{
+							$locale.baseText('ndv.input.nodeDistance', { adjustToNumber: node.depth })
+						}}</span>
 					</n8n-option>
 				</n8n-select>
 				<span v-else :class="$style.title">{{ $locale.baseText('ndv.input') }}</span>
@@ -40,12 +61,31 @@

 		<template #node-not-run>
 			<div :class="$style.noOutputData" v-if="parentNodes.length">
-				<n8n-text tag="div" :bold="true" color="text-dark" size="large">{{ $locale.baseText('ndv.input.noOutputData.title') }}</n8n-text>
-				<n8n-tooltip v-if="!readOnly" :manual="true" :value="showDraggableHint && showDraggableHintWithDelay">
+				<n8n-text tag="div" :bold="true" color="text-dark" size="large">{{
+					$locale.baseText('ndv.input.noOutputData.title')
+				}}</n8n-text>
+				<n8n-tooltip
+					v-if="!readOnly"
+					:manual="true"
+					:value="showDraggableHint && showDraggableHintWithDelay"
+				>
 					<template #content>
-						<div v-html="$locale.baseText('dataMapping.dragFromPreviousHint',  { interpolate: { name: focusedMappableInput } })"></div>
+						<div
+							v-html="
+								$locale.baseText('dataMapping.dragFromPreviousHint', {
+									interpolate: { name: focusedMappableInput },
+								})
+							"
+						></div>
 					</template>
-					<NodeExecuteButton type="secondary" :transparent="true" :nodeName="currentNodeName" :label="$locale.baseText('ndv.input.noOutputData.executePrevious')" @execute="onNodeExecute" telemetrySource="inputs" />
+					<NodeExecuteButton
+						type="secondary"
+						:transparent="true"
+						:nodeName="currentNodeName"
+						:label="$locale.baseText('ndv.input.noOutputData.executePrevious')"
+						@execute="onNodeExecute"
+						telemetrySource="inputs"
+					/>
 				</n8n-tooltip>
 				<n8n-text v-if="!readOnly" tag="div" size="small">
 					{{ $locale.baseText('ndv.input.noOutputData.hint') }}
@@ -55,18 +95,26 @@
 				<div>
 					<WireMeUp />
 				</div>
-				<n8n-text tag="div" :bold="true" color="text-dark" size="large">{{ $locale.baseText('ndv.input.notConnected.title') }}</n8n-text>
+				<n8n-text tag="div" :bold="true" color="text-dark" size="large">{{
+					$locale.baseText('ndv.input.notConnected.title')
+				}}</n8n-text>
 				<n8n-text tag="div">
 					{{ $locale.baseText('ndv.input.notConnected.message') }}
-					<a href="https://docs.n8n.io/workflows/connections/" target="_blank" @click="onConnectionHelpClick">
-						{{$locale.baseText('ndv.input.notConnected.learnMore')}}
+					<a
+						href="https://docs.n8n.io/workflows/connections/"
+						target="_blank"
+						@click="onConnectionHelpClick"
+					>
+						{{ $locale.baseText('ndv.input.notConnected.learnMore') }}
 					</a>
 				</n8n-text>
 			</div>
 		</template>

 		<template #no-output-data>
-			<n8n-text tag="div" :bold="true" color="text-dark" size="large">{{ $locale.baseText('ndv.input.noOutputData') }}</n8n-text>
+			<n8n-text tag="div" :bold="true" color="text-dark" size="large">{{
+				$locale.baseText('ndv.input.noOutputData')
+			}}</n8n-text>
 		</template>
 	</RunData>
 </template>
@@ -79,15 +127,20 @@ import { workflowHelpers } from '@/mixins/workflowHelpers';
 import mixins from 'vue-typed-mixins';
 import NodeExecuteButton from './NodeExecuteButton.vue';
 import WireMeUp from './WireMeUp.vue';
-import { CRON_NODE_TYPE, INTERVAL_NODE_TYPE, LOCAL_STORAGE_MAPPING_FLAG, MANUAL_TRIGGER_NODE_TYPE, SCHEDULE_TRIGGER_NODE_TYPE, START_NODE_TYPE } from '@/constants';
+import {
+	CRON_NODE_TYPE,
+	INTERVAL_NODE_TYPE,
+	LOCAL_STORAGE_MAPPING_FLAG,
+	MANUAL_TRIGGER_NODE_TYPE,
+	SCHEDULE_TRIGGER_NODE_TYPE,
+	START_NODE_TYPE,
+} from '@/constants';
 import { mapStores } from 'pinia';
 import { useWorkflowsStore } from '@/stores/workflows';
 import { useNDVStore } from '@/stores/ndv';
 import { useNodeTypesStore } from '@/stores/nodeTypes';

-export default mixins(
-	workflowHelpers,
-).extend({
+export default mixins(workflowHelpers).extend({
 	name: 'InputPanel',
 	components: { RunData, NodeExecuteButton, WireMeUp },
 	props: {
@@ -100,8 +153,7 @@ export default mixins(
 		linkedRuns: {
 			type: Boolean,
 		},
-		workflow: {
-		},
+		workflow: {},
 		canLinkRuns: {
 			type: Boolean,
 		},
@@ -123,11 +175,7 @@ export default mixins(
 		};
 	},
 	computed: {
-		...mapStores(
-			useNodeTypesStore,
-			useNDVStore,
-			useWorkflowsStore,
-		),
+		...mapStores(useNodeTypesStore, useNDVStore, useWorkflowsStore),
 		focusedMappableInput(): string {
 			return this.ndvStore.focusedMappableInput;
 		},
@@ -135,7 +183,12 @@ export default mixins(
 			return window.localStorage.getItem(LOCAL_STORAGE_MAPPING_FLAG) === 'true';
 		},
 		showDraggableHint(): boolean {
-			const toIgnore = [START_NODE_TYPE, MANUAL_TRIGGER_NODE_TYPE, CRON_NODE_TYPE, INTERVAL_NODE_TYPE];
+			const toIgnore = [
+				START_NODE_TYPE,
+				MANUAL_TRIGGER_NODE_TYPE,
+				CRON_NODE_TYPE,
+				INTERVAL_NODE_TYPE,
+			];
 			if (!this.currentNode || toIgnore.includes(this.currentNode.type)) {
 				return false;
 			}
@@ -148,69 +201,86 @@ export default mixins(
 			}
 			const triggeredNode = this.workflowsStore.executedNode;
 			const executingNode = this.workflowsStore.executingNode;
-			if (this.activeNode && triggeredNode === this.activeNode.name && this.activeNode.name !== executingNode) {
+			if (
+				this.activeNode &&
+				triggeredNode === this.activeNode.name &&
+				this.activeNode.name !== executingNode
+			) {
 				return true;
 			}

 			if (executingNode || triggeredNode) {
-				return !!this.parentNodes.find((node) => node.name === executingNode || node.name === triggeredNode);
+				return !!this.parentNodes.find(
+					(node) => node.name === executingNode || node.name === triggeredNode,
+				);
 			}
 			return false;
 		},
-		workflowRunning (): boolean {
+		workflowRunning(): boolean {
 			return this.uiStore.isActionActive('workflowRunning');
 		},
 		currentWorkflow(): Workflow {
 			return this.workflow as Workflow;
 		},
-		activeNode (): INodeUi | null {
+		activeNode(): INodeUi | null {
 			return this.ndvStore.activeNode;
 		},
-		currentNode (): INodeUi | null {
+		currentNode(): INodeUi | null {
 			return this.workflowsStore.getNodeByName(this.currentNodeName);
 		},
 		connectedCurrentNodeOutputs(): number[] | undefined {
-			const search = this.parentNodes.find(({name}) => name === this.currentNodeName);
+			const search = this.parentNodes.find(({ name }) => name === this.currentNodeName);
 			if (search) {
 				return search.indicies;
 			}
 			return undefined;
 		},
-		parentNodes (): IConnectedNode[] {
+		parentNodes(): IConnectedNode[] {
 			if (!this.activeNode) {
 				return [];
 			}
-			const nodes: IConnectedNode[] = (this.workflow as Workflow).getParentNodesByDepth(this.activeNode.name);
+			const nodes: IConnectedNode[] = (this.workflow as Workflow).getParentNodesByDepth(
+				this.activeNode.name,
+			);

-			return nodes.filter(({name}, i) => (this.activeNode && (name !== this.activeNode.name)) && nodes.findIndex((node) => node.name === name) === i);
+			return nodes.filter(
+				({ name }, i) =>
+					this.activeNode &&
+					name !== this.activeNode.name &&
+					nodes.findIndex((node) => node.name === name) === i,
+			);
 		},
-		currentNodeDepth (): number {
-			const node = this.parentNodes.find((node) => this.currentNode && node.name === this.currentNode.name);
-			return node ? node.depth: -1;
+		currentNodeDepth(): number {
+			const node = this.parentNodes.find(
+				(node) => this.currentNode && node.name === this.currentNode.name,
+			);
+			return node ? node.depth : -1;
 		},
-		activeNodeType () : INodeTypeDescription | null {
+		activeNodeType(): INodeTypeDescription | null {
 			if (!this.activeNode) return null;

 			return this.nodeTypesStore.getNodeType(this.activeNode.type, this.activeNode.typeVersion);
 		},
-		isMultiInputNode (): boolean {
+		isMultiInputNode(): boolean {
 			return this.activeNodeType !== null && this.activeNodeType.inputs.length > 1;
 		},
 	},
 	methods: {
-		getMultipleNodesText(nodeName?: string):string {
-			if(
+		getMultipleNodesText(nodeName?: string): string {
+			if (
 				!nodeName ||
 				!this.isMultiInputNode ||
 				!this.activeNode ||
 				this.activeNodeType === null ||
 				this.activeNodeType.inputNames === undefined
-			) return '';
+			)
+				return '';

-			const activeNodeConnections = this.currentWorkflow.connectionsByDestinationNode[this.activeNode.name].main || [];
+			const activeNodeConnections =
+				this.currentWorkflow.connectionsByDestinationNode[this.activeNode.name].main || [];
 			// Collect indexes of connected nodes
 			const connectedInputIndexes = activeNodeConnections.reduce((acc: number[], node, index) => {
-				if(node[0] && node[0].node === nodeName) return [...acc, index];
+				if (node[0] && node[0].node === nodeName) return [...acc, index];
 				return acc;
 			}, []);

@@ -222,7 +292,7 @@ export default mixins(
 					this.activeNodeType.inputNames[inputIndex],
 			);

-			if(connectedInputs.length === 0) return '';
+			if (connectedInputs.length === 0) return '';

 			return `(${connectedInputs.join(' & ')})`;
 		},
@@ -281,11 +351,12 @@ export default mixins(
 					if (this.showDraggableHintWithDelay) {
 						this.draggableHintShown = true;

-						this.$telemetry.track('User viewed data mapping tooltip', { type: 'unexecuted input pane' });
+						this.$telemetry.track('User viewed data mapping tooltip', {
+							type: 'unexecuted input pane',
+						});
 					}
 				}, 1000);
-			}
-			else if (!curr) {
+			} else if (!curr) {
 				this.showDraggableHintWithDelay = false;
 			}
 		},