n8n-editor-ui 1.103.1 → 1.104.1

package/dist/assets/{useProjectPages-BKkEKuqG.js → useProjectPages-CrI3xlbd.js}

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

package/dist/assets/{usePushConnection-TyXi_EKD.js → usePushConnection-EYkv1Xyg.js}

@@ -1,5 +1,6 @@
-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";
+import { gM as makeRestApiRequest, a5 as useWorkflowsStore, T as useUIStore, gN as clearPopupWindowState, eY as getEasyAiWorkflowJson, az as useTelemetry, cc as parse, gO as hasTrimmedItem, v as useSettingsStore, ak as useWorkflowSaving, al as useWorkflowHelpers, aD as WORKFLOW_SETTINGS_MODAL_KEY, a as useToast, gP as generateNodesGraph, c as useI18n, gQ as getExecutionErrorToastConfiguration, bH as useNodeTypesStore, e9 as getTriggerNodeServiceName, bC as useNodeHelpers, gR as hasTrimmedData, be as useExternalHooks, gS as codeNodeEditorEventBus, eR as EVALUATION_TRIGGER_NODE_TYPE, bD as useRunWorkflow, gT as getExecutionErrorMessage, du as useCredentialsStore, fa as useAssistantStore, fe as useSchemaPreviewStore, dd as isCommunityPackageName, a3 as defineStore, ad as useRootStore, a4 as usePushConnectionStore, r as ref } from "./index-BmZCxv8-.js";
+import { g as globalLinkActionsEventBus } from "./global-link-actions-DzXrk-LO.js";
+import { u as useAITemplatesStarterCollectionStore } from "./aiTemplatesStarterCollection.store-DrHWcqtc.js";
 var GET_STATUS_ENDPOINT = "/orchestration/worker/status";
 var sendGetWorkerStatus = async (context) => {
   await makeRestApiRequest(context, "POST", GET_STATUS_ENDPOINT);
@@ -7,6 +8,7 @@ var sendGetWorkerStatus = async (context) => {
 async function executionFinished({ data }, options) {
   const workflowsStore = useWorkflowsStore();
   const uiStore = useUIStore();
+  const aiTemplatesStarterCollectionStore = useAITemplatesStarterCollectionStore();
   workflowsStore.lastAddedExecutingNode = null;
   if (typeof workflowsStore.activeExecutionId === "undefined") {
     return;
@@ -22,6 +24,12 @@ async function executionFinished({ data }, options) {
         status: data.status
       });
     }
+    if (workflow.meta.templateId.startsWith("035_template_onboarding")) {
+      aiTemplatesStarterCollectionStore.trackUserExecutedWorkflow(
+        workflow.meta.templateId.split("-").pop() ?? "",
+        data.status
+      );
+    }
   }
   uiStore.setProcessingExecutionResults(true);
   let successToastAlreadyShown = false;

package/dist/assets/{useWorkflowActivate-BRxfn_zV.js → useWorkflowActivate-BiorS_mB.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, 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";
+import { r as ref, b as useRouter, al as useWorkflowHelpers, ak as useWorkflowSaving, a5 as useWorkflowsStore, T as useUIStore, a as useToast, ai as useNpsSurveyStore, a7 as PLACEHOLDER_EMPTY_WORKFLOW_ID, az as useTelemetry, be as useExternalHooks, c as useI18n, b5 as useStorage, g$ as LOCAL_STORAGE_ACTIVATION_FLAG, h0 as WORKFLOW_ACTIVE_MODAL_KEY } from "./index-BmZCxv8-.js";
 function useWorkflowActivate() {
   const updatingWorkflowActivation = ref(false);
   const router = useRouter();

package/dist/index.html

@@ -8,16 +8,12 @@
 		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
 		<link rel="icon" href="/{{BASE_PATH}}/favicon.ico" />
 		<style>@media (prefers-color-scheme: dark) { body { background-color: rgb(45, 46, 46) } }</style>
-		<script type="text/javascript">
-			window.BASE_PATH = '/{{BASE_PATH}}/';
-			window.REST_ENDPOINT = '{{REST_ENDPOINT}}';
-		</script>
-		<script src="/{{REST_ENDPOINT}}/sentry.js"></script>
+		<script src="/{{REST_ENDPOINT}}/config.js"></script>
 		<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-BEC9W_3K.js"></script>
-		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-C6LoGNAx.css">
+		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/index-BmZCxv8-.js"></script>
+		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-BWpYwmXd.css">
 	</head>
 	<body>
 		<noscript>

package/index.html

@@ -6,11 +6,7 @@
 		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
 		<link rel="icon" href="/favicon.ico" />
 		<style>@media (prefers-color-scheme: dark) { body { background-color: rgb(45, 46, 46) } }</style>
-		<script type="text/javascript">
-			window.BASE_PATH = '/{{BASE_PATH}}/';
-			window.REST_ENDPOINT = '{{REST_ENDPOINT}}';
-		</script>
-		<script src="/{{REST_ENDPOINT}}/sentry.js"></script>
+		%CONFIG_SCRIPT%
 		<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>

package/package.json

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

package/vite.config.mts

@@ -1,7 +1,8 @@
 import vue from '@vitejs/plugin-vue';
 import { posix as pathPosix, resolve } from 'path';
-import { defineConfig, mergeConfig } from 'vite';
+import { defineConfig, mergeConfig, type UserConfig } from 'vite';
 import { viteStaticCopy } from 'vite-plugin-static-copy';
+import { nodePolyfills } from 'vite-plugin-node-polyfills';
 import svgLoader from 'vite-svg-loader';
 
 import { vitestConfig } from '@n8n/vitest-config/frontend';
@@ -63,9 +64,14 @@ const alias = [
 		find: /^lodash\.(.+)$/,
 		replacement: 'lodash/$1',
 	},
+	{
+		// For sanitize-html
+		find: 'source-map-js',
+		replacement: resolve(__dirname, 'src/source-map-js-shim'),
+	},
 ];
 
-const plugins = [
+const plugins: UserConfig['plugins'] = [
 	icons({
 		compiler: 'vue3',
 		autoInstall: true,
@@ -115,6 +121,20 @@ const plugins = [
 		modernPolyfills: true,
 		renderLegacyChunks: false,
 	}),
+	{
+		name: 'Insert config script',
+		transformIndexHtml: (html, ctx) => {
+			const replacement = ctx.server
+				? '' // Skip when using Vite dev server
+				: '<script src="/{{REST_ENDPOINT}}/config.js"></script>';
+
+			return html.replace('%CONFIG_SCRIPT%', replacement);
+		},
+	},
+	// For sanitize-html
+	nodePolyfills({
+		include: ['fs', 'path', 'url', 'util', 'timers'],
+	}),
 ];
 
 const { RELEASE: release } = process.env;
@@ -131,7 +151,7 @@ export default mergeConfig(
 		plugins,
 		resolve: { alias },
 		base: publicPath,
-		envPrefix: 'VUE',
+		envPrefix: ['VUE', 'N8N_ENV_FEAT'],
 		css: {
 			preprocessorOptions: {
 				scss: {

package/dist/assets/CollectionParameter-BHthTTpD.js

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

package/dist/assets/useKeybindings-BUK7Ngh6.css

@@ -1,133 +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
- -------------------------- */
-._uiBlocker_j0zl4_123 {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: var(--color-block-ui-overlay);
-  z-index: 10;
-  opacity: 0.6;
-  border-radius: var(--border-radius-large);
-}

package/dist/assets/useKeybindings-D5pwrTFM.js

@@ -1,188 +0,0 @@
-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: {
-    show: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, {
-        name: "fade",
-        mode: "out-in"
-      }, {
-        default: withCtx(() => [
-          withDirectives(createBaseVNode("div", {
-            class: normalizeClass(["n8n-block-ui", _ctx.$style.uiBlocker]),
-            role: "dialog",
-            "aria-hidden": true
-          }, null, 2), [
-            [vShow, _ctx.show]
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-const uiBlocker = "_uiBlocker_j0zl4_123";
-const style0 = {
-  uiBlocker
-};
-const cssModules = {
-  "$style": style0
-};
-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 });
-  const { isCtrlKeyPressed } = useDeviceSupport();
-  const isDisabled = computed(() => toValue(options?.disabled));
-  const ignoreKeyPresses = computed(() => {
-    if (!activeElement.value) return false;
-    const active = activeElement.value;
-    const isInput = ["INPUT", "TEXTAREA"].includes(active.tagName);
-    const isContentEditable = active.closest("[contenteditable]") !== null;
-    const isIgnoreClass = active.closest(".ignore-key-press-canvas") !== null;
-    return isInput || isContentEditable || isIgnoreClass;
-  });
-  const normalizedKeymap = computed(
-    () => Object.fromEntries(
-      Object.entries(toValue(keymap)).flatMap(([shortcut, handler]) => {
-        const shortcuts = shortcut.split("|");
-        return shortcuts.map((s) => [normalizeShortcutString(s), handler]);
-      })
-    )
-  );
-  function shortcutPartsToString(parts) {
-    return parts.map((key) => key.toLowerCase()).sort((a, b) => a.localeCompare(b)).join("+");
-  }
-  function normalizeShortcutString(shortcut) {
-    if (shortcut.length === 1) {
-      return shortcut.toLowerCase();
-    }
-    const splitChars = ["+", "_", "-"];
-    const splitCharsRegEx = splitChars.reduce((acc, char) => {
-      if (shortcut.startsWith(char) || shortcut.endsWith(char)) {
-        return acc;
-      }
-      return char + acc;
-    }, "");
-    return shortcutPartsToString(shortcut.split(new RegExp(`[${splitCharsRegEx}]`)));
-  }
-  function keyboardEventCodeToKey(code) {
-    if (code.startsWith("Digit")) {
-      return code.replace("Digit", "").toLowerCase();
-    } else if (code.startsWith("Key")) {
-      return code.replace("Key", "").toLowerCase();
-    }
-    return code.toLowerCase();
-  }
-  function toShortcutString(event) {
-    const { shiftKey, altKey } = event;
-    const ctrlKey = isCtrlKeyPressed(event);
-    const keys = "key" in event ? [event.key] : [];
-    const codes = "code" in event ? [keyboardEventCodeToKey(event.code)] : [];
-    const modifiers = [];
-    if (shiftKey) {
-      modifiers.push("shift");
-    }
-    if (ctrlKey) {
-      modifiers.push("ctrl");
-    }
-    if (altKey) {
-      modifiers.push("alt");
-    }
-    return {
-      byKey: shortcutPartsToString([...modifiers, ...keys]),
-      byCode: shortcutPartsToString([...modifiers, ...codes])
-    };
-  }
-  function onKeyDown(event) {
-    if (ignoreKeyPresses.value || isDisabled.value) return;
-    const { byKey, byCode } = toShortcutString(event);
-    const handler = normalizedKeymap.value[byKey] ?? normalizedKeymap.value[byCode];
-    const run = typeof handler === "function" ? handler : handler?.disabled() ? void 0 : handler?.run;
-    if (run) {
-      event.preventDefault();
-      event.stopPropagation();
-      run(event);
-    }
-  }
-  useEventListener(pipWindow?.value?.document ?? document, "keydown", onKeyDown);
-};
-export {
-  N8nBlockUi as N,
-  useKeybindings as a,
-  canvasEventBus as c,
-  useExperimentalNdvStore as u
-};