n8n-editor-ui 1.102.2 → 1.103.1

package/dist/assets/{useKeybindings-ul7syjnB.js → useKeybindings-D5pwrTFM.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, e as createBlock, g as openBlock, dJ as Transition, w as withCtx, aU as withDirectives, aV as vShow, j as createBaseVNode, n as normalizeClass, _ as _export_sfc, Q as createEventBus, bW as inject, r as ref, c5 as PiPWindowSymbol, cn as useActiveElement, dP as useDeviceSupport, x as computed, cZ as toValue, eD as useEventListener } from "./index-B3p3789J.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-BEC9W_3K.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-DHCwu3nX.js → useProjectPages-BKkEKuqG.js}

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

package/dist/assets/{usePushConnection-Iyy-883l.js → usePushConnection-TyXi_EKD.js}

@@ -1,5 +1,5 @@
-import { fS as makeRestApiRequest, a4 as useWorkflowsStore, T as useUIStore, fT as clearPopupWindowState, ev as getEasyAiWorkflowJson, ay as useTelemetry, ce as parse, fU as hasTrimmedItem, v as useSettingsStore, aj as useWorkflowSaving, ak as useWorkflowHelpers, aC as WORKFLOW_SETTINGS_MODAL_KEY, a as useToast, fV as generateNodesGraph, c as useI18n, fW as getExecutionErrorToastConfiguration, bI as useNodeTypesStore, dZ as getTriggerNodeServiceName, bD as useNodeHelpers, fX as hasTrimmedData, bf as useExternalHooks, fY as codeNodeEditorEventBus, eo as EVALUATION_TRIGGER_NODE_TYPE, bE as useRunWorkflow, fZ as getExecutionErrorMessage, dg as useCredentialsStore, f_ as useAssistantStore, f$ as useSchemaPreviewStore, c_ as isCommunityPackageName, a2 as defineStore, ac as useRootStore, a3 as usePushConnectionStore, r as ref } from "./index-B3p3789J.js";
-import { g as globalLinkActionsEventBus } from "./global-link-actions-BIVeUMGo.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-BEC9W_3K.js";
+import { g as globalLinkActionsEventBus } from "./global-link-actions-NNtNk_7A.js";
 var GET_STATUS_ENDPOINT = "/orchestration/worker/status";
 var sendGetWorkerStatus = async (context) => {
   await makeRestApiRequest(context, "POST", GET_STATUS_ENDPOINT);

package/dist/assets/{useWorkflowActivate-DpHXxGAq.js → useWorkflowActivate-BRxfn_zV.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, g6 as LOCAL_STORAGE_ACTIVATION_FLAG, g7 as WORKFLOW_ACTIVE_MODAL_KEY } from "./index-B3p3789J.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-BEC9W_3K.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-B3p3789J.js"></script>
-		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-COleXxZf.css">
+		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/index-BEC9W_3K.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.2",
+  "version": "1.103.1",
   "description": "Workflow Editor UI for n8n",
   "main": "index.js",
   "type": "module",

package/dist/assets/CollectionParameter-DvyRKBx0.js

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

package/dist/assets/RunDataParsedAiContent-BILLIvVH.js

@@ -1,148 +0,0 @@
-import { d as defineComponent, c4 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-B3p3789J.js";
-import { V as VueMarkdown, H as HighlightJS } from "./RunData-CctCvWsu.js";
-import "./FileSaver.min-BemkeU_7.js";
-import "./useKeybindings-ul7syjnB.js";
-import "./useExecutionHelpers-i07QEXws.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
-};