Merge pull request #1071 from deadlyjack/notification

bajrangCoder · web-flow · commit 023a8fdfb217 · 2024-11-12T20:22:01.000+05:30
Add Persistent Notification System with Toast Notification
diff --git a/src/lang/ar-ye.json b/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"
 }
diff --git a/src/lang/be-by.json b/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"
 }
diff --git a/src/lang/bn-bd.json b/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"
 }
diff --git a/src/lang/cs-cz.json b/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"
 }
diff --git a/src/lang/de-de.json b/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"
 }
diff --git a/src/lang/en-us.json b/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"
 }
diff --git a/src/lang/es-sv.json b/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"
 }
diff --git a/src/lang/fr-fr.json b/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"
 }
diff --git a/src/lang/hi-in.json b/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"
 }
diff --git a/src/lang/hu-hu.json b/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"
 }
diff --git a/src/lang/id-id.json b/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"
 }
diff --git a/src/lang/ir-fa.json b/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"
 }
diff --git a/src/lang/it-it.json b/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"
 }
diff --git a/src/lang/ja-jp.json b/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"
 }
diff --git a/src/lang/ko-kr.json b/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"
 }
diff --git a/src/lang/ml-in.json b/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"
 }
diff --git a/src/lang/mm-unicode.json b/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"
 }
diff --git a/src/lang/mm-zawgyi.json b/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"
 }
diff --git a/src/lang/pl-pl.json b/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"
 }
diff --git a/src/lang/pt-br.json b/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"
 }
diff --git a/src/lang/pu-in.json b/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"
 }
diff --git a/src/lang/ru-ru.json b/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"
 }
diff --git a/src/lang/tl-ph.json b/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"
 }
diff --git a/src/lang/tr-tr.json b/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"
 }
diff --git a/src/lang/uk-ua.json b/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"
 }
diff --git a/src/lang/uz-uz.json b/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"
 }
diff --git a/src/lang/vi-vn.json b/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"
 }
diff --git a/src/lang/zh-cn.json b/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"
 }
diff --git a/src/lang/zh-hant.json b/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"
 }
diff --git a/src/lang/zh-tw.json b/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"
 }
diff --git a/src/lib/acode.js b/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,
+		});
+	}
 }
diff --git a/src/lib/main.js b/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);
 
diff --git a/src/lib/notificationManager.js b/src/lib/notificationManager.js
diff --git a/src/sidebarApps/index.js b/src/sidebarApps/index.js
diff --git a/src/sidebarApps/notification/index.js b/src/sidebarApps/notification/index.js
diff --git a/src/sidebarApps/notification/style.scss b/src/sidebarApps/notification/style.scss
diff --git a/src/styles/main.scss b/src/styles/main.scss

Original file line number	Diff line number	Diff line change
`@@ -388,5 +388,7 @@`
`388`	`388`	`"delete entries": "Are you sure you want to delete {count} items?",`
`389`	`389`	`"deleting items": "Deleting {count} items...",`
`390`	`390`	`"import project zip": "Import Project(zip)",`
`391`		`- "changelog": "Change Log"`
	`391`	`+ "changelog": "Change Log",`
	`392`	`+ "notifications": "Notifications",`
	`393`	`+ "no_unread_notifications": "No unread notifications"`
`392`	`394`	`}`
Original file line number	Diff line number	Diff line change
`@@ -389,5 +389,7 @@`
`389`	`389`	`"delete entries": "Are you sure you want to delete {count} items?",`
`390`	`390`	`"deleting items": "Deleting {count} items...",`
`391`	`391`	`"import project zip": "Import Project(zip)",`
`392`		`- "changelog": "Change Log"`
	`392`	`+ "changelog": "Change Log",`
	`393`	`+ "notifications": "Notifications",`
	`394`	`+ "no_unread_notifications": "No unread notifications"`
`393`	`395`	`}`