feat: 实现托盘菜单 (#1538)

* 从 v1 添加托盘相关图标

* feat: ipcRenderer事件

* feat: 托盘菜单实现

* 修复合并后的错误

* fix: 托盘图标的like

* 将 tray 相关的 ipc 放入ipcMain.ts

* update

* update

* feat: 设置托盘Tooltip

* fix

* fix: tray play/pause fade

* fix: 暂时将tray like与tooltip的设置移入Player组件中

useUserLikedTracksIDs 会在重新聚焦而不是切换track时触发，导致托盘无法实时更新数据

基于以上一点，在Player组件中有了一个用于设置tray数据的useEffect，故将tray tooltip的设置也放入其中，使tray的数据尽可能简单的和player数据保持一致

* 将部分ipcRenderer调用挪到单独的IpcRendererReact组件

* 移除SetTrayPlayState，复用已有channel

* update

src/renderer/IpcRendererReact.tsx

@@ -0,0 +1,52 @@
+import { IpcChannels } from '@/shared/IpcChannels'
+import useUserLikedTracksIDs, {
+  useMutationLikeATrack,
+} from '@/renderer/hooks/useUserLikedTracksIDs'
+import { player } from '@/renderer/store'
+import useIpcRenderer from '@/renderer/hooks/useIpcRenderer'
+import { State as PlayerState } from '@/renderer/utils/player'
+
+const IpcRendererReact = () => {
+  const [isPlaying, setIsPlaying] = useState(false)
+  const playerSnapshot = useSnapshot(player)
+  const track = useMemo(() => playerSnapshot.track, [playerSnapshot.track])
+  const state = useMemo(() => playerSnapshot.state, [playerSnapshot.state])
+  const trackIDRef = useRef(0)
+
+  // Liked songs ids
+  const { data: userLikedSongs } = useUserLikedTracksIDs()
+  const mutationLikeATrack = useMutationLikeATrack()
+
+  useIpcRenderer(IpcChannels.Like, () => {
+    const id = trackIDRef.current
+    id && mutationLikeATrack.mutate(id)
+  })
+
+  useEffect(() => {
+    trackIDRef.current = track?.id ?? 0
+
+    const text = track?.name ? `${track.name} - YesPlayMusic` : 'YesPlayMusic'
+    window.ipcRenderer?.send(IpcChannels.SetTrayTooltip, {
+      text,
+    })
+    document.title = text
+  }, [track])
+
+  useEffect(() => {
+    window.ipcRenderer?.send(IpcChannels.SetTrayLikeState, {
+      isLiked: userLikedSongs?.ids?.includes(track?.id ?? 0) ?? false,
+    })
+  }, [userLikedSongs, track])
+
+  useEffect(() => {
+    const playing = [PlayerState.Playing, PlayerState.Loading].includes(state)
+    if (isPlaying === playing) return
+
+    window.ipcRenderer?.send(playing ? IpcChannels.Play : IpcChannels.Pause)
+    setIsPlaying(playing)
+  }, [state])
+
+  return <></>
+}
+
+export default IpcRendererReact