@atom8n/n8n-editor-ui 2.2.0

package/dist/assets/useExecutionData-M5iKsX6z.js

@@ -0,0 +1,23 @@
+import { C as computed } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { P as useWorkflowsStore } from "./builder.store-Czk2ipDE.js";
+function useExecutionData({ node }) {
+	const workflowsStore = useWorkflowsStore();
+	const workflowExecution = computed(() => {
+		return workflowsStore.getWorkflowExecution;
+	});
+	const workflowRunData = computed(() => {
+		if (workflowExecution.value === null) return null;
+		const executionData = workflowExecution.value.data;
+		if (!executionData?.resultData?.runData) return null;
+		return executionData.resultData.runData;
+	});
+	return {
+		workflowExecution,
+		workflowRunData,
+		hasNodeRun: computed(() => {
+			if (workflowsStore.subWorkflowExecutionError) return true;
+			return Boolean(node.value && workflowRunData.value && Object.prototype.hasOwnProperty.bind(workflowRunData.value)(node.value.name));
+		})
+	};
+}
+export { useExecutionData as t };

package/dist/assets/useExecutionDebugging-8azMzbnd.js

@@ -0,0 +1,191 @@
+import { C as computed, L as h } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { rt as useI18n } from "./core-CRbPymLT.js";
+import { D as sanitizeHtml, Jn as useWorkflowState, Mr as isFullExecutionResponse, P as useWorkflowsStore, aa as useUIStore, h as useMessage, k as useTelemetry, ms as useSettingsStore, ns as DEBUG_PAYWALL_MODAL_KEY, qn as injectWorkflowState, r as useWorkflowFileSync, y as useToast } from "./builder.store-Czk2ipDE.js";
+import { v as useRouter } from "./get-BcEmeOxn.js";
+import { Ro as VIEWS, Vi as createRunExecutionData, rs as MODAL_CONFIRM, yc as EnterpriseEditionFeature } from "./constants-C8OH4tTq.js";
+import { r as useRootStore } from "./_baseOrderBy-N8Be_6z6.js";
+import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-DjkznpX6.js";
+const useExecutionDebugging = () => {
+	const telemetry = useTelemetry();
+	const router = useRouter();
+	const i18n = useI18n();
+	const message = useMessage();
+	const toast = useToast();
+	const workflowsStore = useWorkflowsStore();
+	let workflowState;
+	try {
+		workflowState = injectWorkflowState();
+	} catch {
+		workflowState = useWorkflowState();
+	}
+	const settingsStore = useSettingsStore();
+	const uiStore = useUIStore();
+	const pageRedirectionHelper = usePageRedirectionHelper();
+	const isDebugEnabled = computed(() => settingsStore.isEnterpriseFeatureEnabled[EnterpriseEditionFeature.DebugInEditor]);
+	const applyExecutionData = async (executionId) => {
+		const execution = await workflowsStore.getExecution(executionId);
+		const workflowObject = workflowsStore.workflowObject;
+		const workflowNodes = workflowsStore.getNodes();
+		if (!execution?.data?.resultData) return;
+		const { runData } = execution.data.resultData;
+		const executionNodeNames = Object.keys(runData);
+		const missingNodeNames = executionNodeNames.filter((name) => !workflowNodes.some((node) => node.name === name));
+		const workflowPinnedNodeNames = Object.keys(workflowsStore.workflow.pinData ?? {});
+		const matchingPinnedNodeNames = executionNodeNames.filter((name) => workflowPinnedNodeNames.includes(name));
+		if (matchingPinnedNodeNames.length > 0) {
+			const confirmMessage = h("p", [i18n.baseText("nodeView.confirmMessage.debug.message"), h("ul", { class: "mt-l ml-l" }, matchingPinnedNodeNames.map((name) => h("li", sanitizeHtml(name))))]);
+			if (await message.confirm(confirmMessage, i18n.baseText("nodeView.confirmMessage.debug.headline"), {
+				type: "warning",
+				confirmButtonText: i18n.baseText("nodeView.confirmMessage.debug.confirmButtonText"),
+				cancelButtonText: i18n.baseText("nodeView.confirmMessage.debug.cancelButtonText"),
+				customClass: "matching-pinned-nodes-confirmation"
+			}) === "confirm") matchingPinnedNodeNames.forEach((name) => {
+				const node = workflowsStore.getNodeByName(name);
+				if (node) workflowsStore.unpinData({ node });
+			});
+			else {
+				await router.push({
+					name: VIEWS.EXECUTION_PREVIEW,
+					params: {
+						name: workflowObject.id,
+						executionId
+					}
+				});
+				return;
+			}
+		}
+		workflowState.resetAllNodesIssues();
+		workflowState.setWorkflowExecutionData(execution);
+		const pinnableNodes = workflowNodes.filter((node) => !workflowObject.getParentNodes(node.name).length);
+		let pinnings = 0;
+		pinnableNodes.forEach((node) => {
+			const taskData = runData[node.name]?.[0];
+			if (taskData?.data?.main) {
+				const nodeData = taskData.data.main.find((output) => output && output.length > 0);
+				if (nodeData) {
+					pinnings++;
+					workflowsStore.pinData({
+						node,
+						data: nodeData,
+						isRestoration: true
+					});
+				}
+			}
+		});
+		toast.showToast({
+			title: i18n.baseText("nodeView.showMessage.debug.title"),
+			message: i18n.baseText("nodeView.showMessage.debug.content"),
+			type: "info"
+		});
+		if (missingNodeNames.length) toast.showToast({
+			title: i18n.baseText("nodeView.showMessage.debug.missingNodes.title"),
+			message: i18n.baseText("nodeView.showMessage.debug.missingNodes.content", { interpolate: { nodeNames: missingNodeNames.join(", ") } }),
+			type: "warning"
+		});
+		telemetry.track("User clicked debug execution button", {
+			instance_id: useRootStore().instanceId,
+			exec_status: isFullExecutionResponse(execution) ? execution.status : "",
+			override_pinned_data: pinnableNodes.length === pinnings,
+			all_exec_data_imported: missingNodeNames.length === 0
+		});
+		const workflowFileSync = useWorkflowFileSync();
+		const currentWorkflowData = workflowFileSync.getCurrentWorkflowData();
+		if (currentWorkflowData) {
+			const executionRunData = execution.data?.resultData?.runData;
+			const executionTiming = {
+				startedAt: execution.startedAt,
+				stoppedAt: execution.stoppedAt
+			};
+			workflowFileSync.syncWorkflowToFile(currentWorkflowData, true, executionRunData, executionTiming);
+		}
+	};
+	const handleDebugLinkClick = (event) => {
+		if (!isDebugEnabled.value) {
+			uiStore.openModalWithData({
+				name: DEBUG_PAYWALL_MODAL_KEY,
+				data: {
+					title: i18n.baseText("executionsList.debug.paywall.title"),
+					footerButtonAction: () => {
+						uiStore.closeModal(DEBUG_PAYWALL_MODAL_KEY);
+						pageRedirectionHelper.goToUpgrade("debug", "upgrade-debug");
+					}
+				}
+			});
+			event.preventDefault();
+			event.stopPropagation();
+			return;
+		}
+		workflowsStore.isInDebugMode = false;
+	};
+	const applyRunDataFromFile = async (runData) => {
+		const workflowObject = workflowsStore.workflowObject;
+		const workflowNodes = workflowsStore.getNodes();
+		if (!runData || typeof runData !== "object") {
+			toast.showError(/* @__PURE__ */ new Error("Invalid runData provided"), "Failed to load data");
+			return;
+		}
+		const executionNodeNames = Object.keys(runData);
+		const missingNodeNames = executionNodeNames.filter((name) => !workflowNodes.some((node) => node.name === name));
+		const workflowPinnedNodeNames = Object.keys(workflowsStore.workflow.pinData ?? {});
+		const matchingPinnedNodeNames = executionNodeNames.filter((name) => workflowPinnedNodeNames.includes(name));
+		if (matchingPinnedNodeNames.length > 0) {
+			const confirmMessage = h("p", [i18n.baseText("nodeView.confirmMessage.debug.message"), h("ul", { class: "mt-l ml-l" }, matchingPinnedNodeNames.map((name) => h("li", sanitizeHtml(name))))]);
+			if (await message.confirm(confirmMessage, i18n.baseText("nodeView.confirmMessage.debug.headline"), {
+				type: "warning",
+				confirmButtonText: i18n.baseText("nodeView.confirmMessage.debug.confirmButtonText"),
+				cancelButtonText: i18n.baseText("nodeView.confirmMessage.debug.cancelButtonText"),
+				customClass: "matching-pinned-nodes-confirmation"
+			}) === "confirm") matchingPinnedNodeNames.forEach((name) => {
+				const node = workflowsStore.getNodeByName(name);
+				if (node) workflowsStore.unpinData({ node });
+			});
+			else return;
+		}
+		workflowState.resetAllNodesIssues();
+		const executionData = {
+			id: "loaded-from-file",
+			finished: true,
+			mode: "manual",
+			status: "success",
+			createdAt: /* @__PURE__ */ new Date(),
+			startedAt: /* @__PURE__ */ new Date(),
+			stoppedAt: /* @__PURE__ */ new Date(),
+			workflowId: workflowsStore.workflowId,
+			data: createRunExecutionData({ resultData: { runData } }),
+			workflowData: workflowsStore.workflow
+		};
+		workflowState.setWorkflowExecutionData(executionData);
+		const pinnableNodes = workflowNodes.filter((node) => !workflowObject.getParentNodes(node.name).length);
+		let pinnings = 0;
+		pinnableNodes.forEach((node) => {
+			const taskData = runData[node.name]?.[0];
+			if (taskData?.data?.main) {
+				const nodeData = taskData.data.main.find((output) => output && output.length > 0);
+				if (nodeData) {
+					pinnings++;
+					workflowsStore.pinData({
+						node,
+						data: nodeData,
+						isRestoration: true
+					});
+				}
+			}
+		});
+		toast.showToast({
+			title: i18n.baseText("nodeView.showMessage.debug.title"),
+			message: i18n.baseText("nodeView.showMessage.debug.content"),
+			type: "info"
+		});
+		if (missingNodeNames.length) toast.showToast({
+			title: i18n.baseText("nodeView.showMessage.debug.missingNodes.title"),
+			message: i18n.baseText("nodeView.showMessage.debug.missingNodes.content", { interpolate: { nodeNames: missingNodeNames.join(", ") } }),
+			type: "warning"
+		});
+	};
+	return {
+		applyExecutionData,
+		handleDebugLinkClick,
+		applyRunDataFromFile
+	};
+};
+export { useExecutionDebugging as t };

package/dist/assets/useExecutionHelpers-BgRRhpBM.js

@@ -0,0 +1,91 @@
+import { rt as useI18n } from "./core-CRbPymLT.js";
+import { k as useTelemetry } from "./builder.store-Czk2ipDE.js";
+import { v as useRouter } from "./get-BcEmeOxn.js";
+import { Ro as VIEWS } from "./constants-C8OH4tTq.js";
+import { t as convertToDisplayDate } from "./dateFormatter-ik4-9_9r.js";
+function useExecutionHelpers() {
+	const i18n = useI18n();
+	const router = useRouter();
+	const telemetry = useTelemetry();
+	function getUIDetails(execution) {
+		const status = {
+			name: "unknown",
+			createdAt: execution.createdAt?.toString() ?? "",
+			startTime: formatDate(execution.startedAt ?? execution.createdAt),
+			label: "Status unknown",
+			runningTime: "",
+			showTimestamp: true,
+			tags: execution.annotation?.tags ?? []
+		};
+		if (execution.status === "new") {
+			status.name = "new";
+			status.label = i18n.baseText("executionsList.new");
+			status.showTimestamp = false;
+		} else if (execution.status === "waiting") {
+			status.name = "waiting";
+			status.label = i18n.baseText("executionsList.waiting");
+			status.showTimestamp = false;
+		} else if (execution.status === "canceled") status.label = i18n.baseText("executionsList.canceled");
+		else if (execution.status === "running") {
+			status.name = "running";
+			status.label = i18n.baseText("executionsList.running");
+		} else if (execution.status === "success") {
+			status.name = "success";
+			status.label = i18n.baseText("executionsList.succeeded");
+		} else if (execution.status === "error" || execution.status === "crashed") {
+			status.name = "error";
+			status.label = i18n.baseText("executionsList.error");
+		}
+		if (!execution.status) execution.status = "unknown";
+		if (execution.startedAt && execution.stoppedAt) {
+			const stoppedAt = execution.stoppedAt ? new Date(execution.stoppedAt).getTime() : Date.now();
+			status.runningTime = i18n.displayTimer(stoppedAt - new Date(execution.startedAt).getTime(), true);
+		}
+		return status;
+	}
+	function formatDate(fullDate) {
+		const { date, time } = convertToDisplayDate(fullDate);
+		return i18n.baseText("executionsList.started", { interpolate: {
+			time,
+			date
+		} });
+	}
+	function isExecutionRetriable(execution) {
+		return ["crashed", "error"].includes(execution.status) && !execution.retrySuccessId;
+	}
+	function openExecutionInNewTab(executionId, workflowId) {
+		const route = router.resolve({
+			name: VIEWS.EXECUTION_PREVIEW,
+			params: {
+				name: workflowId,
+				executionId
+			}
+		});
+		window.open(route.href, "_blank");
+	}
+	function resolveRelatedExecutionUrl(metadata) {
+		const info = metadata.parentExecution || metadata.subExecution;
+		if (!info) return "";
+		const { workflowId, executionId } = info;
+		return router.resolve({
+			name: VIEWS.EXECUTION_PREVIEW,
+			params: {
+				name: workflowId,
+				executionId
+			}
+		}).fullPath;
+	}
+	function trackOpeningRelatedExecution(metadata, view) {
+		if (!(metadata.parentExecution || metadata.subExecution)) return;
+		telemetry.track(metadata.parentExecution ? "User clicked parent execution button" : "User clicked inspect sub-workflow", { view });
+	}
+	return {
+		getUIDetails,
+		formatDate,
+		isExecutionRetriable,
+		openExecutionInNewTab,
+		trackOpeningRelatedExecution,
+		resolveRelatedExecutionUrl
+	};
+}
+export { useExecutionHelpers as t };