feat: add messageI18n field to notifications for improved localization support

Author: younocode

apps/nestjs-backend/src/features/notification/notification.service.ts

@@ -113,7 +113,8 @@ export class NotificationService {
       fromUserId,
       toUserId,
       type,
-      message: JSON.stringify(message),
+      message: this.getLocalizationText(message, 'en'),
+      messageI18n: this.getLocalizationJson(message),
       urlPath: notifyPath,
       createdBy: fromUserId,
     };
@@ -125,6 +126,7 @@ export class NotificationService {
       notification: {
         id: notifyData.id,
         message: notifyData.message,
+        messageI18n: notifyData.messageI18n,
         notifyIcon: userIcon,
         notifyType: notifyData.type as NotificationTypeEnum,
         url: this.mailConfig.origin + notifyPath,
@@ -164,6 +166,17 @@ export class NotificationService {
         }) as string);
   }
 
+  getLocalizationJson(localization: string | ILocalization) {
+    return typeof localization === 'string'
+      ? undefined
+      : JSON.stringify({
+          // replace first . to :
+          // eg: common.email.templates -> common:email:templates
+          i18nKey: localization.i18nKey.replace(/\./, ':'),
+          context: localization.context,
+        });
+  }
+
   async sendHtmlContentNotify(
     params: {
       path: string;
@@ -194,7 +207,8 @@ export class NotificationService {
       type,
       urlPath: path,
       createdBy: fromUserId,
-      message: JSON.stringify(params.message),
+      message: this.getLocalizationText(params.message, 'en'),
+      messageI18n: this.getLocalizationJson(params.message),
     };
     const notifyData = await this.createNotify(data);
 
@@ -216,6 +230,7 @@ export class NotificationService {
       notification: {
         id: notifyData.id,
         message: notifyData.message,
+        messageI18n: notifyData.messageI18n,
         notifyType: type,
         url: path,
         notifyIcon: systemNotifyIcon,
@@ -281,7 +296,8 @@ export class NotificationService {
       type,
       urlPath: path,
       createdBy: fromUserId,
-      message: JSON.stringify(params.message),
+      message: this.getLocalizationText(params.message, 'en'),
+      messageI18n: this.getLocalizationJson(params.message),
     };
     const notifyData = await this.createNotify(data);
 
@@ -303,6 +319,7 @@ export class NotificationService {
       notification: {
         id: notifyData.id,
         message: notifyData.message,
+        messageI18n: notifyData.messageI18n,
         notifyType: type,
         url: path,
         notifyIcon: systemNotifyIcon,

apps/nextjs-app/src/features/app/components/notifications/notification-component/LinkNotification.tsx

@@ -11,28 +11,31 @@ interface LinkNotificationProps {
   notifyStatus: NotificationStatesEnum;
 }
 
-const getShowMessage = (message: string, t: ILocaleFunction) => {
+const getShowMessage = (data: INotificationVo['notifications'][number], t: ILocaleFunction) => {
+  const { message, messageI18n } = data;
   try {
-    const parsedMessage = JSON.parse(message);
+    if (!messageI18n) {
+      return message;
+    }
+    const parsedMessage = JSON.parse(messageI18n);
     const { i18nKey = '', context } = parsedMessage as ILocalization;
     if (!i18nKey) {
       return message;
     }
-    // replace first . to :
-    // eg: common.email.templates -> common:email:templates
-    return getLocalizationMessage({ i18nKey: i18nKey.replace(/\./, ':'), context }, t);
+    return getLocalizationMessage({ i18nKey, context }, t);
   } catch (error) {
     return message;
   }
 };
 
 export const LinkNotification = (props: LinkNotificationProps) => {
   const {
-    data: { url, message: messageString, notifyType },
+    data,
+    data: { url, notifyType },
   } = props;
 
   const { t } = useTranslation(['common']);
-  const message = getShowMessage(messageString, t as ILocaleFunction);
+  const message = getShowMessage(data, t as ILocaleFunction);
 
   return notifyType !== NotificationTypeEnum.ExportBase ? (
     <Link href={url}>

packages/core/src/models/notification/notification.schema.ts

@@ -34,6 +34,7 @@ export const notificationSchema = z.object({
   notifyType: z.nativeEnum(NotificationTypeEnum),
   url: z.string(),
   message: z.string(),
+  messageI18n: z.string().nullable().optional(),
   isRead: z.boolean(),
   createdTime: z.string(),
 });

packages/db-main-prisma/prisma/postgres/migrations/20251029141643_add_notification_message_i18n/migration.sql

@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "notification" ADD COLUMN     "message_i18n" TEXT;

packages/db-main-prisma/prisma/postgres/schema.prisma

@@ -310,6 +310,7 @@ model Notification {
   toUserId    String   @map("to_user_id")
   type        String   @map("type")
   message     String   @map("message")
+  messageI18n String?  @map("message_i18n")
   urlPath     String?  @map("url_path")
   isRead      Boolean  @default(false) @map("is_read")
   createdTime DateTime @default(now()) @map("created_time")

packages/db-main-prisma/prisma/sqlite/migrations/20251029141619_add_notification_message_i18n/migration.sql

@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "notification" ADD COLUMN "message_i18n" TEXT;

packages/db-main-prisma/prisma/sqlite/schema.prisma

@@ -310,6 +310,7 @@ model Notification {
   toUserId    String   @map("to_user_id")
   type        String   @map("type")
   message     String   @map("message")
+  messageI18n String?  @map("message_i18n")
   urlPath     String?  @map("url_path")
   isRead      Boolean  @default(false) @map("is_read")
   createdTime DateTime @default(now()) @map("created_time")

packages/db-main-prisma/prisma/template.prisma

@@ -310,6 +310,7 @@ model Notification {
   toUserId    String   @map("to_user_id")
   type        String   @map("type")
   message     String   @map("message")
+  messageI18n String?  @map("message_i18n")
   urlPath     String?  @map("url_path")
   isRead      Boolean  @default(false) @map("is_read")
   createdTime DateTime @default(now()) @map("created_time")