Feature: Added Umb-Notifications

Author: loivsen

src/packages/core/resources/extractUmbColorNotification.function.ts

@@ -0,0 +1,18 @@
+import type { UmbNotificationColor } from '../notification/notification.context.js';
+import { EventMessageTypeModel } from '@umbraco-cms/backoffice/external/backend-api';
+
+export function extractUmbColorNotification(type: EventMessageTypeModel): UmbNotificationColor {
+	switch (type) {
+		case EventMessageTypeModel.ERROR:
+			return 'danger';
+		case EventMessageTypeModel.WARNING:
+			return 'warning';
+		case EventMessageTypeModel.INFO:
+		case EventMessageTypeModel.DEFAULT:
+			return 'default';
+		case EventMessageTypeModel.SUCCESS:
+			return 'positive';
+		default:
+			return '';
+	}
+}

src/packages/core/resources/index.ts

@@ -1,5 +1,8 @@
 export * from './resource.controller.js';
 export * from './tryExecute.function.js';
 export * from './tryExecuteAndNotify.function.js';
+export * from './extractUmbColorNotification.function.js';
 export * from './extractUmbColorVariable.function.js';
+export * from './isUmbNotification.function.js';
+export * from './isUmbNotifications.function.js';
 export * from './apiTypeValidators.function.js';

src/packages/core/resources/isUmbNotification.function.ts

@@ -0,0 +1,15 @@
+import type { UmbNotificationsEventModel } from './resource.controller.js';
+import { EventMessageTypeModel } from '@umbraco-cms/backoffice/external/backend-api';
+
+export function isUmbNotification(notification: unknown): notification is UmbNotificationsEventModel {
+	if (typeof notification !== 'object' || notification === null) {
+		return false;
+	}
+	const object = notification as UmbNotificationsEventModel;
+	return (
+		typeof object.category === 'string' &&
+		typeof object.message === 'string' &&
+		typeof object.type === 'string' &&
+		Object.values(EventMessageTypeModel).includes(object.type)
+	);
+}

src/packages/core/resources/isUmbNotifications.function.ts

@@ -0,0 +1,6 @@
+import { isUmbNotification } from './isUmbNotification.function.js';
+import type { UmbNotificationsEventModel } from './resource.controller.js';
+
+export function isUmbNotifications(notifications: Array<unknown>): notifications is Array<UmbNotificationsEventModel> {
+	return notifications.every(isUmbNotification);
+}

src/packages/core/resources/resource.controller.ts

@@ -1,11 +1,20 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { UMB_AUTH_CONTEXT } from '../auth/index.js';
 import { isApiError, isCancelError, isCancelablePromise } from './apiTypeValidators.function.js';
+import { extractUmbColorNotification } from './extractUmbColorNotification.function.js';
+import { isUmbNotifications } from './isUmbNotifications.function.js';
 import type { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
 import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
 import { UmbContextConsumerController } from '@umbraco-cms/backoffice/context-api';
 import { UMB_NOTIFICATION_CONTEXT, type UmbNotificationOptions } from '@umbraco-cms/backoffice/notification';
 import type { UmbDataSourceResponse } from '@umbraco-cms/backoffice/repository';
+import type { EventMessageTypeModel } from '@umbraco-cms/backoffice/external/backend-api';
+
+export interface UmbNotificationsEventModel {
+	category: string;
+	message: string;
+	type: EventMessageTypeModel;
+}
 
 export class UmbResourceController extends UmbControllerBase {
 	#promise: Promise<any>;
@@ -128,7 +137,9 @@ export class UmbResourceController extends UmbControllerBase {
 						break;
 					default:
 						// Other errors
-						if (this.#notificationContext) {
+						if (error && error.body && Array.isArray(error.body) && isUmbNotifications(error.body)) {
+							this.#peekUmbNotifications(error.body);
+						} else if (this.#notificationContext) {
 							this.#notificationContext.peek('danger', {
 								data: {
 									headline: error.body?.title ?? error.name ?? 'Server Error',
@@ -144,9 +155,21 @@ export class UmbResourceController extends UmbControllerBase {
 			}
 		}
 
+		if (Array.isArray(data) && isUmbNotifications(data)) {
+			this.#peekUmbNotifications(data);
+		}
+
 		return { data, error };
 	}
 
+	#peekUmbNotifications(notifications: Array<UmbNotificationsEventModel>) {
+		notifications.forEach((notification) => {
+			this.#notificationContext?.peek(extractUmbColorNotification(notification.type), {
+				data: { headline: notification.category, message: notification.message },
+			});
+		});
+	}
+
 	/**
 	 * Cancel all resources that are currently being executed by this controller if they are cancelable.
 	 *