[PS-1196] Add option to disable hardware acceleration

apps/desktop/src/app/accounts/settings.component.html

@@ -328,6 +328,23 @@ <h2>
                   "enableBrowserIntegrationFingerprintDesc" | i18n
                 }}</small>
               </div>
+              <div class="form-group">
+                <div class="checkbox">
+                  <label for="enableHardwareAcceleration">
+                    <input
+                      id="enableHardwareAcceleration"
+                      type="checkbox"
+                      name="EnableHardwareAcceleration"
+                      [(ngModel)]="enableHardwareAcceleration"
+                      (change)="saveHardwareAcceleration()"
+                    />
+                    {{ "enableHardwareAcceleration" | i18n }}
+                  </label>
+                </div>
+                <small class="help-block">
+                  {{ "enableHardwareAccelerationDesc" | i18n }}
+                </small>
+              </div>
               <div class="form-group">
                 <label for="theme">{{ "theme" | i18n }}</label>
                 <select id="theme" name="Theme" [(ngModel)]="theme" (change)="saveTheme()">

apps/desktop/src/app/accounts/settings.component.ts

@@ -25,6 +25,7 @@ export class SettingsComponent implements OnInit {
   vaultTimeoutAction: string;
   pin: boolean = null;
   disableFavicons = false;
+  enableHardwareAcceleration = false;
   enableBrowserIntegration = false;
   enableBrowserIntegrationFingerprint = false;
   enableMinToTray = false;
@@ -56,6 +57,8 @@ export class SettingsComponent implements OnInit {
   enableMinToTrayDescText: string;
   enableCloseToTrayText: string;
   enableCloseToTrayDescText: string;
+  enableHardwareAccelerationText: string;
+  enableHardwareAccelerationDescText: string;
   startToTrayText: string;
   startToTrayDescText: string;
 
@@ -97,6 +100,12 @@ export class SettingsComponent implements OnInit {
     this.startToTrayText = this.i18nService.t(startToTrayKey);
     this.startToTrayDescText = this.i18nService.t(startToTrayKey + "Desc");
 
+    const enableHardwareAccelerationKey = "enableHardwareAcceleration";
+    this.enableHardwareAccelerationText = this.i18nService.t(enableHardwareAccelerationKey);
+    this.enableHardwareAccelerationDescText = this.i18nService.t(
+      enableHardwareAccelerationKey + "Desc"
+    );
+
     this.vaultTimeouts = [
       // { name: i18nService.t('immediately'), value: 0 },
       { name: i18nService.t("oneMinute"), value: 1 },
@@ -155,6 +164,7 @@ export class SettingsComponent implements OnInit {
     this.enableCloseToTray = await this.stateService.getEnableCloseToTray();
     this.enableTray = await this.stateService.getEnableTray();
     this.startToTray = await this.stateService.getEnableStartToTray();
+    this.enableHardwareAcceleration = await this.stateService.getEnableHardwareAcceleration();
 
     this.alwaysShowDock = await this.stateService.getAlwaysShowDock();
     this.showAlwaysShowDock = this.platformUtilsService.getDevice() === DeviceType.MacOsDesktop;
@@ -415,4 +425,8 @@ export class SettingsComponent implements OnInit {
       this.enableBrowserIntegrationFingerprint
     );
   }
+
+  async saveHardwareAcceleration() {
+    await this.stateService.setEnableHardwareAcceleration(this.enableHardwareAcceleration);
+  }
 }

apps/desktop/src/locales/en/messages.json

@@ -930,6 +930,12 @@
   "enableTrayDesc": {
     "message": "Always show an icon in the system tray."
   },
+  "enableHardwareAcceleration": {
+    "message": "Enable hardware acceleration"
+  },
+  "enableHardwareAccelerationDesc": {
+    "message": "Enable the application to make use of a discrete GPU. Restart is required."
+  },
   "startToTray": {
     "message": "Start To Tray Icon"
   },

apps/desktop/src/locales/en_GB/messages.json

@@ -889,6 +889,12 @@
   "enableTrayDesc": {
     "message": "Always show an icon in the system tray."
   },
+  "enableHardwareAcceleration": {
+    "message": "Enable hardware acceleration"
+  },
+  "enableHardwareAccelerationDesc": {
+    "message": "Enable the application to make use of a discrete GPU. Restart is required."
+  },
   "startToTray": {
     "message": "Start to tray icon"
   },

apps/desktop/src/locales/en_IN/messages.json

@@ -930,6 +930,12 @@
   "enableTrayDesc": {
     "message": "Always show an icon in the system tray."
   },
+  "enableHardwareAcceleration": {
+    "message": "Enable hardware acceleration"
+  },
+  "enableHardwareAccelerationDesc": {
+    "message": "Enable the application to make use of a discrete GPU. Restart is required."
+  },
   "startToTray": {
     "message": "Start to tray icon"
   },

apps/desktop/src/main.ts

@@ -143,6 +143,7 @@ export class Main {
   }
 
   bootstrap() {
+    this.toggleHardwareAcceleration();
     this.desktopCredentialStorageListener.init();
     this.windowMain.init().then(
       async () => {
@@ -215,4 +216,12 @@ export class Main {
         }
       });
   }
+
+  private async toggleHardwareAcceleration(): Promise<void> {
+    const enableHardwareEnableAcceleration =
+      await this.stateService.getEnableHardwareAcceleration();
+    if (!enableHardwareEnableAcceleration) {
+      app.disableHardwareAcceleration();
+    }
+  }
 }

libs/common/src/abstractions/state.service.ts

@@ -168,6 +168,8 @@ export abstract class StateService<T extends Account = Account> {
   setEnableStartToTray: (value: boolean, options?: StorageOptions) => Promise<void>;
   getEnableTray: (options?: StorageOptions) => Promise<boolean>;
   setEnableTray: (value: boolean, options?: StorageOptions) => Promise<void>;
+  getEnableHardwareAcceleration: (options?: StorageOptions) => Promise<boolean>;
+  setEnableHardwareAcceleration: (value: boolean, options?: StorageOptions) => Promise<void>;
   getEncryptedCiphers: (options?: StorageOptions) => Promise<{ [id: string]: CipherData }>;
   setEncryptedCiphers: (
     value: { [id: string]: CipherData },

libs/common/src/models/domain/globalState.ts

@@ -37,4 +37,5 @@ export class GlobalState {
   alwaysShowDock?: boolean;
   enableBrowserIntegration?: boolean;
   enableBrowserIntegrationFingerprint?: boolean;
+  enableHardwareAcceleration?: boolean;
 }

libs/common/src/services/state.service.ts

@@ -1145,6 +1145,24 @@ export class StateService<
     );
   }
 
+  async getEnableHardwareAcceleration(options?: StorageOptions): Promise<boolean> {
+    return (
+      (await this.getGlobals(this.reconcileOptions(options, await this.defaultOnDiskOptions())))
+        ?.enableHardwareAcceleration ?? true
+    );
+  }
+
+  async setEnableHardwareAcceleration(value: boolean, options?: StorageOptions): Promise<void> {
+    const globals = await this.getGlobals(
+      this.reconcileOptions(options, await this.defaultOnDiskOptions())
+    );
+    globals.enableHardwareAcceleration = value;
+    await this.saveGlobals(
+      globals,
+      this.reconcileOptions(options, await this.defaultOnDiskOptions())
+    );
+  }
+
   async getEncryptedCiphers(options?: StorageOptions): Promise<{ [id: string]: CipherData }> {
     return (
       await this.getAccount(this.reconcileOptions(options, await this.defaultOnDiskMemoryOptions()))

libs/common/src/services/stateMigration.service.ts

@@ -59,6 +59,7 @@ const v1Keys: { [key: string]: string } = {
   enableMinimizeToTray: "enableMinimizeToTray",
   enableStartToTray: "enableStartToTrayKey",
   enableTray: "enableTray",
+  enableHardwareAcceleration: "enableHardwareAcceleration",
   encKey: "encKey", // Generated Symmetric Key
   encOrgKeys: "encOrgKeys",
   encPrivate: "encPrivateKey",
@@ -225,6 +226,9 @@ export class StateMigrationService<
     globals.enableBrowserIntegrationFingerprint =
       (await this.get<boolean>(v1Keys.enableBrowserIntegrationFingerprint)) ??
       globals.enableBrowserIntegrationFingerprint;
+    globals.enableHardwareAcceleration =
+      (await this.get<boolean>(v1Keys.enableHardwareAcceleration)) ??
+      globals.enableHardwareAcceleration;
 
     const userId =
       (await this.get<string>(v1Keys.userId)) ?? (await this.get<string>(v1Keys.entityId));