mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-01-12 21:37:32 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(editor): improve expression and parameters performance (#3874)

Browse source 
* fix expr perf issue

* refactor a bit
This commit is contained in:
Mutasem Aldmour 2022-08-12 16:06:57 +02:00 committed by GitHub
parent 762b422488
commit 3608d132c0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 36 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/editor-ui/src/components/CodeEdit.vue
View file

@ -51,7 +51,7 @@ export default mixins(
let runIndex = 0;
const executedWorkflow: IExecutionResponse | null = this.$store.getters.getWorkflowExecution;
const workflow = this.getWorkflow();
const workflow = this.getCurrentWorkflow();
const activeNode: INodeUi | null = this.$store.getters.activeNode;
const parentNode = workflow.getParentNodes(activeNode!.name, inputName, 1);
const nodeConnection = workflow.getNodeConnectionIndexes(activeNode!.name, parentNode[0]) || {

2
packages/editor-ui/src/components/ExpressionInput.vue
View file

@ -56,7 +56,7 @@ export default mixins(
};
},
workflow (): Workflow {
return this.getWorkflow();
return this.getCurrentWorkflow();
},
},
watch: {

2
packages/editor-ui/src/components/Node.vue
View file

@ -385,7 +385,7 @@ export default mixins(
}
},
setSubtitle() {
const nodeSubtitle = this.getNodeSubtitle(this.data, this.nodeType, this.getWorkflow()) || '';
const nodeSubtitle = this.getNodeSubtitle(this.data, this.nodeType, this.getCurrentWorkflow()) || '';
this.nodeSubtitle = nodeSubtitle.includes(CUSTOM_API_CALL_KEY)
? ''

4
packages/editor-ui/src/components/NodeDetailsView.vue
View file

@ -224,7 +224,7 @@ export default mixins(
);
},
workflow(): Workflow {
return this.getWorkflow();
return this.getCurrentWorkflow();
},
parentNodes(): string[] {
if (this.activeNode) {
@ -344,7 +344,7 @@ export default mixins(
this.$store.commit('ui/setNDVSessionId');
this.$externalHooks().run('dataDisplay.nodeTypeChanged', {
nodeSubtitle: this.getNodeSubtitle(node, this.activeNodeType, this.getWorkflow()),
nodeSubtitle: this.getNodeSubtitle(node, this.activeNodeType, this.getCurrentWorkflow()),
});
setTimeout(() => {

2
packages/editor-ui/src/components/ParameterInput.vue
View file

@ -685,7 +685,7 @@ export default mixins(
return shortPath.join('.');
},
workflow (): Workflow {
return this.getWorkflow();
return this.getCurrentWorkflow();
},
},
methods: {

2
packages/editor-ui/src/components/VariableSelector.vue
View file

@ -75,7 +75,7 @@ export default mixins(
return this.getFilterResults(this.variableFilter.toLowerCase(), 0);
},
workflow (): Workflow {
return this.getWorkflow();
return this.getCurrentWorkflow();
},
},
methods: {

3
packages/editor-ui/src/components/mixins/pushConnection.ts
View file

@ -221,8 +221,7 @@ export const pushConnection = mixins(
const runDataExecutedErrorMessage = this.$getExecutionError(runDataExecuted.data.resultData.error);
// @ts-ignore
const workflow = this.getWorkflow();
const workflow = this.getCurrentWorkflow();
if (runDataExecuted.waitTill !== undefined) {
const {
activeExecutionId,

28
packages/editor-ui/src/components/mixins/workflowHelpers.ts
View file

@ -55,6 +55,9 @@ import { isEqual } from 'lodash';
import mixins from 'vue-typed-mixins';
import { v4 as uuid } from 'uuid';
let cachedWorkflowKey: string | null = '';
let cachedWorkflow: Workflow | null = null;
export const workflowHelpers = mixins(
externalHooks,
nodeHelpers,
@ -317,11 +320,20 @@ export const workflowHelpers = mixins(
return nodeTypes;
},
// Returns a workflow instance.
getWorkflow (nodes?: INodeUi[], connections?: IConnections, copyData?: boolean): Workflow {
nodes = nodes || this.getNodes();
connections = connections || (this.$store.getters.allConnections as IConnections);
getCurrentWorkflow(copyData?: boolean): Workflow {
const nodes = this.getNodes();
const connections = (this.$store.getters.allConnections as IConnections);
const cacheKey = JSON.stringify({nodes, connections});
if (cachedWorkflow && cacheKey === cachedWorkflowKey) {
return cachedWorkflow;
}
cachedWorkflowKey = cacheKey;
return this.getWorkflow(nodes, connections, copyData);
},
// Returns a workflow instance.
getWorkflow (nodes: INodeUi[], connections: IConnections, copyData?: boolean): Workflow {
const nodeTypes = this.getNodeTypes();
let workflowId = this.$store.getters.workflowId;
if (workflowId === PLACEHOLDER_EMPTY_WORKFLOW_ID) {
@ -330,7 +342,7 @@ export const workflowHelpers = mixins(
const workflowName = this.$store.getters.workflowName;
return new Workflow({
cachedWorkflow = new Workflow({
id: workflowId,
name: workflowName,
nodes: copyData ? JSON.parse(JSON.stringify(nodes)) : nodes,
@ -340,6 +352,8 @@ export const workflowHelpers = mixins(
settings: this.$store.getters.workflowSettings,
pinData: this.$store.getters.pinData,
});
return cachedWorkflow;
},
// Returns the currently loaded workflow as JSON.
@ -503,7 +517,7 @@ export const workflowHelpers = mixins(
const itemIndex = 0;
const inputName = 'main';
const activeNode = this.$store.getters.activeNode;
const workflow = this.getWorkflow();
const workflow = this.getCurrentWorkflow();
const parentNode = workflow.getParentNodes(activeNode.name, inputName, 1);
const executionData = this.$store.getters.getWorkflowExecution as IExecutionResponse | null;
@ -584,7 +598,7 @@ export const workflowHelpers = mixins(
const returnData = this.resolveParameter(parameters) as IDataObject;
if (typeof returnData['__xxxxxxx__'] === 'object') {
const workflow = this.getWorkflow();
const workflow = this.getCurrentWorkflow();
return workflow.expression.convertObjectValueToString(returnData['__xxxxxxx__'] as object);
}
return returnData['__xxxxxxx__'];

2
packages/editor-ui/src/components/mixins/workflowRun.ts
View file

@ -60,7 +60,7 @@ export const workflowRun = mixins(
return response;
},
async runWorkflow (nodeName?: string, source?: string): Promise<IExecutionPushResponse | undefined> {
const workflow = this.getWorkflow();
const workflow = this.getCurrentWorkflow();
if (this.$store.getters.isActionActive('workflowRunning') === true) {
return;

12
packages/editor-ui/src/views/NodeView.vue
View file

@ -927,7 +927,7 @@ export default mixins(
return;
}
const workflow = this.getWorkflow();
const workflow = this.getCurrentWorkflow();
if (!workflow.connectionsByDestinationNode.hasOwnProperty(lastSelectedNode.name)) {
return;
@ -949,7 +949,7 @@ export default mixins(
return;
}
const workflow = this.getWorkflow();
const workflow = this.getCurrentWorkflow();
if (!workflow.connectionsByDestinationNode.hasOwnProperty(lastSelectedNode.name)) {
return;
@ -1036,7 +1036,7 @@ export default mixins(
this.deselectAllNodes();
// Get all upstream nodes and select them
const workflow = this.getWorkflow();
const workflow = this.getCurrentWorkflow();
for (const nodeName of workflow.getParentNodes(lastSelectedNode.name)) {
this.nodeSelectedByName(nodeName);
}
@ -1053,7 +1053,7 @@ export default mixins(
this.deselectAllNodes();
// Get all downstream nodes and select them
const workflow = this.getWorkflow();
const workflow = this.getCurrentWorkflow();
for (const nodeName of workflow.getChildNodes(lastSelectedNode.name)) {
this.nodeSelectedByName(nodeName);
}
@ -1064,7 +1064,7 @@ export default mixins(
pushDownstreamNodes (sourceNodeName: string, margin: number) {
const sourceNode = this.$store.getters.nodesByName[sourceNodeName];
const workflow = this.getWorkflow();
const workflow = this.getCurrentWorkflow();
const childNodes = workflow.getChildNodes(sourceNodeName);
for (const nodeName of childNodes) {
const node = this.$store.getters.nodesByName[nodeName] as INodeUi;
@ -2586,7 +2586,7 @@ export default mixins(
});
// Rename the node and update the connections
const workflow = this.getWorkflow(undefined, undefined, true);
const workflow = this.getCurrentWorkflow(true);
workflow.renameNode(currentName, newName);
// Update also last selected node and exeuction data