diff options
Diffstat (limited to 'packages/main/src/devTools.ts')
-rw-r--r-- | packages/main/src/devTools.ts | 41 |
1 files changed, 19 insertions, 22 deletions
diff --git a/packages/main/src/devTools.ts b/packages/main/src/devTools.ts index b98974a..6c25b3e 100644 --- a/packages/main/src/devTools.ts +++ b/packages/main/src/devTools.ts | |||
@@ -18,38 +18,35 @@ | |||
18 | * SPDX-License-Identifier: AGPL-3.0-only | 18 | * SPDX-License-Identifier: AGPL-3.0-only |
19 | */ | 19 | */ |
20 | 20 | ||
21 | import type { App, BrowserWindow } from 'electron'; | 21 | import type { BrowserWindow } from 'electron'; |
22 | 22 | ||
23 | /** | 23 | /** |
24 | * Installs the react and redux developer tools extensions. | 24 | * Installs the react and redux developer tools extensions. |
25 | * | 25 | * |
26 | * We use the redux devtools and connect the mobx store to it with `mst-middlewares`, | 26 | * We use the redux devtools and connect the mobx store to it with `mst-middlewares`, |
27 | * because the mobx-state-tree devtools are currently unmaintained. | 27 | * because the mobx-state-tree devtools are currently unmaintained. |
28 | * | ||
29 | * @param app The electron application instance. | ||
30 | */ | 28 | */ |
31 | export function installDevToolsExtensions(app: App): void { | 29 | export async function installDevToolsExtensions(): Promise<void> { |
32 | app.whenReady().then(async () => { | 30 | const installerPackage = await import('electron-devtools-installer'); |
33 | const { | 31 | const { |
34 | default: installExtension, | 32 | default: installExtension, |
33 | REACT_DEVELOPER_TOOLS, | ||
34 | REDUX_DEVTOOLS, | ||
35 | } = installerPackage.default instanceof Function | ||
36 | ? installerPackage | ||
37 | : installerPackage.default as unknown as typeof import('electron-devtools-installer'); | ||
38 | await installExtension( | ||
39 | [ | ||
35 | REACT_DEVELOPER_TOOLS, | 40 | REACT_DEVELOPER_TOOLS, |
36 | REDUX_DEVTOOLS, | 41 | REDUX_DEVTOOLS, |
37 | } = await import('electron-devtools-installer'); | 42 | ], |
38 | installExtension( | 43 | { |
39 | [ | 44 | forceDownload: false, |
40 | REACT_DEVELOPER_TOOLS, | 45 | loadExtensionOptions: { |
41 | REDUX_DEVTOOLS, | 46 | allowFileAccess: true, |
42 | ], | ||
43 | { | ||
44 | forceDownload: false, | ||
45 | loadExtensionOptions: { | ||
46 | allowFileAccess: true, | ||
47 | }, | ||
48 | }, | 47 | }, |
49 | ); | 48 | }, |
50 | }).catch((err) => { | 49 | ); |
51 | console.error('Failed to install devtools extension', err); | ||
52 | }); | ||
53 | } | 50 | } |
54 | 51 | ||
55 | /** | 52 | /** |