Merge branch 'master' into n8n-5477-utils-refactor

* master: fix(editor): Fix missing resource locator component (#4649) refactor(core): Introduce overload for record-type node parameter (no-changelog) (#4648) refactor(core): Introduce overload for number-type node parameter (no-changelog) (#4644) refactor: Migrate Vue slots to the new syntax (#4603) refactor(core): Introduce overload for boolean-type node parameter (no-changelog) (#4647) fix: Make users fakedoor route visible on cloud (#4645) 📚 Update CHANGELOG.md and main package.json to 0.203.1
n8n-io · Nov 18, 2022 · 261f561 · 261f561
2 parents 3317701 + 44182f2
commit 261f561
Show file tree

Hide file tree

Showing 330 changed files with 2,812 additions and 2,572 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,12 @@
+## [0.203.1](https://github.com/n8n-io/n8n/compare/n8n@0.203.0...n8n@0.203.1) (2022-11-18)
+
+
+### Bug Fixes
+
+* **Google Sheets Node:** Versioning fix ([4e66672](https://github.com/n8n-io/n8n/commit/4e66672df225e67297981b7ee3408e5849db418a))
+
+
+
 # [0.203.0](https://github.com/n8n-io/n8n/compare/n8n@0.202.1...n8n@0.203.0) (2022-11-17)
 
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "n8n",
-  "version": "0.203.0",
+  "version": "0.203.1",
   "private": true,
   "homepage": "https://n8n.io",
   "engines": {

diff --git a/packages/@n8n_io/eslint-config/frontend.js b/packages/@n8n_io/eslint-config/frontend.js
@@ -32,5 +32,9 @@ module.exports = {
 		'comma-dangle': ['error', 'always-multiline'],
 		'no-tabs': 0,
 		'no-labels': 0,
+		'vue/no-deprecated-slot-attribute': 'error',
+		'vue/no-deprecated-slot-scope-attribute': 'error',
+		'vue/no-multiple-template-root': 'error',
+		'vue/v-slot-style': 'error',
 	},
 };
diff --git a/packages/core/src/NodeExecuteFunctions.ts b/packages/core/src/NodeExecuteFunctions.ts
@@ -2423,7 +2423,7 @@ export function getExecuteFunctions(
 				constructExecutionMetaData,
 			},
 		};
-	})(workflow, runExecutionData, connectionInputData, inputData, node);
+	})(workflow, runExecutionData, connectionInputData, inputData, node) as IExecuteFunctions;
 }
 
 /**

diff --git a/packages/design-system/src/components/N8nActionDropdown/ActionDropdown.vue b/packages/design-system/src/components/N8nActionDropdown/ActionDropdown.vue
@@ -9,30 +9,32 @@
 			<div :class="$style.activator" @click.prevent @blur="onButtonBlur">
 				<n8n-icon :icon="activatorIcon" />
 			</div>
-			<el-dropdown-menu slot="dropdown" :class="$style.userActionsMenu">
-				<el-dropdown-item
-					v-for="item in items"
-					:key="item.id"
-					:command="item.id"
-					:disabled="item.disabled"
-					:divided="item.divided"
-				>
-					<div
-						:class="{
-							[$style.itemContainer]: true,
-							[$style.hasCustomStyling]: item.customClass !== undefined,
-							[item.customClass]: item.customClass !== undefined,
-						}"
+			<template #dropdown>
+				<el-dropdown-menu :class="$style.userActionsMenu">
+					<el-dropdown-item
+						v-for="item in items"
+						:key="item.id"
+						:command="item.id"
+						:disabled="item.disabled"
+						:divided="item.divided"
 					>
-						<span v-if="item.icon" :class="$style.icon">
-							<n8n-icon :icon="item.icon" :size="item.iconSize" />
-						</span>
-						<span :class="$style.label">
-							{{ item.label }}
-						</span>
-					</div>
-				</el-dropdown-item>
-			</el-dropdown-menu>
+						<div
+							:class="{
+								[$style.itemContainer]: true,
+								[$style.hasCustomStyling]: item.customClass !== undefined,
+								[item.customClass]: item.customClass !== undefined,
+							}"
+						>
+							<span v-if="item.icon" :class="$style.icon">
+								<n8n-icon :icon="item.icon" :size="item.iconSize" />
+							</span>
+							<span :class="$style.label">
+								{{ item.label }}
+							</span>
+						</div>
+					</el-dropdown-item>
+				</el-dropdown-menu>
+			</template>
 		</el-dropdown>
 	</div>
 </template>

diff --git a/...stem/src/components/N8nActionDropdown/__tests__/__snapshots__/ActionDropdown.spec.ts.snap b/...stem/src/components/N8nActionDropdown/__tests__/__snapshots__/ActionDropdown.spec.ts.snap
@@ -6,17 +6,6 @@ exports[`components > N8nActionDropdown > should render custom styling correctly
     <div class=\\"_activator_lf4ng_1\\">
       <n8n-icon-stub icon=\\"ellipsis-v\\" size=\\"medium\\"></n8n-icon-stub>
     </div>
-    <el-dropdown-menu-stub transformorigin=\\"true\\" placement=\\"bottom\\" boundariespadding=\\"5\\" offset=\\"0\\" visiblearrow=\\"true\\" arrowoffset=\\"0\\" appendtobody=\\"true\\" popperoptions=\\"[object Object]\\">
-      <el-dropdown-item-stub command=\\"item1\\">
-        <div class=\\"_itemContainer_lf4ng_16\\"><span class=\\"_icon_lf4ng_20\\"><n8n-icon-stub icon=\\"thumbs-up\\" size=\\"medium\\"></n8n-icon-stub></span><span> Action 1 </span></div>
-      </el-dropdown-item-stub>
-      <el-dropdown-item-stub command=\\"item2\\" disabled=\\"true\\">
-        <div class=\\"_itemContainer_lf4ng_16\\"><span class=\\"_icon_lf4ng_20\\"><n8n-icon-stub icon=\\"thumbs-down\\" size=\\"medium\\"></n8n-icon-stub></span><span> Action 2 </span></div>
-      </el-dropdown-item-stub>
-      <el-dropdown-item-stub command=\\"item3\\" divided=\\"true\\">
-        <div class=\\"_itemContainer_lf4ng_16\\"><span class=\\"_icon_lf4ng_20\\"><n8n-icon-stub icon=\\"heart\\" size=\\"medium\\"></n8n-icon-stub></span><span> Action 3 </span></div>
-      </el-dropdown-item-stub>
-    </el-dropdown-menu-stub>
   </el-dropdown-stub>
 </div>"
 `;
@@ -27,16 +16,6 @@ exports[`components > N8nActionDropdown > should render default styling correctl
     <div class=\\"_activator_lf4ng_1\\">
       <n8n-icon-stub icon=\\"ellipsis-v\\" size=\\"medium\\"></n8n-icon-stub>
     </div>
-    <el-dropdown-menu-stub transformorigin=\\"true\\" placement=\\"bottom\\" boundariespadding=\\"5\\" offset=\\"0\\" visiblearrow=\\"true\\" arrowoffset=\\"0\\" appendtobody=\\"true\\" popperoptions=\\"[object Object]\\">
-      <el-dropdown-item-stub command=\\"item1\\">
-        <div class=\\"_itemContainer_lf4ng_16\\">
-          <!----><span> Action 1 </span></div>
-      </el-dropdown-item-stub>
-      <el-dropdown-item-stub command=\\"item2\\">
-        <div class=\\"_itemContainer_lf4ng_16\\">
-          <!----><span> Action 2 </span></div>
-      </el-dropdown-item-stub>
-    </el-dropdown-menu-stub>
   </el-dropdown-stub>
 </div>"
 `;
diff --git a/packages/design-system/src/components/N8nActionToggle/ActionToggle.vue b/packages/design-system/src/components/N8nActionToggle/ActionToggle.vue
@@ -11,25 +11,28 @@
 			<span :class="{ [$style.button]: true, [$style[theme]]: !!theme }">
 				<component :is="$options.components.N8nIcon" icon="ellipsis-v" :size="iconSize" />
 			</span>
-			<el-dropdown-menu slot="dropdown" data-test-id="action-toggle-dropdown">
-				<el-dropdown-item
-					v-for="action in actions"
-					:key="action.value"
-					:command="action.value"
-					:disabled="action.disabled"
-				>
-					{{ action.label }}
-					<div :class="$style.iconContainer">
-						<component
-							v-if="action.type === 'external-link'"
-							:is="$options.components.N8nIcon"
-							icon="external-link-alt"
-							size="xsmall"
-							color="text-base"
-						/>
-					</div>
-				</el-dropdown-item>
-			</el-dropdown-menu>
+
+			<template #dropdown>
+				<el-dropdown-menu data-test-id="action-toggle-dropdown">
+					<el-dropdown-item
+						v-for="action in actions"
+						:key="action.value"
+						:command="action.value"
+						:disabled="action.disabled"
+					>
+						{{ action.label }}
+						<div :class="$style.iconContainer">
+							<component
+								v-if="action.type === 'external-link'"
+								:is="$options.components.N8nIcon"
+								icon="external-link-alt"
+								size="xsmall"
+								color="text-base"
+							/>
+						</div>
+					</el-dropdown-item>
+				</el-dropdown-menu>
+			</template>
 		</el-dropdown>
 	</span>
 </template>

diff --git a/packages/design-system/src/components/N8nFormInputs/FormInputs.vue b/packages/design-system/src/components/N8nFormInputs/FormInputs.vue
@@ -1,6 +1,6 @@
 <template>
 	<ResizeObserver :breakpoints="[{ bp: 'md', width: 500 }]">
-		<template v-slot="{ bp }">
+		<template #default="{ bp }">
 			<div :class="bp === 'md' || columnView ? $style.grid : $style.gridMulti">
 				<div v-for="input in filteredInputs" :key="input.name">
 					<n8n-text

diff --git a/packages/design-system/src/components/N8nInfoAccordion/InfoAccordion.vue b/packages/design-system/src/components/N8nInfoAccordion/InfoAccordion.vue
@@ -22,11 +22,9 @@
 			<div v-if="items.length > 0" :class="$style.accordionItems">
 				<div v-for="item in items" :key="item.id" :class="$style.accordionItem">
 					<n8n-tooltip :disabled="!item.tooltip">
-						<div
-							slot="content"
-							v-html="item.tooltip"
-							@click="onTooltipClick(item.id, $event)"
-						></div>
+						<template #content>
+							<div v-html="item.tooltip" @click="onTooltipClick(item.id, $event)"></div>
+						</template>
 						<n8n-icon :icon="item.icon" :color="item.iconColor" size="small" class="mr-2xs" />
 					</n8n-tooltip>
 					<n8n-text size="small" color="text-base">{{ item.label }}</n8n-text>

diff --git a/packages/design-system/src/components/N8nInfoTip/InfoTip.vue b/packages/design-system/src/components/N8nInfoTip/InfoTip.vue
@@ -16,9 +16,11 @@
 			<span :class="$style.iconText">
 				<n8n-icon :icon="theme.startsWith('info') ? 'info-circle' : 'exclamation-triangle'" />
 			</span>
-			<span slot="content">
-				<slot />
-			</span>
+			<template #content>
+				<span>
+					<slot name="content" />
+				</span>
+			</template>
 		</n8n-tooltip>
 		<span :class="$style.iconText" v-else>
 			<n8n-icon :icon="theme.startsWith('info') ? 'info-circle' : 'exclamation-triangle'" />

diff --git a/...ages/design-system/src/components/N8nInfoTip/__tests__/__snapshots__/InfoTip.spec.ts.snap b/...ages/design-system/src/components/N8nInfoTip/__tests__/__snapshots__/InfoTip.spec.ts.snap
@@ -4,6 +4,6 @@ exports[`N8nInfoTip > should render correctly as note 1`] = `"<div class=\\"n8n-
 
 exports[`N8nInfoTip > should render correctly as tooltip 1`] = `
 "<div class=\\"n8n-info-tip _info_3egb8_33 _tooltip_3egb8_23 _base_3egb8_1 _bold_3egb8_12\\">
-  <n8n-tooltip-stub justifybuttons=\\"flex-end\\" buttons=\\"\\" placement=\\"top\\"><span class=\\"_iconText_3egb8_28\\"><span class=\\"n8n-icon n8n-text _compact_e4k11_34 _size-medium_e4k11_19 _regular_e4k11_5\\"></span></span><span>Need help doing something?<a href=\\"/docs\\" target=\\"_blank\\">Open docs</a></span></n8n-tooltip-stub>
+  <n8n-tooltip-stub justifybuttons=\\"flex-end\\" buttons=\\"\\" placement=\\"top\\"><span class=\\"_iconText_3egb8_28\\"><span class=\\"n8n-icon n8n-text _compact_e4k11_34 _size-medium_e4k11_19 _regular_e4k11_5\\"></span></span></n8n-tooltip-stub>
 </div>"
 `;
diff --git a/packages/design-system/src/components/N8nInputLabel/InputLabel.vue b/packages/design-system/src/components/N8nInputLabel/InputLabel.vue
@@ -23,7 +23,9 @@
 			>
 				<n8n-tooltip placement="top" :popper-class="$style.tooltipPopper">
 					<n8n-icon icon="question-circle" size="small" />
-					<div slot="content" v-html="addTargetBlank(tooltipText)" />
+					<template #content>
+						<div v-html="addTargetBlank(tooltipText)" />
+					</template>
 				</n8n-tooltip>
 			</span>
 			<div

diff --git a/packages/design-system/src/components/N8nLoading/Loading.vue b/packages/design-system/src/components/N8nLoading/Loading.vue
@@ -4,7 +4,7 @@
 		:animated="animated"
 		:class="['n8n-loading', `n8n-loading-${variant}`]"
 	>
-		<template slot="template">
+		<template #template>
 			<div v-if="variant === 'h1'">
 				<div
 					v-for="(item, index) in rows"

diff --git a/packages/design-system/src/components/N8nMenuItem/MenuItem.vue b/packages/design-system/src/components/N8nMenuItem/MenuItem.vue
@@ -12,7 +12,7 @@
 			popper-append-to-body
 			:popper-class="`${$style.submenuPopper} ${popperClass}`"
 		>
-			<template slot="title">
+			<template #title>
 				<n8n-icon
 					v-if="item.icon"
 					:class="$style.icon"

diff --git a/packages/design-system/src/components/N8nTabs/Tabs.vue b/packages/design-system/src/components/N8nTabs/Tabs.vue
@@ -14,11 +14,9 @@
 				:class="{ [$style.alignRight]: option.align === 'right' }"
 			>
 				<n8n-tooltip :disabled="!option.tooltip" placement="bottom">
-					<div
-						slot="content"
-						v-html="option.tooltip"
-						@click="handleTooltipClick(option.value, $event)"
-					></div>
+					<template #content>
+						<div v-html="option.tooltip" @click="handleTooltipClick(option.value, $event)" />
+					</template>
 					<a
 						v-if="option.href"
 						target="_blank"

diff --git a/packages/design-system/src/components/N8nTree/Tree.vue b/packages/design-system/src/components/N8nTree/Tree.vue
@@ -31,7 +31,7 @@
 					:value="value[label]"
 					:nodeClass="nodeClass"
 				>
-					<template v-for="(index, name) in $scopedSlots" v-slot:[name]="data">
+					<template v-for="(index, name) in $scopedSlots" #[name]="data">
 						<slot :name="name" v-bind="data"></slot>
 					</template>
 				</n8n-tree>

diff --git a/packages/editor-ui/package.json b/packages/editor-ui/package.json
@@ -80,7 +80,6 @@
     "xss": "^1.0.10"
   },
   "devDependencies": {
-    "@intlify/vue-i18n-loader": "^1.1.0",
     "@pinia/testing": "^0.0.14",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/vue": "^5.8.3",
@@ -96,7 +95,6 @@
     "@types/uuid": "^8.3.2",
     "@vitejs/plugin-legacy": "^1.8.2",
     "@vitejs/plugin-vue2": "^1.1.2",
-    "@yfwz100/vite-plugin-vue2-i18n": "^1.0.0-2",
     "c8": "^7.12.0",
     "jshint": "^2.9.7",
     "sass": "^1.55.0",

diff --git a/packages/editor-ui/src/components/AboutModal.vue b/packages/editor-ui/src/components/AboutModal.vue
@@ -6,7 +6,7 @@
 		:name="ABOUT_MODAL_KEY"
 		:center="true"
 	>
-		<template slot="content">
+		<template #content>
 			<div :class="$style.container">
 				<el-row>
 					<el-col :span="8" class="info-name">
@@ -45,7 +45,7 @@
 			</div>
 		</template>
 
-		<template slot="footer">
+		<template #footer>
 			<div class="action-buttons">
 				<n8n-button @click="closeDialog" float="right" :label="$locale.baseText('about.close')" />
 			</div>

diff --git a/packages/editor-ui/src/components/ActivationModal.vue b/packages/editor-ui/src/components/ActivationModal.vue
@@ -4,7 +4,7 @@
 		:title="$locale.baseText('activationModal.workflowActivated')"
 		width="460px"
 	>
-		<template v-slot:content>
+		<template #content>
 			<div>
 				<n8n-text>{{ triggerContent }}</n8n-text>
 			</div>
@@ -24,7 +24,7 @@
 		</template>
 
 
-		<template v-slot:footer="{ close }">
+		<template #footer="{ close }">
 			<div :class="$style.footer">
 				<el-checkbox :value="checked" @change="handleCheckboxChange">{{ $locale.baseText('activationModal.dontShowAgain') }}</el-checkbox>
 				<n8n-button @click="close" :label="$locale.baseText('activationModal.gotIt')" />

diff --git a/packages/editor-ui/src/components/ChangePasswordModal.vue b/packages/editor-ui/src/components/ChangePasswordModal.vue
@@ -7,7 +7,7 @@
 		width="460px"
 		:eventBus="modalBus"
 	>
-		<template slot="content">
+		<template #content>
 			<n8n-form-inputs
 				:inputs="config"
 				:eventBus="formBus"
@@ -16,7 +16,7 @@
 				@submit="onSubmit"
 			/>
 		</template>
-		<template slot="footer">
+		<template #footer>
 			<n8n-button :loading="loading" :label="$locale.baseText('auth.changePassword')" @click="onSubmitClick" float="right" />
 		</template>
 	</Modal>

diff --git a/packages/editor-ui/src/components/CollectionCard.vue b/packages/editor-ui/src/components/CollectionCard.vue
@@ -4,7 +4,7 @@
 		:title="collection.name"
 		@click="onClick"
 	>
-		<template v-slot:footer>
+		<template #footer>
 			<n8n-text size="small" color="text-light">
 				{{ collection.workflows.length }}
 				{{ $locale.baseText('templates.workflows') }}

diff --git a/packages/editor-ui/src/components/CommunityPackageCard.vue b/packages/editor-ui/src/components/CommunityPackageCard.vue
@@ -29,21 +29,27 @@
 					v{{ communityPackage.installedVersion }}
 				</n8n-text>
 				<n8n-tooltip v-if="communityPackage.failedLoading === true" placement="top">
-					<div slot="content">
-						{{ $locale.baseText('settings.communityNodes.failedToLoad.tooltip') }}
-					</div>
+					<template #content>
+						<div>
+							{{ $locale.baseText('settings.communityNodes.failedToLoad.tooltip') }}
+						</div>
+					</template>
 					<n8n-icon icon="exclamation-triangle" color="danger" size="large" />
 				</n8n-tooltip>
 				<n8n-tooltip v-else-if="communityPackage.updateAvailable" placement="top">
-					<div slot="content">
-						{{ $locale.baseText('settings.communityNodes.updateAvailable.tooltip') }}
-					</div>
+					<template #content>
+						<div>
+							{{ $locale.baseText('settings.communityNodes.updateAvailable.tooltip') }}
+						</div>
+					</template>
 					<n8n-button type="outline" label="Update" @click="onUpdateClick"/>
 				</n8n-tooltip>
 				<n8n-tooltip v-else placement="top">
-					<div slot="content">
-						{{ $locale.baseText('settings.communityNodes.upToDate.tooltip') }}
-					</div>
+					<template #content>
+						<div>
+							{{ $locale.baseText('settings.communityNodes.upToDate.tooltip') }}
+						</div>
+					</template>
 					<n8n-icon icon="check-circle" color="text-light" size="large" />
 				</n8n-tooltip>
 				<div :class="$style.cardActions">
-Original file line number
+Diff line change
@@ Expand Up / @@ -2423,7 +2423,7 @@ export function getExecuteFunctions( @@
     				constructExecutionMetaData,
     			},
     		};
-    	})(workflow, runExecutionData, connectionInputData, inputData, node);
+    	})(workflow, runExecutionData, connectionInputData, inputData, node) as IExecuteFunctions;
     }
     /**
@@ Expand Down @@