Replace electron-devtools-installer with native Electron API

[wojtekn]

Related issues

• N/A

Proposed Changes

I propose removing electron-devtools-installer dependency which uses deprecated Electron APIs and implementing native extension loading using session.extensions.loadExtension(). It eliminates deprecation warnings for session.loadExtension and session.getAllExtensions.

Testing Instructions

Confirm:

• Builds go through
• React DevTools and Redux DevTools load successfully in development mode
• There are no deprecation warnings for extension-related APIs

Pre-merge Checklist

• Have you checked for TypeScript, React or other console errors?

[github-actions]

📊 Performance Test Results

Comparing 245bcb5 vs trunk

site-editor

Metric	trunk	245bcb5	Diff	Change
load	10238.00 ms	9872.00 ms	-366.00 ms	🟢 -3.6%

site-startup

Metric	trunk	245bcb5	Diff	Change
siteCreation	14259.00 ms	16492.00 ms	+2233.00 ms	🔴 15.7%
siteStartup	5986.00 ms	5959.00 ms	-27.00 ms	🟢 -0.5%

---

Results are median values from multiple test runs.

Legend: 🟢 Improvement (faster) | 🔴 Regression (slower) | ⚪ No change

[katinthehatsite]

The changes look good to me, I did not see any regressions 👍

[mikaoelitiana]

Hello,

I have just cloned the repo and started a fresh dev instance of studio but it seems the dev extensions are not installed automatically anymore. I have the following error :

Failed to load REACT_DEVELOPER_TOOLS extension: Error: ENOENT: no such file or directory, access '/Users/mikaoelitiana/Library/Application Support/Studio/extensions/fmkadmapgofadopljbjfkapdkoienihi'
    at async Module.access (node:internal/fs/promises:608:10)
    at async loadDevToolsExtensions (/Users/mikaoelitiana/Developer/studio/dist/main/index.js:7577:7)
    at async EventEmitter.<anonymous> (/Users/mikaoelitiana/Developer/studio/dist/main/index.js:7688:7) {
  errno: -2,
  code: 'ENOENT',
  syscall: 'access',
  path: '/Users/mikaoelitiana/Library/Application Support/Studio/extensions/fmkadmapgofadopljbjfkapdkoienihi'
}
Failed to load REDUX_DEVTOOLS extension: Error: ENOENT: no such file or directory, access '/Users/mikaoelitiana/Library/Application Support/Studio/extensions/lmhkpmbekcpmknklioeibfkpmmfibljd'
    at async Module.access (node:internal/fs/promises:608:10)
    at async loadDevToolsExtensions (/Users/mikaoelitiana/Developer/studio/dist/main/index.js:7577:7)
    at async EventEmitter.<anonymous> (/Users/mikaoelitiana/Developer/studio/dist/main/index.js:7688:7) {
  errno: -2,
  code: 'ENOENT',
  syscall: 'access',
  path: '/Users/mikaoelitiana/Library/Application Support/Studio/extensions/lmhkpmbekcpmknklioeibfkpmmfibljd'
}

What is the recommended way to install the extensions so they can be loaded here?

[wojtekn]

@mikaoelitiana, thanks for reporting the issue.

I opened a PR that suppose to add installation back: #2431

[mikaoelitiana]

@mikaoelitiana, thanks for reporting the issue.

I opened a PR that suppose to add installation back: #2431

Thanks for the quick solution 🙏