[Mac] Mac Design Patterns

[noahkiss]

Some menu item locations are incorrect based on Mac design patterns, as well as default shortcuts.

For example, "Settings" should always be in the named dropdown (ex. "NetPad") and should always have the default shortcut of "Cmd + ," (⌘ ,). This may require registering the Settings (called Preferences until 2 versions ago) in a special way, I'm not sure.

---

Pop-up choice order should be updated:

Please see the below images (one from VS Code, one from NetPad). Generally on Mac the "confirm" and "deny" are grouped, with "cancel" separate.

---

Here are a few links that I found:

• All about Electron apps being Mac-native: https://dev.to/vadimdemedes/making-electron-apps-feel-native-on-mac-52e8

• When looking around, here are some repo links that have related info:

  • https://github.com/desktop/desktop/blob/deff7250ba0b21f887ede7b0d099dc273c91d6ec/app/src/lib/menu-item.ts#L45
  • https://github.com/sindresorhus/electron-boilerplate/blob/74c68912708d7bd40f51116064c11306bebf65ec/menu.js#L93

• This Cordova page might have some useful info in it: https://cordova.apache.org/docs/en/12.x/guide/platforms/electron/index.html

• This video/transcript looks helpful, maybe: https://www.infoq.com/presentations/electron-app/

• Some more macOS-specific info: https://evilmartians.com/chronicles/how-to-make-absolutely-any-app-look-like-a-macos-app

• (sort of unrelated - code signing)

  • easy OSX sign: https://github.com/electron/osx-sign
  • http://jbavari.github.io/blog/2015/08/14/codesigning-electron-applications/
  • http://www.zarkonnen.com/signing_notarizing_catalina

• This seemed helpful: https://github.com/sindresorhus/awesome-electron#articles

Sorry I got off on a tangent a little bit with the links. Just trying to maybe save you some time by going down the rabbit hole myself :)

[tareqimbasher]

Thank you for the report and all the great links! I'll get that fixed.