@n8n/composables 1.21.0 → 1.23.0

package/dist/useToast.d.mts

@@ -0,0 +1,32 @@
+import { VIEWS } from "@n8n/frontend-constants/views";
+import { NotificationOptions } from "@n8n/stores/notifications.store";
+
+//#region src/useToast.d.ts
+interface NotificationHandle {
+  close: () => void;
+}
+type NotificationType = '' | 'success' | 'warning' | 'info' | 'error';
+type NotifyFn = (options: Record<string, unknown>) => NotificationHandle;
+declare function setNotify(fn: NotifyFn): void;
+declare function useToast(): {
+  showMessage: (messageData: Partial<NotificationOptions>, track?: boolean) => NotificationHandle;
+  showToast: (config: {
+    title: string;
+    message: NotificationOptions["message"];
+    onClick?: (event?: MouseEvent) => void;
+    onClose?: () => void;
+    duration?: number;
+    customClass?: string;
+    closeOnClick?: boolean;
+    type?: NotificationType;
+  }) => NotificationHandle;
+  showError: (e: unknown, title: string, options?: {
+    message?: string;
+    description?: string;
+  }) => void;
+  clearAllStickyNotifications: () => void;
+  showNotificationForViews: (views: VIEWS[]) => void;
+};
+//#endregion
+export { NotificationHandle, NotificationType, setNotify, useToast };
+//# sourceMappingURL=useToast.d.mts.map

package/dist/useToast.mjs

@@ -0,0 +1,173 @@
+import { r as useExternalHooks } from "./useExternalHooks2.mjs";
+import { r as useTelemetry } from "./useTelemetry2.mjs";
+import { computed } from "vue";
+import { APP_Z_INDEXES } from "@n8n/frontend-constants/z-indexes";
+import { VIEWS } from "@n8n/frontend-constants/views";
+import { sanitizeHtml } from "@n8n/frontend-utils/htmlUtils";
+import { useI18n } from "@n8n/i18n";
+import { useNotificationsStore } from "@n8n/stores/notifications.store";
+import { useRoute } from "vue-router";
+
+//#region src/useToast.ts
+let registeredNotify;
+/**
+* Register the notification function. Called once at bootstrap by
+* `editor-ui` (passing `ElNotification` from element-plus) so `useToast`
+* can issue notifications without importing element-plus directly — keeping
+* the DTS build lightweight.
+*/
+function setNotify(fn) {
+	registeredNotify = fn;
+}
+const noopHandle = { close() {} };
+const noopNotify = () => noopHandle;
+const stickyNotificationQueue = [];
+function useToast() {
+	const notify = registeredNotify ?? noopNotify;
+	const telemetry = useTelemetry();
+	const route = useRoute();
+	const workflowId = computed(() => {
+		if (route?.name === VIEWS.DEMO || route?.name === VIEWS.DEMO_DIFF) return "demo";
+		const id = route?.params?.workflowId;
+		return (Array.isArray(id) ? id[0] : id) ?? "";
+	});
+	const notificationsStore = useNotificationsStore();
+	const externalHooks = useExternalHooks();
+	const i18n = useI18n();
+	function causedByCredential(message) {
+		if (!message || typeof message !== "string") return false;
+		return message.includes("Credentials for") && message.includes("are not set");
+	}
+	function showMessage(messageData, track = true) {
+		const suppressed = notificationsStore.areNotificationsSuppressed;
+		const allowErrors = notificationsStore.allowErrorNotificationsWhenSuppressed;
+		if (suppressed && !(allowErrors && messageData.type === "error")) return { close: () => {} };
+		const messageDefaults = {
+			dangerouslyUseHTMLString: true,
+			position: "bottom-right",
+			zIndex: APP_Z_INDEXES.TOASTS,
+			appendTo: "#n8n-app",
+			customClass: "content-toast"
+		};
+		const { message, title } = messageData;
+		const params = {
+			...messageDefaults,
+			...messageData
+		};
+		if (typeof message === "string") params.message = sanitizeHtml(message);
+		if (typeof title === "string") params.title = sanitizeHtml(title);
+		const notification = notify(params);
+		if (params.duration === 0) stickyNotificationQueue.push(notification);
+		if (params.type === "error" && track) {
+			let messageForTelemetry;
+			if (typeof params.message === "string") messageForTelemetry = params.message;
+			else if (params.message && typeof params.message === "object" && "props" in params.message && params.message.props) {
+				const props = params.message.props;
+				const hasErrorMessage = typeof props === "object" && props !== null && "errorMessage" in props;
+				const hasMessage = typeof props === "object" && props !== null && "message" in props;
+				if (hasErrorMessage) messageForTelemetry = String(props.errorMessage);
+				else if (hasMessage) messageForTelemetry = String(props.message);
+				else messageForTelemetry = "Unknown error";
+			} else messageForTelemetry = "Unknown error";
+			telemetry.track("Instance FE emitted error", {
+				error_title: params.title,
+				error_message: messageForTelemetry,
+				caused_by_credential: causedByCredential(messageForTelemetry),
+				workflow_id: workflowId.value
+			});
+		}
+		return notification;
+	}
+	function showToast(config) {
+		let notification;
+		if (config.closeOnClick) {
+			const originalOnClick = config.onClick;
+			config.onClick = () => {
+				if (notification) notification.close();
+				if (originalOnClick) originalOnClick();
+			};
+		}
+		notification = showMessage({
+			title: config.title,
+			message: config.message,
+			onClick: config.onClick,
+			onClose: config.onClose,
+			duration: config.duration,
+			customClass: config.customClass,
+			type: config.type
+		});
+		return notification;
+	}
+	function collapsableDetails(description) {
+		const errorDescription = description.length > 500 ? `${description.slice(0, 500)}...` : description;
+		return `
+				<br>
+				<br>
+				<details>
+					<summary
+						style="color: #ff6d5a; font-weight: bold; cursor: pointer;"
+					>
+						${i18n.baseText("showMessage.showDetails")}
+					</summary>
+					<p>${errorDescription}</p>
+				</details>
+			`;
+	}
+	function showError(e, title, options) {
+		const error = e;
+		const message = options?.message;
+		const description = options?.description ?? error.description;
+		showMessage({
+			title,
+			message: `
+					${message ? `${message}<br/>` : ""}
+					<i>${error.message}</i>
+					${description ? collapsableDetails(description) : ""}`,
+			type: "error",
+			duration: 0
+		}, false);
+		externalHooks.run("showMessage.showError", {
+			title,
+			message,
+			errorMessage: error.message
+		});
+		telemetry.track("Instance FE emitted error", {
+			error_title: title,
+			error_description: message,
+			error_message: error.message,
+			caused_by_credential: causedByCredential(error.message),
+			workflow_id: workflowId.value
+		});
+	}
+	function clearAllStickyNotifications() {
+		stickyNotificationQueue.forEach((notification) => {
+			if (notification) notification.close();
+		});
+		stickyNotificationQueue.length = 0;
+	}
+	function showNotificationForViews(views) {
+		const notifications = [];
+		views.forEach((view) => {
+			notifications.push(...notificationsStore.pendingNotificationsForViews[view] ?? []);
+		});
+		if (notifications.length) {
+			notifications.forEach((notification) => {
+				setTimeout(() => {
+					showMessage(notification);
+				}, 5);
+			});
+			notificationsStore.setNotificationsForView(VIEWS.WORKFLOW, []);
+		}
+	}
+	return {
+		showMessage,
+		showToast,
+		showError,
+		clearAllStickyNotifications,
+		showNotificationForViews
+	};
+}
+
+//#endregion
+export { setNotify, useToast };
+//# sourceMappingURL=useToast.mjs.map

package/dist/useToast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.mjs","names":["registeredNotify: NotifyFn | undefined","noopHandle: NotificationHandle","noopNotify: NotifyFn","stickyNotificationQueue: NotificationHandle[]","messageDefaults: Partial<Omit<NotificationOptions, 'message'>>","messageForTelemetry: string","notification: NotificationHandle","notifications: NotificationOptions[]"],"sources":["../src/useToast.ts"],"sourcesContent":["import { VIEWS } from '@n8n/frontend-constants/views';\nimport { APP_Z_INDEXES } from '@n8n/frontend-constants/z-indexes';\nimport { sanitizeHtml } from '@n8n/frontend-utils/htmlUtils';\nimport { useI18n } from '@n8n/i18n';\nimport type { NotificationOptions } from '@n8n/stores/notifications.store';\nimport { useNotificationsStore } from '@n8n/stores/notifications.store';\nimport { computed } from 'vue';\nimport { useRoute } from 'vue-router';\n\nimport { useExternalHooks } from './useExternalHooks';\nimport { useTelemetry } from './useTelemetry';\n\n/**\n * Handle returned by the notification function. Declared locally so the DTS\n * build stays free of the full element-plus type graph.\n */\nexport interface NotificationHandle {\n\tclose: () => void;\n}\n\n/** Notification severity — mirrors `MessageBoxState['type']` from element-plus. */\nexport type NotificationType = '' | 'success' | 'warning' | 'info' | 'error';\n\n/**\n * Notification function contract — matches `ElNotification` from element-plus.\n * The application registers the concrete implementation at bootstrap via\n * {@link setNotify}; this package owns only the contract.\n */\ntype NotifyFn = (options: Record<string, unknown>) => NotificationHandle;\n\nlet registeredNotify: NotifyFn | undefined;\n\n/**\n * Register the notification function. Called once at bootstrap by\n * `editor-ui` (passing `ElNotification` from element-plus) so `useToast`\n * can issue notifications without importing element-plus directly — keeping\n * the DTS build lightweight.\n */\nexport function setNotify(fn: NotifyFn): void {\n\tregisteredNotify = fn;\n}\n\nconst noopHandle: NotificationHandle = { close() {} };\nconst noopNotify: NotifyFn = () => noopHandle;\n\nconst stickyNotificationQueue: NotificationHandle[] = [];\n\nexport function useToast() {\n\tconst notify = registeredNotify ?? noopNotify;\n\tconst telemetry = useTelemetry();\n\tconst route = useRoute();\n\tconst workflowId = computed(() => {\n\t\tif (route?.name === VIEWS.DEMO || route?.name === VIEWS.DEMO_DIFF) return 'demo';\n\t\tconst id = route?.params?.workflowId;\n\t\treturn (Array.isArray(id) ? id[0] : id) ?? '';\n\t});\n\tconst notificationsStore = useNotificationsStore();\n\tconst externalHooks = useExternalHooks();\n\tconst i18n = useI18n();\n\n\tfunction causedByCredential(message: string | undefined) {\n\t\tif (!message || typeof message !== 'string') return false;\n\n\t\treturn message.includes('Credentials for') && message.includes('are not set');\n\t}\n\n\tfunction showMessage(messageData: Partial<NotificationOptions>, track = true) {\n\t\tconst suppressed = notificationsStore.areNotificationsSuppressed;\n\t\tconst allowErrors = notificationsStore.allowErrorNotificationsWhenSuppressed;\n\t\tif (suppressed && !(allowErrors && messageData.type === 'error')) {\n\t\t\treturn { close: () => {} } as NotificationHandle;\n\t\t}\n\n\t\tconst messageDefaults: Partial<Omit<NotificationOptions, 'message'>> = {\n\t\t\tdangerouslyUseHTMLString: true,\n\t\t\tposition: 'bottom-right',\n\t\t\t// Layer above NDV and modal overlays, sourced from the shared scale.\n\t\t\tzIndex: APP_Z_INDEXES.TOASTS,\n\t\t\tappendTo: '#n8n-app',\n\t\t\tcustomClass: 'content-toast',\n\t\t};\n\t\tconst { message, title } = messageData;\n\t\tconst params = { ...messageDefaults, ...messageData };\n\n\t\tif (typeof message === 'string') {\n\t\t\tparams.message = sanitizeHtml(message);\n\t\t}\n\n\t\tif (typeof title === 'string') {\n\t\t\tparams.title = sanitizeHtml(title);\n\t\t}\n\n\t\tconst notification = notify(params as unknown as Record<string, unknown>);\n\n\t\tif (params.duration === 0) {\n\t\t\tstickyNotificationQueue.push(notification);\n\t\t}\n\n\t\tif (params.type === 'error' && track) {\n\t\t\t// Extract string message for telemetry - don't send VNode objects as they have circular refs\n\t\t\tlet messageForTelemetry: string;\n\t\t\tif (typeof params.message === 'string') {\n\t\t\t\tmessageForTelemetry = params.message;\n\t\t\t} else if (\n\t\t\t\tparams.message &&\n\t\t\t\ttypeof params.message === 'object' &&\n\t\t\t\t'props' in params.message &&\n\t\t\t\tparams.message.props\n\t\t\t) {\n\t\t\t\t// Extract error message from VNode props (e.g., NodeExecutionErrorMessage component)\n\t\t\t\tconst props = params.message.props;\n\t\t\t\tconst hasErrorMessage =\n\t\t\t\t\ttypeof props === 'object' && props !== null && 'errorMessage' in props;\n\t\t\t\tconst hasMessage = typeof props === 'object' && props !== null && 'message' in props;\n\n\t\t\t\tif (hasErrorMessage) {\n\t\t\t\t\tmessageForTelemetry = String(props.errorMessage);\n\t\t\t\t} else if (hasMessage) {\n\t\t\t\t\tmessageForTelemetry = String(props.message);\n\t\t\t\t} else {\n\t\t\t\t\tmessageForTelemetry = 'Unknown error';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tmessageForTelemetry = 'Unknown error';\n\t\t\t}\n\n\t\t\ttelemetry.track('Instance FE emitted error', {\n\t\t\t\terror_title: params.title,\n\t\t\t\terror_message: messageForTelemetry,\n\t\t\t\tcaused_by_credential: causedByCredential(messageForTelemetry),\n\t\t\t\tworkflow_id: workflowId.value,\n\t\t\t});\n\t\t}\n\n\t\treturn notification;\n\t}\n\n\tfunction showToast(config: {\n\t\ttitle: string;\n\t\tmessage: NotificationOptions['message'];\n\t\tonClick?: (event?: MouseEvent) => void;\n\t\tonClose?: () => void;\n\t\tduration?: number;\n\t\tcustomClass?: string;\n\t\tcloseOnClick?: boolean;\n\t\ttype?: NotificationType;\n\t}) {\n\t\t// eslint-disable-next-line prefer-const\n\t\tlet notification: NotificationHandle;\n\t\tif (config.closeOnClick) {\n\t\t\tconst originalOnClick = config.onClick;\n\t\t\tconfig.onClick = () => {\n\t\t\t\tif (notification) {\n\t\t\t\t\tnotification.close();\n\t\t\t\t}\n\n\t\t\t\tif (originalOnClick) {\n\t\t\t\t\toriginalOnClick();\n\t\t\t\t}\n\t\t\t};\n\t\t}\n\n\t\tnotification = showMessage({\n\t\t\ttitle: config.title,\n\t\t\tmessage: config.message,\n\t\t\tonClick: config.onClick,\n\t\t\tonClose: config.onClose,\n\t\t\tduration: config.duration,\n\t\t\tcustomClass: config.customClass,\n\t\t\ttype: config.type,\n\t\t});\n\n\t\treturn notification;\n\t}\n\n\tfunction collapsableDetails(description: string) {\n\t\tconst errorDescription =\n\t\t\tdescription.length > 500 ? `${description.slice(0, 500)}...` : description;\n\n\t\treturn `\n\t\t\t\t<br>\n\t\t\t\t<br>\n\t\t\t\t<details>\n\t\t\t\t\t<summary\n\t\t\t\t\t\tstyle=\"color: #ff6d5a; font-weight: bold; cursor: pointer;\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${i18n.baseText('showMessage.showDetails')}\n\t\t\t\t\t</summary>\n\t\t\t\t\t<p>${errorDescription}</p>\n\t\t\t\t</details>\n\t\t\t`;\n\t}\n\n\tfunction showError(\n\t\te: unknown,\n\t\ttitle: string,\n\t\toptions?: { message?: string; description?: string },\n\t) {\n\t\tconst error = e as Error & { description?: string };\n\t\tconst message = options?.message;\n\t\tconst description = options?.description ?? error.description;\n\t\tconst messageLine = message ? `${message}<br/>` : '';\n\t\tshowMessage(\n\t\t\t{\n\t\t\t\ttitle,\n\t\t\t\tmessage: `\n\t\t\t\t\t${messageLine}\n\t\t\t\t\t<i>${error.message}</i>\n\t\t\t\t\t${description ? collapsableDetails(description) : ''}`,\n\t\t\t\ttype: 'error',\n\t\t\t\tduration: 0,\n\t\t\t},\n\t\t\tfalse,\n\t\t);\n\n\t\tvoid externalHooks.run('showMessage.showError', {\n\t\t\ttitle,\n\t\t\tmessage,\n\t\t\terrorMessage: error.message,\n\t\t});\n\n\t\ttelemetry.track('Instance FE emitted error', {\n\t\t\terror_title: title,\n\t\t\terror_description: message,\n\t\t\terror_message: error.message,\n\t\t\tcaused_by_credential: causedByCredential(error.message),\n\t\t\tworkflow_id: workflowId.value,\n\t\t});\n\t}\n\n\tfunction clearAllStickyNotifications() {\n\t\tstickyNotificationQueue.forEach((notification) => {\n\t\t\tif (notification) {\n\t\t\t\tnotification.close();\n\t\t\t}\n\t\t});\n\n\t\tstickyNotificationQueue.length = 0;\n\t}\n\n\t// Pick up and display notifications for the given list of views\n\tfunction showNotificationForViews(views: VIEWS[]) {\n\t\tconst notifications: NotificationOptions[] = [];\n\t\tviews.forEach((view) => {\n\t\t\tnotifications.push(...(notificationsStore.pendingNotificationsForViews[view] ?? []));\n\t\t});\n\t\tif (notifications.length) {\n\t\t\tnotifications.forEach((notification) => {\n\t\t\t\t// Notifications show on top of each other without this timeout\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tshowMessage(notification);\n\t\t\t\t}, 5);\n\t\t\t});\n\t\t\t// Clear the queue once all notifications are shown\n\t\t\tnotificationsStore.setNotificationsForView(VIEWS.WORKFLOW, []);\n\t\t}\n\t}\n\n\treturn {\n\t\tshowMessage,\n\t\tshowToast,\n\t\tshowError,\n\t\tclearAllStickyNotifications,\n\t\tshowNotificationForViews,\n\t};\n}\n"],"mappings":"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"}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@n8n/composables",
   "type": "module",
-  "version": "1.21.0",
+  "version": "1.23.0",
   "files": [
     "dist",
-    "LICENSE.md",
-    "LICENSE_EE.md"
+    "LICENSE_EE.md",
+    "LICENSE.md"
   ],
   "exports": {
     "./*": {
@@ -15,24 +15,37 @@
     }
   },
   "dependencies": {
-    "@vueuse/core": "^10.11.0",
-    "vue": "^3.5.13"
+    "@vueuse/core": "^14.3.0",
+    "lodash": "4.18.1",
+    "vue": "^3.5.13",
+    "vue-router": "^4.5.0",
+    "@n8n/frontend-constants": "0.2.0",
+    "@n8n/frontend-utils": "0.2.0",
+    "@n8n/api-types": "1.33.0",
+    "@n8n/i18n": "2.33.0",
+    "@n8n/stores": "2.33.0",
+    "n8n-workflow": "2.33.0"
   },
   "devDependencies": {
+    "@pinia/testing": "^0.1.6",
+    "element-plus": "2.4.3",
     "@testing-library/vue": "^8.1.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/user-event": "^14.6.1",
+    "@types/lodash": "4.17.17",
     "@vitejs/plugin-vue": "^5.2.4",
     "@vue/tsconfig": "^0.7.0",
+    "pinia": "^2.2.4",
     "tsdown": "^0.16.5",
     "typescript": "6.0.2",
     "vite": "^8.0.2",
     "vitest": "^4.1.9",
     "vue-tsc": "^2.2.8",
     "@n8n/eslint-config": "0.0.1",
+    "@n8n/telemetry": "1.1.0",
+    "@n8n/vitest-config": "1.19.0",
     "@n8n/playwright-janitor": "0.1.0",
-    "@n8n/typescript-config": "1.9.0",
-    "@n8n/vitest-config": "1.18.0"
+    "@n8n/typescript-config": "1.9.0"
   },
   "license": "SEE LICENSE IN LICENSE.md",
   "homepage": "https://n8n.io",