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

⬆️ Update packages to latest version on n8n-editor-ui

Browse source
This commit is contained in:
Jan Oberhauser 2019-12-29 15:02:21 -06:00
parent 7f0287ccbf
commit 49e2285573
16 changed files with 61 additions and 63 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
packages/editor-ui/.eslintrc.js
View file

@ -5,7 +5,6 @@ module.exports = {
}, },
'extends': [ 'extends': [
'plugin:vue/essential', 'plugin:vue/essential',
'@vue/standard',
'@vue/typescript', '@vue/typescript',
], ],
rules: { rules: {
@ -18,6 +17,6 @@ module.exports = {
'no-labels': 0, 'no-labels': 0,
}, },
parserOptions: { parserOptions: {
parser: 'typescript-eslint-parser', parser: '@typescript-eslint/parser',
}, },
}; };

38
packages/editor-ui/package.json
View file

@ -34,23 +34,27 @@
"@types/jest": "^24.0.18", "@types/jest": "^24.0.18",
"@types/lodash.get": "^4.4.5", "@types/lodash.get": "^4.4.5",
"@types/lodash.set": "^4.3.6", "@types/lodash.set": "^4.3.6",
"@types/node": "12.12.22",
"@types/quill": "^2.0.1", "@types/quill": "^2.0.1",
"@vue/cli-plugin-babel": "^3.8.0", "@typescript-eslint/eslint-plugin": "^2.13.0",
"@vue/cli-plugin-e2e-cypress": "^3.8.0", "@typescript-eslint/parser": "^2.13.0",
"@vue/cli-plugin-eslint": "^3.8.0", "@vue/cli-plugin-babel": "^4.1.2",
"@vue/cli-plugin-typescript": "~3.8.1", "@vue/cli-plugin-e2e-cypress": "^4.1.2",
"@vue/cli-plugin-unit-jest": "^3.8.0", "@vue/cli-plugin-eslint": "^4.1.2",
"@vue/cli-service": "^3.8.0", "@vue/cli-plugin-typescript": "~4.1.2",
"@vue/eslint-config-standard": "^4.0.0", "@vue/cli-plugin-unit-jest": "^4.1.2",
"@vue/eslint-config-typescript": "~3.2.0", "@vue/cli-service": "^4.1.2",
"@vue/test-utils": "^1.0.0-beta.20", "@vue/eslint-config-standard": "^5.0.1",
"axios": "^0.18.1", "@vue/eslint-config-typescript": "~5.0.1",
"@vue/test-utils": "^1.0.0-beta.24",
"axios": "^0.19.0",
"babel-core": "7.0.0-bridge.0", "babel-core": "7.0.0-bridge.0",
"babel-eslint": "^10.0.1", "babel-eslint": "^10.0.1",
"dateformat": "^3.0.3", "dateformat": "^3.0.3",
"element-ui": "~2.4.11", "element-ui": "~2.13.0",
"eslint": "^5.8.0", "eslint": "^6.8.0",
"eslint-plugin-vue": "^5.0.0-0", "eslint-plugin-import": "^2.19.1",
"eslint-plugin-vue": "^6.1.1",
"file-saver": "^2.0.2", "file-saver": "^2.0.2",
"flatted": "^2.0.0", "flatted": "^2.0.0",
"jquery": "^3.4.1", "jquery": "^3.4.1",
@ -64,18 +68,18 @@
"prismjs": "^1.17.1", "prismjs": "^1.17.1",
"quill": "^2.0.0-dev.3", "quill": "^2.0.0-dev.3",
"quill-autoformat": "^0.1.1", "quill-autoformat": "^0.1.1",
"sass-loader": "^7.0.1", "sass-loader": "^8.0.0",
"string-template-parser": "^1.2.6", "string-template-parser": "^1.2.6",
"ts-jest": "^24.0.2", "ts-jest": "^24.0.2",
"tslint": "^5.17.0", "tslint": "^5.17.0",
"typescript": "~3.5.2", "typescript": "~3.7.4",
"vue": "^2.6.9", "vue": "^2.6.9",
"vue-cli-plugin-webpack-bundle-analyzer": "^1.3.0", "vue-cli-plugin-webpack-bundle-analyzer": "^2.0.0",
"vue-json-tree": "^0.4.1", "vue-json-tree": "^0.4.1",
"vue-prism-editor": "^0.3.0", "vue-prism-editor": "^0.3.0",
"vue-router": "^3.0.6", "vue-router": "^3.0.6",
"vue-template-compiler": "^2.5.17", "vue-template-compiler": "^2.5.17",
"vue-typed-mixins": "^0.1.0", "vue-typed-mixins": "^0.2.0",
"vuex": "^3.1.1" "vuex": "^3.1.1"
} }
} }

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

@ -21,14 +21,10 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import Vue from 'vue';
import { import {
IBinaryData, IBinaryData,
IBinaryKeyData,
IRunData, IRunData,
IRunExecutionData, IRunExecutionData,
Workflow,
} from 'n8n-workflow'; } from 'n8n-workflow';
import { nodeHelpers } from '@/components/mixins/nodeHelpers'; import { nodeHelpers } from '@/components/mixins/nodeHelpers';

7
packages/editor-ui/src/components/CredentialsList.vue
View file

@ -37,8 +37,6 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import Vue from 'vue';
import { restApi } from '@/components/mixins/restApi'; import { restApi } from '@/components/mixins/restApi';
import { ICredentialsResponse } from '@/Interface'; import { ICredentialsResponse } from '@/Interface';
import { nodeHelpers } from '@/components/mixins/nodeHelpers'; import { nodeHelpers } from '@/components/mixins/nodeHelpers';
@ -72,7 +70,7 @@ export default mixins(
}; };
}, },
watch: { watch: {
dialogVisible (newValue, oldValue) { dialogVisible (newValue) {
if (newValue) { if (newValue) {
this.loadCredentials(); this.loadCredentials();
this.loadCredentialTypes(); this.loadCredentialTypes();
@ -146,9 +144,8 @@ export default mixins(
return; return;
} }
let result;
try { try {
result = await this.restApi().deleteCredentials(credential.id!); await this.restApi().deleteCredentials(credential.id!);
} catch (error) { } catch (error) {
this.$showError(error, 'Problem deleting credentials', 'There was a problem deleting the credentials:'); this.$showError(error, 'Problem deleting credentials', 'There was a problem deleting the credentials:');
return; return;

5
packages/editor-ui/src/components/MainSidebar.vue
View file

@ -160,6 +160,7 @@
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import { MessageBoxInputData } from 'element-ui/types/message-box';
import { import {
IExecutionResponse, IExecutionResponse,
@ -349,7 +350,7 @@ export default mixins(
cancelButtonText: 'Cancel', cancelButtonText: 'Cancel',
inputErrorMessage: 'Invalid URL', inputErrorMessage: 'Invalid URL',
inputPattern: /^http[s]?:\/\/.*\.json$/i, inputPattern: /^http[s]?:\/\/.*\.json$/i,
}); }) as MessageBoxInputData;
this.$root.$emit('importWorkflowUrl', { url: promptResponse.value }); this.$root.$emit('importWorkflowUrl', { url: promptResponse.value });
} catch (e) {} } catch (e) {}
@ -361,7 +362,7 @@ export default mixins(
inputValue: this.workflowName, inputValue: this.workflowName,
confirmButtonText: 'Rename', confirmButtonText: 'Rename',
cancelButtonText: 'Cancel', cancelButtonText: 'Cancel',
} },
) )
.then((data) => { .then((data) => {
// @ts-ignore // @ts-ignore

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

@ -123,7 +123,7 @@ export default mixins(
}, },
getArgument ( getArgument (
argumentName: string, argumentName: string,
parameter: INodeProperties parameter: INodeProperties,
): string | number | boolean | undefined { ): string | number | boolean | undefined {
if (parameter.typeOptions === undefined) { if (parameter.typeOptions === undefined) {
return undefined; return undefined;

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

@ -190,7 +190,7 @@ export default mixins(
key: fullpath, key: fullpath,
allowParentSelect: true, allowParentSelect: true,
dataType: 'array', dataType: 'array',
} as IVariableSelectorOption } as IVariableSelectorOption,
); );
} else if (typeof inputData === 'object') { } else if (typeof inputData === 'object') {
const tempValue: IVariableSelectorOption[] = []; const tempValue: IVariableSelectorOption[] = [];
@ -207,7 +207,7 @@ export default mixins(
key: fullpath, key: fullpath,
allowParentSelect: true, allowParentSelect: true,
dataType: 'object', dataType: 'object',
} as IVariableSelectorOption } as IVariableSelectorOption,
); );
} }
} else { } else {
@ -222,7 +222,7 @@ export default mixins(
name: propertyName, name: propertyName,
key: fullpath, key: fullpath,
value: inputData, value: inputData,
} as IVariableSelectorOption } as IVariableSelectorOption,
); );
} }
} }
@ -294,7 +294,7 @@ export default mixins(
{ {
name: 'JSON', name: 'JSON',
options: this.sortOptions(jsonDataOptions), options: this.sortOptions(jsonDataOptions),
} },
); );
} }
} }
@ -321,7 +321,7 @@ export default mixins(
name: propertyName, name: propertyName,
key: `$node["${nodeName}"].binary.${dataPropertyName}.${propertyName}`, key: `$node["${nodeName}"].binary.${dataPropertyName}.${propertyName}`,
value: outputData.binary![dataPropertyName][propertyName], value: outputData.binary![dataPropertyName][propertyName],
} },
); );
} }
@ -332,7 +332,7 @@ export default mixins(
key: `$node["${nodeName}"].binary.${dataPropertyName}`, key: `$node["${nodeName}"].binary.${dataPropertyName}`,
options: this.sortOptions(binaryPropertyData), options: this.sortOptions(binaryPropertyData),
allowParentSelect: true, allowParentSelect: true,
} },
); );
} }
} }
@ -343,7 +343,7 @@ export default mixins(
key: `$node["${nodeName}"].binary`, key: `$node["${nodeName}"].binary`,
options: this.sortOptions(binaryData), options: this.sortOptions(binaryData),
allowParentSelect: true, allowParentSelect: true,
} },
); );
} }
} }
@ -476,7 +476,7 @@ export default mixins(
{ {
name: 'Input Data', name: 'Input Data',
options: this.sortOptions(tempOutputData), options: this.sortOptions(tempOutputData),
} },
); );
} else { } else {
// Data is to large so do not add // Data is to large so do not add
@ -488,7 +488,7 @@ export default mixins(
name: '[Data to large]', name: '[Data to large]',
}, },
], ],
} },
); );
} }
} }
@ -504,14 +504,14 @@ export default mixins(
{ {
name: 'Parameters', name: 'Parameters',
options: this.sortOptions(this.getNodeParameters(activeNode.name, initialPath, skipParameter, filterText) as IVariableSelectorOption[]), options: this.sortOptions(this.getNodeParameters(activeNode.name, initialPath, skipParameter, filterText) as IVariableSelectorOption[]),
} },
); );
returnData.push( returnData.push(
{ {
name: 'Current Node', name: 'Current Node',
options: this.sortOptions(currentNodeData), options: this.sortOptions(currentNodeData),
} },
); );
// Add the input data // Add the input data
@ -562,7 +562,7 @@ export default mixins(
{ {
name: 'Output Data', name: 'Output Data',
options: this.sortOptions(tempOutputData), options: this.sortOptions(tempOutputData),
} as IVariableSelectorOption } as IVariableSelectorOption,
); );
} }
} }
@ -571,7 +571,7 @@ export default mixins(
{ {
name: nodeName, name: nodeName,
options: this.sortOptions(nodeOptions), options: this.sortOptions(nodeOptions),
} },
); );
} }
@ -579,7 +579,7 @@ export default mixins(
{ {
name: 'Nodes', name: 'Nodes',
options: this.sortOptions(allNodesData), options: this.sortOptions(allNodesData),
} },
); );
// Remove empty entries and return // Remove empty entries and return

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

@ -158,7 +158,7 @@ export default mixins(
}); });
}, },
}, },
} },
); );
</script> </script>

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

@ -104,13 +104,13 @@ export default mixins(
workflowData.updatedAt = this.convertToDisplayDate(workflowData.updatedAt as number); workflowData.updatedAt = this.convertToDisplayDate(workflowData.updatedAt as number);
}); });
this.isDataLoading = false; this.isDataLoading = false;
} },
) )
.catch( .catch(
(error: Error) => { (error: Error) => {
this.$showError(error, 'Problem loading workflows', 'There was a problem loading the workflows:'); this.$showError(error, 'Problem loading workflows', 'There was a problem loading the workflows:');
this.isDataLoading = false; this.isDataLoading = false;
} },
); );
}, },
workflowActiveChanged (data: { id: string, active: boolean }) { workflowActiveChanged (data: { id: string, active: boolean }) {

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

@ -185,7 +185,7 @@ export default mixins(
key: 'none', key: 'none',
value: 'Do not save', value: 'Do not save',
}, },
] ],
); );
}, },
async loadSaveDataSuccessExecutionOptions () { async loadSaveDataSuccessExecutionOptions () {
@ -204,7 +204,7 @@ export default mixins(
key: 'none', key: 'none',
value: 'Do not save', value: 'Do not save',
}, },
] ],
); );
}, },
async loadSaveManualOptions () { async loadSaveManualOptions () {

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

@ -63,7 +63,7 @@ export const genericHelpers = mixins(showMessage).extend({
text: 'Loading', text: 'Loading',
spinner: 'el-icon-loading', spinner: 'el-icon-loading',
background: 'rgba(255, 255, 255, 0.8)', background: 'rgba(255, 255, 255, 0.8)',
} },
); );
}, },
stopLoading () { stopLoading () {

4
packages/editor-ui/src/components/mixins/restApi.ts
View file

@ -1,7 +1,7 @@
import Vue from 'vue'; import Vue from 'vue';
import { parse } from 'flatted'; import { parse } from 'flatted';
import axios, { AxiosRequestConfig } from 'axios'; import axios, { AxiosRequestConfig, Method } from 'axios';
import { import {
IActivationError, IActivationError,
ICredentialsDecryptedResponse, ICredentialsDecryptedResponse,
@ -94,7 +94,7 @@ export const restApi = Vue.extend({
restApi (): IRestApi { restApi (): IRestApi {
const self = this; const self = this;
return { return {
async makeRestApiRequest (method: string, endpoint: string, data?: IDataObject): Promise<any> { // tslint:disable-line:no-any async makeRestApiRequest (method: Method, endpoint: string, data?: IDataObject): Promise<any> { // tslint:disable-line:no-any
try { try {
const options: AxiosRequestConfig = { const options: AxiosRequestConfig = {
method, method,

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

@ -370,7 +370,7 @@ export const workflowHelpers = mixins(
{ {
confirmButtonText: 'Save', confirmButtonText: 'Save',
cancelButtonText: 'Cancel', cancelButtonText: 'Cancel',
} },
) )
.then((data) => { .then((data) => {
// @ts-ignore // @ts-ignore
@ -403,7 +403,7 @@ export const workflowHelpers = mixins(
if (currentWorkflow === undefined || withNewName === true) { if (currentWorkflow === undefined || withNewName === true) {
// Workflow is new or is supposed to get saved under a new name // Workflow is new or is supposed to get saved under a new name
// so create a new entry in database // so create a new entry in database
workflowData.name = workflowName.trim() as string; workflowData.name = workflowName!.trim() as string;
if (withNewName === true) { if (withNewName === true) {
// If an existing workflow gets resaved with a new name // If an existing workflow gets resaved with a new name

4
packages/editor-ui/src/components/mixins/workflowSave.ts
View file

@ -29,7 +29,7 @@ export const workflowSave = mixins(
{ {
confirmButtonText: 'Save', confirmButtonText: 'Save',
cancelButtonText: 'Cancel', cancelButtonText: 'Cancel',
} },
) )
.then((data) => { .then((data) => {
// @ts-ignore // @ts-ignore
@ -62,7 +62,7 @@ export const workflowSave = mixins(
if (currentWorkflow === undefined || withNewName === true) { if (currentWorkflow === undefined || withNewName === true) {
// Workflow is new or is supposed to get saved under a new name // Workflow is new or is supposed to get saved under a new name
// so create a new entry in database // so create a new entry in database
workflowData.name = workflowName.trim() as string; workflowData.name = workflowName!.trim() as string;
if (withNewName === true) { if (withNewName === true) {
// If an existing workflow gets resaved with a new name // If an existing workflow gets resaved with a new name

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

@ -102,6 +102,7 @@
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import { MessageBoxInputData } from 'element-ui/types/message-box';
import { jsPlumb, Endpoint, OnConnectionBindInfo } from 'jsplumb'; import { jsPlumb, Endpoint, OnConnectionBindInfo } from 'jsplumb';
import { NODE_NAME_PREFIX, PLACEHOLDER_EMPTY_WORKFLOW_ID } from '@/constants'; import { NODE_NAME_PREFIX, PLACEHOLDER_EMPTY_WORKFLOW_ID } from '@/constants';
import { copyPaste } from '@/components/mixins/copyPaste'; import { copyPaste } from '@/components/mixins/copyPaste';
@ -943,7 +944,7 @@ export default mixins(
// newNodeData.position = [activeNode.position[0], activeNode.position[1] + 60]; // newNodeData.position = [activeNode.position[0], activeNode.position[1] + 60];
newNodeData.position = this.getNewNodePosition( newNodeData.position = this.getNewNodePosition(
[lastSelectedNode.position[0] + 150, lastSelectedNode.position[1]], [lastSelectedNode.position[0] + 150, lastSelectedNode.position[1]],
[100, 0] [100, 0],
); );
} else { } else {
// If no node is active find a free spot // If no node is active find a free spot
@ -970,7 +971,7 @@ export default mixins(
// Add connections of active node to newly created one // Add connections of active node to newly created one
let connections = this.$store.getters.connectionsByNodeName( let connections = this.$store.getters.connectionsByNodeName(
lastSelectedNode.name lastSelectedNode.name,
); );
connections = JSON.parse(JSON.stringify(connections)); connections = JSON.parse(JSON.stringify(connections));
@ -1406,7 +1407,7 @@ export default mixins(
newNodeData.position = this.getNewNodePosition( newNodeData.position = this.getNewNodePosition(
[node.position[0], node.position[1] + 150], [node.position[0], node.position[1] + 150],
[0, 150] [0, 150],
); );
await this.addNodes([newNodeData]); await this.addNodes([newNodeData]);
@ -1504,7 +1505,7 @@ export default mixins(
nameInput.select(); nameInput.select();
} }
const promptResponse = await promptResponsePromise; const promptResponse = await promptResponsePromise as MessageBoxInputData;
this.renameNode(currentName, promptResponse.value); this.renameNode(currentName, promptResponse.value);
} catch (e) {} } catch (e) {}
@ -1602,7 +1603,7 @@ export default mixins(
for (const type of Object.keys(connections[sourceNode])) { for (const type of Object.keys(connections[sourceNode])) {
for (let sourceIndex = 0; sourceIndex < connections[sourceNode][type].length; sourceIndex++) { for (let sourceIndex = 0; sourceIndex < connections[sourceNode][type].length; sourceIndex++) {
connections[sourceNode][type][sourceIndex].forEach(( connections[sourceNode][type][sourceIndex].forEach((
targetData targetData,
) => { ) => {
connectionData = [ connectionData = [
{ {

2
packages/editor-ui/vue.config.js
View file

@ -23,7 +23,7 @@ module.exports = {
css: { css: {
loaderOptions: { loaderOptions: {
sass: { sass: {
data: ` prependData: `
@import "@/n8n-theme-variables.scss"; @import "@/n8n-theme-variables.scss";
`, `,
}, },