mirror of
https://github.com/aiclientproxy/proxycast.git
synced 2026-09-24 23:10:56 +08:00
coso
b94fc6e62f
- 实现完整的系统托盘功能 - 托盘图标状态显示（运行/警告/错误/停止） - 托盘菜单：服务器控制、凭证状态、快捷工具 - 单击/双击托盘图标交互 - 状态同步机制 - 修复：允许添加被截断的 refreshToken 凭证，刷新时才提示 版本更新: 0.12.5 -> 0.13.0
125 lines
3.9 KiB
JavaScript
125 lines
3.9 KiB
JavaScript
/**
|
|
* 生成托盘图标脚本
|
|
*
|
|
* 创建四种状态的托盘图标：
|
|
* - tray-running.png: 绿色圆形（正常运行）
|
|
* - tray-warning.png: 黄色圆形（警告状态）
|
|
* - tray-error.png: 红色圆形（错误状态）
|
|
* - tray-stopped.png: 灰色圆形（停止状态）
|
|
*
|
|
* 对于 macOS，还会生成模板图标以适应深色/浅色模式
|
|
*/
|
|
|
|
import sharp from 'sharp';
|
|
import { join, dirname } from 'path';
|
|
import { fileURLToPath } from 'url';
|
|
import { mkdirSync, existsSync } from 'fs';
|
|
|
|
const __filename = fileURLToPath(import.meta.url);
|
|
const __dirname = dirname(__filename);
|
|
|
|
const ICON_SIZE = 32;
|
|
const OUTPUT_DIR = join(__dirname, '..', 'src-tauri', 'icons', 'tray');
|
|
|
|
// 确保输出目录存在
|
|
if (!existsSync(OUTPUT_DIR)) {
|
|
mkdirSync(OUTPUT_DIR, { recursive: true });
|
|
}
|
|
|
|
/**
|
|
* 创建圆形图标的 SVG
|
|
* @param {string} color - 填充颜色
|
|
* @param {boolean} isTemplate - 是否为模板图标（macOS 深色/浅色模式）
|
|
*/
|
|
function createCircleSvg(color, isTemplate = false) {
|
|
const fillColor = isTemplate ? '#000000' : color;
|
|
const opacity = isTemplate ? '1' : '1';
|
|
|
|
return `
|
|
<svg width="${ICON_SIZE}" height="${ICON_SIZE}" viewBox="0 0 ${ICON_SIZE} ${ICON_SIZE}" xmlns="http://www.w3.org/2000/svg">
|
|
<circle cx="${ICON_SIZE / 2}" cy="${ICON_SIZE / 2}" r="${ICON_SIZE / 2 - 2}" fill="${fillColor}" fill-opacity="${opacity}"/>
|
|
</svg>
|
|
`.trim();
|
|
}
|
|
|
|
/**
|
|
* 创建带边框的圆形图标 SVG（更好的可见性）
|
|
* @param {string} fillColor - 填充颜色
|
|
* @param {string} strokeColor - 边框颜色
|
|
*/
|
|
function createCircleWithBorderSvg(fillColor, strokeColor) {
|
|
return `
|
|
<svg width="${ICON_SIZE}" height="${ICON_SIZE}" viewBox="0 0 ${ICON_SIZE} ${ICON_SIZE}" xmlns="http://www.w3.org/2000/svg">
|
|
<circle cx="${ICON_SIZE / 2}" cy="${ICON_SIZE / 2}" r="${ICON_SIZE / 2 - 3}" fill="${fillColor}" stroke="${strokeColor}" stroke-width="2"/>
|
|
</svg>
|
|
`.trim();
|
|
}
|
|
|
|
/**
|
|
* 生成图标文件
|
|
* @param {string} name - 文件名（不含扩展名）
|
|
* @param {string} svg - SVG 内容
|
|
*/
|
|
async function generateIcon(name, svg) {
|
|
const outputPath = join(OUTPUT_DIR, `${name}.png`);
|
|
|
|
await sharp(Buffer.from(svg))
|
|
.resize(ICON_SIZE, ICON_SIZE)
|
|
.png()
|
|
.toFile(outputPath);
|
|
|
|
console.log(`✓ 生成图标: ${outputPath}`);
|
|
}
|
|
|
|
/**
|
|
* 生成 macOS 模板图标（@2x 版本）
|
|
* @param {string} name - 文件名（不含扩展名）
|
|
* @param {string} svg - SVG 内容
|
|
*/
|
|
async function generateTemplateIcon(name, svg) {
|
|
// 标准尺寸
|
|
const outputPath = join(OUTPUT_DIR, `${name}Template.png`);
|
|
await sharp(Buffer.from(svg))
|
|
.resize(ICON_SIZE, ICON_SIZE)
|
|
.png()
|
|
.toFile(outputPath);
|
|
console.log(`✓ 生成模板图标: ${outputPath}`);
|
|
|
|
// @2x 版本
|
|
const output2xPath = join(OUTPUT_DIR, `${name}Template@2x.png`);
|
|
await sharp(Buffer.from(svg))
|
|
.resize(ICON_SIZE * 2, ICON_SIZE * 2)
|
|
.png()
|
|
.toFile(output2xPath);
|
|
console.log(`✓ 生成模板图标 @2x: ${output2xPath}`);
|
|
}
|
|
|
|
async function main() {
|
|
console.log('开始生成托盘图标...\n');
|
|
|
|
// 定义图标颜色
|
|
const icons = [
|
|
{ name: 'tray-running', fill: '#22c55e', stroke: '#16a34a' }, // 绿色
|
|
{ name: 'tray-warning', fill: '#eab308', stroke: '#ca8a04' }, // 黄色
|
|
{ name: 'tray-error', fill: '#ef4444', stroke: '#dc2626' }, // 红色
|
|
{ name: 'tray-stopped', fill: '#9ca3af', stroke: '#6b7280' }, // 灰色
|
|
];
|
|
|
|
// 生成彩色图标
|
|
for (const icon of icons) {
|
|
const svg = createCircleWithBorderSvg(icon.fill, icon.stroke);
|
|
await generateIcon(icon.name, svg);
|
|
}
|
|
|
|
console.log('\n生成 macOS 模板图标...\n');
|
|
|
|
// 生成 macOS 模板图标（黑色，系统会自动适应深色/浅色模式）
|
|
const templateSvg = createCircleSvg('#000000', true);
|
|
await generateTemplateIcon('tray', templateSvg);
|
|
|
|
console.log('\n✅ 所有图标生成完成！');
|
|
console.log(`📁 输出目录: ${OUTPUT_DIR}`);
|
|
}
|
|
|
|
main().catch(console.error);
|