Skip to content

Latest commit

 

History

History
38 lines (25 loc) · 1.27 KB

README.md

File metadata and controls

38 lines (25 loc) · 1.27 KB

Boilerplate for macOS Electron Menu Bar App using React

No Typescript

Development

npm run dev

To turn on the dev tools and use a larger window, flip the showDevTools flag in main/createWindow/config. You can also leave this on to debug a prod build.

Production Builds

  • Bundle the renderer
npm run build:renderer

  • Change the src path to the bundle in dist/index.html from /main to ./main. (If you know how to configure this please let me know.)

  • Build the app

npm run build:app

Features

  • React with hooks for state management
  • IPC
  • Icons

Icons

  • Use the SF Symbols app to create a template image for the menu bar. Update the icons and iconPath in main/createTray.

  • To create the .icns icon that will display in the applications folder, create a .png icon of size 1024 x 1024 px named icon1024.png and put it in the root folder. From the root, run ./create-app-icon.sh.