geo/apps/desktop-client/src/main/tray.ts

import { nativeImage } from "electron/common";
import { Menu, Tray, app } from "electron/main";
import type { Tray as ElectronTray } from "electron/main";

let tray: ElectronTray | null = null;

const TRAY_ICON_BASE64 =
  "iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAnUlEQVR4nN2UwQmAMAxF360Dee8I" +
  "LuNIxT2cpIv0oJcIEqJGMSIG/qX8fn5/msDfqgcKUIEmqHLW3xHsgAmYTzAJ1+2yOURXNI/77qLo" +
  "VvzQufX8EchAEmQ5s2LZjUCThwMTg8E3IymG07PSzotFqoqUHcJZ3akWSTctOYST0cT3hMOiCGte" +
  "2HcjakCIHGmiltDW+eNrU7t/dNF/txaahq+VoZ+VygAAAABJRU5ErkJggg==";

function createTrayIcon() {
  const buffer = Buffer.from(TRAY_ICON_BASE64, "base64");
  const icon = nativeImage.createFromBuffer(buffer);
  if (icon.isEmpty()) {
    return nativeImage.createEmpty();
  }
  icon.setTemplateImage(true);
  return icon;
}

export function initTray(onOpen: () => void): ElectronTray {
  if (tray) {
    return tray;
  }

  tray = new Tray(createTrayIcon());
  tray.setToolTip("GEO Rankly Desktop");
  tray.setContextMenu(
    Menu.buildFromTemplate([
      { label: "Open", click: () => onOpen() },
      { type: "separator" },
      { label: "Quit", click: () => app.quit() },
    ]),
  );
  tray.on("click", () => onOpen());
  return tray;
}