feat: added command bar

Author: edospadoni

package-lock.json

@@ -106,6 +106,7 @@
     "dmg-license": "^1.0.11"
   },
   "dependencies": {
-    "@nut-tree-fork/nut-js": "^4.2.6"
+    "@nut-tree-fork/nut-js": "^4.2.6",
+    "uiohook-napi": "^1.5.4"
   }
 }

package.json

@@ -932,6 +932,10 @@
     "update_available": "Update available for download",
     "download": "Download the update"
   },
+  "CommandBar": {
+    "Placeholder": "Enter a phone number...",
+    "Call": "Call"
+  },
   "Errors": {
     "browser_permissions": "Browser permissions error",
     "user_permissions": "Media permissions error",

public/locales/en/translations.json

@@ -932,6 +932,10 @@
     "update_available": "Aggiornamento disponibile per il download",
     "download": "Scarica l'aggiornamento"
   },
+  "CommandBar": {
+    "Placeholder": "Inserisci un numero di telefono...",
+    "Call": "Chiama"
+  },
   "Errors": {
     "browser_permissions": "Errore nei permessi del browser",
     "user_permissions": "Errore nei permessi dei media",

public/locales/it/translations.json

@@ -273,6 +273,22 @@ export class AccountController {
     }
   }
 
+  async updateCommandBarShortcut(commandBarShortcut: any) {
+    if (store.store) {
+      const account = store.store.account
+      if (account) {
+        account.commandBarShortcut = commandBarShortcut
+
+        store.set('account', account, true)
+        const auth = store.store.auth
+
+        auth!.availableAccounts[getAccountUID(account)] = account
+        store.set('auth', auth, true)
+      }
+      store.saveToDisk()
+    }
+  }
+
 
   getAccountPhoneIslandPosition(): { x: number; y: number } | undefined {
     return store.store.account?.phoneIslandPosition

src/main/classes/controllers/AccountController.ts

@@ -0,0 +1,80 @@
+import { CommandBarWindow } from '../windows'
+import { IPC_EVENTS } from '@shared/constants'
+import { Log } from '@shared/utils/logger'
+import { screen } from 'electron'
+
+export class CommandBarController {
+  static instance: CommandBarController
+  window: CommandBarWindow
+  private isVisible: boolean = false
+
+  constructor() {
+    CommandBarController.instance = this
+    this.window = new CommandBarWindow()
+    this.setupBlurListener()
+  }
+
+  private setupBlurListener() {
+    this.window.addOnBuildListener(() => {
+      const window = this.window.getWindow()
+      if (window) {
+        window.on('blur', () => {
+          this.hide()
+        })
+      }
+    })
+  }
+
+  show() {
+    try {
+      const window = this.window.getWindow()
+      if (window && !this.isVisible) {
+        const cursorPoint = screen.getCursorScreenPoint()
+        const currentDisplay = screen.getDisplayNearestPoint(cursorPoint)
+        const { x, y, width, height } = currentDisplay.workArea
+        const windowBounds = window.getBounds()
+
+        const centerX = x + Math.round((width - windowBounds.width) / 2)
+        const centerY = y + Math.round(height * 0.3)
+
+        window.setBounds({ x: centerX, y: centerY })
+        window.show()
+        window.setAlwaysOnTop(true, 'screen-saver')
+        window.focus()
+        this.isVisible = true
+        this.window.emit(IPC_EVENTS.SHOW_COMMAND_BAR)
+      }
+    } catch (e) {
+      Log.warning('error during showing CommandBarWindow:', e)
+    }
+  }
+
+  hide() {
+    try {
+      const window = this.window.getWindow()
+      if (window && this.isVisible) {
+        window.hide()
+        this.isVisible = false
+        this.window.emit(IPC_EVENTS.HIDE_COMMAND_BAR)
+      }
+    } catch (e) {
+      Log.warning('error during hiding CommandBarWindow:', e)
+    }
+  }
+
+  toggle() {
+    if (this.isVisible) {
+      this.hide()
+    } else {
+      this.show()
+    }
+  }
+
+  isOpen(): boolean {
+    return this.isVisible
+  }
+
+  async safeQuit() {
+    await this.window.quit(true)
+  }
+}

src/main/classes/controllers/CommandBarController.ts

@@ -3,3 +3,4 @@ export * from './LoginController'
 export * from './PhoneIslandController'
 export * from './TrayController'
 export * from './DevToolsController'
+export * from './CommandBarController'

src/main/classes/controllers/index.ts

@@ -0,0 +1,42 @@
+import { PAGES } from '@shared/types'
+import { BaseWindow } from './BaseWindow'
+
+export class CommandBarWindow extends BaseWindow {
+  constructor() {
+    super(PAGES.COMMANDBAR, {
+      width: 500,
+      height: 80,
+      show: false,
+      fullscreenable: false,
+      autoHideMenuBar: true,
+      closable: false,
+      alwaysOnTop: true,
+      minimizable: false,
+      maximizable: false,
+      movable: false,
+      resizable: false,
+      skipTaskbar: true,
+      roundedCorners: true,
+      parent: undefined,
+      transparent: true,
+      hiddenInMissionControl: true,
+      hasShadow: true,
+      center: true,
+      fullscreen: false,
+      enableLargerThanScreen: false,
+      frame: false,
+      thickFrame: false,
+      trafficLightPosition: { x: 0, y: 0 },
+      webPreferences: {
+        nodeIntegration: true
+      }
+    })
+
+    this.addOnBuildListener(() => {
+      const window = this.getWindow()
+      if (window) {
+        window.setAlwaysOnTop(true, 'screen-saver')
+      }
+    })
+  }
+}

src/main/classes/windows/CommandBarWindow.ts

@@ -3,3 +3,4 @@ export * from './SplashScreenWindow'
 export * from './NethLinkWindow'
 export * from './PhoneIslandWindow'
 export * from './DevToolsWindow'
+export * from './CommandBarWindow'

src/main/classes/windows/index.ts

@@ -1,6 +1,7 @@
 import { AccountController, DevToolsController } from '@/classes/controllers'
 import { LoginController } from '@/classes/controllers/LoginController'
 import { PhoneIslandController } from '@/classes/controllers/PhoneIslandController'
+import { CommandBarController } from '@/classes/controllers/CommandBarController'
 import { IPC_EVENTS } from '@shared/constants'
 import { Account, OnDraggingWindow, PAGES } from '@shared/types'
 import { BrowserWindow, app, ipcMain, screen, shell, desktopCapturer, globalShortcut, clipboard } from 'electron'
@@ -462,4 +463,33 @@ export function registerIpcEvents() {
       Log.error('URL PARAM error', e)
     }
   })
+
+  ipcMain.on(IPC_EVENTS.TOGGLE_COMMAND_BAR, () => {
+    try {
+      CommandBarController.instance?.toggle()
+    } catch (e) {
+      Log.error('TOGGLE_COMMAND_BAR error', e)
+    }
+  })
+
+  ipcMain.on(IPC_EVENTS.SHOW_COMMAND_BAR, () => {
+    try {
+      CommandBarController.instance?.show()
+    } catch (e) {
+      Log.error('SHOW_COMMAND_BAR error', e)
+    }
+  })
+
+  ipcMain.on(IPC_EVENTS.HIDE_COMMAND_BAR, () => {
+    try {
+      CommandBarController.instance?.hide()
+    } catch (e) {
+      Log.error('HIDE_COMMAND_BAR error', e)
+    }
+  })
+
+  ipcMain.on(IPC_EVENTS.CHANGE_COMMAND_BAR_SHORTCUT, async (_, combo) => {
+    AccountController.instance.updateCommandBarShortcut(combo)
+    Log.info('Command Bar shortcut changed to:', combo)
+  })
 }