feat(stage-tamagotchi,i18n): localize tray & init Electron i18n
This commit is contained in:
Neko Ayaka
@@ -143,7 +143,7 @@ app.whenReady().then(async () => {
|
||||
})
|
||||
|
||||
const tray = injeca.provide('app:tray', {
|
||||
dependsOn: { mainWindow, settingsWindow, captionWindow, widgetsWindow: widgetsManager, beatSyncBgWindow: beatSync, aboutWindow, i18n },
|
||||
dependsOn: { mainWindow, settingsWindow, captionWindow, widgetsWindow: widgetsManager, serverChannel, beatSyncBgWindow: beatSync, aboutWindow, i18n },
|
||||
build: async ({ dependsOn }) => setupTray(dependsOn),
|
||||
})
|
||||
|
||||
|
||||
@@ -1,5 +1,8 @@
|
||||
import type { LocaleDetector } from '@intlify/core'
|
||||
import type { BrowserWindow } from 'electron'
|
||||
|
||||
import type { I18n } from '../libs/i18n'
|
||||
import type { ServerChannel } from '../services/airi/channel-server'
|
||||
import type { setupBeatSync } from '../windows/beat-sync'
|
||||
import type { setupCaptionWindowManager } from '../windows/caption'
|
||||
import type { WidgetsWindowManager } from '../windows/widgets'
|
||||
@@ -7,6 +10,7 @@ import type { WidgetsWindowManager } from '../windows/widgets'
|
||||
import { env } from 'node:process'
|
||||
|
||||
import { is } from '@electron-toolkit/utils'
|
||||
import { effect } from 'alien-signals'
|
||||
import { app, Menu, nativeImage, screen, Tray } from 'electron'
|
||||
import { debounce, once } from 'es-toolkit'
|
||||
import { isMacOS } from 'std-env'
|
||||
@@ -80,6 +84,8 @@ export function setupTray(params: {
|
||||
widgetsWindow: WidgetsWindowManager
|
||||
beatSyncBgWindow: Awaited<ReturnType<typeof setupBeatSync>>
|
||||
aboutWindow: () => Promise<BrowserWindow>
|
||||
serverChannel: ServerChannel
|
||||
i18n: I18n
|
||||
}): void {
|
||||
once(() => {
|
||||
const trayImage = nativeImage.createFromPath(isMacOS ? macOSTrayIcon : icon).resize({ width: 16 })
|
||||
@@ -98,31 +104,31 @@ export function setupTray(params: {
|
||||
const halfWidthTarget = Math.floor(halfHeightTarget * ASPECT_RATIO)
|
||||
|
||||
const contextMenu = Menu.buildFromTemplate([
|
||||
{ label: 'Show', click: () => toggleWindowShow(params.mainWindow) },
|
||||
{ label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.show'), click: () => toggleWindowShow(params.mainWindow) },
|
||||
{ type: 'separator' },
|
||||
{
|
||||
label: 'Adjust Sizes',
|
||||
label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.adjust_sizes'),
|
||||
submenu: [
|
||||
{
|
||||
label: 'Recommended (450x600)',
|
||||
label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.recommended_size'),
|
||||
type: 'checkbox',
|
||||
checked: isSizeMatch(params.mainWindow, RECOMMENDED_WIDTH, RECOMMENDED_HEIGHT),
|
||||
click: () => applyWindowSize(params.mainWindow, RECOMMENDED_WIDTH, RECOMMENDED_HEIGHT),
|
||||
},
|
||||
{
|
||||
label: 'Full Height',
|
||||
label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.full_height'),
|
||||
type: 'checkbox',
|
||||
checked: isSizeMatch(params.mainWindow, fullWidthTarget, fullHeightTarget),
|
||||
click: () => applyWindowSize(params.mainWindow, fullWidthTarget, fullHeightTarget),
|
||||
},
|
||||
{
|
||||
label: 'Half Height',
|
||||
label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.half_height'),
|
||||
type: 'checkbox',
|
||||
checked: isSizeMatch(params.mainWindow, halfWidthTarget, halfHeightTarget),
|
||||
click: () => applyWindowSize(params.mainWindow, halfWidthTarget, halfHeightTarget),
|
||||
},
|
||||
{
|
||||
label: 'Full Screen',
|
||||
label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.full_screen'),
|
||||
type: 'checkbox',
|
||||
checked: isSizeMatch(params.mainWindow, areaWidth, areaHeight),
|
||||
click: () => applyWindowSize(params.mainWindow, areaWidth, areaHeight, areaX, areaY),
|
||||
@@ -130,35 +136,35 @@ export function setupTray(params: {
|
||||
],
|
||||
},
|
||||
{
|
||||
label: 'Align to',
|
||||
label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.align_to'),
|
||||
submenu: [
|
||||
{
|
||||
label: 'Center',
|
||||
label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.center'),
|
||||
type: 'checkbox',
|
||||
checked: isPositionMatch(params.mainWindow, areaX + Math.floor((areaWidth - windowWidth) / 2), areaY + Math.floor((areaHeight - windowHeight) / 2)),
|
||||
click: () => alignWindow(params.mainWindow, 'center'),
|
||||
},
|
||||
{ type: 'separator' },
|
||||
{
|
||||
label: 'Top Left',
|
||||
label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.top_left'),
|
||||
type: 'checkbox',
|
||||
checked: isPositionMatch(params.mainWindow, areaX, areaY),
|
||||
click: () => alignWindow(params.mainWindow, 'top-left'),
|
||||
},
|
||||
{
|
||||
label: 'Top Right',
|
||||
label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.top_right'),
|
||||
type: 'checkbox',
|
||||
checked: isPositionMatch(params.mainWindow, areaX + areaWidth - windowWidth, areaY),
|
||||
click: () => alignWindow(params.mainWindow, 'top-right'),
|
||||
},
|
||||
{
|
||||
label: 'Bottom Left',
|
||||
label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.bottom_left'),
|
||||
type: 'checkbox',
|
||||
checked: isPositionMatch(params.mainWindow, areaX, areaY + areaHeight - windowHeight),
|
||||
click: () => alignWindow(params.mainWindow, 'bottom-left'),
|
||||
},
|
||||
{
|
||||
label: 'Bottom Right',
|
||||
label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.bottom_right'),
|
||||
type: 'checkbox',
|
||||
checked: isPositionMatch(params.mainWindow, areaX + areaWidth - windowWidth, areaY + areaHeight - windowHeight),
|
||||
click: () => alignWindow(params.mainWindow, 'bottom-right'),
|
||||
@@ -166,29 +172,29 @@ export function setupTray(params: {
|
||||
],
|
||||
},
|
||||
{ type: 'separator' },
|
||||
{ label: 'Settings...', click: () => params.settingsWindow().then(window => toggleWindowShow(window)) },
|
||||
{ label: 'About...', click: () => params.aboutWindow().then(window => toggleWindowShow(window)) },
|
||||
{ label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.settings'), click: () => params.settingsWindow().then(window => toggleWindowShow(window)) },
|
||||
{ label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.about'), click: () => params.aboutWindow().then(window => toggleWindowShow(window)) },
|
||||
{ type: 'separator' },
|
||||
{ label: 'Open Inlay...', click: () => setupInlayWindow() },
|
||||
{ label: 'Open Widgets...', click: () => params.widgetsWindow.getWindow().then(window => toggleWindowShow(window)) },
|
||||
{ label: 'Open Caption...', click: () => params.captionWindow.getWindow().then(window => toggleWindowShow(window)) },
|
||||
{ label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.open_inlay'), click: () => setupInlayWindow({ i18n: params.i18n, serverChannel: params.serverChannel }) },
|
||||
{ label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.open_widgets'), click: () => params.widgetsWindow.getWindow().then(window => toggleWindowShow(window)) },
|
||||
{ label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.open_caption'), click: () => params.captionWindow.getWindow().then(window => toggleWindowShow(window)) },
|
||||
{
|
||||
type: 'submenu',
|
||||
label: 'Caption Overlay',
|
||||
label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.caption_overlay'),
|
||||
submenu: Menu.buildFromTemplate([
|
||||
{ type: 'checkbox', label: 'Follow window', checked: params.captionWindow.getIsFollowingWindow(), click: async menuItem => await params.captionWindow.setFollowWindow(Boolean(menuItem.checked)) },
|
||||
{ label: 'Reset position', click: async () => await params.captionWindow.resetToSide() },
|
||||
{ type: 'checkbox', label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.follow_window'), checked: params.captionWindow.getIsFollowingWindow(), click: async menuItem => await params.captionWindow.setFollowWindow(Boolean(menuItem.checked)) },
|
||||
{ label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.reset_position'), click: async () => await params.captionWindow.resetToSide() },
|
||||
]),
|
||||
},
|
||||
{ type: 'separator' },
|
||||
...is.dev || env.MAIN_APP_DEBUG || env.APP_DEBUG
|
||||
? [
|
||||
{ type: 'header', label: 'DevTools' },
|
||||
{ label: 'Troubleshoot BeatSync...', click: () => params.beatSyncBgWindow.webContents.openDevTools() },
|
||||
{ type: 'header', label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.devtools') },
|
||||
{ label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.troubleshoot_beatsync'), click: () => params.beatSyncBgWindow.webContents.openDevTools() },
|
||||
{ type: 'separator' },
|
||||
] as const
|
||||
: [],
|
||||
{ label: 'Quit', click: () => app.quit() },
|
||||
{ label: params.i18n.t('tamagotchi.electron.tray.menu.labels.label.quit'), click: () => app.quit() },
|
||||
])
|
||||
|
||||
appTray.setContextMenu(contextMenu)
|
||||
@@ -199,6 +205,12 @@ export function setupTray(params: {
|
||||
|
||||
rebuildContextMenu()
|
||||
|
||||
effect(() => {
|
||||
const locale = params.i18n.locale as (() => string | LocaleDetector<any[]> | undefined)
|
||||
locale()
|
||||
rebuildContextMenu()
|
||||
})
|
||||
|
||||
appTray.setToolTip('Project AIRI')
|
||||
appTray.addListener('click', () => toggleWindowShow(params.mainWindow))
|
||||
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
import tray from './tray.yaml'
|
||||
|
||||
export default {
|
||||
tray,
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
menu:
|
||||
labels:
|
||||
label:
|
||||
show: Show
|
||||
adjust_sizes: Adjust sizes
|
||||
recommended_size: Recommended (450x600)
|
||||
full_height: Full Height
|
||||
half_height: Half Height
|
||||
full_screen: Full Screen
|
||||
align_to: Align to
|
||||
center: Center
|
||||
top_left: Top Left
|
||||
top_right: Top Right
|
||||
bottom_left: Bottom Left
|
||||
bottom_right: Bottom Right
|
||||
settings: Settings...
|
||||
about: About...
|
||||
open_inlay: Open Inlay...
|
||||
open_widgets: Open Widgets...
|
||||
open_caption: Open Caption...
|
||||
caption_overlay: Caption Overlay
|
||||
follow_window: Follow window
|
||||
reset_position: Reset position
|
||||
devtools: DevTools
|
||||
troubleshoot_beatsync: Troubleshoot BeatSync...
|
||||
quit: Quit
|
||||
@@ -1,7 +1,9 @@
|
||||
import electron from './electron'
|
||||
import settings from './settings.yaml'
|
||||
import stage from './stage.yaml'
|
||||
|
||||
export default {
|
||||
stage,
|
||||
settings,
|
||||
electron,
|
||||
}
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
import tray from './tray.yaml'
|
||||
|
||||
export default {
|
||||
tray,
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
menu:
|
||||
labels:
|
||||
label:
|
||||
show: Show
|
||||
adjust_sizes: Adjust sizes
|
||||
recommended_size: Recommended (450x600)
|
||||
full_height: Full Height
|
||||
half_height: Half Height
|
||||
full_screen: Full Screen
|
||||
align_to: Align to
|
||||
center: Center
|
||||
top_left: Top Left
|
||||
top_right: Top Right
|
||||
bottom_left: Bottom Left
|
||||
bottom_right: Bottom Right
|
||||
settings: Settings...
|
||||
about: About...
|
||||
open_inlay: Open Inlay...
|
||||
open_widgets: Open Widgets...
|
||||
open_caption: Open Caption...
|
||||
caption_overlay: Caption Overlay
|
||||
follow_window: Follow window
|
||||
reset_position: Reset position
|
||||
devtools: DevTools
|
||||
troubleshoot_beatsync: Troubleshoot BeatSync...
|
||||
quit: Quit
|
||||
@@ -1,7 +1,9 @@
|
||||
import electron from './electron'
|
||||
import settings from './settings.yaml'
|
||||
import stage from './stage.yaml'
|
||||
|
||||
export default {
|
||||
settings,
|
||||
stage,
|
||||
settings,
|
||||
electron,
|
||||
}
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
import tray from './tray.yaml'
|
||||
|
||||
export default {
|
||||
tray,
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
menu:
|
||||
labels:
|
||||
label:
|
||||
show: Show
|
||||
adjust_sizes: Adjust sizes
|
||||
recommended_size: Recommended (450x600)
|
||||
full_height: Full Height
|
||||
half_height: Half Height
|
||||
full_screen: Full Screen
|
||||
align_to: Align to
|
||||
center: Center
|
||||
top_left: Top Left
|
||||
top_right: Top Right
|
||||
bottom_left: Bottom Left
|
||||
bottom_right: Bottom Right
|
||||
settings: Settings...
|
||||
about: About...
|
||||
open_inlay: Open Inlay...
|
||||
open_widgets: Open Widgets...
|
||||
open_caption: Open Caption...
|
||||
caption_overlay: Caption Overlay
|
||||
follow_window: Follow window
|
||||
reset_position: Reset position
|
||||
devtools: DevTools
|
||||
troubleshoot_beatsync: Troubleshoot BeatSync...
|
||||
quit: Quit
|
||||
@@ -1,7 +1,9 @@
|
||||
import electron from './electron'
|
||||
import settings from './settings.yaml'
|
||||
import stage from './stage.yaml'
|
||||
|
||||
export default {
|
||||
stage,
|
||||
settings,
|
||||
electron,
|
||||
}
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
import tray from './tray.yaml'
|
||||
|
||||
export default {
|
||||
tray,
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
menu:
|
||||
labels:
|
||||
label:
|
||||
show: Show
|
||||
adjust_sizes: Adjust sizes
|
||||
recommended_size: Recommended (450x600)
|
||||
full_height: Full Height
|
||||
half_height: Half Height
|
||||
full_screen: Full Screen
|
||||
align_to: Align to
|
||||
center: Center
|
||||
top_left: Top Left
|
||||
top_right: Top Right
|
||||
bottom_left: Bottom Left
|
||||
bottom_right: Bottom Right
|
||||
settings: Settings...
|
||||
about: About...
|
||||
open_inlay: Open Inlay...
|
||||
open_widgets: Open Widgets...
|
||||
open_caption: Open Caption...
|
||||
caption_overlay: Caption Overlay
|
||||
follow_window: Follow window
|
||||
reset_position: Reset position
|
||||
devtools: DevTools
|
||||
troubleshoot_beatsync: Troubleshoot BeatSync...
|
||||
quit: Quit
|
||||
@@ -1,7 +1,9 @@
|
||||
import electron from './electron'
|
||||
import settings from './settings.yaml'
|
||||
import stage from './stage.yaml'
|
||||
|
||||
export default {
|
||||
stage,
|
||||
settings,
|
||||
electron,
|
||||
}
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
import tray from './tray.yaml'
|
||||
|
||||
export default {
|
||||
tray,
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
menu:
|
||||
labels:
|
||||
label:
|
||||
show: Show
|
||||
adjust_sizes: Adjust sizes
|
||||
recommended_size: Recommended (450x600)
|
||||
full_height: Full Height
|
||||
half_height: Half Height
|
||||
full_screen: Full Screen
|
||||
align_to: Align to
|
||||
center: Center
|
||||
top_left: Top Left
|
||||
top_right: Top Right
|
||||
bottom_left: Bottom Left
|
||||
bottom_right: Bottom Right
|
||||
settings: Settings...
|
||||
about: About...
|
||||
open_inlay: Open Inlay...
|
||||
open_widgets: Open Widgets...
|
||||
open_caption: Open Caption...
|
||||
caption_overlay: Caption Overlay
|
||||
follow_window: Follow window
|
||||
reset_position: Reset position
|
||||
devtools: DevTools
|
||||
troubleshoot_beatsync: Troubleshoot BeatSync...
|
||||
quit: Quit
|
||||
@@ -1,7 +1,9 @@
|
||||
import electron from './electron'
|
||||
import settings from './settings.yaml'
|
||||
import stage from './stage.yaml'
|
||||
|
||||
export default {
|
||||
stage,
|
||||
settings,
|
||||
electron,
|
||||
}
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
import tray from './tray.yaml'
|
||||
|
||||
export default {
|
||||
tray,
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
menu:
|
||||
labels:
|
||||
label:
|
||||
show: Show
|
||||
adjust_sizes: Adjust sizes
|
||||
recommended_size: Recommended (450x600)
|
||||
full_height: Full Height
|
||||
half_height: Half Height
|
||||
full_screen: Full Screen
|
||||
align_to: Align to
|
||||
center: Center
|
||||
top_left: Top Left
|
||||
top_right: Top Right
|
||||
bottom_left: Bottom Left
|
||||
bottom_right: Bottom Right
|
||||
settings: Settings...
|
||||
about: About...
|
||||
open_inlay: Open Inlay...
|
||||
open_widgets: Open Widgets...
|
||||
open_caption: Open Caption...
|
||||
caption_overlay: Caption Overlay
|
||||
follow_window: Follow window
|
||||
reset_position: Reset position
|
||||
devtools: DevTools
|
||||
troubleshoot_beatsync: Troubleshoot BeatSync...
|
||||
quit: Quit
|
||||
@@ -1,7 +1,9 @@
|
||||
import electron from './electron'
|
||||
import settings from './settings.yaml'
|
||||
import stage from './stage.yaml'
|
||||
|
||||
export default {
|
||||
stage,
|
||||
settings,
|
||||
electron,
|
||||
}
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
import tray from './tray.yaml'
|
||||
|
||||
export default {
|
||||
tray,
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
menu:
|
||||
labels:
|
||||
label:
|
||||
show: Show
|
||||
adjust_sizes: Adjust sizes
|
||||
recommended_size: Recommended (450x600)
|
||||
full_height: Full Height
|
||||
half_height: Half Height
|
||||
full_screen: Full Screen
|
||||
align_to: Align to
|
||||
center: Center
|
||||
top_left: Top Left
|
||||
top_right: Top Right
|
||||
bottom_left: Bottom Left
|
||||
bottom_right: Bottom Right
|
||||
settings: Settings...
|
||||
about: About...
|
||||
open_inlay: Open Inlay...
|
||||
open_widgets: Open Widgets...
|
||||
open_caption: Open Caption...
|
||||
caption_overlay: Caption Overlay
|
||||
follow_window: Follow window
|
||||
reset_position: Reset position
|
||||
devtools: DevTools
|
||||
troubleshoot_beatsync: Troubleshoot BeatSync...
|
||||
quit: Quit
|
||||
@@ -1,7 +1,9 @@
|
||||
import electron from './electron'
|
||||
import settings from './settings.yaml'
|
||||
import stage from './stage.yaml'
|
||||
|
||||
export default {
|
||||
stage,
|
||||
settings,
|
||||
electron,
|
||||
}
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
import tray from './tray.yaml'
|
||||
|
||||
export default {
|
||||
tray,
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
menu:
|
||||
labels:
|
||||
label:
|
||||
show: 显示
|
||||
adjust_sizes: 调整大小...
|
||||
recommended_size: 推荐 (450x600)
|
||||
full_height: 全高
|
||||
half_height: 半高
|
||||
full_screen: 全屏
|
||||
align_to: 对齐到...
|
||||
center: 居中
|
||||
top_left: 左上
|
||||
top_right: 右上
|
||||
bottom_left: 左下
|
||||
bottom_right: 右下
|
||||
settings: 设置...
|
||||
about: 关于...
|
||||
open_inlay: 打开内嵌...
|
||||
open_widgets: 打开小部件...
|
||||
open_caption: 打开字幕...
|
||||
caption_overlay: 字幕覆盖
|
||||
follow_window: 跟随窗口
|
||||
reset_position: 重置位置
|
||||
devtools: 开发者工具
|
||||
troubleshoot_beatsync: 排查「同步音律」问题...
|
||||
quit: 退出
|
||||
@@ -1,7 +1,9 @@
|
||||
import electron from './electron'
|
||||
import settings from './settings.yaml'
|
||||
import stage from './stage.yaml'
|
||||
|
||||
export default {
|
||||
stage,
|
||||
settings,
|
||||
electron,
|
||||
}
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
import tray from './tray.yaml'
|
||||
|
||||
export default {
|
||||
tray,
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
menu:
|
||||
labels:
|
||||
label:
|
||||
show: Show
|
||||
adjust_sizes: Adjust sizes
|
||||
recommended_size: Recommended (450x600)
|
||||
full_height: Full Height
|
||||
half_height: Half Height
|
||||
full_screen: Full Screen
|
||||
align_to: Align to
|
||||
center: Center
|
||||
top_left: Top Left
|
||||
top_right: Top Right
|
||||
bottom_left: Bottom Left
|
||||
bottom_right: Bottom Right
|
||||
settings: Settings...
|
||||
about: About...
|
||||
open_inlay: Open Inlay...
|
||||
open_widgets: Open Widgets...
|
||||
open_caption: Open Caption...
|
||||
caption_overlay: Caption Overlay
|
||||
follow_window: Follow window
|
||||
reset_position: Reset position
|
||||
devtools: DevTools
|
||||
troubleshoot_beatsync: Troubleshoot BeatSync...
|
||||
quit: Quit
|
||||
@@ -1,7 +1,9 @@
|
||||
import electron from './electron'
|
||||
import settings from './settings.yaml'
|
||||
import stage from './stage.yaml'
|
||||
|
||||
export default {
|
||||
stage,
|
||||
settings,
|
||||
electron,
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user