Add React Developers Tools (#1410)

Signed-off-by: Panu Horsmalahti <phorsmalahti@mirantis.com>

src/main/developer-tools.ts

@@ -0,0 +1,11 @@
+/**
+ * Installs Electron developer tools in the development build.
+ * The dependency is not bundled to the production build.
+ */
+export const installDeveloperTools = async () => {
+  if (process.env.NODE_ENV === 'development') {
+    const { default: devToolsInstaller, REACT_DEVELOPER_TOOLS } = await import('electron-devtools-installer');
+
+    return devToolsInstaller([REACT_DEVELOPER_TOOLS]);
+  }
+};

src/main/index.ts

@@ -24,6 +24,7 @@ import { extensionLoader } from "../extensions/extension-loader";
 import { extensionsStore } from "../extensions/extensions-store";
 import { InstalledExtension, extensionDiscovery } from "../extensions/extension-discovery";
 import type { LensExtensionId } from "../extensions/lens-extension";
+import { installDeveloperTools } from "./developer-tools";
 
 const workingDir = path.join(app.getPath("appData"), appName);
 let proxyPort: number;
@@ -50,6 +51,8 @@ app.on("ready", async () => {
 
   registerFileProtocol("static", __static);
 
+  await installDeveloperTools();
+
   // preload
   await Promise.all([
     userStore.load(),