Add Persistent Notification System with Toast Notification

src/lang/ar-ye.json

@@ -388,5 +388,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/be-by.json

@@ -388,5 +388,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/bn-bd.json

@@ -388,5 +388,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/cs-cz.json

@@ -388,5 +388,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/de-de.json

@@ -388,5 +388,7 @@
 	"delete entries": "Sind sie sicher, das Sie {count} Einträge löschen wollen?",
 	"deleting items": "Löschen von {count} Einträgen...",
 	"import project zip": "Projekt(-Zip) importieren",
-	"changelog": "Änderungsbericht"
+	"changelog": "Änderungsbericht",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/en-us.json

@@ -389,5 +389,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/es-sv.json

@@ -388,5 +388,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/fr-fr.json

@@ -388,5 +388,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/hi-in.json

@@ -389,5 +389,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/hu-hu.json

@@ -388,5 +388,7 @@
 	"delete entries": "Biztosan töröl {count} elemet?",
 	"deleting items": "{count} elem törlése…",
 	"import project zip": "Projekt importálása zip-ből",
-	"changelog": "Változásnapló"
+	"changelog": "Változásnapló",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/id-id.json

@@ -390,5 +390,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/ir-fa.json

@@ -389,5 +389,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/it-it.json

@@ -388,5 +388,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/ja-jp.json

@@ -388,5 +388,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/ko-kr.json

@@ -388,5 +388,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/ml-in.json

@@ -388,5 +388,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/mm-unicode.json

@@ -388,5 +388,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/mm-zawgyi.json

@@ -388,5 +388,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/pl-pl.json

@@ -388,5 +388,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/pt-br.json

@@ -388,5 +388,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/pu-in.json

@@ -388,5 +388,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/ru-ru.json

@@ -389,5 +389,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/tl-ph.json

@@ -388,5 +388,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/tr-tr.json

@@ -388,5 +388,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/uk-ua.json

@@ -388,5 +388,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/uz-uz.json

@@ -388,5 +388,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/vi-vn.json

@@ -389,5 +389,7 @@
 	"delete entries": "Bạn có chắc muốn xoá {count} mục?",
 	"deleting items": "Đang xoá {count} mục...",
 	"import project zip": "Nhập Dự Án(zip)",
-	"changelog": "Nhật Ký Thay Đổi"
+	"changelog": "Nhật Ký Thay Đổi",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/zh-cn.json

@@ -388,5 +388,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/zh-hant.json

@@ -388,5 +388,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lang/zh-tw.json

@@ -388,5 +388,7 @@
 	"delete entries": "Are you sure you want to delete {count} items?",
 	"deleting items": "Deleting {count} items...",
 	"import project zip": "Import Project(zip)",
-	"changelog": "Change Log"
+	"changelog": "Change Log",
+	"notifications": "Notifications",
+	"no_unread_notifications": "No unread notifications"
 }

src/lib/acode.js

@@ -22,6 +22,7 @@ import commands from "lib/commands";
 import EditorFile from "lib/editorFile";
 import files from "lib/fileList";
 import fonts from "lib/fonts";
+import NotificationManager from "lib/notificationManager";
 import openFolder from "lib/openFolder";
 import projects from "lib/projects";
 import selectionMenu from "lib/selectionMenu";
@@ -416,4 +417,29 @@ export default class Acode {
 		url = await helpers.toInternalUri(url);
 		return url;
 	}
+	/**
+	 * Push a notification
+	 * @param {string} title Title of the notification
+	 * @param {string} message Message body of the notification
+	 * @param {Object} options Notification options
+	 * @param {string} [options.icon] Icon for the notification, can be a URL or a base64 encoded image or icon class or svg string
+	 * @param {boolean} [options.autoClose=true] Whether notification should auto close
+	 * @param {Function} [options.action=null] Action callback when notification is clicked
+	 * @param {('info'|'warning'|'error'|'success')} [options.type='info'] Type of notification
+	 */
+	pushNotification(
+		title,
+		message,
+		{ icon, autoClose = true, action = null, type = "info" } = {},
+	) {
+		const nm = new NotificationManager();
+		nm.pushNotification({
+			title,
+			message,
+			icon,
+			autoClose,
+			action,
+			type,
+		});
+	}
 }

src/lib/main.js

@@ -50,6 +50,7 @@ import { setKeyBindings } from "ace/commands";
 import { initModes } from "ace/modelist";
 import { keydownState } from "handlers/keyboard";
 import { initFileList } from "lib/fileList";
+import NotificationManager from "lib/notificationManager";
 import { addedFolder } from "lib/openFolder";
 import { getEncoding, initEncodings } from "utils/encodings";
 import constants from "./constants";
@@ -369,32 +370,26 @@ async function loadApp() {
 	});
 	//#endregion
 
-	window.log("info", "Started app and services...");
+	const notificationManager = new NotificationManager();
+	notificationManager.init();
+
+	window.log("info", "Started app and its services...");
 
 	new EditorFile();
 
 	checkPluginsUpdate()
 		.then((updates) => {
 			if (!updates.length) return;
-			const $icon = (
-				<span
-					onclick={() => {
+			acode.pushNotification(
+				"Plugin Updates",
+				`${updates.length} plugin${updates.length > 1 ? "s" : ""} ${updates.length > 1 ? "have" : "has"} new version${updates.length > 1 ? "s" : ""} available.`,
+				{
+					icon: "extension",
+					action: () => {
 						plugins(updates);
-						$icon.remove();
-					}}
-					attr-action=""
-					style={{ fontSize: "1.2rem" }}
-					className="icon notifications"
-				></span>
+					},
+				},
 			);
-
-			if ($editMenuToggler.isConnected) {
-				$header.insertBefore($icon, $editMenuToggler);
-			} else if ($runBtn.isConnected) {
-				$header.insertBefore($icon, $runBtn);
-			} else {
-				$header.insertBefore($icon, $menuToggler);
-			}
 		})
 		.catch(console.error);