Skip to content

Integrate app menu with DevTools features, add icons - #57421

Closed
huntie wants to merge 2 commits into
react:mainfrom
huntie:export-D94527813
Closed

huntie wants to merge 2 commits into
react:mainfrom
huntie:export-D94527813

Conversation

@huntie

@huntie huntie commented Jul 2, 2026 •

Copy link
Copy Markdown
Collaborator

Summary:
UX polish: Refine RNDT desktop app with new menu items mapping to key features inside the DevTools UI, and add menu item icons (macOS 26+).

New/changed menu items

  • [New] File > Reload App - Unify cmd+R logic — explicitly bound to "Reload App".
  • [New] File > Reload DevTools - opt+R — reinstates above
    • Note: Reloading and force-reloading the debugger-frontend's UI can also be done with cmd+R and cmd+shift+R from a DevTools-on-DevTools window.
  • [New] File > QuickOpen…
  • [New] View > Command Palette…
  • [Changed] View > Toggle Developer Tools - Shown in debug builds only. Delete Reload and Force Reload items here (per above).
  • [New] Help > Keyboard Shortcuts
  • Simplify Edit menu options.

Notes

  • Icons are configured on macOS 26+ only, and we've left the {role: '<name>'} icon templates alone (should be managed upstream in Electron, although today these icons are missing in some cases).

See electron/electron#50609, electron/electron#48909.

Changelog:
[General][Changed] - React Native DevTools: Expose new options in the app menu

Differential Revision: D94527813

image image image

huntie added 2 commits July 2, 2026 10:52
Summary:
Upgrade from Electron 39.0.0 → 43.0.0.

Changelog: [Internal]

**Breaking changes from Electron 39.0.0 → 43.0.0:**

**Electron 40.0.0**
- Deprecated `clipboard` API access from renderer processes (use `contextBridge` from a preload script)
- macOS dSYM debug symbols now compressed with `tar.xz` (`dsym.zip` → `dsym.tar.xz`)

**Electron 41.0.0**
- PDFs no longer create a separate `WebContents` (now render in same WebContents via OOPIFs — use frame tree to detect)
- Cookie `'changed'` event has new causes: `inserted`, `inserted-no-change-overwrite`, `inserted-no-value-change-overwrite`
- Deprecated `showHiddenFiles` in dialogs on Linux (GTK removed the API)

**Electron 42.0.0**
- macOS notifications migrated from `NSUserNotification` to `UNNotification` API (requires code-signed app, else emits `failed` event)
- Offscreen rendering defaults to `1.0` device scale factor (use `webPreferences.offscreen.deviceScaleFactor` to override)
- `electron` npm package no longer downloads via `postinstall` (binary fetched on first `bin` run; `ELECTRON_SKIP_BINARY_DOWNLOAD` removed, use `ELECTRON_INSTALL_PLATFORM` / `ELECTRON_INSTALL_ARCH`)
- Removed `quotas` object from `Session.clearStorageData(options)`

**Electron 43.0.0-alpha.3**
- File downloads will open by default in the user's Downloads folder (or Home directory if Downloads doesn't exist)

Command run:

```
js1 upgrade electron --version 43.0.0-alpha.3
```

Differential Revision: D105587351
Summary:
UX polish: Refine RNDT desktop app with new menu items mapping to key features inside the DevTools UI, and adding menu item icons (macOS 26+).

**New/changed menu items**

- **[New] File > Reload App** - Unify cmd+R logic — explicitly bound to "Reload App".
- **[New] File > Reload DevTools** - opt+R — reinstates above
    - Note: Reloading and force-reloading the debugger-frontend's UI can also be done with cmd+R and cmd+shift+R *from a DevTools-on-DevTools window*.
- **[New] File > QuickOpen…**
- **[New] View > Command Palette…**
- **[Changed] View > Toggle Developer Tools** - Shown in debug builds only. Delete Reload and Force Reload items here (per above).
- **[New] Help > Keyboard Shortcuts**
- Simplify Edit menu options.

**Notes**

- Icons are configured on macOS 26+ only, and we've left the `{role: '<name>'}` icon templates alone (should be managed upstream in Electron, although today these icons are missing in some cases).

See electron/electron#50609, electron/electron#48909.

Changelog:
[General][Changed] - **React Native DevTools**: Expose new options in the app menu

Differential Revision: D94527813
@meta-cla meta-cla Bot added the CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. label Jul 2, 2026
@facebook-github-tools facebook-github-tools Bot added p: Facebook Partner: Facebook Partner labels Jul 2, 2026
@meta-codesync

meta-codesync Bot commented Jul 2, 2026

Copy link
Copy Markdown

@huntie has exported this pull request. If you are a Meta employee, you can view the originating Diff in D94527813.

@meta-codesync meta-codesync Bot closed this in 24e3700 Jul 6, 2026
@meta-codesync meta-codesync Bot added the Merged This PR has been merged. label Jul 6, 2026
@meta-codesync

meta-codesync Bot commented Jul 6, 2026

Copy link
Copy Markdown

This pull request has been merged in 24e3700.

@huntie
huntie deleted the export-D94527813 branch July 6, 2026 11:04
meta-codesync Bot pushed a commit that referenced this pull request Oct 13, 2026
Summary:
Automated update of React Native DevTools binaries

Bundled changes:
- **Desktop runtime:** Updated the standalone shell from Electron 39 to 43, including security updates. ([#57422](#57422), [#57338](#57338))
- **App menus:** Added Reload App, Reload DevTools, Quick Open, Command Palette, and Keyboard Shortcuts entries, with icons on macOS 26+. ([#57421](#57421))
- **macOS:** Added the macOS 26/27 app icon. ([#57310](#57310))
- **Automation:** Added support for Electron's `--remote-debugging-port` option. ([#58905](#58905))
- **Maintenance:** Migrated Node.js builtin imports to the `node:` scheme and updated package metadata to the `react` GitHub organization. ([#57611](#57611), [#57258](#57258))

bypass-github-export-checks
Changelog: [General][Changed] - **React Native DevTools**: Upgrade the standalone app to Electron 43, add app-menu shortcuts, and add a macOS 26/27 icon

Reviewed By: vzaidman

Differential Revision: D124263283

fbshipit-source-id: 6b2a3eb729002ee9a11685b73ab5c0d0091600c7
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. Merged This PR has been merged. meta-exported p: Facebook Partner: Facebook Partner

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant