mirror of
https://github.com/n8n-io/n8n.git
synced 2025-03-05 20:50:17 -08:00
* feat: Design system color improvements and button component redesign. * feat: Added button focus state and unit tests. * refactor: Aligned n8n-button usage inside of editor-ui. * test: Updated snapshots. * refactor: Extracted focus outline width into scss variable. * fix: Fixed select input border-radius. * refactor: Removed element-ui references in button. * fix: Fixed scss variable imports. * feat: Added color-neutral variable story. * fix: Fixed color-secondary variable definition. * feat: Added color-white story. * test: Updated button snapshot. * feat: Replaced zoom buttons with new n8n-icon-button. * feat: Added stories for float utilities. * chore: Updated color shades generation code for later use. * chore: Removed color-white code. * chore: Updated story properties for button components. * fix: Added el-button fallback for places where el-button is not replaceable (messagebox). * feat: Reverted to css modules. Replaced el-button with n8n-button at application level. * test: Updated button snapshot. * fix: Fixed element-ui locally referenced buttons (via components: {}). * fix: Updated colors. Removed irrelevant validation. Added ElButton override component. * test: Updated button override snapshot. * fix: Various button adjustments and fixes. * fix: Updated button disabled state. * test: Updated snapshots. * fix: Consolidated css variables changes. * Data pinning (#3512) * refactor: Aligned n8n-button usage inside of editor-ui. * feat: Added edit data button on json hover. * feat: Extracted code editor into separate form component. * feat: Added edit data button on json hover. * feat: Added pinData and edit mode methods. * 🔥 Remove conflict markers * ✏️ Update i18n keys * ⚡ Add JSON validation * 🗃️ Add `pinData` column to `workflow_entity` * 📘 Tighten type * ⚡ Make `pinData` column nullable * ⚡ Adjust workflow endpoints for pin data * 📘 Improve types * ✏️ Improve wording * Inject pindata into items flow (#3420) * ⚡ Inject pin data - Second approach * 🔥 Remove unneeded lint exception * feat: Added edit data button on json hover. * feat: Extracted code editor into separate form component. * feat: Added edit data button on json hover. * fix: Fixed rebase conflicts. * ⏪ Undo button change * 🐛 Fix runNode call Adjust per update inbdb84130d6
* 🧪 Fix workflow tests * 🐛 More merge conflict fixes * feat: Added pin/unpin button and store mutations. * feat: Size check. Various design and ux improvements. * ⚡ Add transformer * ⚡ Hoist pin data * ⚡ Adjust endpoints for hoisted pin data * 📘 Expand interface * 🐛 Fix stray array * 👕 Fix build * 👕 Add lint exception * 👕 Fix header * 🎨 Add color secondary tints * ✨ Create `HeaderMessage` component * ⚡ Adjust `InfoTip` component * ✨ Add `HeaderMessage` to `RunData` * 🐛 Fix console error * 👕 Fix lint * ⚡ Consolidate `HeaderMessage` and `Callout` * ⏪ Undo `InfoTip` changes * 🔥 Remove duplicate icons * ⚡ Simplify template * 🎨 Change cursor for action text * 👕 Fix lint * ⚡ Add URL * 🐛 Fix handler name * ⚡ Use constant * ♻️ Refactor per feedback * fix: Various fixes after data pinning relocation. * fix: Added store mutation for setting pinned data. * feat: Added pinned state for workflow canvas node. * fix: Fixed workflow saving. * fix: Removed pinData hoisting (no longer necessary). * feat: Added canPinData flag to hide for input pane and binary data. Fixed unpin and execute flow. * ⚡ Fixes for canvas pin data (#3587) * ⚡ Fixes for canvas pin data * 📘 Rename type * 🧪 Fix unrelated Public API test * 🔥 Remove logging * feat: Updated pinData mixin to no longer include extra fields. * ⚡ Output same pindata for every run * 🎨 Fix cropping * 🔥 Remove unrelated logging * feat: Moved edit button next to pin button. * feat: Changed data to be inserted for empty state. * chore: Changed invalid editor output translation. * feat: Added error line reporting on JSON Validation. * feat: Migrated pinData edit mode to store. * chore: Merged duplicate node border color condition. * feat: Moved pin data validation to mixin. Added check before closing ndv modal. * fix: Changed pinned data size calculation to discard active node pin data. * feat: Added support for rename and delete node with pin data. * feat: Simplified editing state. Fixed edit mode in input panel after store migration. * feat: Various data pinning improvements. * fix: Fixed callout link underline. * refactor: Added support for both string and objects for data size check. * feat: Added disabled node check for input panel. Fixed monaco editor resizing. * fix: Fixed edit mode footer size. * ⚡ Fix pindata items per run * 👕 Remove unneeded exception * refactor: Added isValidPinData() helper method. * refactor: Changed how string size in bytes in calculated.g * refactor: Updated pinData mixin interface. * refactor: Merged filter and reduce in pinDataSize calculation. * fix: Changed code-editor to correct type. * fix: Added insert test data message to trigger nodes. * feat: Disabled data pinning for multiple output nodes. * refactor: Updated ndv.input.disabled translation to include node name. * refactor: Aligned n8n-button usage inside of editor-ui. * feat: Added edit data button on json hover. * feat: Extracted code editor into separate form component. * feat: Added edit data button on json hover. * feat: Added pinData and edit mode methods. * 🔥 Remove conflict markers * ✏️ Update i18n keys * ⚡ Add JSON validation * 🗃️ Add `pinData` column to `workflow_entity` * 📘 Tighten type * ⚡ Make `pinData` column nullable * ⚡ Adjust workflow endpoints for pin data * 📘 Improve types * ✏️ Improve wording * Inject pindata into items flow (#3420) * ⚡ Inject pin data - Second approach * 🔥 Remove unneeded lint exception * feat: Added edit data button on json hover. * feat: Extracted code editor into separate form component. * feat: Added edit data button on json hover. * fix: Fixed rebase conflicts. * ⏪ Undo button change * 🐛 Fix runNode call Adjust per update inbdb84130d6
* 🧪 Fix workflow tests * 🐛 More merge conflict fixes * feat: Added pin/unpin button and store mutations. * feat: Size check. Various design and ux improvements. * ⚡ Add transformer * ⚡ Hoist pin data * ⚡ Adjust endpoints for hoisted pin data * 📘 Expand interface * 🐛 Fix stray array * 👕 Fix build * 🎨 Add color secondary tints * ✨ Create `HeaderMessage` component * ⚡ Adjust `InfoTip` component * ✨ Add `HeaderMessage` to `RunData` * 🐛 Fix console error * 👕 Fix lint * ⚡ Consolidate `HeaderMessage` and `Callout` * ⏪ Undo `InfoTip` changes * 🔥 Remove duplicate icons * ⚡ Simplify template * 🎨 Change cursor for action text * 👕 Fix lint * ⚡ Add URL * 🐛 Fix handler name * ⚡ Use constant * ♻️ Refactor per feedback * fix: Various fixes after data pinning relocation. * fix: Added store mutation for setting pinned data. * feat: Added pinned state for workflow canvas node. * ⚡ Fixes for canvas pin data (#3587) * ⚡ Fixes for canvas pin data * 📘 Rename type * 🧪 Fix unrelated Public API test * 🔥 Remove logging * feat: Updated pinData mixin to no longer include extra fields. * fix: Removed pinData hoisting (no longer necessary). * chore: Merged duplicate node border color condition. * ⚡ Output same pindata for every run * 🎨 Fix cropping * 🐛 Fix excess closing template tag * fix: Removed rogue template tag after merge. * fix: Fixed code-editor resizing when moving ndv panel. * feat: Added node duplication pin data. * ⚡ Implement telemetry * ♻️ Add clarifications from call * fix: Fixed run data header height. * feat: Removed border from pin data callout. * feat: Added line-break before 'or insert pin data'. * feat: Changed enterEditMode to always insert test data if there's no execution data. * feat: Removed copy output tooltip. * feat: Removed unpin tooltip. * fix: Removed thumbtack icon rotation. * fix: Removed run info from Edit Output title. * feat: Hid edit and pin buttons when editing. * feat: Updated monaco code-editor padding and borders. * feat: Progress on pinData error message format * feat: Updated copy feature to work without any selected value. * feat: Moved save and cancel buttons. Cleared notifications on save. * feat: Changed pin data beforeClosing confirm text. * feat: Closing ndv when discarding or saving pindata on close. * feat: Added split in batches node to pin data denylist. * fix: Added missing margin-bottom to webhook node. * feat: Moved thumbtack icon to the right, replacing the checkmark. * fix: Hid pagination while editing. * feat: Added pin data discovery flow. * feat: Changed pin data discovery flow to avoid tooltip glitching. * fix: Changed copy selection to copy all input data. * feat: Updated pin data validation error message for unexpected single quotes. * fix: Replaced :manual='true' prop with manual shorthand. * fix: Removed unused variable. * chore: Renamed translation key to node.discovery.pinData. * refactor: Extracted isPinDataNodeType to pinData mixin. * fix: Updated watch condition to improve performance. * refactor: Renamed some pin data variables and methods as per review. * fix: Added partial translation for JSON.parse pin data error messages. * chore: Temporarily disabled failing unit test. * 🧪 Fix data pinning workflow retrieval test * 🔥 Remove unused imports * 🔥 Remove leftover line * ⚡ Skip pindata node issues on BE * ⚡ Skip pindata node issues on FE * ⚡ Hide `RunInfo` for pindata node * ⚡ Hide purple banner in edit output mode * feat: Updated data pinning discoverability flow. * fix: Fixed paginated data pinning. * fix: Disabled pin data in read only mode. * 🐛 Fix runtime error with non-array * fix: Loading pin data when opening execution. * ⚡ Adjust stale data warning for pinned data * ⚡ Skip auth in endpoint * ⚡ Mark start node for pinned trigger * ✏️ Comment on passthrough * 🔥 Remove comment * Final pindata metrics changes (#3673) * 🐛 Fix `pinData` tracked as `0` * ⚡ Add `is_pinned` to `nodesGraph` * 📘 Extend `IWorkflowBase` * ⚡ Handle `pinData` being `undefined` * ⚡ Add `data_pinning_tooltip_presented` * ♻️ Refactor to remove circular dependency * fix: Added pin data handling when importing workflow. (#3698) * 🔥 Remove helper from WorkflowExecute * ⚡ Add logic for single pinned trigger * 👕 Remove lint exception * fix: Added pin data handling in importWorkflowExact. * N8N-4077 data pinning discoverability part 2 (#3701) * fix: Fixed pin data discovery tooltip position when moving canvas. * feat: Updated data pinning discovery tooltip copy. * Fix data pinning build (#3702) * ⚡ Disable edit button for disabled node * ⚡ Ensure disabled pinned nodes are passthrough * 🐛 Fix JSON key unfurling in edit mode * ⚡ Improve implementation * 🐛 Fix console error * fix: Fixed copying pinned output data. (#3715) * Fix pinning for webhook responding with output from last node (#3719) * fix: Fixed entering edit mode after refresh. * fix: Fixed type error during build. * fix: RunData import formatting. * chore: Updated pin data types. * fix: Added missing type to stringSizeInBytes. Co-authored-by: Iván Ovejero <ivov.src@gmail.com> * fix: Showing pin data without executing the node only in output pane. * fix: Updated no data message when previous node not executed. * feat: Added expression input and evaluation for pin data nodes without execution. * chore: Fixed linting issues and removed remnant console.log(). * chore: Undone package-lock changes. * fix: Removed pin data store changes. * fix: Created a new object using vuex runExecutionData. * fix: Fixed bug appearing when adding a new node after executing. * fix: Fix editor-ui build * feat: Added green node connectors when having pin data output. * chore: Fixed linting errors. * fix: Added pin data eventBus unsubscribe. * fix: Added pin data color check after adding a connection. * 🎨 Add pindata styles Co-authored-by: Iván Ovejero <ivov.src@gmail.com>
803 lines
25 KiB
TypeScript
803 lines
25 KiB
TypeScript
import {
|
|
ERROR_TRIGGER_NODE_TYPE,
|
|
PLACEHOLDER_FILLED_AT_EXECUTION_TIME,
|
|
PLACEHOLDER_EMPTY_WORKFLOW_ID,
|
|
START_NODE_TYPE,
|
|
WEBHOOK_NODE_TYPE,
|
|
VIEWS,
|
|
} from '@/constants';
|
|
|
|
import {
|
|
IConnections,
|
|
IDataObject,
|
|
INode,
|
|
INodeExecutionData,
|
|
INodeIssues,
|
|
INodeParameters,
|
|
NodeParameterValue,
|
|
INodeCredentials,
|
|
INodeType,
|
|
INodeTypes,
|
|
INodeTypeData,
|
|
INodeTypeDescription,
|
|
INodeVersionedType,
|
|
IRunData,
|
|
IRunExecutionData,
|
|
IWorfklowIssues,
|
|
IWorkflowDataProxyAdditionalKeys,
|
|
Workflow,
|
|
NodeHelpers,
|
|
IExecuteData,
|
|
INodeConnection,
|
|
IWebhookDescription,
|
|
PinData,
|
|
} from 'n8n-workflow';
|
|
|
|
import {
|
|
IExecutionResponse,
|
|
INodeTypesMaxCount,
|
|
INodeUi,
|
|
IWorkflowData,
|
|
IWorkflowDb,
|
|
IWorkflowDataUpdate,
|
|
XYPosition,
|
|
ITag,
|
|
IUpdateInformation,
|
|
} from '../../Interface';
|
|
|
|
import { externalHooks } from '@/components/mixins/externalHooks';
|
|
import { restApi } from '@/components/mixins/restApi';
|
|
import { nodeHelpers } from '@/components/mixins/nodeHelpers';
|
|
import { showMessage } from '@/components/mixins/showMessage';
|
|
|
|
import { isEqual } from 'lodash';
|
|
|
|
import mixins from 'vue-typed-mixins';
|
|
import { v4 as uuidv4 } from 'uuid';
|
|
|
|
export const workflowHelpers = mixins(
|
|
externalHooks,
|
|
nodeHelpers,
|
|
restApi,
|
|
showMessage,
|
|
)
|
|
.extend({
|
|
methods: {
|
|
executeData(parentNode: string[], currentNode: string, inputName: string, runIndex: number): IExecuteData {
|
|
const executeData = {
|
|
node: {},
|
|
data: {},
|
|
source: null,
|
|
} as IExecuteData;
|
|
|
|
if (parentNode.length) {
|
|
// Add the input data to be able to also resolve the short expression format
|
|
// which does not use the node name
|
|
const parentNodeName = parentNode[0];
|
|
|
|
const workflowRunData = this.$store.getters.getWorkflowRunData as IRunData | null;
|
|
if (workflowRunData === null) {
|
|
return executeData;
|
|
}
|
|
|
|
if (!workflowRunData[parentNodeName] ||
|
|
workflowRunData[parentNodeName].length <= runIndex ||
|
|
!workflowRunData[parentNodeName][runIndex].hasOwnProperty('data') ||
|
|
workflowRunData[parentNodeName][runIndex].data === undefined ||
|
|
!workflowRunData[parentNodeName][runIndex].data!.hasOwnProperty(inputName)
|
|
) {
|
|
executeData.data = {};
|
|
} else {
|
|
executeData.data = workflowRunData[parentNodeName][runIndex].data!;
|
|
if (workflowRunData[currentNode] && workflowRunData[currentNode][runIndex]) {
|
|
executeData.source = {
|
|
[inputName]: workflowRunData[currentNode][runIndex].source!,
|
|
};
|
|
} else {
|
|
// The curent node did not get executed in UI yet so build data manually
|
|
executeData.source = {
|
|
[inputName]: [
|
|
{
|
|
previousNode: parentNodeName,
|
|
},
|
|
],
|
|
};
|
|
}
|
|
}
|
|
}
|
|
|
|
return executeData;
|
|
},
|
|
// Returns connectionInputData to be able to execute an expression.
|
|
connectionInputData (parentNode: string[], currentNode: string, inputName: string, runIndex: number, nodeConnection: INodeConnection = { sourceIndex: 0, destinationIndex: 0 }): INodeExecutionData[] | null {
|
|
let connectionInputData: INodeExecutionData[] | null = null;
|
|
const executeData = this.executeData(parentNode, currentNode, inputName, runIndex);
|
|
if (parentNode.length) {
|
|
if (!Object.keys(executeData.data).length || executeData.data[inputName].length <= nodeConnection.sourceIndex) {
|
|
connectionInputData = [];
|
|
} else {
|
|
connectionInputData = executeData.data![inputName][nodeConnection.sourceIndex];
|
|
|
|
if (connectionInputData !== null) {
|
|
// Update the pairedItem information on items
|
|
connectionInputData = connectionInputData.map((item, itemIndex) => {
|
|
return {
|
|
...item,
|
|
pairedItem: {
|
|
item: itemIndex,
|
|
input: nodeConnection.destinationIndex,
|
|
},
|
|
};
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
const parentPinData = parentNode.reduce((acc: INodeExecutionData[], parentNodeName, index) => {
|
|
const pinData = this.$store.getters['pinDataByNodeName'](parentNodeName);
|
|
|
|
if (pinData) {
|
|
acc.push({
|
|
json: pinData[0],
|
|
pairedItem: {
|
|
item: index,
|
|
input: 1,
|
|
},
|
|
});
|
|
}
|
|
|
|
return acc;
|
|
}, []);
|
|
|
|
if (parentPinData.length > 0) {
|
|
if (connectionInputData && connectionInputData.length > 0) {
|
|
parentPinData.forEach((parentPinDataEntry) => {
|
|
connectionInputData![0].json = {
|
|
...connectionInputData![0].json,
|
|
...parentPinDataEntry.json,
|
|
};
|
|
});
|
|
} else {
|
|
connectionInputData = parentPinData;
|
|
}
|
|
}
|
|
|
|
return connectionInputData;
|
|
},
|
|
|
|
// Returns a shallow copy of the nodes which means that all the data on the lower
|
|
// levels still only gets referenced but the top level object is a different one.
|
|
// This has the advantage that it is very fast and does not cause problems with vuex
|
|
// when the workflow replaces the node-parameters.
|
|
getNodes (): INodeUi[] {
|
|
const nodes = this.$store.getters.allNodes;
|
|
const returnNodes: INodeUi[] = [];
|
|
|
|
for (const node of nodes) {
|
|
returnNodes.push(Object.assign({}, node));
|
|
}
|
|
|
|
return returnNodes;
|
|
},
|
|
|
|
// Returns data about nodeTypes which ahve a "maxNodes" limit set.
|
|
// For each such type does it return how high the limit is, how many
|
|
// already exist and the name of this nodes.
|
|
getNodeTypesMaxCount (): INodeTypesMaxCount {
|
|
const nodes = this.$store.getters.allNodes;
|
|
|
|
const returnData: INodeTypesMaxCount = {};
|
|
|
|
const nodeTypes = this.$store.getters.allNodeTypes;
|
|
for (const nodeType of nodeTypes) {
|
|
if (nodeType.maxNodes !== undefined) {
|
|
returnData[nodeType.name] = {
|
|
exist: 0,
|
|
max: nodeType.maxNodes,
|
|
nodeNames: [],
|
|
};
|
|
}
|
|
}
|
|
|
|
for (const node of nodes) {
|
|
if (returnData[node.type] !== undefined) {
|
|
returnData[node.type].exist += 1;
|
|
returnData[node.type].nodeNames.push(node.name);
|
|
}
|
|
}
|
|
|
|
return returnData;
|
|
},
|
|
|
|
// Returns how many nodes of the given type currently exist
|
|
getNodeTypeCount (nodeType: string): number {
|
|
const nodes = this.$store.getters.allNodes;
|
|
|
|
let count = 0;
|
|
|
|
for (const node of nodes) {
|
|
if (node.type === nodeType) {
|
|
count++;
|
|
}
|
|
}
|
|
|
|
return count;
|
|
},
|
|
|
|
// Checks if everything in the workflow is complete and ready to be executed
|
|
checkReadyForExecution (workflow: Workflow, lastNodeName?: string) {
|
|
let node: INode;
|
|
let nodeType: INodeType | undefined;
|
|
let nodeIssues: INodeIssues | null = null;
|
|
const workflowIssues: IWorfklowIssues = {};
|
|
|
|
let checkNodes = Object.keys(workflow.nodes);
|
|
if (lastNodeName) {
|
|
checkNodes = workflow.getParentNodes(lastNodeName);
|
|
checkNodes.push(lastNodeName);
|
|
} else {
|
|
// As webhook nodes always take presidence check first
|
|
// if there are any
|
|
let checkWebhook: string[] = [];
|
|
for (const nodeName of Object.keys(workflow.nodes)) {
|
|
if (workflow.nodes[nodeName].disabled !== true && workflow.nodes[nodeName].type === WEBHOOK_NODE_TYPE) {
|
|
checkWebhook = [nodeName, ...checkWebhook, ...workflow.getChildNodes(nodeName)];
|
|
}
|
|
}
|
|
|
|
if (checkWebhook.length) {
|
|
checkNodes = checkWebhook;
|
|
} else {
|
|
// If no webhook nodes got found try to find another trigger node
|
|
const startNode = workflow.getStartNode();
|
|
if (startNode !== undefined) {
|
|
checkNodes = workflow.getChildNodes(startNode.name);
|
|
checkNodes.push(startNode.name);
|
|
}
|
|
}
|
|
}
|
|
|
|
for (const nodeName of checkNodes) {
|
|
nodeIssues = null;
|
|
node = workflow.nodes[nodeName];
|
|
|
|
if (node.disabled === true) {
|
|
// Ignore issues on disabled nodes
|
|
continue;
|
|
}
|
|
|
|
nodeType = workflow.nodeTypes.getByNameAndVersion(node.type, node.typeVersion);
|
|
|
|
if (nodeType === undefined) {
|
|
// Node type is not known
|
|
nodeIssues = {
|
|
typeUnknown: true,
|
|
};
|
|
} else {
|
|
nodeIssues = this.getNodeIssues(nodeType.description, node, ['execution']);
|
|
}
|
|
|
|
if (nodeIssues !== null) {
|
|
workflowIssues[node.name] = nodeIssues;
|
|
}
|
|
}
|
|
|
|
if (Object.keys(workflowIssues).length === 0) {
|
|
return null;
|
|
}
|
|
|
|
return workflowIssues;
|
|
},
|
|
|
|
getNodeTypes (): INodeTypes {
|
|
const nodeTypes: INodeTypes = {
|
|
nodeTypes: {},
|
|
init: async (nodeTypes?: INodeTypeData): Promise<void> => { },
|
|
getAll: (): Array<INodeType | INodeVersionedType> => {
|
|
// Does not get used in Workflow so no need to return it
|
|
return [];
|
|
},
|
|
getByNameAndVersion: (nodeType: string, version?: number): INodeType | undefined => {
|
|
const nodeTypeDescription = this.$store.getters.nodeType(nodeType, version) as INodeTypeDescription | null;
|
|
|
|
if (nodeTypeDescription === null) {
|
|
return undefined;
|
|
}
|
|
|
|
return {
|
|
description: nodeTypeDescription,
|
|
// As we do not have the trigger/poll functions available in the frontend
|
|
// we use the information available to figure out what are trigger nodes
|
|
// @ts-ignore
|
|
trigger: ![ERROR_TRIGGER_NODE_TYPE, START_NODE_TYPE].includes(nodeType) && nodeTypeDescription.inputs.length === 0 && !nodeTypeDescription.webhooks || undefined,
|
|
};
|
|
},
|
|
};
|
|
|
|
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);
|
|
|
|
const nodeTypes = this.getNodeTypes();
|
|
let workflowId = this.$store.getters.workflowId;
|
|
if (workflowId === PLACEHOLDER_EMPTY_WORKFLOW_ID) {
|
|
workflowId = undefined;
|
|
}
|
|
|
|
const workflowName = this.$store.getters.workflowName;
|
|
|
|
if (copyData === true) {
|
|
return new Workflow({ id: workflowId, name: workflowName, nodes: JSON.parse(JSON.stringify(nodes)), connections: JSON.parse(JSON.stringify(connections)), active: false, nodeTypes, settings: this.$store.getters.workflowSettings});
|
|
} else {
|
|
return new Workflow({ id: workflowId, name: workflowName, nodes, connections, active: false, nodeTypes, settings: this.$store.getters.workflowSettings});
|
|
}
|
|
},
|
|
|
|
// Returns the currently loaded workflow as JSON.
|
|
getWorkflowDataToSave (): Promise<IWorkflowData> {
|
|
const workflowNodes = this.$store.getters.allNodes;
|
|
const workflowConnections = this.$store.getters.allConnections;
|
|
|
|
let nodeData;
|
|
|
|
const nodes = [];
|
|
for (let nodeIndex = 0; nodeIndex < workflowNodes.length; nodeIndex++) {
|
|
try {
|
|
// @ts-ignore
|
|
nodeData = this.getNodeDataToSave(workflowNodes[nodeIndex]);
|
|
} catch (e) {
|
|
return Promise.reject(e);
|
|
}
|
|
|
|
nodes.push(nodeData);
|
|
}
|
|
|
|
const data: IWorkflowData = {
|
|
name: this.$store.getters.workflowName,
|
|
nodes,
|
|
pinData: this.$store.getters.pinData,
|
|
connections: workflowConnections,
|
|
active: this.$store.getters.isActive,
|
|
settings: this.$store.getters.workflowSettings,
|
|
tags: this.$store.getters.workflowTags,
|
|
};
|
|
|
|
const workflowId = this.$store.getters.workflowId;
|
|
if (workflowId !== PLACEHOLDER_EMPTY_WORKFLOW_ID) {
|
|
data.id = workflowId;
|
|
}
|
|
|
|
return Promise.resolve(data);
|
|
},
|
|
|
|
// Returns all node-types
|
|
getNodeDataToSave (node: INodeUi): INodeUi {
|
|
const skipKeys = [
|
|
'color',
|
|
'continueOnFail',
|
|
'credentials',
|
|
'disabled',
|
|
'issues',
|
|
'notes',
|
|
'parameters',
|
|
'status',
|
|
];
|
|
|
|
// @ts-ignore
|
|
const nodeData: INodeUi = {
|
|
parameters: {},
|
|
};
|
|
|
|
for (const key in node) {
|
|
if (key.charAt(0) !== '_' && skipKeys.indexOf(key) === -1) {
|
|
// @ts-ignore
|
|
nodeData[key] = node[key];
|
|
}
|
|
}
|
|
|
|
// Get the data of the node type that we can get the default values
|
|
// TODO: Later also has to care about the node-type-version as defaults could be different
|
|
const nodeType = this.$store.getters.nodeType(node.type, node.typeVersion) as INodeTypeDescription | null;
|
|
|
|
if (nodeType !== null) {
|
|
// Node-Type is known so we can save the parameters correctly
|
|
|
|
const nodeParameters = NodeHelpers.getNodeParameters(nodeType.properties, node.parameters, false, false, node);
|
|
nodeData.parameters = nodeParameters !== null ? nodeParameters : {};
|
|
|
|
// Add the node credentials if there are some set and if they should be displayed
|
|
if (node.credentials !== undefined && nodeType.credentials !== undefined) {
|
|
const saveCredenetials: INodeCredentials = {};
|
|
for (const nodeCredentialTypeName of Object.keys(node.credentials)) {
|
|
if (this.hasProxyAuth(node) || Object.keys(node.parameters).includes('genericAuthType')) {
|
|
saveCredenetials[nodeCredentialTypeName] = node.credentials[nodeCredentialTypeName];
|
|
continue;
|
|
}
|
|
|
|
const credentialTypeDescription = nodeType.credentials
|
|
// filter out credentials with same name in different node versions
|
|
.filter((c) => this.displayParameter(node.parameters, c, '', node))
|
|
.find((c) => c.name === nodeCredentialTypeName);
|
|
|
|
if (credentialTypeDescription === undefined) {
|
|
// Credential type is not know so do not save
|
|
continue;
|
|
}
|
|
|
|
if (this.displayParameter(node.parameters, credentialTypeDescription, '', node) === false) {
|
|
// Credential should not be displayed so do also not save
|
|
continue;
|
|
}
|
|
|
|
saveCredenetials[nodeCredentialTypeName] = node.credentials[nodeCredentialTypeName];
|
|
}
|
|
|
|
// Set credential property only if it has content
|
|
if (Object.keys(saveCredenetials).length !== 0) {
|
|
nodeData.credentials = saveCredenetials;
|
|
}
|
|
}
|
|
} else {
|
|
// Node-Type is not known so save the data as it is
|
|
nodeData.credentials = node.credentials;
|
|
nodeData.parameters = node.parameters;
|
|
if (nodeData.color !== undefined) {
|
|
nodeData.color = node.color;
|
|
}
|
|
}
|
|
|
|
// Save the disabled property and continueOnFail only when is set
|
|
if (node.disabled === true) {
|
|
nodeData.disabled = true;
|
|
}
|
|
if (node.continueOnFail === true) {
|
|
nodeData.continueOnFail = true;
|
|
}
|
|
|
|
// Save the notes only if when they contain data
|
|
if (![undefined, ''].includes(node.notes)) {
|
|
nodeData.notes = node.notes;
|
|
}
|
|
|
|
return nodeData;
|
|
},
|
|
|
|
getWebhookExpressionValue (webhookData: IWebhookDescription, key: string): string {
|
|
if (webhookData[key] === undefined) {
|
|
return 'empty';
|
|
}
|
|
try {
|
|
return this.resolveExpression(webhookData[key] as string) as string;
|
|
} catch (e) {
|
|
return this.$locale.baseText('nodeWebhooks.invalidExpression');
|
|
}
|
|
},
|
|
|
|
getWebhookUrl (webhookData: IWebhookDescription, node: INode, showUrlFor?: string): string {
|
|
if (webhookData.restartWebhook === true) {
|
|
return '$resumeWebhookUrl';
|
|
}
|
|
let baseUrl = this.$store.getters.getWebhookUrl;
|
|
if (showUrlFor === 'test') {
|
|
baseUrl = this.$store.getters.getWebhookTestUrl;
|
|
}
|
|
|
|
const workflowId = this.$store.getters.workflowId;
|
|
const path = this.getWebhookExpressionValue(webhookData, 'path');
|
|
const isFullPath = this.getWebhookExpressionValue(webhookData, 'isFullPath') as unknown as boolean || false;
|
|
|
|
return NodeHelpers.getNodeWebhookUrl(baseUrl, workflowId, node, path, isFullPath);
|
|
},
|
|
|
|
|
|
resolveParameter(parameter: NodeParameterValue | INodeParameters | NodeParameterValue[] | INodeParameters[]) {
|
|
const itemIndex = 0;
|
|
const inputName = 'main';
|
|
const activeNode = this.$store.getters.activeNode;
|
|
const workflow = this.getWorkflow();
|
|
const parentNode = workflow.getParentNodes(activeNode.name, inputName, 1);
|
|
const executionData = this.$store.getters.getWorkflowExecution as IExecutionResponse | null;
|
|
|
|
const workflowRunData = this.$store.getters.getWorkflowRunData as IRunData | null;
|
|
let runIndexParent = 0;
|
|
if (workflowRunData !== null && parentNode.length) {
|
|
const firstParentWithWorkflowRunData = parentNode.find((parentNodeName) => workflowRunData[parentNodeName]);
|
|
if (firstParentWithWorkflowRunData) {
|
|
runIndexParent = workflowRunData[firstParentWithWorkflowRunData].length - 1;
|
|
}
|
|
}
|
|
|
|
const nodeConnection = workflow.getNodeConnectionIndexes(activeNode!.name, parentNode[0]);
|
|
let connectionInputData = this.connectionInputData(parentNode, activeNode.name, inputName, runIndexParent, nodeConnection);
|
|
|
|
let runExecutionData: IRunExecutionData;
|
|
if (executionData === null) {
|
|
runExecutionData = {
|
|
resultData: {
|
|
runData: {},
|
|
},
|
|
};
|
|
} else {
|
|
runExecutionData = executionData.data;
|
|
}
|
|
|
|
parentNode.forEach((parentNodeName) => {
|
|
const pinData: PinData[string] = this.$store.getters['pinDataByNodeName'](parentNodeName);
|
|
|
|
if (pinData) {
|
|
runExecutionData = {
|
|
...runExecutionData,
|
|
resultData: {
|
|
...runExecutionData.resultData,
|
|
runData: {
|
|
...runExecutionData.resultData.runData,
|
|
[parentNodeName]: [
|
|
{
|
|
startTime: new Date().valueOf(),
|
|
executionTime: 0,
|
|
source: [],
|
|
data: {
|
|
main: [
|
|
pinData.map((data) => ({ json: data })),
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
};
|
|
}
|
|
});
|
|
|
|
if (connectionInputData === null) {
|
|
connectionInputData = [];
|
|
}
|
|
|
|
const additionalKeys: IWorkflowDataProxyAdditionalKeys = {
|
|
$executionId: PLACEHOLDER_FILLED_AT_EXECUTION_TIME,
|
|
$resumeWebhookUrl: PLACEHOLDER_FILLED_AT_EXECUTION_TIME,
|
|
};
|
|
|
|
let runIndexCurrent = 0;
|
|
if (workflowRunData !== null && workflowRunData[activeNode.name]) {
|
|
runIndexCurrent = workflowRunData[activeNode.name].length -1;
|
|
}
|
|
const executeData = this.executeData(parentNode, activeNode.name, inputName, runIndexCurrent);
|
|
|
|
return workflow.expression.getParameterValue(parameter, runExecutionData, runIndexCurrent, itemIndex, activeNode.name, connectionInputData, 'manual', this.$store.getters.timezone, additionalKeys, executeData, false) as IDataObject;
|
|
},
|
|
|
|
resolveExpression(expression: string, siblingParameters: INodeParameters = {}) {
|
|
const parameters = {
|
|
'__xxxxxxx__': expression,
|
|
...siblingParameters,
|
|
};
|
|
const returnData = this.resolveParameter(parameters) as IDataObject;
|
|
|
|
if (typeof returnData['__xxxxxxx__'] === 'object') {
|
|
const workflow = this.getWorkflow();
|
|
return workflow.expression.convertObjectValueToString(returnData['__xxxxxxx__'] as object);
|
|
}
|
|
return returnData['__xxxxxxx__'];
|
|
},
|
|
|
|
async updateWorkflow({workflowId, active}: {workflowId: string, active?: boolean}) {
|
|
let data: IWorkflowDataUpdate = {};
|
|
|
|
const isCurrentWorkflow = workflowId === this.$store.getters.workflowId;
|
|
if (isCurrentWorkflow) {
|
|
data = await this.getWorkflowDataToSave();
|
|
}
|
|
|
|
if (active !== undefined) {
|
|
data.active = active;
|
|
}
|
|
|
|
const workflow = await this.restApi().updateWorkflow(workflowId, data);
|
|
|
|
if (isCurrentWorkflow) {
|
|
this.$store.commit('setActive', !!workflow.active);
|
|
this.$store.commit('setStateDirty', false);
|
|
}
|
|
|
|
if (workflow.active) {
|
|
this.$store.commit('setWorkflowActive', workflowId);
|
|
} else {
|
|
this.$store.commit('setWorkflowInactive', workflowId);
|
|
}
|
|
},
|
|
|
|
async saveCurrentWorkflow({name, tags}: {name?: string, tags?: string[]} = {}, redirect = true): Promise<boolean> {
|
|
const currentWorkflow = this.$route.params.name;
|
|
if (!currentWorkflow) {
|
|
return this.saveAsNewWorkflow({name, tags}, redirect);
|
|
}
|
|
|
|
// Workflow exists already so update it
|
|
try {
|
|
this.$store.commit('addActiveAction', 'workflowSaving');
|
|
|
|
const workflowDataRequest: IWorkflowDataUpdate = await this.getWorkflowDataToSave();
|
|
|
|
if (name) {
|
|
workflowDataRequest.name = name.trim();
|
|
}
|
|
|
|
if (tags) {
|
|
workflowDataRequest.tags = tags;
|
|
}
|
|
|
|
const workflowData = await this.restApi().updateWorkflow(currentWorkflow, workflowDataRequest);
|
|
|
|
if (name) {
|
|
this.$store.commit('setWorkflowName', {newName: workflowData.name});
|
|
}
|
|
|
|
if (tags) {
|
|
const createdTags = (workflowData.tags || []) as ITag[];
|
|
const tagIds = createdTags.map((tag: ITag): string => tag.id);
|
|
this.$store.commit('setWorkflowTagIds', tagIds);
|
|
}
|
|
|
|
this.$store.commit('setStateDirty', false);
|
|
this.$store.commit('removeActiveAction', 'workflowSaving');
|
|
this.$externalHooks().run('workflow.afterUpdate', { workflowData });
|
|
|
|
return true;
|
|
} catch (error) {
|
|
this.$store.commit('removeActiveAction', 'workflowSaving');
|
|
|
|
this.$showMessage({
|
|
title: this.$locale.baseText('workflowHelpers.showMessage.title'),
|
|
message: error.message,
|
|
type: 'error',
|
|
});
|
|
|
|
return false;
|
|
}
|
|
},
|
|
|
|
async saveAsNewWorkflow ({name, tags, resetWebhookUrls, openInNewWindow}: {name?: string, tags?: string[], resetWebhookUrls?: boolean, openInNewWindow?: boolean} = {}, redirect = true): Promise<boolean> {
|
|
try {
|
|
this.$store.commit('addActiveAction', 'workflowSaving');
|
|
|
|
const workflowDataRequest: IWorkflowDataUpdate = await this.getWorkflowDataToSave();
|
|
// make sure that the new ones are not active
|
|
workflowDataRequest.active = false;
|
|
const changedNodes = {} as IDataObject;
|
|
if (resetWebhookUrls) {
|
|
workflowDataRequest.nodes = workflowDataRequest.nodes!.map(node => {
|
|
if (node.webhookId) {
|
|
node.webhookId = uuidv4();
|
|
changedNodes[node.name] = node.webhookId;
|
|
}
|
|
return node;
|
|
});
|
|
}
|
|
|
|
if (name) {
|
|
workflowDataRequest.name = name.trim();
|
|
}
|
|
|
|
if (tags) {
|
|
workflowDataRequest.tags = tags;
|
|
}
|
|
const workflowData = await this.restApi().createNewWorkflow(workflowDataRequest);
|
|
if (openInNewWindow) {
|
|
const routeData = this.$router.resolve({name: VIEWS.WORKFLOW, params: {name: workflowData.id}});
|
|
window.open(routeData.href, '_blank');
|
|
this.$store.commit('removeActiveAction', 'workflowSaving');
|
|
return true;
|
|
}
|
|
|
|
this.$store.commit('setActive', workflowData.active || false);
|
|
this.$store.commit('setWorkflowId', workflowData.id);
|
|
this.$store.commit('setWorkflowName', {newName: workflowData.name, setStateDirty: false});
|
|
this.$store.commit('setWorkflowSettings', workflowData.settings || {});
|
|
this.$store.commit('setStateDirty', false);
|
|
Object.keys(changedNodes).forEach((nodeName) => {
|
|
const changes = {
|
|
key: 'webhookId',
|
|
value: changedNodes[nodeName],
|
|
name: nodeName,
|
|
} as IUpdateInformation;
|
|
this.$store.commit('setNodeValue', changes);
|
|
});
|
|
|
|
const createdTags = (workflowData.tags || []) as ITag[];
|
|
const tagIds = createdTags.map((tag: ITag): string => tag.id);
|
|
this.$store.commit('setWorkflowTagIds', tagIds);
|
|
|
|
const templateId = this.$route.query.templateId;
|
|
if (templateId) {
|
|
this.$telemetry.track('User saved new workflow from template', {
|
|
template_id: templateId,
|
|
workflow_id: workflowData.id,
|
|
wf_template_repo_session_id: this.$store.getters['templates/previousSessionId'],
|
|
});
|
|
}
|
|
|
|
if (redirect) {
|
|
this.$router.push({
|
|
name: VIEWS.WORKFLOW,
|
|
params: { name: workflowData.id as string, action: 'workflowSave' },
|
|
});
|
|
}
|
|
|
|
this.$store.commit('removeActiveAction', 'workflowSaving');
|
|
this.$store.commit('setStateDirty', false);
|
|
this.$externalHooks().run('workflow.afterUpdate', { workflowData });
|
|
|
|
return true;
|
|
} catch (e) {
|
|
this.$store.commit('removeActiveAction', 'workflowSaving');
|
|
|
|
this.$showMessage({
|
|
title: this.$locale.baseText('workflowHelpers.showMessage.title'),
|
|
message: (e as Error).message,
|
|
type: 'error',
|
|
});
|
|
|
|
return false;
|
|
}
|
|
},
|
|
|
|
// Updates the position of all the nodes that the top-left node
|
|
// is at the given position
|
|
updateNodePositions (workflowData: IWorkflowData | IWorkflowDataUpdate, position: XYPosition): void {
|
|
if (workflowData.nodes === undefined) {
|
|
return;
|
|
}
|
|
|
|
// Find most top-left node
|
|
const minPosition = [99999999, 99999999];
|
|
for (const node of workflowData.nodes) {
|
|
if (node.position[1] < minPosition[1]) {
|
|
minPosition[0] = node.position[0];
|
|
minPosition[1] = node.position[1];
|
|
} else if (node.position[1] === minPosition[1]) {
|
|
if (node.position[0] < minPosition[0]) {
|
|
minPosition[0] = node.position[0];
|
|
minPosition[1] = node.position[1];
|
|
}
|
|
}
|
|
}
|
|
|
|
// Update the position on all nodes so that the
|
|
// most top-left one is at given position
|
|
const offsetPosition = [position[0] - minPosition[0], position[1] - minPosition[1]];
|
|
for (const node of workflowData.nodes) {
|
|
node.position[0] += offsetPosition[0];
|
|
node.position[1] += offsetPosition[1];
|
|
}
|
|
},
|
|
async dataHasChanged(id: string) {
|
|
const currentData = await this.getWorkflowDataToSave();
|
|
|
|
const data: IWorkflowDb = await this.restApi().getWorkflow(id);
|
|
|
|
if(data !== undefined) {
|
|
const x = {
|
|
nodes: data.nodes,
|
|
connections: data.connections,
|
|
settings: data.settings,
|
|
name: data.name,
|
|
};
|
|
const y = {
|
|
nodes: currentData.nodes,
|
|
connections: currentData.connections,
|
|
settings: currentData.settings,
|
|
name: currentData.name,
|
|
};
|
|
return !isEqual(x, y);
|
|
}
|
|
|
|
return true;
|
|
},
|
|
},
|
|
});
|