// Copyright 2021 Signal Messenger, LLC // SPDX-License-Identifier: AGPL-3.0-only import React from 'react'; import ReactDOM from 'react-dom'; import { contextBridge, ipcRenderer } from 'electron'; import { SignalContext } from '../context'; import * as Settings from '../../types/Settings'; import { Preferences } from '../../components/Preferences'; import { SystemTraySetting, parseSystemTraySetting, shouldMinimizeToSystemTray, } from '../../types/SystemTraySetting'; import { awaitObject } from '../../util/awaitObject'; import { DurationInSeconds } from '../../util/durations'; import { createSetting, createCallback } from '../../util/preload'; import { startInteractionMode } from '../../services/InteractionMode'; function doneRendering() { ipcRenderer.send('settings-done-rendering'); } const settingAudioNotification = createSetting('audioNotification'); const settingAutoDownloadUpdate = createSetting('autoDownloadUpdate'); const settingAutoLaunch = createSetting('autoLaunch'); const settingCallRingtoneNotification = createSetting( 'callRingtoneNotification' ); const settingCallSystemNotification = createSetting('callSystemNotification'); const settingCountMutedConversations = createSetting('countMutedConversations'); const settingDeviceName = createSetting('deviceName', { setter: false }); const settingHideMenuBar = createSetting('hideMenuBar'); const settingIncomingCallNotification = createSetting( 'incomingCallNotification' ); const settingMediaCameraPermissions = createSetting('mediaCameraPermissions'); const settingMediaPermissions = createSetting('mediaPermissions'); const settingNotificationDrawAttention = createSetting( 'notificationDrawAttention' ); const settingNotificationSetting = createSetting('notificationSetting'); const settingRelayCalls = createSetting('alwaysRelayCalls'); const settingSentMediaQuality = createSetting('sentMediaQualitySetting'); const settingSpellCheck = createSetting('spellCheck'); const settingTextFormatting = createSetting('textFormatting'); const settingTheme = createSetting('themeSetting'); const settingSystemTraySetting = createSetting('systemTraySetting'); const settingLastSyncTime = createSetting('lastSyncTime'); const settingHasStoriesDisabled = createSetting('hasStoriesDisabled'); const settingZoomFactor = createSetting('zoomFactor'); // Getters only. const settingBlockedCount = createSetting('blockedCount'); const settingLinkPreview = createSetting('linkPreviewSetting', { setter: false, }); const settingPhoneNumberDiscoverability = createSetting( 'phoneNumberDiscoverabilitySetting' ); const settingPhoneNumberSharing = createSetting('phoneNumberSharingSetting'); const settingReadReceipts = createSetting('readReceiptSetting', { setter: false, }); const settingTypingIndicators = createSetting('typingIndicatorSetting', { setter: false, }); // Media settings const settingAudioInput = createSetting('preferredAudioInputDevice'); const settingAudioOutput = createSetting('preferredAudioOutputDevice'); const settingVideoInput = createSetting('preferredVideoInputDevice'); const settingUniversalExpireTimer = createSetting('universalExpireTimer'); // Callbacks const ipcGetAvailableIODevices = createCallback('getAvailableIODevices'); const ipcGetCustomColors = createCallback('getCustomColors'); const ipcIsFormattingFlagEnabled = createCallback('isFormattingFlagEnabled'); const ipcIsSyncNotSupported = createCallback('isPrimary'); const ipcMakeSyncRequest = createCallback('syncRequest'); const ipcPNP = createCallback('isPhoneNumberSharingEnabled'); const ipcShouldShowStoriesSettings = createCallback( 'shouldShowStoriesSettings' ); const ipcDeleteAllMyStories = createCallback('deleteAllMyStories'); // ChatColorPicker redux hookups // The redux actions update over IPC through a preferences re-render const ipcGetDefaultConversationColor = createCallback( 'getDefaultConversationColor' ); const ipcGetConversationsWithCustomColor = createCallback( 'getConversationsWithCustomColor' ); const ipcAddCustomColor = createCallback('addCustomColor'); const ipcEditCustomColor = createCallback('editCustomColor'); const ipcRemoveCustomColor = createCallback('removeCustomColor'); const ipcRemoveCustomColorOnConversations = createCallback( 'removeCustomColorOnConversations' ); const ipcResetAllChatColors = createCallback('resetAllChatColors'); const ipcResetDefaultChatColor = createCallback('resetDefaultChatColor'); const ipcSetGlobalDefaultConversationColor = createCallback( 'setGlobalDefaultConversationColor' ); const DEFAULT_NOTIFICATION_SETTING = 'message'; function getSystemTraySettingValues(systemTraySetting: SystemTraySetting): { hasMinimizeToAndStartInSystemTray: boolean; hasMinimizeToSystemTray: boolean; } { const parsedSystemTraySetting = parseSystemTraySetting(systemTraySetting); const hasMinimizeToAndStartInSystemTray = parsedSystemTraySetting === SystemTraySetting.MinimizeToAndStartInSystemTray; const hasMinimizeToSystemTray = shouldMinimizeToSystemTray( parsedSystemTraySetting ); return { hasMinimizeToAndStartInSystemTray, hasMinimizeToSystemTray, }; } const renderPreferences = async () => { startInteractionMode(); const { blockedCount, deviceName, hasAudioNotifications, hasAutoDownloadUpdate, hasAutoLaunch, hasCallNotifications, hasCallRingtoneNotification, hasCountMutedConversations, hasHideMenuBar, hasIncomingCallNotifications, hasLinkPreviews, hasMediaCameraPermissions, hasMediaPermissions, hasNotificationAttention, hasReadReceipts, hasRelayCalls, hasSpellCheck, hasStoriesDisabled, hasTextFormatting, hasTypingIndicators, isFormattingFlagEnabled, isPhoneNumberSharingSupported, lastSyncTime, notificationContent, selectedCamera, selectedMicrophone, selectedSpeaker, sentMediaQualitySetting, systemTraySetting, themeSetting, universalExpireTimer, whoCanFindMe, whoCanSeeMe, zoomFactor, availableIODevices, customColors, defaultConversationColor, isSyncNotSupported, shouldShowStoriesSettings, } = await awaitObject({ blockedCount: settingBlockedCount.getValue(), deviceName: settingDeviceName.getValue(), hasAudioNotifications: settingAudioNotification.getValue(), hasAutoDownloadUpdate: settingAutoDownloadUpdate.getValue(), hasAutoLaunch: settingAutoLaunch.getValue(), hasCallNotifications: settingCallSystemNotification.getValue(), hasCallRingtoneNotification: settingCallRingtoneNotification.getValue(), hasCountMutedConversations: settingCountMutedConversations.getValue(), hasHideMenuBar: settingHideMenuBar.getValue(), hasIncomingCallNotifications: settingIncomingCallNotification.getValue(), hasLinkPreviews: settingLinkPreview.getValue(), hasMediaCameraPermissions: settingMediaCameraPermissions.getValue(), hasMediaPermissions: settingMediaPermissions.getValue(), hasNotificationAttention: settingNotificationDrawAttention.getValue(), hasReadReceipts: settingReadReceipts.getValue(), hasRelayCalls: settingRelayCalls.getValue(), hasSpellCheck: settingSpellCheck.getValue(), hasStoriesDisabled: settingHasStoriesDisabled.getValue(), hasTextFormatting: settingTextFormatting.getValue(), hasTypingIndicators: settingTypingIndicators.getValue(), isPhoneNumberSharingSupported: ipcPNP(), lastSyncTime: settingLastSyncTime.getValue(), notificationContent: settingNotificationSetting.getValue(), selectedCamera: settingVideoInput.getValue(), selectedMicrophone: settingAudioInput.getValue(), selectedSpeaker: settingAudioOutput.getValue(), sentMediaQualitySetting: settingSentMediaQuality.getValue(), systemTraySetting: settingSystemTraySetting.getValue(), themeSetting: settingTheme.getValue(), universalExpireTimer: settingUniversalExpireTimer.getValue(), whoCanFindMe: settingPhoneNumberDiscoverability.getValue(), whoCanSeeMe: settingPhoneNumberSharing.getValue(), zoomFactor: settingZoomFactor.getValue(), // Callbacks availableIODevices: ipcGetAvailableIODevices(), customColors: ipcGetCustomColors(), defaultConversationColor: ipcGetDefaultConversationColor(), isFormattingFlagEnabled: ipcIsFormattingFlagEnabled(), isSyncNotSupported: ipcIsSyncNotSupported(), shouldShowStoriesSettings: ipcShouldShowStoriesSettings(), }); const { availableCameras, availableMicrophones, availableSpeakers } = availableIODevices; const { hasMinimizeToAndStartInSystemTray, hasMinimizeToSystemTray } = getSystemTraySettingValues(systemTraySetting); const onUniversalExpireTimerChange = reRender( settingUniversalExpireTimer.setValue ); const props = { // Settings availableCameras, availableMicrophones, availableSpeakers, blockedCount, customColors, defaultConversationColor, deviceName, hasAudioNotifications, hasAutoDownloadUpdate, hasAutoLaunch, hasCallNotifications, hasCallRingtoneNotification, hasCountMutedConversations, hasHideMenuBar, hasIncomingCallNotifications, hasLinkPreviews, hasMediaCameraPermissions, hasMediaPermissions, hasMinimizeToAndStartInSystemTray, hasMinimizeToSystemTray, hasNotificationAttention, hasNotifications: notificationContent !== 'off', hasReadReceipts, hasRelayCalls, hasSpellCheck, hasStoriesDisabled, hasTextFormatting, hasTypingIndicators, lastSyncTime, notificationContent, selectedCamera, selectedMicrophone, selectedSpeaker, sentMediaQualitySetting, themeSetting, universalExpireTimer: DurationInSeconds.fromSeconds(universalExpireTimer), whoCanFindMe, whoCanSeeMe, zoomFactor, // Actions and other props addCustomColor: ipcAddCustomColor, closeSettings: () => SignalContext.executeMenuRole('close'), doDeleteAllData: () => ipcRenderer.send('delete-all-data'), doneRendering, editCustomColor: ipcEditCustomColor, getConversationsWithCustomColor: ipcGetConversationsWithCustomColor, initialSpellCheckSetting: SignalContext.config.appStartInitialSpellcheckSetting, makeSyncRequest: ipcMakeSyncRequest, removeCustomColor: ipcRemoveCustomColor, removeCustomColorOnConversations: ipcRemoveCustomColorOnConversations, resetAllChatColors: ipcResetAllChatColors, resetDefaultChatColor: ipcResetDefaultChatColor, setGlobalDefaultConversationColor: ipcSetGlobalDefaultConversationColor, shouldShowStoriesSettings, // Limited support features isAudioNotificationsSupported: Settings.isAudioNotificationSupported(), isAutoDownloadUpdatesSupported: Settings.isAutoDownloadUpdatesSupported(), isAutoLaunchSupported: Settings.isAutoLaunchSupported(), isHideMenuBarSupported: Settings.isHideMenuBarSupported(), isNotificationAttentionSupported: Settings.isDrawAttentionSupported(), isPhoneNumberSharingSupported, isSyncSupported: !isSyncNotSupported, isSystemTraySupported: Settings.isSystemTraySupported( SignalContext.getVersion() ), isMinimizeToAndStartInSystemTraySupported: Settings.isMinimizeToAndStartInSystemTraySupported( SignalContext.getVersion() ), // Feature flags isFormattingFlagEnabled, // Change handlers onAudioNotificationsChange: reRender(settingAudioNotification.setValue), onAutoDownloadUpdateChange: reRender(settingAutoDownloadUpdate.setValue), onAutoLaunchChange: reRender(settingAutoLaunch.setValue), onCallNotificationsChange: reRender(settingCallSystemNotification.setValue), onCallRingtoneNotificationChange: reRender( settingCallRingtoneNotification.setValue ), onCountMutedConversationsChange: reRender( settingCountMutedConversations.setValue ), onHasStoriesDisabledChanged: reRender(async (value: boolean) => { await settingHasStoriesDisabled.setValue(value); if (!value) { void ipcDeleteAllMyStories(); } return value; }), onHideMenuBarChange: reRender(settingHideMenuBar.setValue), onIncomingCallNotificationsChange: reRender( settingIncomingCallNotification.setValue ), onLastSyncTimeChange: reRender(settingLastSyncTime.setValue), onMediaCameraPermissionsChange: reRender( settingMediaCameraPermissions.setValue ), onMinimizeToAndStartInSystemTrayChange: reRender(async (value: boolean) => { await settingSystemTraySetting.setValue( value ? SystemTraySetting.MinimizeToAndStartInSystemTray : SystemTraySetting.MinimizeToSystemTray ); return value; }), onMinimizeToSystemTrayChange: reRender(async (value: boolean) => { await settingSystemTraySetting.setValue( value ? SystemTraySetting.MinimizeToSystemTray : SystemTraySetting.DoNotUseSystemTray ); return value; }), onMediaPermissionsChange: reRender(settingMediaPermissions.setValue), onNotificationAttentionChange: reRender( settingNotificationDrawAttention.setValue ), onNotificationContentChange: reRender(settingNotificationSetting.setValue), onNotificationsChange: reRender(async (value: boolean) => { await settingNotificationSetting.setValue( value ? DEFAULT_NOTIFICATION_SETTING : 'off' ); return value; }), onRelayCallsChange: reRender(settingRelayCalls.setValue), onSelectedCameraChange: reRender(settingVideoInput.setValue), onSelectedMicrophoneChange: reRender(settingAudioInput.setValue), onSelectedSpeakerChange: reRender(settingAudioOutput.setValue), onSentMediaQualityChange: reRender(settingSentMediaQuality.setValue), onSpellCheckChange: reRender(settingSpellCheck.setValue), onTextFormattingChange: reRender(settingTextFormatting.setValue), onThemeChange: reRender(settingTheme.setValue), onUniversalExpireTimerChange: (newValue: number): Promise => { return onUniversalExpireTimerChange( DurationInSeconds.fromSeconds(newValue) ); }, onWhoCanFindMeChange: reRender(settingPhoneNumberDiscoverability.setValue), onWhoCanSeeMeChange: reRender(settingPhoneNumberSharing.setValue), // Zoom factor change doesn't require immediate rerender since it will: // 1. Update the zoom factor in the main window // 2. Trigger `preferred-size-changed` in the main process // 3. Finally result in `window.storage` update which will cause the // rerender. onZoomFactorChange: settingZoomFactor.setValue, i18n: SignalContext.i18n, hasCustomTitleBar: SignalContext.OS.hasCustomTitleBar(), executeMenuRole: SignalContext.executeMenuRole, }; function reRender(f: (value: Value) => Promise) { return async (value: Value) => { await f(value); void renderPreferences(); }; } ReactDOM.render( React.createElement(Preferences, props), document.getElementById('app') ); }; ipcRenderer.on('preferences-changed', () => renderPreferences()); contextBridge.exposeInMainWorld('SignalContext', { ...SignalContext, renderWindow: renderPreferences, });