n8n-editor-ui 1.102.1 → 1.103.0

package/dist/assets/{index-xisjkmTV.js → index-Cohi4onR.js}

@@ -1,4 +1,4 @@
-import { h0 as Chart$1, d as defineComponent, cd as shallowRef, aK as h, h1 as BarController, h2 as version, r as ref, o as onMounted, I as onBeforeUnmount, aa as watch, bu as toRaw, bt as isProxy, h3 as LineController } from "./index-Bc_EAhEX.js";
+import { hj as Chart$1, d as defineComponent, cd as shallowRef, aK as h, hk as BarController, hl as version, r as ref, o as onMounted, I as onBeforeUnmount, aa as watch, bu as toRaw, bt as isProxy, hm as LineController } from "./index-CAU8Zeff.js";
 const CommonProps = {
   data: {
     type: Object,

package/dist/assets/{pickBy-hjwypYbp.js → pickBy-Bmcb35Dl.js}

@@ -1,4 +1,4 @@
-import { gS as require_arrayMap, gT as require_baseIteratee, gU as require_basePickBy, gV as require_getAllKeysIn, bJ as getDefaultExportFromCjs } from "./index-Bc_EAhEX.js";
+import { h9 as require_arrayMap, ha as require_baseIteratee, hb as require_basePickBy, hc as require_getAllKeysIn, bJ as getDefaultExportFromCjs } from "./index-CAU8Zeff.js";
 var pickBy_1;
 var hasRequiredPickBy;
 function requirePickBy() {

package/dist/assets/{templateActions-C6lKmTTP.js → templateActions-Bsj8nngl.js}

@@ -1,4 +1,4 @@
-import { fj as assert, fy as doesNodeHaveCredentialsToFill, V as VIEWS, eu as tryToParseNumber, fz as getNewWorkflow, fA as replaceAllTemplateNodeCredentials, ev as getNodesWithNormalizedPosition } from "./index-Bc_EAhEX.js";
+import { fD as assert, fS as doesNodeHaveCredentialsToFill, V as VIEWS, eO as tryToParseNumber, fT as getNewWorkflow, fU as replaceAllTemplateNodeCredentials, eP as getNodesWithNormalizedPosition } from "./index-CAU8Zeff.js";
 async function createWorkflowFromTemplate(opts) {
   const { credentialOverrides, nodeTypeProvider, rootStore, template, workflowsStore } = opts;
   const workflowData = await getNewWorkflow(rootStore.restApiContext, { name: template.name });

package/dist/assets/{useBeforeUnload-BB6o3uNC.js → useBeforeUnload-aOI6YxZR.js}

@@ -1,4 +1,4 @@
-import { T as useUIStore, ad as useCanvasStore, r as ref, x as computed, V as VIEWS, c as useI18n } from "./index-Bc_EAhEX.js";
+import { T as useUIStore, ad as useCanvasStore, r as ref, x as computed, V as VIEWS, c as useI18n } from "./index-CAU8Zeff.js";
 function useBeforeUnload({ route }) {
   const uiStore = useUIStore();
   const canvasStore = useCanvasStore();

package/dist/assets/{useExecutionDebugging-B_nePSQI.js → useExecutionDebugging-dVW9cpg5.js}

@@ -1,4 +1,4 @@
-import { b as useRouter, a as useToast, a4 as useWorkflowsStore, v as useSettingsStore, T as useUIStore, al as usePageRedirectionHelper, x as computed, ap as EnterpriseEditionFeature, c as useI18n, eI as DEBUG_PAYWALL_MODAL_KEY, aK as h, dX as sanitizeHtml, aA as useMessage, aB as MODAL_CONFIRM, V as VIEWS, ay as useTelemetry, ac as useRootStore, eJ as isFullExecutionResponse } from "./index-Bc_EAhEX.js";
+import { b as useRouter, a as useToast, a4 as useWorkflowsStore, v as useSettingsStore, T as useUIStore, al as usePageRedirectionHelper, x as computed, ap as EnterpriseEditionFeature, c as useI18n, f0 as DEBUG_PAYWALL_MODAL_KEY, aK as h, d$ as sanitizeHtml, aA as useMessage, aB as MODAL_CONFIRM, V as VIEWS, ay as useTelemetry, ac as useRootStore, f1 as isFullExecutionResponse } from "./index-CAU8Zeff.js";
 const useExecutionDebugging = () => {
   const telemetry = useTelemetry();
   const router = useRouter();

package/dist/assets/{useExecutionHelpers-D2zXfbFy.js → useExecutionHelpers-BIfEl-h7.js}

@@ -1,4 +1,4 @@
-import { b as useRouter, V as VIEWS, ay as useTelemetry, gD as convertToDisplayDate, c as useI18n } from "./index-Bc_EAhEX.js";
+import { b as useRouter, V as VIEWS, ay as useTelemetry, gW as convertToDisplayDate, c as useI18n } from "./index-CAU8Zeff.js";
 function useExecutionHelpers() {
   const i18n = useI18n();
   const router = useRouter();

package/dist/assets/{useImportCurlCommand-DY5nDfnn.js → useImportCurlCommand-B4EFH3RG.js}

@@ -1,6 +1,6 @@
-import { hC as require$$0, bJ as getDefaultExportFromCjs, a as useToast, l as unref, fj as assert, hD as CURL_IMPORT_NOT_SUPPORTED_PROTOCOLS, hE as CURL_IMPORT_NODES_PROTOCOLS, c as useI18n, bq as get } from "./index-Bc_EAhEX.js";
+import { hV as require$$0, bJ as getDefaultExportFromCjs, a as useToast, l as unref, fD as assert, hW as CURL_IMPORT_NOT_SUPPORTED_PROTOCOLS, hX as CURL_IMPORT_NODES_PROTOCOLS, c as useI18n, bq as get } from "./index-CAU8Zeff.js";
 import { c as commonjsRequire } from "./_commonjs-dynamic-modules-TGKdzP3c.js";
-import { i as importCurlEventBus } from "./import-curl-C97T8B2Z.js";
+import { i as importCurlEventBus } from "./import-curl-jc1UtwMR.js";
 class CCError extends Error {
 }
 const UTF8encoder = new TextEncoder();

package/dist/assets/{useKeybindings-CWoF0-wG.js → useKeybindings-0d48UFTt.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, e as createBlock, g as openBlock, dG as Transition, w as withCtx, aU as withDirectives, aV as vShow, j as createBaseVNode, n as normalizeClass, _ as _export_sfc, Q as createEventBus, bU as inject, r as ref, c3 as PiPWindowSymbol, cl as useActiveElement, dM as useDeviceSupport, x as computed, cX as toValue, eA as useEventListener } from "./index-Bc_EAhEX.js";
+import { d as defineComponent, e as createBlock, g as openBlock, dK as Transition, w as withCtx, aS as withDirectives, aT as vShow, j as createBaseVNode, n as normalizeClass, _ as _export_sfc, Q as createEventBus, a2 as defineStore, a4 as useWorkflowsStore, v as useSettingsStore, x as computed, cd as shallowRef, co as useVueFlow, dz as calculateNodeSize, bU as inject, r as ref, c3 as PiPWindowSymbol, cl as useActiveElement, dQ as useDeviceSupport, cX as toValue, eU as useEventListener } from "./index-CAU8Zeff.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BlockUi",
   props: {
@@ -33,6 +33,75 @@ const cssModules = {
 };
 const N8nBlockUi = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-76a59b58"]]);
 const canvasEventBus = createEventBus();
+const useExperimentalNdvStore = defineStore("experimentalNdv", () => {
+  const workflowStore = useWorkflowsStore();
+  const settingsStore = useSettingsStore();
+  const isEnabled = computed(
+    () => !Number.isNaN(settingsStore.experimental__minZoomNodeSettingsInCanvas) && settingsStore.experimental__minZoomNodeSettingsInCanvas > 0
+  );
+  const maxCanvasZoom = computed(
+    () => isEnabled.value ? settingsStore.experimental__minZoomNodeSettingsInCanvas : 4
+  );
+  const collapsedNodes = shallowRef({});
+  function setNodeExpanded(nodeId, isExpanded) {
+    collapsedNodes.value = {
+      ...collapsedNodes.value,
+      [nodeId]: isExpanded === void 0 ? !collapsedNodes.value[nodeId] : !isExpanded
+    };
+  }
+  function collapseAllNodes() {
+    collapsedNodes.value = workflowStore.allNodes.reduce(
+      (acc, node) => {
+        acc[node.id] = true;
+        return acc;
+      },
+      {}
+    );
+  }
+  function expandAllNodes() {
+    collapsedNodes.value = {};
+  }
+  function isActive(canvasZoom) {
+    return isEnabled.value && canvasZoom === maxCanvasZoom.value;
+  }
+  function focusNode(nodeId) {
+    const nodeToFocus = workflowStore.getNodeById(nodeId);
+    if (!nodeToFocus) {
+      return;
+    }
+    const vueFlow = useVueFlow(workflowStore.workflow.id);
+    collapsedNodes.value = workflowStore.allNodes.reduce(
+      (acc, node) => {
+        acc[node.id] = node.id !== nodeId;
+        return acc;
+      },
+      {}
+    );
+    const workflow = workflowStore.getCurrentWorkflow();
+    const nodeSize = calculateNodeSize(
+      workflow.getChildNodes(nodeToFocus.name, "ALL_NON_MAIN").length > 0,
+      workflow.getParentNodes(nodeToFocus.name, "ALL_NON_MAIN").length > 0,
+      workflow.getParentNodes(nodeToFocus.name, "main").length,
+      workflow.getChildNodes(nodeToFocus.name, "main").length,
+      workflow.getParentNodes(nodeToFocus.name, "ALL_NON_MAIN").length
+    );
+    void vueFlow.setCenter(
+      nodeToFocus.position[0] + nodeSize.width * 1.5 / 2,
+      nodeToFocus.position[1] + 80,
+      { duration: 200, zoom: maxCanvasZoom.value }
+    );
+  }
+  return {
+    isEnabled,
+    maxCanvasZoom,
+    collapsedNodes: computed(() => collapsedNodes.value),
+    isActive,
+    setNodeExpanded,
+    expandAllNodes,
+    collapseAllNodes,
+    focusNode
+  };
+});
 const useKeybindings = (keymap, options) => {
   const pipWindow = inject(PiPWindowSymbol, ref());
   const activeElement = useActiveElement({ window: pipWindow?.value });
@@ -113,6 +182,7 @@ const useKeybindings = (keymap, options) => {
 };
 export {
   N8nBlockUi as N,
+  useKeybindings as a,
   canvasEventBus as c,
-  useKeybindings as u
+  useExperimentalNdvStore as u
 };

package/dist/assets/{useProjectPages-C1iuN501.js → useProjectPages-4b50pSat.js}

@@ -1,4 +1,4 @@
-import { a5 as useRoute, x as computed, V as VIEWS, eb as reactive } from "./index-Bc_EAhEX.js";
+import { a5 as useRoute, x as computed, V as VIEWS, ew as reactive } from "./index-CAU8Zeff.js";
 const useProjectPages = () => {
   const route = useRoute();
   const isOverviewSubPage = computed(

package/dist/assets/{usePushConnection-BzHRKmnQ.js → usePushConnection-CKW8UPyl.js}

@@ -1,5 +1,5 @@
-import { fP as makeRestApiRequest, a4 as useWorkflowsStore, T as useUIStore, fQ as clearPopupWindowState, es as getEasyAiWorkflowJson, ay as useTelemetry, cc as parse, fR as hasTrimmedItem, v as useSettingsStore, aj as useWorkflowSaving, ak as useWorkflowHelpers, aC as WORKFLOW_SETTINGS_MODAL_KEY, a as useToast, fS as generateNodesGraph, c as useI18n, fT as getExecutionErrorToastConfiguration, bG as useNodeTypesStore, dW as getTriggerNodeServiceName, bB as useNodeHelpers, fU as hasTrimmedData, bf as useExternalHooks, fV as codeNodeEditorEventBus, el as EVALUATION_TRIGGER_NODE_TYPE, bC as useRunWorkflow, fW as getExecutionErrorMessage, de as useCredentialsStore, fX as useAssistantStore, fY as useSchemaPreviewStore, cY as isCommunityPackageName, a2 as defineStore, ac as useRootStore, a3 as usePushConnectionStore, r as ref } from "./index-Bc_EAhEX.js";
-import { g as globalLinkActionsEventBus } from "./global-link-actions-ApLuKzR7.js";
+import { g7 as makeRestApiRequest, a4 as useWorkflowsStore, T as useUIStore, g8 as clearPopupWindowState, eM as getEasyAiWorkflowJson, ay as useTelemetry, cc as parse, g9 as hasTrimmedItem, v as useSettingsStore, aj as useWorkflowSaving, ak as useWorkflowHelpers, aC as WORKFLOW_SETTINGS_MODAL_KEY, a as useToast, ga as generateNodesGraph, c as useI18n, gb as getExecutionErrorToastConfiguration, bG as useNodeTypesStore, d_ as getTriggerNodeServiceName, bB as useNodeHelpers, gc as hasTrimmedData, bd as useExternalHooks, gd as codeNodeEditorEventBus, eF as EVALUATION_TRIGGER_NODE_TYPE, bC as useRunWorkflow, ge as getExecutionErrorMessage, de as useCredentialsStore, gf as useAssistantStore, gg as useSchemaPreviewStore, cY as isCommunityPackageName, a2 as defineStore, ac as useRootStore, a3 as usePushConnectionStore, r as ref } from "./index-CAU8Zeff.js";
+import { g as globalLinkActionsEventBus } from "./global-link-actions-BZz1vmQq.js";
 var GET_STATUS_ENDPOINT = "/orchestration/worker/status";
 var sendGetWorkerStatus = async (context) => {
   await makeRestApiRequest(context, "POST", GET_STATUS_ENDPOINT);

package/dist/assets/{useWorkflowActivate-BtgQtLYi.js → useWorkflowActivate-C39vU0rW.js}

@@ -1,4 +1,4 @@
-import { r as ref, b as useRouter, ak as useWorkflowHelpers, aj as useWorkflowSaving, a4 as useWorkflowsStore, T as useUIStore, a as useToast, ah as useNpsSurveyStore, a6 as PLACEHOLDER_EMPTY_WORKFLOW_ID, ay as useTelemetry, bf as useExternalHooks, c as useI18n, b6 as useStorage, g3 as LOCAL_STORAGE_ACTIVATION_FLAG, g4 as WORKFLOW_ACTIVE_MODAL_KEY } from "./index-Bc_EAhEX.js";
+import { r as ref, b as useRouter, ak as useWorkflowHelpers, aj as useWorkflowSaving, a4 as useWorkflowsStore, T as useUIStore, a as useToast, ah as useNpsSurveyStore, a6 as PLACEHOLDER_EMPTY_WORKFLOW_ID, ay as useTelemetry, bd as useExternalHooks, c as useI18n, b4 as useStorage, gn as LOCAL_STORAGE_ACTIVATION_FLAG, go as WORKFLOW_ACTIVE_MODAL_KEY } from "./index-CAU8Zeff.js";
 function useWorkflowActivate() {
   const updatingWorkflowActivation = ref(false);
   const router = useRouter();

package/dist/index.html

@@ -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-Bc_EAhEX.js"></script>
-		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-COleXxZf.css">
+		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/index-CAU8Zeff.js"></script>
+		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-C6LoGNAx.css">
 	</head>
 	<body>
 		<noscript>

package/eslint.config.mjs

@@ -24,7 +24,7 @@ export default defineConfig(frontendConfig, {
 		'@typescript-eslint/dot-notation': 'warn',
 		'@stylistic/lines-between-class-members': 'warn',
 		'@stylistic/member-delimiter-style': 'warn',
-		'@typescript-eslint/naming-convention': 'warn',
+		'@typescript-eslint/naming-convention': 'off',
 		'@typescript-eslint/no-empty-interface': 'warn',
 		'@typescript-eslint/no-for-in-array': 'warn',
 		'@typescript-eslint/no-loop-func': 'warn',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n8n-editor-ui",
-  "version": "1.102.1",
+  "version": "1.103.0",
   "description": "Workflow Editor UI for n8n",
   "main": "index.js",
   "type": "module",

package/dist/assets/CollectionParameter-BHZreCj9.js

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

package/dist/assets/RunDataParsedAiContent-CqrmaGMC.js

@@ -1,148 +0,0 @@
-import { d as defineComponent, c2 as useClipboard, a as useToast, h as createElementBlock, g as openBlock, n as normalizeClass, F as Fragment, y as renderList, e as createBlock, f as createCommentVNode, l as unref, t as toDisplayString, i as createVNode, a0 as _sfc_main$1, c as useI18n, _ as _export_sfc } from "./index-Bc_EAhEX.js";
-import { V as VueMarkdown, H as HighlightJS } from "./RunData-BDJozDMW.js";
-import "./FileSaver.min-cXi1Jtg0.js";
-import "./useKeybindings-CWoF0-wG.js";
-import "./useExecutionHelpers-D2zXfbFy.js";
-const _hoisted_1 = ["data-content-type"];
-const _hoisted_2 = ["textContent"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "RunDataParsedAiContent",
-  props: {
-    content: {},
-    compact: { type: Boolean, default: false },
-    renderType: {}
-  },
-  setup(__props) {
-    const i18n = useI18n();
-    const clipboard = useClipboard();
-    const { showMessage } = useToast();
-    function isJsonString(text) {
-      try {
-        JSON.parse(text);
-        return true;
-      } catch (e) {
-        return false;
-      }
-    }
-    const markdownOptions = {
-      highlight(str, lang) {
-        if (lang && HighlightJS.getLanguage(lang)) {
-          try {
-            return HighlightJS.highlight(str, { language: lang }).value;
-          } catch {
-          }
-        }
-        return "";
-      }
-    };
-    function isMarkdown(jsonMarkdown) {
-      if (typeof jsonMarkdown !== "string") return false;
-      const markdownPatterns = [
-        /^# .+/gm,
-        // headers
-        /\*{1,2}.+\*{1,2}/g,
-        // emphasis and strong
-        /\[.+\]\(.+\)/g,
-        // links
-        /```[\s\S]+```/g
-        // code blocks
-      ];
-      return markdownPatterns.some((pattern) => pattern.test(jsonMarkdown));
-    }
-    function formatToJsonMarkdown(data) {
-      return "```json\n" + data + "\n```";
-    }
-    function jsonToMarkdown(data) {
-      if (isMarkdown(data)) return data;
-      if (Array.isArray(data) && data.length && typeof data[0] !== "number") {
-        const markdownArray = data.map((item) => jsonToMarkdown(item));
-        return markdownArray.join("\n\n").trim();
-      }
-      if (typeof data === "string") {
-        if (isJsonString(data)) {
-          return formatToJsonMarkdown(data);
-        }
-        return data;
-      }
-      return formatToJsonMarkdown(JSON.stringify(data, null, 2));
-    }
-    function onCopyToClipboard(object) {
-      try {
-        void clipboard.copy(JSON.stringify(object, void 0, 2));
-        showMessage({
-          title: i18n.baseText("generic.copiedToClipboard"),
-          type: "success"
-        });
-      } catch {
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([_ctx.$style.component, _ctx.compact ? _ctx.$style.compact : ""])
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.content, ({ parsedContent, raw }, index) => {
-          return openBlock(), createElementBlock("div", {
-            key: index,
-            class: normalizeClass(_ctx.$style.contentText),
-            "data-content-type": parsedContent?.type
-          }, [
-            parsedContent && _ctx.renderType === "rendered" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              parsedContent.type === "json" ? (openBlock(), createBlock(unref(VueMarkdown), {
-                key: 0,
-                source: jsonToMarkdown(parsedContent.data),
-                class: normalizeClass(_ctx.$style.markdown),
-                options: markdownOptions
-              }, null, 8, ["source", "class"])) : parsedContent.type === "markdown" ? (openBlock(), createBlock(unref(VueMarkdown), {
-                key: 1,
-                source: parsedContent.data,
-                class: normalizeClass(_ctx.$style.markdown),
-                options: markdownOptions
-              }, null, 8, ["source", "class"])) : parsedContent.type === "text" ? (openBlock(), createElementBlock("p", {
-                key: 2,
-                class: normalizeClass(_ctx.$style.runText),
-                textContent: toDisplayString(parsedContent.data)
-              }, null, 10, _hoisted_2)) : createCommentVNode("", true)
-            ], 64)) : (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: normalizeClass(_ctx.$style.rawContent)
-            }, [
-              createVNode(unref(_sfc_main$1), {
-                size: "small",
-                class: normalizeClass(_ctx.$style.copyToClipboard),
-                type: "secondary",
-                title: unref(i18n).baseText("nodeErrorView.copyToClipboard"),
-                icon: "files",
-                onClick: ($event) => onCopyToClipboard(raw)
-              }, null, 8, ["class", "title", "onClick"]),
-              createVNode(unref(VueMarkdown), {
-                source: jsonToMarkdown(raw),
-                class: normalizeClass(_ctx.$style.markdown)
-              }, null, 8, ["source", "class"])
-            ], 2))
-          ], 10, _hoisted_1);
-        }), 128))
-      ], 2);
-    };
-  }
-});
-const runText = "_runText_1ucj0_123";
-const markdown = "_markdown_1ucj0_128";
-const compact = "_compact_1ucj0_151";
-const copyToClipboard = "_copyToClipboard_1ucj0_159";
-const rawContent = "_rawContent_1ucj0_169";
-const contentText = "_contentText_1ucj0_173";
-const style0 = {
-  runText,
-  markdown,
-  compact,
-  copyToClipboard,
-  rawContent,
-  contentText
-};
-const cssModules = {
-  "$style": style0
-};
-const RunDataAi = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-export {
-  RunDataAi as default
-};