SDA-4544 Allow to load react dev tools chrome extension (#2145)

* SDA-4561 - SDA branch cut

* SDA-4544 Allow to load react dev tools chrome extension

---------

Co-authored-by: Kiran Niranjan <kiran.niranjan@symphony.com>

package.json

@@ -180,6 +180,7 @@
     "del": "3.0.0",
     "electron": "29.3.1",
     "electron-builder": "^24.13.2",
+    "electron-devtools-installer": "^3.2.0",
     "electron-icon-maker": "0.0.5",
     "electron-osx-sign": "^0.6.0",
     "enzyme": "^3.11.0",

src/app/extension-handler.ts

@@ -0,0 +1,29 @@
+import installExtension, {
+  REACT_DEVELOPER_TOOLS,
+} from 'electron-devtools-installer';
+
+import { Logger } from '../common/loggerBase';
+import { getCommandLineArgs } from '../common/utils';
+
+const isCommandLineArgEnabled = (name: string) =>
+  getCommandLineArgs(process.argv, `--${name}`, true) ||
+  getCommandLineArgs(process.argv, `--${name}=1`, true) ||
+  getCommandLineArgs(process.argv, `--${name}=true`, true);
+
+/**
+ * Load React Dev Tools extension
+ * @param logger
+ * @returns Promise<void>
+ */
+export const loadReactDevToolsExtension = async (logger: Logger) => {
+  if (!isCommandLineArgEnabled('enableReactDevTools')) {
+    return;
+  }
+
+  try {
+    const name = await installExtension(REACT_DEVELOPER_TOOLS);
+    logger.info(`main: Added Extension:  ${name}`);
+  } catch (error) {
+    logger.error(`main: Error while loading ReactDevTool Extension:  ${error}`);
+  }
+};

src/app/main.ts

@@ -15,6 +15,7 @@ import { ICustomBrowserWindow, windowHandler } from './window-handler';
 
 import { autoLaunchInstance } from './auto-launch-controller';
 import { autoUpdate } from './auto-update-handler';
+import { loadReactDevToolsExtension } from './extension-handler';
 import { presenceStatusStore } from './stores';
 
 // Set automatic period substitution to false because of a bug in draft js on the client app
@@ -111,6 +112,8 @@ const startApplication = async () => {
   await autoUpdate.init();
   await windowHandler.createApplication();
   logger.info(`main: created application`);
+
+  await loadReactDevToolsExtension(logger);
 };
 
 // Handle multiple/single instances