Respect "Do Not Disturb" on macOS

package.json

@@ -25,6 +25,7 @@
 		"publish-snap": "del dist && tsc && electron-builder --linux && snapcraft push --release=stable dist/*.snap"
 	},
 	"dependencies": {
+		"@sindresorhus/do-not-disturb": "^1.1.0",
 		"electron-context-menu": "^0.13.0",
 		"electron-debug": "^3.0.1",
 		"electron-dl": "^1.14.0",

readme.md

@@ -29,6 +29,7 @@ Caprine is an unofficial and privacy-focused Facebook Messenger app with many us
 - Silent auto-updates
 - Custom text size
 - Emoji style setting
+- Respects Do Not Disturb\*
 
 \*macOS only
 

source/browser.ts

@@ -10,6 +10,7 @@ import './browser/conversation-list'; // eslint-disable-line import/no-unassigne
 
 const selectedConversationSelector = '._5l-3._1ht1._1ht2';
 const preferencesSelector = '._10._4ebx.uiLayer._4-hy';
+const messengerSoundsSelector = `${preferencesSelector} ._374d ._6bkz`;
 
 async function withMenu(
 	menuButtonElement: HTMLElement,
@@ -55,7 +56,9 @@ function selectMenuItem(itemNumber: number): void {
 		`.uiLayer:not(.hidden_elem) ._54nq._2i-c._558b._2n_z li:nth-child(${itemNumber}) a`
 	)!;
 
-	selector.click();
+	if (selector) {
+		selector.click();
+	}
 }
 
 async function selectOtherListViews(itemNumber: number): Promise<void> {
@@ -161,10 +164,8 @@ function setSidebarVisibility(): void {
 	ipc.send('set-sidebar-visibility');
 }
 
-ipc.on('toggle-mute-notifications', async (_event: ElectronEvent, defaultStatus: boolean) => {
-	const preferencesAreOpen = isPreferencesOpen();
-
-	if (!preferencesAreOpen) {
+async function openHiddenPreferences(): Promise<boolean> {
+	if (!isPreferencesOpen()) {
 		const style = document.createElement('style');
 		// Hide both the backdrop and the preferences dialog
 		style.textContent = `${preferencesSelector} ._3ixn, ${preferencesSelector} ._59s7 { opacity: 0 !important }`;
@@ -174,7 +175,31 @@ ipc.on('toggle-mute-notifications', async (_event: ElectronEvent, defaultStatus:
 
 		// Will clean up itself after the preferences are closed
 		document.querySelector<HTMLElement>(preferencesSelector)!.append(style);
+
+		return true;
+	}
+
+	return false;
+}
+
+ipc.on(
+	'toggle-sounds',
+	async (_event: ElectronEvent, checked: boolean): Promise<void> => {
+		const shouldClosePreferences = await openHiddenPreferences();
+
+		const soundsCheckbox = document.querySelector<HTMLInputElement>(messengerSoundsSelector)!;
+		if (typeof checked === 'undefined' || checked !== soundsCheckbox.checked) {
+			soundsCheckbox.click();
+		}
+
+		if (shouldClosePreferences) {
+			closePreferences();
+		}
 	}
+);
+
+ipc.on('toggle-mute-notifications', async (_event: ElectronEvent, defaultStatus: boolean) => {
+	const shouldClosePreferences = await openHiddenPreferences();
 
 	const notificationCheckbox = document.querySelector<HTMLInputElement>(
 		selectors.notificationCheckbox
@@ -191,7 +216,7 @@ ipc.on('toggle-mute-notifications', async (_event: ElectronEvent, defaultStatus:
 
 	ipc.send('mute-notifications-toggled', !notificationCheckbox.checked);
 
-	if (!preferencesAreOpen) {
+	if (shouldClosePreferences) {
 		closePreferences();
 	}
 });

source/do-not-disturb.d.ts

@@ -0,0 +1 @@
+declare module '@sindresorhus/do-not-disturb';

source/index.ts

@@ -24,6 +24,7 @@ import electronLocalshortcut = require('electron-localshortcut');
 import electronDebug = require('electron-debug');
 import {is, darkMode} from 'electron-util';
 import {bestFacebookLocaleFor} from 'facebook-locales';
+import doNotDisturb = require('@sindresorhus/do-not-disturb');
 import updateAppMenu from './menu';
 import config from './config';
 import tray from './tray';
@@ -69,6 +70,7 @@ let mainWindow: BrowserWindow;
 let isQuitting = false;
 let prevMessageCount = 0;
 let dockMenu: Menu;
+let isDNDEnabled = false;
 
 if (!app.requestSingleInstanceLock()) {
 	app.quit();
@@ -101,7 +103,12 @@ function updateBadge(conversations: Conversation[]): void {
 			app.setBadgeCount(messageCount);
 		}
 
-		if (is.macos && config.get('bounceDockOnMessage') && prevMessageCount !== messageCount) {
+		if (
+			is.macos &&
+			!isDNDEnabled &&
+			config.get('bounceDockOnMessage') &&
+			prevMessageCount !== messageCount
+		) {
 			app.dock.bounce('informational');
 			prevMessageCount = messageCount;
 		}
@@ -391,7 +398,22 @@ function createMainWindow(): BrowserWindow {
 			mainWindow.show();
 		}
 
-		webContents.send('toggle-mute-notifications', config.get('notificationsMuted'));
+		if (is.macos) {
+			doNotDisturb.on('change', (doNotDisturb: boolean) => {
+				isDNDEnabled = doNotDisturb;
+				webContents.send('toggle-sounds', !doNotDisturb);
+				webContents.send(
+					'toggle-mute-notifications',
+					config.get('notificationsMuted') || doNotDisturb
+				);
+			});
+
+			isDNDEnabled = await doNotDisturb.isEnabled();
+		}
+
+		webContents.send('toggle-sounds', !isDNDEnabled);
+		webContents.send('toggle-mute-notifications', config.get('notificationsMuted') || isDNDEnabled);
+
 		webContents.send('toggle-message-buttons', config.get('showMessageButtons'));
 
 		await webContents.executeJavaScript(