n8n-editor-ui 1.77.3 → 1.78.0

package/dist/assets/{useRunWorkflow-CoRVHZg2.js → useRunWorkflow-B-O5w0ED.js}

@@ -1,6 +1,6 @@
-import { ce as getDefaultExportFromCjs, d as defineComponent, b6 as useClipboard, a as useToast, eS as useAIAssistantHelpers, bo as useNodeTypesStore, as as useNDVStore, Z as useRootStore, eT as useAssistantStore, K as useUIStore, q as computed, c as openBlock, h as createElementBlock, j as createBaseVNode, t as toDisplayString, ax as withDirectives, f as createCommentVNode, i as createVNode, l as unref, eU as InlineAskAssistantButton, w as withCtx, k as createTextVNode, F as Fragment, A as renderList, g as useI18n, cn as MAX_DISPLAY_DATA_SIZE, bs as isCommunityPackageName, eV as NEW_ASSISTANT_SESSION_MODAL, m as resolveComponent, cO as resolveDirective, eW as sanitizeHtml, bh as NodeConnectionType, eX as isObjectEmpty, r as ref, o as onMounted, n as normalizeClass, e as createBlock, b1 as VueMarkdown, _ as _export_sfc, T as useWorkflowsStore, br as _sfc_main$4, I as withModifiers, H as watch, B as normalizeStyle, eY as ElTree, bp as useNodeHelpers, a4 as useWorkflowHelpers, at as useExecutionsStore, b7 as CHAT_TRIGGER_NODE_TYPE, bj as get, eZ as SINGLE_WEBHOOK_TRIGGERS, av as useLocalStorage, e_ as displayForm, aT as useExternalHooks, cG as isEmpty } from "./index-DablXALM.js";
-import { c as capitalize } from "./usePinnedData-BEOJK2e-.js";
-import { u as useExecutionHelpers } from "./useExecutionHelpers-F_WL-Kvp.js";
+import { ce as getDefaultExportFromCjs, d as defineComponent, b6 as useClipboard, a as useToast, eW as useAIAssistantHelpers, bo as useNodeTypesStore, as as useNDVStore, Z as useRootStore, eX as useAssistantStore, K as useUIStore, q as computed, c as openBlock, h as createElementBlock, j as createBaseVNode, t as toDisplayString, ax as withDirectives, f as createCommentVNode, i as createVNode, l as unref, eY as InlineAskAssistantButton, w as withCtx, k as createTextVNode, F as Fragment, A as renderList, g as useI18n, cp as MAX_DISPLAY_DATA_SIZE, bs as isCommunityPackageName, eZ as NEW_ASSISTANT_SESSION_MODAL, m as resolveComponent, cT as resolveDirective, e_ as sanitizeHtml, bh as NodeConnectionType, e$ as isObjectEmpty, r as ref, o as onMounted, n as normalizeClass, e as createBlock, b1 as VueMarkdown, _ as _export_sfc, T as useWorkflowsStore, br as _sfc_main$4, I as withModifiers, H as watch, B as normalizeStyle, f0 as ElTree, bp as useNodeHelpers, a4 as useWorkflowHelpers, at as useExecutionsStore, b7 as CHAT_TRIGGER_NODE_TYPE, bj as get, f1 as SINGLE_WEBHOOK_TRIGGERS, p as useSettingsStore, f2 as displayForm, aT as useExternalHooks, cL as isEmpty } from "./index-BwoviwZU.js";
+import { c as capitalize } from "./usePinnedData-E0jv55-6.js";
+import { u as useExecutionHelpers } from "./useExecutionHelpers-DpNwTiuj.js";
 var core;
 var hasRequiredCore;
 function requireCore() {
@@ -3171,14 +3171,17 @@ function useRunWorkflow(useRunWorkflowOpts) {
         });
         return void 0;
       }
-      const partialExecutionVersion = useLocalStorage("PartialExecution.version", -1);
       const isPartialExecution = options.destinationNode !== void 0;
+      const settingsStore = useSettingsStore();
+      const version = settingsStore.partialExecutionVersion;
       const startRunData = {
         workflowData,
+        // With the new partial execution version the backend decides what run
+        // data to use and what to ignore.
         runData: !isPartialExecution ? (
           // if it's a full execution we don't want to send any run data
           void 0
-        ) : partialExecutionVersion.value === 1 ? (
+        ) : version === 2 ? (
           // With the new partial execution version the backend decides
           //what run data to use and what to ignore.
           runData2 ?? void 0

package/dist/assets/{useWorkflowActivate-wvqU9rPU.js → useWorkflowActivate-CbVB4JlR.js}

@@ -1,4 +1,4 @@
-import { r as ref, b as useRouter, a4 as useWorkflowHelpers, T as useWorkflowsStore, K as useUIStore, a as useToast, a2 as useNpsSurveyStore, X as PLACEHOLDER_EMPTY_WORKFLOW_ID, aT as useExternalHooks, aI as useStorage, gb as LOCAL_STORAGE_ACTIVATION_FLAG, gc as WORKFLOW_ACTIVE_MODAL_KEY, aj as useTelemetry, g as useI18n } from "./index-DablXALM.js";
+import { r as ref, b as useRouter, a4 as useWorkflowHelpers, T as useWorkflowsStore, K as useUIStore, a as useToast, a2 as useNpsSurveyStore, X as PLACEHOLDER_EMPTY_WORKFLOW_ID, aT as useExternalHooks, aI as useStorage, gg as LOCAL_STORAGE_ACTIVATION_FLAG, gh as WORKFLOW_ACTIVE_MODAL_KEY, aj as useTelemetry, g as useI18n } from "./index-BwoviwZU.js";
 function useWorkflowActivate() {
   const updatingWorkflowActivation = ref(false);
   const router = useRouter();

package/dist/index.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 	<head>
-		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/polyfills-DfOJfMlf.js"></script>
+		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/polyfills-C7eMRNFe.js"></script>
 
 		<meta charset="utf-8" />
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -16,8 +16,8 @@
 		<script>!function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.async=!0,p.src=s.api_host+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled getFeatureFlag onFeatureFlags reloadFeatureFlags".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[])</script>
 
 		<title>n8n.io - Workflow Automation</title>
-		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/index-DablXALM.js"></script>
-		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-Bs_8II2j.css">
+		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/index-BwoviwZU.js"></script>
+		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-DFFkAkMx.css">
 	</head>
 	<body>
 		<noscript>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n8n-editor-ui",
-  "version": "1.77.3",
+  "version": "1.78.0",
   "description": "Workflow Editor UI for n8n",
   "main": "index.js",
   "license": "SEE LICENSE IN LICENSE.md",

package/tsconfig.json

@@ -1,16 +1,14 @@
 {
-	"extends": "../../tsconfig.json",
+	"extends": "@n8n/frontend-typescript-config",
 	"compilerOptions": {
-		"rootDirs": [".", "../design-system/src", "../@n8n/chat/src"],
-		"outDir": "dist",
-		"target": "esnext",
-		"module": "esnext",
-		"allowJs": true,
-		"importHelpers": true,
-		"incremental": false,
-		"allowSyntheticDefaultImports": true,
-		"resolveJsonModule": true,
 		"baseUrl": ".",
+		"rootDirs": [
+			".",
+			"../../frontend/@n8n/composables/src",
+			"../design-system/src",
+			"../@n8n/chat/src"
+		],
+		"outDir": "dist",
 		"types": [
 			"vitest/globals",
 			"unplugin-icons/types/vue",
@@ -18,12 +16,11 @@
 		],
 		"paths": {
 			"@/*": ["./src/*"],
-			"n8n-design-system": ["../design-system/src/main.ts"],
-			"n8n-design-system/*": ["../design-system/src/*"],
+			"n8n-design-system*": ["../design-system/src*"],
+			"@n8n/composables*": ["../frontend/@n8n/composables/src*"],
 			"@n8n/chat/*": ["../@n8n/chat/src/*"],
 			"@n8n/api-types*": ["../@n8n/api-types/src*"]
 		},
-		"lib": ["esnext", "dom", "dom.iterable", "scripthost"],
 		// TODO: remove all options below this line
 		"useUnknownInCatchVariables": false
 	},

package/vite.config.mts

@@ -3,7 +3,7 @@ import { resolve } from 'path';
 import { defineConfig, mergeConfig } from 'vite';
 import svgLoader from 'vite-svg-loader';
 
-import { vitestConfig } from '../design-system/vite.config.mts';
+import { vitestConfig } from '@n8n/frontend-vitest-config';
 import icons from 'unplugin-icons/vite';
 import iconsResolver from 'unplugin-icons/resolver';
 import components from 'unplugin-vue-components/vite';
@@ -22,7 +22,7 @@ const alias = [
 	{ find: 'stream', replacement: 'stream-browserify' },
 	{
 		find: /^n8n-design-system$/,
-		replacement: resolve(__dirname, '..', 'design-system', 'src', 'main.ts'),
+		replacement: resolve(__dirname, '..', 'design-system', 'src', 'index.ts'),
 	},
 	{
 		find: /^n8n-design-system\//,
@@ -36,6 +36,10 @@ const alias = [
 		find: /^@n8n\/chat\//,
 		replacement: resolve(__dirname, '..', '@n8n', 'chat', 'src') + '/',
 	},
+	{
+		find: /^@n8n\/composables(.+)$/,
+		replacement: resolve(__dirname, '..', 'frontend', '@n8n', 'composables', 'src$1'),
+	},
 	...['orderBy', 'camelCase', 'cloneDeep', 'startCase'].map((name) => ({
 		find: new RegExp(`^lodash.${name}$`, 'i'),
 		replacement: `lodash-es/${name}`,

package/dist/assets/CollectionParameter-C_1RVSJv.js

@@ -1,4 +0,0 @@
-import { ie as _sfc_main } from "./index-DablXALM.js";
-export {
-  _sfc_main as default
-};

package/dist/assets/SettingsApiView-DJKJO7zM.css

@@ -1,145 +0,0 @@
-/* BEM support Func
- -------------------------- */
-/* Transition
--------------------------- */
-/* Color
--------------------------- */
-/* Link
--------------------------- */
-/* Border
--------------------------- */
-/* Outline
--------------------------- */
-/* Box shadow
--------------------------- */
-/* Fill
--------------------------- */
-/* Typography
--------------------------- */
-/* z-index
--------------------------- */
-/* Disable base
--------------------------- */
-/* Icon
--------------------------- */
-/* Checkbox
--------------------------- */
-/* Radio
--------------------------- */
-/* Select
--------------------------- */
-/* Alert
--------------------------- */
-/* MessageBox
--------------------------- */
-/* Message
--------------------------- */
-/* Notification
--------------------------- */
-/* Input
--------------------------- */
-/* Cascader
--------------------------- */
-/* Group
--------------------------- */
-/* Tab
--------------------------- */
-/* Button
--------------------------- */
-/* cascader
--------------------------- */
-/* Switch
--------------------------- */
-/* Dialog
--------------------------- */
-/* Table
--------------------------- */
-/* Pagination
--------------------------- */
-/* Popup
--------------------------- */
-/* Popover
--------------------------- */
-/* Tooltip
--------------------------- */
-/* Tag
--------------------------- */
-/* Tree
--------------------------- */
-/* Dropdown
--------------------------- */
-/* Badge
--------------------------- */
-/* Card
---------------------------*/
-/* Slider
---------------------------*/
-/* Steps
---------------------------*/
-/* Menu
---------------------------*/
-/* Rate
---------------------------*/
-/* DatePicker
---------------------------*/
-/* Loading
---------------------------*/
-/* Scrollbar
---------------------------*/
-/* Carousel
---------------------------*/
-/* Collapse
---------------------------*/
-/* Transfer
---------------------------*/
-/* Header
-  --------------------------*/
-/* Footer
---------------------------*/
-/* Main
---------------------------*/
-/* Timeline
---------------------------*/
-/* Backtop
---------------------------*/
-/* Link
---------------------------*/
-/* Calendar
---------------------------*/
-/* Form
--------------------------- */
-/* Avatar
---------------------------*/
-/* Break-point
---------------------------*/
-/* Break-points
- -------------------------- */
-/* Scrollbar
- -------------------------- */
-/* Placeholder
- -------------------------- */
-/* BEM
- -------------------------- */
-._container_10d3f_123 > * {
-  margin-bottom: var(--spacing-2xl);
-}
-._header_10d3f_127 {
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-}
-._header_10d3f_127 *:first-child {
-  flex-grow: 1;
-}
-._card_10d3f_136 {
-  position: relative;
-}
-._delete_10d3f_140 {
-  position: absolute;
-  display: inline-block;
-  top: var(--spacing-s);
-  right: var(--spacing-s);
-}
-._hint_10d3f_147 {
-  color: var(--color-text-light);
-}

package/dist/assets/SettingsApiView-EFylgnqH.js

@@ -1,227 +0,0 @@
-import { d as defineComponent, p as useSettingsStore, aH as useCloudPlanStore, Z as useRootStore, a as useToast, a3 as useDocumentTitle, a5 as usePageRedirectionHelper, r as ref, q as computed, o as onMounted, fo as DOCS_DOMAIN, c as openBlock, h as createElementBlock, j as createBaseVNode, i as createVNode, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, n as normalizeClass, cY as CopyInput, e as createBlock, f as createCommentVNode, g as useI18n, ae as MODAL_CONFIRM, m as resolveComponent, ak as useMessage, aj as useTelemetry, _ as _export_sfc } from "./index-DablXALM.js";
-const _hoisted_1 = { style: { fontSize: "var(--font-size-s)", color: "var(--color-text-light)" } };
-const _hoisted_2 = { key: 0 };
-const _hoisted_3 = { class: "mb-s" };
-const _hoisted_4 = ["textContent"];
-const _hoisted_5 = ["textContent"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SettingsApiView",
-  setup(__props) {
-    const settingsStore = useSettingsStore();
-    const cloudPlanStore = useCloudPlanStore();
-    const { baseUrl } = useRootStore();
-    const { showError, showMessage } = useToast();
-    const { confirm } = useMessage();
-    const documentTitle = useDocumentTitle();
-    const i18n = useI18n();
-    const { goToUpgrade } = usePageRedirectionHelper();
-    const telemetry = useTelemetry();
-    const loading = ref(false);
-    const mounted = ref(false);
-    const apiKeys = ref([]);
-    const apiDocsURL = ref("");
-    const { isPublicApiEnabled, isSwaggerUIEnabled, publicApiPath, publicApiLatestVersion } = settingsStore;
-    const isRedactedApiKey = computed(() => {
-      if (!apiKeys.value) return false;
-      return apiKeys.value[0].apiKey.includes("*");
-    });
-    onMounted(() => {
-      documentTitle.set(i18n.baseText("settings.api"));
-      if (!isPublicApiEnabled) return;
-      void getApiKeys();
-      apiDocsURL.value = isSwaggerUIEnabled ? `${baseUrl}${publicApiPath}/v${publicApiLatestVersion}/docs` : `https://${DOCS_DOMAIN}/api/api-reference/`;
-    });
-    function onUpgrade() {
-      void goToUpgrade("settings-n8n-api", "upgrade-api", "redirect");
-    }
-    async function showDeleteModal() {
-      const confirmed = await confirm(
-        i18n.baseText("settings.api.delete.description"),
-        i18n.baseText("settings.api.delete.title"),
-        {
-          confirmButtonText: i18n.baseText("settings.api.delete.button"),
-          cancelButtonText: i18n.baseText("generic.cancel")
-        }
-      );
-      if (confirmed === MODAL_CONFIRM) {
-        await deleteApiKey();
-      }
-    }
-    async function getApiKeys() {
-      try {
-        apiKeys.value = await settingsStore.getApiKeys();
-      } catch (error) {
-        showError(error, i18n.baseText("settings.api.view.error"));
-      } finally {
-        mounted.value = true;
-      }
-    }
-    async function createApiKey() {
-      loading.value = true;
-      try {
-        const newApiKey = await settingsStore.createApiKey();
-        apiKeys.value.push(newApiKey);
-      } catch (error) {
-        showError(error, i18n.baseText("settings.api.create.error"));
-      } finally {
-        loading.value = false;
-        telemetry.track("User clicked create API key button");
-      }
-    }
-    async function deleteApiKey() {
-      try {
-        await settingsStore.deleteApiKey(apiKeys.value[0].id);
-        showMessage({
-          title: i18n.baseText("settings.api.delete.toast"),
-          type: "success"
-        });
-        apiKeys.value = [];
-      } catch (error) {
-        showError(error, i18n.baseText("settings.api.delete.error"));
-      } finally {
-        telemetry.track("User clicked delete API key button");
-      }
-    }
-    function onCopy() {
-      telemetry.track("User clicked copy API key button");
-    }
-    return (_ctx, _cache) => {
-      const _component_n8n_heading = resolveComponent("n8n-heading");
-      const _component_i18n_t = resolveComponent("i18n-t");
-      const _component_n8n_info_tip = resolveComponent("n8n-info-tip");
-      const _component_n8n_link = resolveComponent("n8n-link");
-      const _component_n8n_card = resolveComponent("n8n-card");
-      const _component_n8n_text = resolveComponent("n8n-text");
-      const _component_n8n_action_box = resolveComponent("n8n-action-box");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$style.container)
-      }, [
-        createBaseVNode("div", {
-          class: normalizeClass(_ctx.$style.header)
-        }, [
-          createVNode(_component_n8n_heading, { size: "2xlarge" }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(i18n).baseText("settings.api")) + " ", 1),
-              createBaseVNode("span", _hoisted_1, " (" + toDisplayString(unref(i18n).baseText("generic.beta")) + ") ", 1)
-            ]),
-            _: 1
-          })
-        ], 2),
-        apiKeys.value.length ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createBaseVNode("p", _hoisted_3, [
-            createVNode(_component_n8n_info_tip, { bold: false }, {
-              default: withCtx(() => [
-                createVNode(_component_i18n_t, {
-                  keypath: "settings.api.view.info",
-                  tag: "span"
-                }, {
-                  apiAction: withCtx(() => [
-                    createBaseVNode("a", {
-                      href: "https://docs.n8n.io/api",
-                      target: "_blank",
-                      textContent: toDisplayString(unref(i18n).baseText("settings.api.view.info.api"))
-                    }, null, 8, _hoisted_4)
-                  ]),
-                  webhookAction: withCtx(() => [
-                    createBaseVNode("a", {
-                      href: "https://docs.n8n.io/integrations/core-nodes/n8n-nodes-base.webhook/",
-                      target: "_blank",
-                      textContent: toDisplayString(unref(i18n).baseText("settings.api.view.info.webhook"))
-                    }, null, 8, _hoisted_5)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          createVNode(_component_n8n_card, {
-            class: normalizeClass(["mb-4xs", _ctx.$style.card])
-          }, {
-            default: withCtx(() => [
-              createBaseVNode("span", {
-                class: normalizeClass(_ctx.$style.delete)
-              }, [
-                createVNode(_component_n8n_link, {
-                  bold: true,
-                  onClick: showDeleteModal
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(i18n).baseText("generic.delete")), 1)
-                  ]),
-                  _: 1
-                })
-              ], 2),
-              createBaseVNode("div", null, [
-                createVNode(CopyInput, {
-                  label: apiKeys.value[0].label,
-                  value: apiKeys.value[0].apiKey,
-                  "copy-button-text": unref(i18n).baseText("generic.clickToCopy"),
-                  "toast-title": unref(i18n).baseText("settings.api.view.copy.toast"),
-                  "redact-value": true,
-                  "disable-copy": isRedactedApiKey.value,
-                  hint: !isRedactedApiKey.value ? unref(i18n).baseText("settings.api.view.copy") : "",
-                  onCopy
-                }, null, 8, ["label", "value", "copy-button-text", "toast-title", "disable-copy", "hint"])
-              ])
-            ]),
-            _: 1
-          }, 8, ["class"]),
-          createBaseVNode("div", {
-            class: normalizeClass(_ctx.$style.hint)
-          }, [
-            createVNode(_component_n8n_text, { size: "small" }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText(`settings.api.view.${unref(isSwaggerUIEnabled) ? "tryapi" : "more-details"}`)), 1)
-              ]),
-              _: 1
-            }),
-            _cache[0] || (_cache[0] = createTextVNode(" " + toDisplayString(" ") + " ")),
-            createVNode(_component_n8n_link, {
-              to: apiDocsURL.value,
-              "new-window": true,
-              size: "small"
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText(
-                  `settings.api.view.${unref(isSwaggerUIEnabled) ? "apiPlayground" : "external-docs"}`
-                )), 1)
-              ]),
-              _: 1
-            }, 8, ["to"])
-          ], 2)
-        ])) : !unref(isPublicApiEnabled) && unref(cloudPlanStore).userIsTrialing ? (openBlock(), createBlock(_component_n8n_action_box, {
-          key: 1,
-          "data-test-id": "public-api-upgrade-cta",
-          heading: unref(i18n).baseText("settings.api.trial.upgradePlan.title"),
-          description: unref(i18n).baseText("settings.api.trial.upgradePlan.description"),
-          "button-text": unref(i18n).baseText("settings.api.trial.upgradePlan.cta"),
-          "onClick:button": onUpgrade
-        }, null, 8, ["heading", "description", "button-text"])) : mounted.value && !unref(cloudPlanStore).state.loadingPlan ? (openBlock(), createBlock(_component_n8n_action_box, {
-          key: 2,
-          "button-text": unref(i18n).baseText(loading.value ? "settings.api.create.button.loading" : "settings.api.create.button"),
-          description: unref(i18n).baseText("settings.api.create.description"),
-          "onClick:button": createApiKey
-        }, null, 8, ["button-text", "description"])) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-const container = "_container_10d3f_123";
-const header = "_header_10d3f_127";
-const card = "_card_10d3f_136";
-const hint = "_hint_10d3f_147";
-const style0 = {
-  container,
-  header,
-  card,
-  "delete": "_delete_10d3f_140",
-  hint
-};
-const cssModules = {
-  "$style": style0
-};
-const SettingsApiView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-export {
-  SettingsApiView as default
-};