profilePic: Add support for profile picture in notifications

app/main/index.ts

@@ -328,8 +328,8 @@ ${error}`
 		toggleApp();
 	});
 
-	ipcMain.on('create-notification', (event, notificationOptions: Electron.NotificationConstructorOptions) => {
-		showDarwinNotification(event, notificationOptions);
+	ipcMain.on('create-notification', async (event, notificationOptions: Electron.NotificationConstructorOptions, profilePicURL: string) => {
+		await showDarwinNotification(event, notificationOptions, profilePicURL);
 	});
 
 	ipcMain.on('toggle-badge-option', () => {

app/main/ipc-helpers.ts

@@ -1,16 +1,35 @@
 /**
  * This file contains the functions which make use of Main process APIs with already functioning code in Renderer process.
  */
-import {Notification} from 'electron';
+import {Notification, nativeImage} from 'electron';
 
-export const showDarwinNotification = (
+import fetch from 'node-fetch';
+
+export const showDarwinNotification = async (
 	event: Electron.IpcMainEvent,
-	notificationOptions: Electron.NotificationConstructorOptions
+	notificationOptions: Electron.NotificationConstructorOptions,
+	profilePicURL: string
 ) => {
+	const profilePic = await getNativeImagefromUrl(profilePicURL);
+	notificationOptions.icon = profilePic;
+
 	const notification = new Notification(notificationOptions);
 	notification.show();
-
 	notification.on('reply', (_event, response) => {
 		event.sender.send('replied', response);
 	});
 };
+
+const getNativeImagefromUrl = async (imageURL: string) => {
+	try {
+		const response = await fetch(imageURL);
+		const buffer = await response.buffer();
+		const base64String = buffer.toString('base64');
+		const dataUri = `data:image/png;base64,${base64String}`;
+		const image = nativeImage.createFromDataURL(dataUri);
+		return image;
+	} catch (error) {
+		console.error(error);
+		return null;
+	}
+};

app/renderer/js/notification/darwin-notifications.ts

@@ -20,18 +20,17 @@ class DarwinNotification {
 	tag: number;
 
 	constructor(title: string, options: NotificationOptions) {
-		// X const profilePic = new URL(options.icon, location.href).href;
+		const profilePicURL = new URL(options.icon, location.href).href;
 		this.tag = Number.parseInt(options.tag, 10);
 		const notificationOptions: Electron.NotificationConstructorOptions = {
 			title,
 			body: options.body,
 			silent: ConfigUtil.getConfigItem('silent') || false,
-			// X icon: profilePic,
 			hasReply: true,
 			timeoutType: 'default'
 		};
 
-		ipcRenderer.send('create-notification', notificationOptions);
+		ipcRenderer.send('create-notification', notificationOptions, profilePicURL);
 		ipcRenderer.on('replied', async (_event: Electron.IpcRendererEvent, response: string) => {
 			await this.notificationHandler({response});
 			ipcRenderer.removeAllListeners('replied');

package.json

@@ -147,6 +147,7 @@
   "dependencies": {
     "@electron-elements/send-feedback": "^2.0.3",
     "@sentry/electron": "^2.0.0",
+    "@types/node-fetch": "^2.5.7",
     "@yaireo/tagify": "^3.17.8",
     "adm-zip": "^0.4.16",
     "auto-launch": "^5.0.5",
@@ -161,6 +162,7 @@
     "i18n": "^0.13.2",
     "iso-639-1": "^2.1.4",
     "nan": "^2.14.0",
+    "node-fetch": "^2.6.0",
     "node-json-db": "^1.1.0",
     "semver": "^7.3.2"
   },