feat: add systray

[ludoo0d0a]

What did you change?

Add systray icon.

Why did you make the change?

For better OS integration

How does this work?

createTray(mainWindow) called into mainRunner

[jooy2]

Hello, Thank you for contributing to the project.

After testing with your code, I found the following issues. (Tested on macOS 15.3 and Node.js 22)

• When starting for the first time with npm run dev, no window other than Tray opens. Clicking on Tray opens it. By default, a window should be displayed when the app is run.
• The title bar in the existing code is missing in the window that opens when clicking the tray icon.
• The window is always displayed on top. The Always on Top setting should be false by default.

Vutron is a project conceived as a template that is easy to get started with. The add-ons that can be implemented through Electron should be minimized or made optional.

There needs to be a way to disable Tray by default and enable it with a flag or constant definition.

(Also, documentation for this feature may be needed before it is merged.)

Regards,

[ludoo0d0a]

Hi, I reached a better stage.

• tray is option for classic window (window is opened by default)
• trayWindow is a second option (diabled by dedault) allowing to get a floating window attached to the tray (like jetbrains toolbox) (no frame, position just under tray icon)

If you're ok with evolutions, I will add documentation.

[jooy2]

Hello, thank you for improving the code. The function is working as intended.

If you fix the remaining few bugs and improve the code, I'd be happy to merge the code!

1. Format the code according to the project requirements. We use ESLint and Prettier. npm i -> npm run lint:fix -> npm run format:fix
2. Remove unused comments or code. For example: import { getDisplayNearestPoint } from './desktop.ts'
3. This may only be the case in my environment, but when I click the tray icon to toggle the tray window, the window sometimes does not open or close even if I click it intermittently. It is reproduced when I press the button at a fast interval.
4. Can you define main/utils/Constants.ts so that options.trayOptions in MainRunner.ts and DEFAULT_OPTIONS in tray.ts do not overlap, and then use only those values?

You can skip the document creation, or submit it separately as another PR.

Regards,

[jooy2]

It says "ESLint: 'getDisplayNearestPoint' is defined but never used. (no-unused-vars)"

[jooy2]

Can you define main/utils/Constants.ts so that options.trayOptions in MainRunner.ts and DEFAULT_OPTIONS in tray.ts do not overlap, and then use only those values?