Compare commits
29 Commits
| Author | SHA1 | Date |
|---|---|---|
 谢亚昕
|
e969ec2236 | 2 days ago |
|
谢亚昕
|
a9de1ec525 | 3 days ago |
|
谢亚昕
|
fcad3681b4 | 4 weeks ago |
|
谢亚昕
|
f19c097001 | 1 month ago |
|
谢亚昕
|
81f76353f6 | 2 months ago |
|
npmrun
|
068777d914 | 2 months ago |
|
谢亚昕
|
34a762ad2c | 2 months ago |
|
谢亚昕
|
23893adc43 | 2 months ago |
|
谢亚昕
|
6692e16720 | 2 months ago |
|
谢亚昕
|
de5f511d6a | 2 months ago |
|
npmrun
|
d4be8b22b9 | 2 months ago |
|
npmrun
|
c142937af9 | 2 months ago |
|
npmrun
|
950bfe9060 | 2 months ago |
|
npmrun
|
7035429775 | 2 months ago |
|
npmrun
|
05f83e2a08 | 2 months ago |
|
npmrun
|
fa6ef80493 | 2 months ago |
|
npmrun
|
0f093b2ef9 | 2 months ago |
|
谢亚昕
|
80cc4fe0fe | 2 months ago |
|
npmrun
|
28eea56a3d | 2 months ago |
|
npmrun
|
b6964f5fbe | 2 months ago |
|
npmrun
|
7246ab2d9a | 2 months ago |
|
npmrun
|
bd9ac214c6 | 2 months ago |
|
谢亚昕
|
dcdc4aa857 | 2 months ago |
|
npmrun
|
2d5a57853d | 2 months ago |
|
谢亚昕
|
3c434df31c | 2 months ago |
|
npmrun
|
b4b975174d | 3 months ago |
|
npmrun
|
91f06eb4a1 | 3 months ago |
|
谢亚昕
|
248716be69 | 3 months ago |
|
npmrun
|
ca363ceac9 | 3 months ago |
141 changed files with 8859 additions and 3692 deletions
@ -1,3 +1,3 @@ |
|||
{ |
|||
"recommendations": ["dbaeumer.vscode-eslint"] |
|||
"recommendations": ["dbaeumer.vscode-eslint", "lokalise.i18n-ally"] |
|||
} |
|||
|
|||
@ -1,35 +1,52 @@ |
|||
interface IConfig { |
|||
app_title: string |
|||
default_config: { |
|||
language: "zh" | "en" // i18n
|
|||
"common.theme": "light" | "dark" | "auto" // 主题
|
|||
import { LogLevel } from "logger/common" |
|||
// 定义主题类型
|
|||
type ThemeType = "light" | "dark" | "auto" |
|||
// 定义语言类型
|
|||
type LanguageType = "zh" | "en" |
|||
// 定义编辑器logo类型
|
|||
type LogoType = "logo" | "bg" |
|||
|
|||
// 配置接口定义
|
|||
export interface IDefaultConfig { |
|||
language: LanguageType |
|||
"common.theme": ThemeType |
|||
debug: LogLevel |
|||
"desktop:wallpaper": string |
|||
"update.repo"?: string // 更新地址
|
|||
"update.owner"?: string // 更新通道
|
|||
"update.hoturl": string |
|||
"update.repo"?: string |
|||
"update.owner"?: string |
|||
"update.allowDowngrade": boolean |
|||
"update.allowPrerelease": boolean |
|||
"editor.bg": string // 更新通道
|
|||
"editor.logoType": "logo" | "bg" // 更新通道
|
|||
"editor.fontFamily": string // 更新通道
|
|||
// "snippet.storagePath": string // 代码片段保存位置
|
|||
// "bookmark.storagePath": string // 书签保存位置
|
|||
// backup_rule: string // 备份规则
|
|||
storagePath: string // 存储地址
|
|||
"editor.bg": string |
|||
"editor.logoType": LogoType |
|||
"editor.fontFamily": string |
|||
"snippet.storagePath": string |
|||
storagePath: string |
|||
} |
|||
|
|||
interface IConfig { |
|||
app_title: string |
|||
default_config: IDefaultConfig |
|||
} |
|||
|
|||
// 默认配置导出
|
|||
export default { |
|||
app_title: "zephyr", // 和风
|
|||
default_config: { |
|||
storagePath: "$storagePath$", |
|||
language: "zh", |
|||
debug: LogLevel.INFO, |
|||
"common.theme": "auto", |
|||
"desktop:wallpaper": "", |
|||
"editor.bg": "", |
|||
"editor.logoType": "logo", |
|||
"editor.fontFamily": "Cascadia Mono, Consolas, 'Courier New', monospace", |
|||
"update.hoturl": |
|||
"https://alist.xieyaxin.top/d/%E8%B5%84%E6%BA%90/%E6%B5%8B%E8%AF%95%E6%96%87%E4%BB%B6.zip?sign=eqy35CR-J1SOQZz0iUN2P3B0BiyZPdYH0362nLXbUhE=:1749085071", |
|||
"update.repo": "wood-desktop", |
|||
"update.owner": "npmrun", |
|||
"update.allowDowngrade": false, |
|||
"update.allowPrerelease": false, |
|||
"snippet.storagePath": "$storagePath$/snippets", |
|||
}, |
|||
} as IConfig |
|||
} as const satisfies IConfig |
|||
|
|||
@ -0,0 +1,123 @@ |
|||
type FireFN = (...argu: any[]) => void |
|||
|
|||
// 监听器类型定义，支持优先级
|
|||
interface Listener<F extends FireFN> { |
|||
fn: F |
|||
once: boolean |
|||
priority: number |
|||
} |
|||
|
|||
class FireEvent<T extends Record<string | symbol, FireFN>> { |
|||
// 使用 Map 存储事件监听器，支持 symbol 键
|
|||
private events = new Map<keyof T, Array<Listener<T[keyof T]>>>() |
|||
|
|||
// 获取事件监听器列表，如果不存在则创建
|
|||
private getListeners<S extends keyof T>(name: S): Array<Listener<T[S]>> { |
|||
if (!this.events.has(name)) { |
|||
this.events.set(name, []) |
|||
} |
|||
return this.events.get(name) as Array<Listener<T[S]>> |
|||
} |
|||
|
|||
// 按优先级排序监听器
|
|||
private sortListeners<S extends keyof T>(name: S) { |
|||
const listeners = this.getListeners(name) |
|||
listeners.sort((a, b) => b.priority - a.priority) |
|||
} |
|||
|
|||
// 打印事件和监听器信息
|
|||
print() { |
|||
console.log("Registered Events:") |
|||
this.events.forEach((listeners, name) => { |
|||
// 显式处理 symbol 类型
|
|||
const keyType = typeof name === "symbol" ? `Symbol(${name.description || ""})` : String(name) |
|||
console.log(` ${keyType}: ${listeners.length} listeners`) |
|||
}) |
|||
} |
|||
|
|||
// 添加事件监听器，支持优先级
|
|||
on<S extends keyof T>(name: S, fn: T[S], priority = 0): this { |
|||
const listeners = this.getListeners(name) |
|||
listeners.push({ fn, once: false, priority }) |
|||
this.sortListeners(name) |
|||
return this // 支持链式调用
|
|||
} |
|||
|
|||
// 触发事件
|
|||
emit<S extends keyof T>(name: S, ...args: Parameters<T[S]>): this { |
|||
const listeners = this.getListeners(name).slice() // 创建副本以避免移除时的问题
|
|||
|
|||
for (const { fn } of listeners) { |
|||
try { |
|||
fn(...args) |
|||
} catch (error) { |
|||
console.error(`Error in event handler for ${String(name)}:`, error) |
|||
} |
|||
} |
|||
|
|||
// 移除一次性监听器
|
|||
if (listeners.some(l => l.once)) { |
|||
this.events.set( |
|||
name, |
|||
this.getListeners(name).filter(l => !l.once), |
|||
) |
|||
} |
|||
|
|||
return this |
|||
} |
|||
|
|||
// 移除事件监听器
|
|||
off<S extends keyof T>(name: S, fn?: T[S]): this { |
|||
if (!this.events.has(name)) return this |
|||
|
|||
const listeners = this.getListeners(name) |
|||
|
|||
if (!fn) { |
|||
// 移除所有监听器
|
|||
this.events.delete(name) |
|||
} else { |
|||
// 移除特定监听器
|
|||
const filtered = listeners.filter(l => l.fn !== fn) |
|||
if (filtered.length === 0) { |
|||
this.events.delete(name) |
|||
} else { |
|||
this.events.set(name, filtered) |
|||
} |
|||
} |
|||
|
|||
return this |
|||
} |
|||
|
|||
// 添加一次性事件监听器
|
|||
once<S extends keyof T>(name: S, fn: T[S], priority = 0): this { |
|||
const listeners = this.getListeners(name) |
|||
listeners.push({ fn, once: true, priority }) |
|||
this.sortListeners(name) |
|||
return this |
|||
} |
|||
|
|||
// 清除所有事件监听器
|
|||
clear(): this { |
|||
this.events.clear() |
|||
return this |
|||
} |
|||
|
|||
// 获取指定事件的监听器数量
|
|||
listenerCount<S extends keyof T>(name: S): number { |
|||
return this.events.get(name)?.length || 0 |
|||
} |
|||
|
|||
// 检查事件是否有监听器
|
|||
hasListeners<S extends keyof T>(name: S): boolean { |
|||
return this.listenerCount(name) > 0 |
|||
} |
|||
|
|||
// 获取所有事件名称
|
|||
eventNames(): Array<keyof T> { |
|||
return Array.from(this.events.keys()) |
|||
} |
|||
} |
|||
|
|||
export function buildEmitter<T extends Record<string | symbol, FireFN>>() { |
|||
return new FireEvent<T>() |
|||
} |
|||
@ -0,0 +1,51 @@ |
|||
// type FireKey = string
|
|||
type FireFN = (...argu: any[]) => void |
|||
|
|||
class FireEvent<T extends Record<string | symbol, FireFN>> { |
|||
#events: Record<keyof T, FireFN[]> = {} as any |
|||
print() { |
|||
Object.keys(this.#events).forEach(key => { |
|||
console.log(`${key}: ${this.#events[key]}\n`) |
|||
}) |
|||
} |
|||
on<S extends keyof T>(name: S, fn: T[S]) { |
|||
if (!this.#events[name]) { |
|||
this.#events[name] = [] |
|||
} |
|||
this.#events[name].push(fn) |
|||
} |
|||
emit<S extends keyof T>(name: S, ...argu: Parameters<T[S]>) { |
|||
if (this.#events[name]) { |
|||
this.#events[name].forEach(fn => { |
|||
fn(...argu) |
|||
}) |
|||
} |
|||
} |
|||
off<S extends keyof T>(name: S, fn?: T[S]) { |
|||
const len = this.#events[name].length |
|||
if (!len) { |
|||
return |
|||
} |
|||
if (!fn) { |
|||
this.#events[name] = [] |
|||
} else { |
|||
for (let i = len - 1; i >= 0; i--) { |
|||
const _fn = this.#events[name][i] |
|||
if (_fn === fn) { |
|||
this.#events[name].splice(i, 1) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
once<S extends keyof T>(name: S, fn: T[S]) { |
|||
const _fn: any = (...argu: any[]) => { |
|||
fn(...argu) |
|||
this.off<S>(name, _fn) |
|||
} |
|||
this.on(name, _fn) |
|||
} |
|||
} |
|||
|
|||
export function buildEmitter<T extends Record<string | symbol, FireFN>>() { |
|||
return new FireEvent<T>() |
|||
} |
|||
@ -0,0 +1,27 @@ |
|||
// 抽象基类，使用泛型来正确推导子类类型
|
|||
abstract class BaseSingleton { |
|||
private static _instance: any |
|||
|
|||
public constructor() { |
|||
if (this.constructor === BaseSingleton) { |
|||
throw new Error("禁止直接实例化 BaseOne 抽象类") |
|||
} |
|||
|
|||
if ((this.constructor as any)._instance) { |
|||
throw new Error("构造函数私有化失败，禁止重复 new") |
|||
} |
|||
|
|||
// this.constructor 是子类，所以这里设为 instance
|
|||
;(this.constructor as any)._instance = this |
|||
} |
|||
|
|||
public static getInstance<T extends BaseSingleton>(this: new () => T): T { |
|||
const clazz = this as any as typeof BaseSingleton |
|||
if (!clazz._instance) { |
|||
clazz._instance = new this() |
|||
} |
|||
return clazz._instance as T |
|||
} |
|||
} |
|||
|
|||
export { BaseSingleton } |
|||
@ -0,0 +1,13 @@ |
|||
{ |
|||
"name": "base", |
|||
"version": "1.0.0", |
|||
"description": "", |
|||
"main": "index.js", |
|||
"scripts": { |
|||
"test": "echo \"Error: no test specified\" && exit 1" |
|||
}, |
|||
"keywords": [], |
|||
"author": "", |
|||
"license": "ISC", |
|||
"packageManager": "pnpm@10.4.1" |
|||
} |
|||
@ -0,0 +1,13 @@ |
|||
{ |
|||
"name": "helper", |
|||
"version": "1.0.0", |
|||
"description": "", |
|||
"main": "index.js", |
|||
"scripts": { |
|||
"test": "echo \"Error: no test specified\" && exit 1" |
|||
}, |
|||
"keywords": [], |
|||
"author": "", |
|||
"license": "ISC", |
|||
"packageManager": "pnpm@10.4.1" |
|||
} |
|||
@ -0,0 +1,7 @@ |
|||
export const enum EventEnum { |
|||
UPDATE_PROGRESS = "update-progress", |
|||
} |
|||
|
|||
export type EventMaps = { |
|||
[EventEnum.UPDATE_PROGRESS]: () => void |
|||
} |
|||
@ -0,0 +1,8 @@ |
|||
import { broadcast } from "main/utils" |
|||
import { EventEnum } from "../common" |
|||
|
|||
export { EventEnum } |
|||
|
|||
export function emit(key: EventEnum, ...args: any[]) { |
|||
broadcast(key, ...args) |
|||
} |
|||
@ -0,0 +1,74 @@ |
|||
type DownloadPercent = { |
|||
url: string |
|||
option?: object |
|||
onprocess?: (now: number, all: number) => void |
|||
onsuccess?: (data: any) => void |
|||
onerror?: (res: Response) => void |
|||
} |
|||
const RequestPercent = async ({ |
|||
url = "", |
|||
option = { |
|||
headers: { |
|||
responseType: "arraybuffer", |
|||
}, |
|||
}, |
|||
onsuccess, |
|||
onerror, |
|||
onprocess, |
|||
}: DownloadPercent) => { |
|||
const response = (await fetch(url, option)) as any |
|||
if (!response.ok) { |
|||
onerror?.(response) |
|||
throw new Error(`下载失败`) |
|||
} |
|||
const reader = response?.body.getReader() |
|||
|
|||
// 文件总长度
|
|||
const contentLength = +response.headers.get("content-length") |
|||
|
|||
let receivedLength = 0 |
|||
const chunks: any[] = [] |
|||
// eslint-disable-next-line no-constant-condition
|
|||
while (true) { |
|||
const { done, value } = await reader.read() |
|||
|
|||
if (done) { |
|||
break |
|||
} |
|||
|
|||
chunks.push(value) |
|||
receivedLength += value.length |
|||
onprocess?.(receivedLength, contentLength) |
|||
} |
|||
// 这里的chunksAll 已经是ArrayBuffer的数据类型了，可以直接返回，也可以转为blob处理
|
|||
const chunksAll = new Uint8Array(receivedLength) |
|||
let position = 0 |
|||
for (const chunk of chunks) { |
|||
chunksAll.set(chunk, position) |
|||
position += chunk.length |
|||
} |
|||
|
|||
onsuccess?.(chunksAll) |
|||
|
|||
return chunksAll |
|||
} |
|||
|
|||
export { RequestPercent } |
|||
export default RequestPercent |
|||
|
|||
// RequestPercent({
|
|||
// url: "http://117.21.250.136:9812/ZxqyGateway/biz/file/downApk/%E6%98%93%E4%BC%81%E6%95%B0%E8%BD%AC%E5%B9%B3%E5%8F%B0app-1.2.7.apk",
|
|||
// option: {
|
|||
// headers: {
|
|||
// responseType: "arraybuffer",
|
|||
// },
|
|||
// },
|
|||
// onerror: () => {},
|
|||
// onsuccess: data => {
|
|||
// fs.writeFileSync("./aaa.apk", Buffer.from(data))
|
|||
// console.log("success", data)
|
|||
// },
|
|||
// onprocess: (receivedLength, contentLength) => {
|
|||
// console.log(receivedLength, contentLength)
|
|||
// },
|
|||
// })
|
|||
@ -0,0 +1,118 @@ |
|||
import { spawn } from "node:child_process" |
|||
import fs from "node:fs" |
|||
import path from "node:path" |
|||
import os from "node:os" |
|||
import { app } from "electron" |
|||
import download from "./download" |
|||
import extract from "extract-zip" |
|||
|
|||
import _logger from "logger/main" |
|||
import { emit, EventEnum } from "../handler" |
|||
|
|||
const logger = _logger.createNamespace("hot-updater") |
|||
|
|||
function getUpdateScriptTemplate() { |
|||
return process.platform === "win32" |
|||
? ` |
|||
@echo off |
|||
timeout /t 2 |
|||
taskkill /IM "{{EXE_NAME}}" /F |
|||
xcopy /Y /E "{{UPDATE_DIR}}\\*" "{{APP_PATH}}" |
|||
start "" "{{EXE_PATH}}" |
|||
` |
|||
: ` |
|||
#!/bin/bash |
|||
sleep 2 |
|||
pkill -f "{{EXE_NAME}}" |
|||
cp -Rf "{{UPDATE_DIR}}/*" "{{APP_PATH}}/" |
|||
open "{{EXE_PATH}}" |
|||
` |
|||
} |
|||
|
|||
function generateUpdateScript() { |
|||
const scriptContent = getUpdateScriptTemplate() |
|||
.replace(/{{APP_PATH}}/g, process.platform === "win32" ? "%APP_PATH%" : "$APP_PATH") |
|||
.replace(/{{UPDATE_DIR}}/g, process.platform === "win32" ? "%UPDATE_DIR%" : "$UPDATE_DIR") |
|||
.replace(/{{EXE_PATH}}/g, process.platform === "win32" ? "%EXE_PATH%" : "$EXE_PATH") |
|||
.replace(/{{EXE_NAME}}/g, process.platform === "win32" ? "%EXE_NAME%" : "$EXE_NAME") |
|||
|
|||
const scriptPath = path.join(os.tmpdir(), `update.${process.platform === "win32" ? "bat" : "sh"}`) |
|||
fs.writeFileSync(scriptPath, scriptContent) |
|||
return scriptPath |
|||
} |
|||
// 标记是否需要热更新
|
|||
let shouldPerformHotUpdate = false |
|||
let isReadyUpdate = false |
|||
// 更新临时目录路径
|
|||
// 使用应用名称和随机字符串创建唯一的临时目录
|
|||
const updateTempDirPath = path.join(os.tmpdir(), `${app.getName()}-update-${Math.random().toString(36).substring(2, 15)}`) |
|||
app.once("will-quit", event => { |
|||
if (!shouldPerformHotUpdate) return |
|||
event.preventDefault() |
|||
const appPath = app.getAppPath() |
|||
const appExePath = process.execPath |
|||
const exeName = path.basename(appExePath) |
|||
// 生成动态脚本
|
|||
const scriptPath = generateUpdateScript() |
|||
|
|||
fs.chmodSync(scriptPath, 0o755) |
|||
|
|||
// 执行脚本
|
|||
const child = spawn(scriptPath, [], { |
|||
detached: true, |
|||
shell: true, |
|||
env: { |
|||
APP_PATH: appPath, |
|||
UPDATE_DIR: updateTempDirPath, |
|||
EXE_PATH: appExePath, |
|||
EXE_NAME: exeName, |
|||
}, |
|||
}) |
|||
child.unref() |
|||
app.exit() |
|||
}) |
|||
|
|||
// 下载热更新包
|
|||
export async function fetchHotUpdatePackage(updatePackageUrl: string) { |
|||
if (isReadyUpdate) return |
|||
|
|||
// 清除临时目录
|
|||
clearUpdateTempDir() |
|||
// 创建临时目录
|
|||
if (!fs.existsSync(updateTempDirPath)) { |
|||
fs.mkdirSync(updateTempDirPath, { recursive: true }) |
|||
} |
|||
|
|||
// 下载文件的本地保存路径
|
|||
const downloadPath = path.join(updateTempDirPath, "update.zip") |
|||
|
|||
try { |
|||
// 使用 fetch 下载更新包
|
|||
const arrayBuffer = await download({ |
|||
url: updatePackageUrl, |
|||
onprocess(now, all) { |
|||
logger.debug(`下载进度: ${((now / all) * 100).toFixed(2)}%`) |
|||
emit(EventEnum.UPDATE_PROGRESS, { percent: (now / all) * 100, now, all }) |
|||
}, |
|||
}) |
|||
fs.writeFileSync(downloadPath, Buffer.from(arrayBuffer)) |
|||
// 解压更新包
|
|||
await extract(downloadPath, { dir: updateTempDirPath }) |
|||
|
|||
// 删除下载的zip文件
|
|||
fs.unlinkSync(downloadPath) |
|||
isReadyUpdate = true |
|||
} catch (error) { |
|||
logger.debug("热更新包下载失败:", error) |
|||
throw error |
|||
} |
|||
} |
|||
|
|||
function clearUpdateTempDir() { |
|||
if (!fs.existsSync(updateTempDirPath)) return |
|||
fs.rmSync(updateTempDirPath, { recursive: true }) |
|||
} |
|||
|
|||
export function flagNeedUpdate() { |
|||
shouldPerformHotUpdate = true |
|||
} |
|||
@ -0,0 +1,137 @@ |
|||
import pkg from "electron-updater" |
|||
import { app, dialog } from "electron" |
|||
import Setting from "setting/main" |
|||
import EventEmitter from "events" |
|||
import { BaseSingleton } from "base" |
|||
import { fetchHotUpdatePackage, flagNeedUpdate } from "./hot" |
|||
import Locales from "locales/main" |
|||
import _logger from "logger/main" |
|||
|
|||
const logger = _logger.createNamespace("updater") |
|||
const { autoUpdater } = pkg |
|||
|
|||
class _Updater extends BaseSingleton { |
|||
public events = new EventEmitter() |
|||
private timer: ReturnType<typeof setInterval> | null = null |
|||
// autoReplace = false
|
|||
async triggerHotUpdate(autoReplace = false) { |
|||
const url = Setting.values("update.hoturl") |
|||
await fetchHotUpdatePackage(url) |
|||
flagNeedUpdate() |
|||
if (!autoReplace) { |
|||
dialog.showMessageBox({ |
|||
title: Locales.t("update.ready.hot.title"), |
|||
message: Locales.t("update.ready.hot.desc", { version: app.getVersion() }), |
|||
}) |
|||
} else { |
|||
app.quit() |
|||
} |
|||
} |
|||
|
|||
constructor() { |
|||
super() |
|||
// 配置自动更新
|
|||
autoUpdater.autoDownload = false |
|||
autoUpdater.autoInstallOnAppQuit = true |
|||
|
|||
// 检查更新错误
|
|||
autoUpdater.on("error", error => { |
|||
logger.debug("Update error:", error) |
|||
}) |
|||
|
|||
// 检查更新
|
|||
autoUpdater.on("checking-for-update", () => { |
|||
logger.debug("Checking for updates...") |
|||
}) |
|||
|
|||
// 有可用更新
|
|||
autoUpdater.on("update-available", info => { |
|||
logger.debug("Update available:", info) |
|||
this.promptUserToUpdate() |
|||
}) |
|||
|
|||
// 没有可用更新
|
|||
autoUpdater.on("update-not-available", info => { |
|||
logger.debug("Update not available:", info) |
|||
}) |
|||
|
|||
// 更新下载进度
|
|||
autoUpdater.on("download-progress", progressObj => { |
|||
logger.debug( |
|||
`Download speed: ${progressObj.bytesPerSecond} - Downloaded ${progressObj.percent}% (${progressObj.transferred}/${progressObj.total})`, |
|||
) |
|||
}) |
|||
|
|||
// 更新下载完成
|
|||
autoUpdater.on("update-downloaded", info => { |
|||
logger.debug("Update downloaded:", info) |
|||
this.promptUserToInstall() |
|||
}) |
|||
} |
|||
|
|||
init() { |
|||
// 定期检查更新
|
|||
this.checkForUpdates() |
|||
this.timer && clearInterval(this.timer) |
|||
this.timer = setInterval( |
|||
() => { |
|||
this.checkForUpdates() |
|||
}, |
|||
1000 * 60 * 60, |
|||
) // 每小时检查一次
|
|||
} |
|||
|
|||
destroy() { |
|||
// 清理工作
|
|||
if (this.timer) { |
|||
clearInterval(this.timer) |
|||
this.timer = null |
|||
} |
|||
} |
|||
|
|||
private async checkForUpdates() { |
|||
if (app.isPackaged) { |
|||
try { |
|||
await autoUpdater.checkForUpdates() |
|||
logger.debug("Updater初始化检查成功.") |
|||
} catch (error) { |
|||
logger.debug("Failed to check for updates:", error) |
|||
} |
|||
} else { |
|||
logger.debug("正在开发模式，跳过更新检查.") |
|||
} |
|||
} |
|||
|
|||
private async promptUserToUpdate() { |
|||
const result = await dialog.showMessageBox({ |
|||
type: "info", |
|||
title: "发现新版本", |
|||
message: "是否下载新版本？", |
|||
buttons: ["下载", "暂不更新"], |
|||
defaultId: 0, |
|||
}) |
|||
|
|||
if (result.response === 0) { |
|||
autoUpdater.downloadUpdate() |
|||
} |
|||
} |
|||
|
|||
private async promptUserToInstall() { |
|||
const result = await dialog.showMessageBox({ |
|||
type: "info", |
|||
title: "更新已就绪", |
|||
message: "新版本已下载完成，是否立即安装？", |
|||
buttons: ["立即安装", "稍后安装"], |
|||
defaultId: 0, |
|||
}) |
|||
|
|||
if (result.response === 0) { |
|||
autoUpdater.quitAndInstall(false, true) |
|||
} |
|||
} |
|||
} |
|||
|
|||
const Updater = _Updater.getInstance() |
|||
|
|||
export { Updater } |
|||
export default Updater |
|||
@ -0,0 +1,41 @@ |
|||
if (import.meta.env.DEV) { |
|||
// 引入之后可以热更新
|
|||
import("./languages/zh.json") |
|||
import("./languages/en.json") |
|||
} |
|||
|
|||
const datetimeFormats = { |
|||
en: { |
|||
short: { |
|||
year: "numeric", |
|||
month: "short", |
|||
day: "numeric", |
|||
}, |
|||
long: { |
|||
year: "numeric", |
|||
month: "short", |
|||
day: "numeric", |
|||
weekday: "short", |
|||
hour: "numeric", |
|||
minute: "numeric", |
|||
}, |
|||
}, |
|||
zh: { |
|||
short: { |
|||
year: "numeric", |
|||
month: "short", |
|||
day: "numeric", |
|||
}, |
|||
long: { |
|||
year: "numeric", |
|||
month: "short", |
|||
day: "numeric", |
|||
weekday: "short", |
|||
hour: "numeric", |
|||
minute: "numeric", |
|||
hour12: true, |
|||
}, |
|||
}, |
|||
} |
|||
|
|||
export { datetimeFormats } |
|||
@ -0,0 +1,20 @@ |
|||
{ |
|||
"update": { |
|||
"ready": { |
|||
"hot": { |
|||
"desc": "The new version v{version} is ready for update and will be automatically updated the next time you launch the program.", |
|||
"title": "Prompt" |
|||
} |
|||
} |
|||
}, |
|||
"browser": { |
|||
"navbar": { |
|||
"menu": { |
|||
"fullscreen": "Full screen", |
|||
"quit-fullscreen": "Exit Full Screen", |
|||
"toggleDevTools": "Developer panel", |
|||
"label": "Menu" |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,20 @@ |
|||
{ |
|||
"update": { |
|||
"ready": { |
|||
"hot": { |
|||
"title": "提示", |
|||
"desc": "新版本 v{version} 已经准备好更新, 下次启动程序即可自动更新" |
|||
} |
|||
} |
|||
}, |
|||
"browser": { |
|||
"navbar": { |
|||
"menu": { |
|||
"label": "菜单", |
|||
"fullscreen": "全屏", |
|||
"quit-fullscreen": "取消全屏", |
|||
"toggleDevTools": "开发者面板" |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,53 @@ |
|||
import { app } from "electron" |
|||
import { get } from "lodash-es" |
|||
|
|||
import zh from "./languages/zh.json" |
|||
import en from "./languages/en.json" |
|||
|
|||
type FlattenObject<T, Prefix extends string = ""> = T extends object |
|||
? { |
|||
[K in keyof T & (string | number)]: FlattenObject<T[K], Prefix extends "" ? `${K}` : `${Prefix}.${K}`> |
|||
}[keyof T & (string | number)] |
|||
: Prefix |
|||
|
|||
type FlattenKeys<T> = FlattenObject<T> |
|||
|
|||
type TranslationKey = FlattenKeys<typeof zh> |
|||
|
|||
class Locale { |
|||
locale: string = "zh" |
|||
|
|||
constructor() { |
|||
try { |
|||
this.locale = app.getLocale() |
|||
} catch (e) { |
|||
console.log(e) |
|||
} |
|||
} |
|||
|
|||
isCN(): boolean { |
|||
return this.locale.startsWith("zh") |
|||
} |
|||
|
|||
t(key: TranslationKey, replacements?: Record<string, string>): string { |
|||
let text: string = this.isCN() ? get(zh, key) : get(en, key) |
|||
if (!text) { |
|||
text = get(zh, key) |
|||
if (!text) { |
|||
return key |
|||
} |
|||
} |
|||
if (replacements) { |
|||
// 替换所有形如 {key} 的占位符
|
|||
Object.entries(replacements).forEach(([key, value]) => { |
|||
console.log(text) |
|||
text = text.replace(new RegExp(`{${key}}`, "g"), value) |
|||
}) |
|||
} |
|||
return text |
|||
} |
|||
} |
|||
|
|||
const Locales = new Locale() |
|||
export default Locales |
|||
export { Locales } |
|||
@ -0,0 +1,7 @@ |
|||
{ |
|||
"name": "locales", |
|||
"version": "1.0.0", |
|||
"keywords": [], |
|||
"author": "", |
|||
"license": "ISC" |
|||
} |
|||
@ -0,0 +1,31 @@ |
|||
// 日志级别定义
|
|||
export enum LogLevel { |
|||
TRACE = 0, |
|||
DEBUG = 1, |
|||
INFO = 2, |
|||
WARN = 3, |
|||
ERROR = 4, |
|||
FATAL = 5, |
|||
OFF = 6, |
|||
} |
|||
// 日志级别名称映射
|
|||
export const LogLevelName: Record<LogLevel, string> = { |
|||
[LogLevel.TRACE]: "TRACE", |
|||
[LogLevel.DEBUG]: "DEBUG", |
|||
[LogLevel.INFO]: "INFO", |
|||
[LogLevel.WARN]: "WARN", |
|||
[LogLevel.ERROR]: "ERROR", |
|||
[LogLevel.FATAL]: "FATAL", |
|||
[LogLevel.OFF]: "OFF", |
|||
} |
|||
|
|||
// 日志颜色映射（控制台输出用）
|
|||
export const LogLevelColor: Record<LogLevel, string> = { |
|||
[LogLevel.TRACE]: "\x1b[90m", // 灰色
|
|||
[LogLevel.DEBUG]: "\x1b[36m", // 青色
|
|||
[LogLevel.INFO]: "\x1b[32m", // 绿色
|
|||
[LogLevel.WARN]: "\x1b[33m", // 黄色
|
|||
[LogLevel.ERROR]: "\x1b[31m", // 红色
|
|||
[LogLevel.FATAL]: "\x1b[35m", // 紫色
|
|||
[LogLevel.OFF]: "", // 无色
|
|||
} |
|||
@ -0,0 +1,486 @@ |
|||
import { app, dialog } from "electron" |
|||
import fs from "fs" |
|||
import path from "path" |
|||
import os from "os" |
|||
import logger from "./main" |
|||
import errorHandler, { ErrorDetail } from "./main-error" |
|||
|
|||
/** |
|||
* 崩溃报告接口 |
|||
*/ |
|||
export interface CrashReport { |
|||
timestamp: string |
|||
error: ErrorDetail |
|||
systemInfo: { |
|||
platform: string |
|||
release: string |
|||
arch: string |
|||
totalMemory: number |
|||
freeMemory: number |
|||
uptime: number |
|||
} |
|||
appInfo: { |
|||
version: string |
|||
name: string |
|||
path: string |
|||
argv: string[] |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 崩溃处理配置 |
|||
*/ |
|||
export interface CrashHandlerOptions { |
|||
crashReportDir?: string |
|||
maxReports?: number |
|||
showDialog?: boolean |
|||
} |
|||
|
|||
/** |
|||
* 默认崩溃处理配置 |
|||
*/ |
|||
const DEFAULT_OPTIONS: CrashHandlerOptions = { |
|||
maxReports: 10, |
|||
showDialog: true, |
|||
} |
|||
|
|||
/** |
|||
* 崩溃处理类 |
|||
*/ |
|||
export class CrashHandler { |
|||
private static instance: CrashHandler |
|||
private options: CrashHandlerOptions |
|||
private crashReportDir: string |
|||
private initialized: boolean = false |
|||
private startTime: number = Date.now() |
|||
// private normalShutdown: boolean = false
|
|||
|
|||
/** |
|||
* 获取单例实例 |
|||
*/ |
|||
public static getInstance(): CrashHandler { |
|||
if (!CrashHandler.instance) { |
|||
CrashHandler.instance = new CrashHandler() |
|||
} |
|||
return CrashHandler.instance |
|||
} |
|||
|
|||
/** |
|||
* 构造函数 |
|||
*/ |
|||
private constructor() { |
|||
this.options = { ...DEFAULT_OPTIONS } |
|||
this.crashReportDir = path.join(app.getPath("userData"), "crash-reports") |
|||
} |
|||
|
|||
/** |
|||
* 初始化崩溃处理器 |
|||
*/ |
|||
public init(options?: CrashHandlerOptions): void { |
|||
if (this.initialized) { |
|||
return |
|||
} |
|||
|
|||
this.options = { ...this.options, ...options } |
|||
|
|||
if (options?.crashReportDir) { |
|||
this.crashReportDir = options.crashReportDir |
|||
} |
|||
|
|||
// 确保崩溃报告目录存在
|
|||
if (!fs.existsSync(this.crashReportDir)) { |
|||
fs.mkdirSync(this.crashReportDir, { recursive: true }) |
|||
} |
|||
|
|||
// 检查上次是否崩溃
|
|||
this.checkPreviousCrash() |
|||
|
|||
// 记录应用启动时间
|
|||
this.startTime = Date.now() |
|||
this.saveStartupMarker() |
|||
|
|||
// 设置全局未捕获异常处理器
|
|||
this.setupGlobalHandlers() |
|||
|
|||
// 设置应用退出处理
|
|||
app.on("before-quit", () => { |
|||
// this.normalShutdown = true
|
|||
this.clearStartupMarker() |
|||
}) |
|||
|
|||
this.initialized = true |
|||
logger.info("crash-handler", "Crash handler initialized") |
|||
} |
|||
|
|||
/** |
|||
* 设置全局未捕获异常处理器 |
|||
*/ |
|||
private setupGlobalHandlers(): void { |
|||
// 增强现有的错误处理器
|
|||
const originalCaptureError = errorHandler.captureError.bind(errorHandler) |
|||
errorHandler.captureError = (error: any, componentInfo?: string, additionalInfo?: Record<string, any>) => { |
|||
// 调用原始方法记录错误
|
|||
originalCaptureError(error, componentInfo, additionalInfo) |
|||
|
|||
// 对于严重错误，生成崩溃报告
|
|||
if (error instanceof Error && error.stack) { |
|||
this.generateCrashReport(error, componentInfo, additionalInfo) |
|||
} |
|||
} |
|||
|
|||
// 捕获未处理的Promise异常
|
|||
process.on("unhandledRejection", (reason, promise) => { |
|||
logger.error("crash-handler", `Unhandled Promise Rejection: ${reason}`) |
|||
this.generateCrashReport(reason, "unhandledRejection", { promise: String(promise) }) |
|||
}) |
|||
|
|||
// 捕获未捕获的异常
|
|||
process.on("uncaughtException", error => { |
|||
logger.error("crash-handler", `Uncaught Exception: ${error.message}`) |
|||
this.generateCrashReport(error, "uncaughtException") |
|||
|
|||
// 显示错误对话框
|
|||
if (this.options.showDialog) { |
|||
this.showCrashDialog(error) |
|||
} |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 生成崩溃报告 |
|||
*/ |
|||
private generateCrashReport(error: any, componentInfo?: string, additionalInfo?: Record<string, any>): void { |
|||
try { |
|||
// 格式化错误信息
|
|||
const errorDetail = this.formatError(error, componentInfo, additionalInfo) |
|||
|
|||
// 创建崩溃报告
|
|||
const crashReport: CrashReport = { |
|||
timestamp: new Date().toISOString(), |
|||
error: errorDetail, |
|||
systemInfo: { |
|||
platform: os.platform(), |
|||
release: os.release(), |
|||
arch: os.arch(), |
|||
totalMemory: os.totalmem(), |
|||
freeMemory: os.freemem(), |
|||
uptime: os.uptime(), |
|||
}, |
|||
appInfo: { |
|||
version: app.getVersion(), |
|||
name: app.getName(), |
|||
path: app.getAppPath(), |
|||
argv: process.argv, |
|||
}, |
|||
} |
|||
|
|||
// 保存崩溃报告
|
|||
this.saveCrashReport(crashReport) |
|||
} catch (e) { |
|||
logger.error("crash-handler", `Failed to generate crash report: ${e}`) |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 格式化错误信息 |
|||
*/ |
|||
private formatError(error: any, componentInfo?: string, additionalInfo?: Record<string, any>): ErrorDetail { |
|||
// 基本错误信息
|
|||
const errorDetail: ErrorDetail = { |
|||
message: "", |
|||
timestamp: new Date().toISOString(), |
|||
type: "Unknown", |
|||
} |
|||
|
|||
// 处理不同类型的错误
|
|||
if (error instanceof Error) { |
|||
errorDetail.message = error.message |
|||
errorDetail.type = error.name || error.constructor.name |
|||
errorDetail.stack = error.stack |
|||
} else if (typeof error === "string") { |
|||
errorDetail.message = error |
|||
errorDetail.type = "String" |
|||
} else if (error === null) { |
|||
errorDetail.message = "Null error received" |
|||
errorDetail.type = "Null" |
|||
} else if (error === undefined) { |
|||
errorDetail.message = "Undefined error received" |
|||
errorDetail.type = "Undefined" |
|||
} else if (typeof error === "object") { |
|||
try { |
|||
errorDetail.message = error.message || JSON.stringify(error) |
|||
errorDetail.type = "Object" |
|||
errorDetail.additionalInfo = { ...error } |
|||
} catch (e) { |
|||
errorDetail.message = "Unserializable error object" |
|||
errorDetail.type = "Unserializable" |
|||
} |
|||
} else { |
|||
try { |
|||
errorDetail.message = String(error) |
|||
errorDetail.type = typeof error |
|||
} catch (e) { |
|||
errorDetail.message = "Error converting to string" |
|||
errorDetail.type = "Unknown" |
|||
} |
|||
} |
|||
|
|||
// 添加组件信息
|
|||
if (componentInfo) { |
|||
errorDetail.componentInfo = componentInfo |
|||
} |
|||
|
|||
// 添加额外信息
|
|||
if (additionalInfo) { |
|||
errorDetail.additionalInfo = { |
|||
...errorDetail.additionalInfo, |
|||
...additionalInfo, |
|||
} |
|||
} |
|||
|
|||
return errorDetail |
|||
} |
|||
|
|||
/** |
|||
* 保存崩溃报告 |
|||
*/ |
|||
private saveCrashReport(report: CrashReport): void { |
|||
try { |
|||
// 生成唯一的崩溃报告文件名
|
|||
const timestamp = new Date().toISOString().replace(/[:.]/g, "-") |
|||
const filename = `crash-${timestamp}.json` |
|||
const filepath = path.join(this.crashReportDir, filename) |
|||
|
|||
// 写入崩溃报告
|
|||
fs.writeFileSync(filepath, JSON.stringify(report, null, 2)) |
|||
logger.info("crash-handler", `Crash report saved: ${filepath}`) |
|||
|
|||
// 清理旧的崩溃报告
|
|||
this.cleanupOldReports() |
|||
} catch (e) { |
|||
logger.error("crash-handler", `Failed to save crash report: ${e}`) |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 清理旧的崩溃报告 |
|||
*/ |
|||
private cleanupOldReports(): void { |
|||
try { |
|||
// 获取所有崩溃报告文件
|
|||
const files = fs |
|||
.readdirSync(this.crashReportDir) |
|||
.filter(file => file.startsWith("crash-") && file.endsWith(".json")) |
|||
.map(file => ({ |
|||
name: file, |
|||
path: path.join(this.crashReportDir, file), |
|||
time: fs.statSync(path.join(this.crashReportDir, file)).mtime.getTime(), |
|||
})) |
|||
.sort((a, b) => b.time - a.time) // 按时间降序排序
|
|||
|
|||
// 删除超出最大数量的旧报告
|
|||
if (files.length > this.options.maxReports!) { |
|||
const filesToDelete = files.slice(this.options.maxReports!) |
|||
filesToDelete.forEach(file => { |
|||
fs.unlinkSync(file.path) |
|||
logger.debug("crash-handler", `Deleted old crash report: ${file.name}`) |
|||
}) |
|||
} |
|||
} catch (e) { |
|||
logger.error("crash-handler", `Failed to cleanup old reports: ${e}`) |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 保存启动标记 |
|||
*/ |
|||
private saveStartupMarker(): void { |
|||
try { |
|||
const markerPath = path.join(this.crashReportDir, "startup-marker.json") |
|||
const marker = { |
|||
startTime: this.startTime, |
|||
pid: process.pid, |
|||
} |
|||
fs.writeFileSync(markerPath, JSON.stringify(marker)) |
|||
} catch (e) { |
|||
logger.error("crash-handler", `Failed to save startup marker: ${e}`) |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 清除启动标记 |
|||
*/ |
|||
private clearStartupMarker(): void { |
|||
try { |
|||
const markerPath = path.join(this.crashReportDir, "startup-marker.json") |
|||
if (fs.existsSync(markerPath)) { |
|||
fs.unlinkSync(markerPath) |
|||
} |
|||
} catch (e) { |
|||
logger.error("crash-handler", `Failed to clear startup marker: ${e}`) |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 检查上次是否崩溃 |
|||
*/ |
|||
private checkPreviousCrash(): boolean { |
|||
try { |
|||
const markerPath = path.join(this.crashReportDir, "startup-marker.json") |
|||
// 如果存在启动标记，说明上次可能崩溃了
|
|||
if (fs.existsSync(markerPath)) { |
|||
const markerData = JSON.parse(fs.readFileSync(markerPath, "utf8")) |
|||
const lastStartTime = markerData.startTime |
|||
const lastPid = markerData.pid |
|||
|
|||
logger.warn( |
|||
"crash-handler", |
|||
`Found previous startup marker. App may have crashed. Last PID: ${lastPid}, Last start time: ${new Date(lastStartTime).toISOString()}`, |
|||
) |
|||
|
|||
// 查找最近的崩溃报告
|
|||
const recentCrash = this.getRecentCrashReport() |
|||
|
|||
// 显示崩溃恢复对话框
|
|||
if (recentCrash && this.options.showDialog) { |
|||
app.whenReady().then(() => { |
|||
this.showRecoveryDialog(recentCrash) |
|||
}) |
|||
} |
|||
|
|||
// 清除旧的启动标记
|
|||
fs.unlinkSync(markerPath) |
|||
return true |
|||
} |
|||
} catch (e) { |
|||
logger.error("crash-handler", `Failed to check previous crash: ${e}`) |
|||
} |
|||
|
|||
return false |
|||
} |
|||
|
|||
/** |
|||
* 获取最近的崩溃报告 |
|||
*/ |
|||
private getRecentCrashReport(): CrashReport | null { |
|||
try { |
|||
// 获取所有崩溃报告文件
|
|||
const files = fs |
|||
.readdirSync(this.crashReportDir) |
|||
.filter(file => file.startsWith("crash-") && file.endsWith(".json")) |
|||
.map(file => ({ |
|||
name: file, |
|||
path: path.join(this.crashReportDir, file), |
|||
time: fs.statSync(path.join(this.crashReportDir, file)).mtime.getTime(), |
|||
})) |
|||
.sort((a, b) => b.time - a.time) // 按时间降序排序
|
|||
|
|||
// 读取最近的崩溃报告
|
|||
if (files.length > 0) { |
|||
const recentFile = files[0] |
|||
const reportData = fs.readFileSync(recentFile.path, "utf8") |
|||
return JSON.parse(reportData) as CrashReport |
|||
} |
|||
} catch (e) { |
|||
logger.error("crash-handler", `Failed to get recent crash report: ${e}`) |
|||
} |
|||
|
|||
return null |
|||
} |
|||
|
|||
/** |
|||
* 显示崩溃对话框 |
|||
*/ |
|||
private showCrashDialog(error: Error): void { |
|||
try { |
|||
const options = { |
|||
type: "error" as const, |
|||
title: "应用崩溃", |
|||
message: "应用遇到了一个严重错误，即将关闭", |
|||
detail: `错误信息: ${error.message}\n\n堆栈信息: ${error.stack}\n\n崩溃报告已保存，应用将在您点击确定后关闭。`, |
|||
buttons: ["确定"], |
|||
defaultId: 0, |
|||
} |
|||
|
|||
dialog.showMessageBoxSync(options) |
|||
|
|||
// 强制退出应用
|
|||
setTimeout(() => { |
|||
app.exit(1) |
|||
}, 1000) |
|||
} catch (e) { |
|||
logger.error("crash-handler", `Failed to show crash dialog: ${e}`) |
|||
app.exit(1) |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 显示恢复对话框 |
|||
*/ |
|||
private showRecoveryDialog(crashReport: CrashReport): void { |
|||
try { |
|||
const crashTime = new Date(crashReport.timestamp).toLocaleString() |
|||
const errorMessage = crashReport.error.message |
|||
const errorType = crashReport.error.type |
|||
|
|||
const options = { |
|||
type: "warning" as const, |
|||
title: "应用恢复", |
|||
message: "应用上次异常退出", |
|||
detail: `应用在 ${crashTime} 因 ${errorType} 错误崩溃: ${errorMessage}\n\n崩溃报告已保存，您可以继续使用应用或联系开发者报告此问题。`, |
|||
buttons: ["继续", "查看详情"], |
|||
defaultId: 0, |
|||
} |
|||
|
|||
const response = dialog.showMessageBoxSync(options) |
|||
|
|||
// 如果用户选择查看详情
|
|||
if (response === 1) { |
|||
// 显示详细的崩溃报告
|
|||
this.showDetailedCrashInfo(crashReport) |
|||
} |
|||
} catch (e) { |
|||
logger.error("crash-handler", `Failed to show recovery dialog: ${e}`) |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 显示详细的崩溃信息 |
|||
*/ |
|||
private showDetailedCrashInfo(crashReport: CrashReport): void { |
|||
try { |
|||
const options = { |
|||
type: "info" as const, |
|||
title: "崩溃详情", |
|||
message: "应用崩溃详细信息", |
|||
detail: JSON.stringify(crashReport, null, 2), |
|||
buttons: ["关闭"], |
|||
defaultId: 0, |
|||
} |
|||
|
|||
dialog.showMessageBoxSync(options) |
|||
} catch (e) { |
|||
logger.error("crash-handler", `Failed to show detailed crash info: ${e}`) |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 设置崩溃处理选项 |
|||
*/ |
|||
public setOptions(options: Partial<CrashHandlerOptions>): void { |
|||
this.options = { ...this.options, ...options } |
|||
} |
|||
|
|||
/** |
|||
* 获取当前选项 |
|||
*/ |
|||
public getOptions(): CrashHandlerOptions { |
|||
return { ...this.options } |
|||
} |
|||
} |
|||
|
|||
// 创建默认实例
|
|||
const crashHandler = CrashHandler.getInstance() |
|||
|
|||
export default crashHandler |
|||
export { crashHandler } |
|||
@ -0,0 +1,177 @@ |
|||
import { LogLevel, LogLevelName } from "./common" |
|||
import logger from "./main" |
|||
|
|||
/** |
|||
* 错误详情接口 |
|||
*/ |
|||
export interface ErrorDetail { |
|||
message: string |
|||
stack?: string |
|||
componentInfo?: string |
|||
additionalInfo?: Record<string, any> |
|||
timestamp: string |
|||
type: string |
|||
} |
|||
|
|||
/** |
|||
* 错误处理配置 |
|||
*/ |
|||
export interface ErrorHandlerOptions { |
|||
namespace?: string |
|||
level?: LogLevel |
|||
includeStack?: boolean |
|||
includeComponentInfo?: boolean |
|||
formatError?: (error: any) => ErrorDetail |
|||
} |
|||
|
|||
/** |
|||
* 默认错误处理配置 |
|||
*/ |
|||
const DEFAULT_OPTIONS: ErrorHandlerOptions = { |
|||
namespace: "error", |
|||
level: LogLevel.ERROR, |
|||
includeStack: true, |
|||
includeComponentInfo: true, |
|||
} |
|||
|
|||
/** |
|||
* 格式化错误信息 |
|||
*/ |
|||
const formatError = (error: any, options: ErrorHandlerOptions): ErrorDetail => { |
|||
// 如果已经是ErrorDetail格式，直接返回
|
|||
if (error && typeof error === "object" && error.type && error.message && error.timestamp) { |
|||
return error as ErrorDetail |
|||
} |
|||
|
|||
// 基本错误信息
|
|||
const errorDetail: ErrorDetail = { |
|||
message: "", |
|||
timestamp: new Date().toISOString(), |
|||
type: "Unknown", |
|||
} |
|||
|
|||
// 处理不同类型的错误
|
|||
if (error instanceof Error) { |
|||
errorDetail.message = error.message |
|||
errorDetail.type = error.name || error.constructor.name |
|||
if (options.includeStack) { |
|||
errorDetail.stack = error.stack |
|||
} |
|||
} else if (typeof error === "string") { |
|||
errorDetail.message = error |
|||
errorDetail.type = "String" |
|||
} else if (error === null) { |
|||
errorDetail.message = "Null error received" |
|||
errorDetail.type = "Null" |
|||
} else if (error === undefined) { |
|||
errorDetail.message = "Undefined error received" |
|||
errorDetail.type = "Undefined" |
|||
} else if (typeof error === "object") { |
|||
try { |
|||
errorDetail.message = error.message || JSON.stringify(error) |
|||
errorDetail.type = "Object" |
|||
errorDetail.additionalInfo = { ...error } |
|||
} catch (e) { |
|||
errorDetail.message = "Unserializable error object" |
|||
errorDetail.type = "Unserializable" |
|||
} |
|||
} else { |
|||
try { |
|||
errorDetail.message = String(error) |
|||
errorDetail.type = typeof error |
|||
} catch (e) { |
|||
errorDetail.message = "Error converting to string" |
|||
errorDetail.type = "Unknown" |
|||
} |
|||
} |
|||
|
|||
return errorDetail |
|||
} |
|||
|
|||
/** |
|||
* 错误处理类 |
|||
*/ |
|||
export class ErrorHandler { |
|||
private options: ErrorHandlerOptions |
|||
|
|||
constructor(options?: Partial<ErrorHandlerOptions>) { |
|||
this.options = { ...DEFAULT_OPTIONS, ...options } |
|||
} |
|||
|
|||
/** |
|||
* 记录错误 |
|||
*/ |
|||
public captureError(error: any, componentInfo?: string, additionalInfo?: Record<string, any>): void { |
|||
const errorDetail = formatError(error, this.options) |
|||
|
|||
// 添加组件信息
|
|||
if (this.options.includeComponentInfo && componentInfo) { |
|||
errorDetail.componentInfo = componentInfo |
|||
} |
|||
|
|||
// 添加额外信息
|
|||
if (additionalInfo) { |
|||
errorDetail.additionalInfo = { |
|||
...errorDetail.additionalInfo, |
|||
...additionalInfo, |
|||
} |
|||
} |
|||
|
|||
// 使用logger记录错误
|
|||
const namespace = this.options.namespace || "error" |
|||
const level = LogLevelName[this.options.level || LogLevel.ERROR].toLowerCase() |
|||
|
|||
// 构建错误消息
|
|||
let errorMessage = `${errorDetail.type}: ${errorDetail.message}` |
|||
if (errorDetail.componentInfo) { |
|||
errorMessage += ` | Component: ${errorDetail.componentInfo}` |
|||
} |
|||
|
|||
// 记录错误
|
|||
logger[level](namespace, errorMessage) |
|||
|
|||
// 如果有堆栈信息，单独记录
|
|||
if (errorDetail.stack) { |
|||
logger[level](namespace, `Stack: ${errorDetail.stack}`) |
|||
} |
|||
|
|||
// 如果有额外信息，单独记录
|
|||
if (errorDetail.additionalInfo) { |
|||
try { |
|||
const additionalInfoStr = JSON.stringify(errorDetail.additionalInfo, null, 2) |
|||
logger[level](namespace, `Additional Info: ${additionalInfoStr}`) |
|||
} catch (e) { |
|||
logger[level](namespace, "Additional Info: [Unserializable]") |
|||
} |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 设置错误处理选项 |
|||
*/ |
|||
public setOptions(options: Partial<ErrorHandlerOptions>): void { |
|||
this.options = { ...this.options, ...options } |
|||
} |
|||
|
|||
/** |
|||
* 获取当前选项 |
|||
*/ |
|||
public getOptions(): ErrorHandlerOptions { |
|||
return { ...this.options } |
|||
} |
|||
} |
|||
|
|||
// 创建默认实例
|
|||
const errorHandler = new ErrorHandler() |
|||
|
|||
// 捕获未处理的Promise异常
|
|||
process.on("unhandledRejection", reason => { |
|||
errorHandler.captureError(reason) |
|||
}) |
|||
|
|||
// 捕获未捕获的异常
|
|||
process.on("uncaughtException", error => { |
|||
errorHandler.captureError(error) |
|||
}) |
|||
|
|||
export default errorHandler |
|||
@ -0,0 +1,275 @@ |
|||
import { app, ipcMain } from "electron" |
|||
import fs from "fs" |
|||
import path from "path" |
|||
import config from "config" |
|||
import * as rfs from "rotating-file-stream" |
|||
import { LogLevel, LogLevelColor, LogLevelName } from "./common" |
|||
import { emitter } from "setting/main/event" |
|||
|
|||
// 重置颜色的ANSI代码
|
|||
const RESET_COLOR = "\x1b[0m" |
|||
|
|||
// 日志配置接口
|
|||
export interface LoggerOptions { |
|||
level?: LogLevel // 日志级别
|
|||
namespace?: string // 日志命名空间
|
|||
console?: boolean // 是否输出到控制台
|
|||
file?: boolean // 是否输出到文件
|
|||
maxSize?: string // 单个日志文件最大大小
|
|||
maxFiles?: number // 保留的最大日志文件数量
|
|||
} |
|||
|
|||
// 默认配置
|
|||
const DEFAULT_OPTIONS: LoggerOptions = { |
|||
level: config.default_config.debug, |
|||
namespace: "app", |
|||
console: true, |
|||
file: true, |
|||
maxSize: "10M", |
|||
maxFiles: 10, |
|||
} |
|||
|
|||
let logDir |
|||
const isElectronApp = !!process.versions.electron |
|||
if (isElectronApp && app) { |
|||
logDir = path.join(app.getPath("logs")) |
|||
} else { |
|||
// 非Electron环境下使用当前目录下的logs文件夹
|
|||
logDir = path.join(process.cwd(), "logs") |
|||
} |
|||
|
|||
/** |
|||
* 日志管理类 |
|||
*/ |
|||
export class Logger { |
|||
private static instance: Logger |
|||
private options: LoggerOptions = DEFAULT_OPTIONS |
|||
private logStream: rfs.RotatingFileStream | null = null |
|||
private logDir: string = logDir |
|||
private currentLogFile: string = "" |
|||
private isElectronApp: boolean = !!process.versions.electron |
|||
private callInitialize: boolean = false |
|||
|
|||
/** |
|||
* 获取单例实例 |
|||
*/ |
|||
public static getInstance(): Logger { |
|||
if (!Logger.instance) { |
|||
Logger.instance = new Logger() |
|||
} |
|||
if (Logger.instance.callInitialize) { |
|||
return Logger.instance |
|||
} else { |
|||
// 创建代理对象，确保只有在初始化后才能访问除init之外的方法
|
|||
const handler = { |
|||
get: function (target: any, prop: string) { |
|||
if (prop === "init") { |
|||
return target[prop] |
|||
} |
|||
if (!target.callInitialize) { |
|||
throw new Error(`Logger未初始化，不能调用${prop}方法，请先调用init()方法`) |
|||
} |
|||
return target[prop] |
|||
}, |
|||
} |
|||
Logger.instance = new Proxy(new Logger(), handler) |
|||
} |
|||
return Logger.instance |
|||
} |
|||
|
|||
/** |
|||
* 构造函数 |
|||
*/ |
|||
// private constructor() {}
|
|||
|
|||
public init(options?: LoggerOptions): void { |
|||
this.callInitialize = true |
|||
this.options = { ...this.options, ...options } |
|||
|
|||
// 确保日志目录存在
|
|||
if (!fs.existsSync(this.logDir)) { |
|||
fs.mkdirSync(this.logDir, { recursive: true }) |
|||
} |
|||
|
|||
// 初始化日志文件
|
|||
this.initLogFile() |
|||
|
|||
// 如果在主进程中，设置IPC监听器接收渲染进程的日志
|
|||
if (this.isElectronApp && process.type === "browser") { |
|||
this.setupIPC() |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 初始化日志文件 |
|||
*/ |
|||
private initLogFile(): void { |
|||
if (!this.options.file) return |
|||
|
|||
// 生成日志文件名
|
|||
const now = new Date() |
|||
const timestamp = now.toISOString().replace(/[:.]/g, "-") |
|||
this.currentLogFile = `app-logger-${timestamp}.log` |
|||
|
|||
// 创建日志流
|
|||
this.logStream = rfs.createStream(this.currentLogFile, { |
|||
path: this.logDir, |
|||
size: this.options.maxSize, |
|||
rotate: this.options.maxFiles, |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 设置IPC通信，接收渲染进程日志 |
|||
*/ |
|||
private setupIPC(): void { |
|||
if (!ipcMain) return |
|||
ipcMain.on("logger:log", (_, level: LogLevel, namespace: string, ...messages: any[]) => { |
|||
this.logWithLevel(level, namespace, ...messages) |
|||
}) |
|||
|
|||
// 处理日志级别设置请求
|
|||
ipcMain.on("logger:setLevel", (_, level: LogLevel) => { |
|||
this.setLevel(level) |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 关闭日志流 |
|||
*/ |
|||
public close(): void { |
|||
if (this.logStream) { |
|||
this.logStream.end() |
|||
this.logStream.destroy() |
|||
this.logStream = null |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 设置日志级别 |
|||
*/ |
|||
public setLevel(level: LogLevel): void { |
|||
this.options.level = level |
|||
} |
|||
|
|||
/** |
|||
* 获取当前日志级别 |
|||
*/ |
|||
public getLevel(): LogLevel { |
|||
return this.options.level ?? LogLevel.INFO |
|||
} |
|||
|
|||
/** |
|||
* 根据级别记录日志 |
|||
*/ |
|||
private logWithLevel(level: LogLevel, namespace: string, ...messages: any[]): void { |
|||
// 检查日志级别
|
|||
if (level < this.getLevel() || level === LogLevel.OFF) return |
|||
|
|||
const timestamp = new Date().toISOString() |
|||
const levelName = LogLevelName[level] |
|||
const prefix = `[${timestamp}] [${namespace}] [${levelName}]` |
|||
|
|||
// 格式化消息
|
|||
const formattedMessages = messages.map(msg => { |
|||
if (typeof msg === "object") { |
|||
try { |
|||
return JSON.stringify(msg) |
|||
} catch (e) { |
|||
return String(msg) |
|||
} |
|||
} |
|||
return String(msg) |
|||
}) |
|||
|
|||
const message = formattedMessages.join(" ") |
|||
|
|||
// 输出到控制台
|
|||
if (this.options.console) { |
|||
const color = LogLevelColor[level] |
|||
console.log(`${color}${prefix} ${message}${RESET_COLOR}`) |
|||
} |
|||
|
|||
// 写入日志文件
|
|||
if (this.options.file && this.logStream) { |
|||
this.logStream.write(`${prefix} ${message}\n`) |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 记录跟踪级别日志 |
|||
*/ |
|||
public trace(namespace: string, ...messages: any[]): void { |
|||
this.logWithLevel(LogLevel.TRACE, namespace, ...messages) |
|||
} |
|||
|
|||
/** |
|||
* 记录调试级别日志 |
|||
*/ |
|||
public debug(namespace: string, ...messages: any[]): void { |
|||
this.logWithLevel(LogLevel.DEBUG, namespace, ...messages) |
|||
} |
|||
|
|||
/** |
|||
* 记录信息级别日志 |
|||
*/ |
|||
public info(namespace: string, ...messages: any[]): void { |
|||
this.logWithLevel(LogLevel.INFO, namespace, ...messages) |
|||
} |
|||
|
|||
/** |
|||
* 记录警告级别日志 |
|||
*/ |
|||
public warn(namespace: string, ...messages: any[]): void { |
|||
this.logWithLevel(LogLevel.WARN, namespace, ...messages) |
|||
} |
|||
|
|||
/** |
|||
* 记录错误级别日志 |
|||
*/ |
|||
public error(namespace: string, ...messages: any[]): void { |
|||
this.logWithLevel(LogLevel.ERROR, namespace, ...messages) |
|||
} |
|||
|
|||
/** |
|||
* 记录致命错误级别日志 |
|||
*/ |
|||
public fatal(namespace: string, ...messages: any[]): void { |
|||
this.logWithLevel(LogLevel.FATAL, namespace, ...messages) |
|||
} |
|||
|
|||
/** |
|||
* 创建一个固定命名空间的日志记录器 |
|||
* @param namespace 命名空间 |
|||
* @returns 带有固定命名空间的日志记录器 |
|||
*/ |
|||
public createNamespace(namespace: string) { |
|||
return { |
|||
trace: (...messages: any[]) => this.trace(namespace, ...messages), |
|||
debug: (...messages: any[]) => this.debug(namespace, ...messages), |
|||
info: (...messages: any[]) => this.info(namespace, ...messages), |
|||
warn: (...messages: any[]) => this.warn(namespace, ...messages), |
|||
error: (...messages: any[]) => this.error(namespace, ...messages), |
|||
fatal: (...messages: any[]) => this.fatal(namespace, ...messages), |
|||
setLevel: (level: LogLevel) => this.setLevel(level), |
|||
getLevel: () => this.getLevel(), |
|||
} |
|||
} |
|||
} |
|||
|
|||
// 默认实例
|
|||
const logger = Logger.getInstance() |
|||
logger.init() |
|||
emitter.on("update", setting => { |
|||
logger.setLevel(setting.debug) |
|||
}) |
|||
|
|||
// 应用退出时关闭日志流
|
|||
if (process.type === "browser" && app) { |
|||
app.on("before-quit", () => { |
|||
logger.info("app", "应用关闭") |
|||
logger.close() |
|||
}) |
|||
} |
|||
|
|||
export default logger |
|||
@ -0,0 +1,7 @@ |
|||
{ |
|||
"name": "logger", |
|||
"version": "1.0.0", |
|||
"keywords": [], |
|||
"author": "", |
|||
"license": "ISC" |
|||
} |
|||
@ -0,0 +1,195 @@ |
|||
import { contextBridge, ipcRenderer } from "electron" |
|||
import { LogLevel, LogLevelName } from "./common" |
|||
import logger from "./preload" |
|||
|
|||
/** |
|||
* 错误详情接口 |
|||
*/ |
|||
interface ErrorDetail { |
|||
message: string |
|||
stack?: string |
|||
componentInfo?: string |
|||
additionalInfo?: Record<string, any> |
|||
timestamp: string |
|||
type: string |
|||
} |
|||
|
|||
/** |
|||
* 错误处理配置 |
|||
*/ |
|||
interface ErrorHandlerOptions { |
|||
namespace?: string |
|||
level?: LogLevel |
|||
includeStack?: boolean |
|||
includeComponentInfo?: boolean |
|||
} |
|||
|
|||
/** |
|||
* 渲染进程错误处理接口 |
|||
*/ |
|||
interface IRendererErrorHandler { |
|||
/** |
|||
* 捕获错误 |
|||
*/ |
|||
captureError(error: any, componentInfo?: string, additionalInfo?: Record<string, any>): void |
|||
|
|||
/** |
|||
* 设置错误处理选项 |
|||
*/ |
|||
setOptions(options: Partial<ErrorHandlerOptions>): void |
|||
|
|||
/** |
|||
* 获取当前选项 |
|||
*/ |
|||
getOptions(): ErrorHandlerOptions |
|||
|
|||
/** |
|||
* 安装全局错误处理器 |
|||
*/ |
|||
installGlobalHandlers(): void |
|||
} |
|||
|
|||
/** |
|||
* 默认错误处理配置 |
|||
*/ |
|||
const DEFAULT_OPTIONS: ErrorHandlerOptions = { |
|||
namespace: "error", |
|||
level: LogLevel.ERROR, |
|||
includeStack: true, |
|||
includeComponentInfo: true, |
|||
} |
|||
|
|||
/** |
|||
* 格式化错误信息 |
|||
*/ |
|||
const formatError = (error: any, options: ErrorHandlerOptions): ErrorDetail => { |
|||
// 基本错误信息
|
|||
const errorDetail: ErrorDetail = { |
|||
message: "", |
|||
timestamp: new Date().toISOString(), |
|||
type: "Unknown", |
|||
} |
|||
// 处理不同类型的错误
|
|||
if (error instanceof Error) { |
|||
errorDetail.message = error.message |
|||
errorDetail.type = error.name || error.constructor.name |
|||
if (options.includeStack) { |
|||
errorDetail.stack = error.stack |
|||
} |
|||
} else if (typeof error === "string") { |
|||
errorDetail.message = error |
|||
errorDetail.type = "String" |
|||
} else if (error === null) { |
|||
errorDetail.message = "Null error received" |
|||
errorDetail.type = "Null" |
|||
} else if (error === undefined) { |
|||
errorDetail.message = "Undefined error received" |
|||
errorDetail.type = "Undefined" |
|||
} else if (typeof error === "object") { |
|||
try { |
|||
errorDetail.message = error.message || JSON.stringify(error) |
|||
errorDetail.type = "Object" |
|||
errorDetail.additionalInfo = { ...error } |
|||
} catch (e) { |
|||
errorDetail.message = "Unserializable error object" |
|||
errorDetail.type = "Unserializable" |
|||
} |
|||
} else { |
|||
try { |
|||
errorDetail.message = String(error) |
|||
errorDetail.type = typeof error |
|||
} catch (e) { |
|||
errorDetail.message = "Error converting to string" |
|||
errorDetail.type = "Unknown" |
|||
} |
|||
} |
|||
|
|||
return errorDetail |
|||
} |
|||
|
|||
/** |
|||
* 创建渲染进程错误处理器 |
|||
*/ |
|||
const createRendererErrorHandler = (): IRendererErrorHandler => { |
|||
// 当前错误处理选项
|
|||
let options: ErrorHandlerOptions = { ...DEFAULT_OPTIONS } |
|||
|
|||
/** |
|||
* 处理并转发错误到主进程 |
|||
*/ |
|||
const handleError = (error: any, componentInfo?: string, additionalInfo?: Record<string, any>) => { |
|||
// 如果已经是ErrorDetail格式，直接使用
|
|||
let errorDetail: ErrorDetail |
|||
if (error && typeof error === "object" && error.type && error.message && error.timestamp) { |
|||
errorDetail = error as ErrorDetail |
|||
} else { |
|||
// 否则格式化错误
|
|||
errorDetail = formatError(error, options) |
|||
} |
|||
|
|||
// 添加组件信息
|
|||
if (options.includeComponentInfo && componentInfo) { |
|||
errorDetail.componentInfo = componentInfo |
|||
} |
|||
|
|||
// 使用logger记录错误
|
|||
const namespace = options.namespace || "error" |
|||
const level = LogLevelName[options.level || LogLevel.ERROR].toLowerCase() |
|||
|
|||
// 添加额外信息
|
|||
if (additionalInfo) { |
|||
errorDetail.additionalInfo = { |
|||
...errorDetail.additionalInfo, |
|||
...additionalInfo, |
|||
} |
|||
} |
|||
|
|||
// 记录完整的错误信息
|
|||
logger[level](namespace, JSON.stringify(errorDetail)) |
|||
|
|||
// 同时在控制台输出错误信息
|
|||
logger[level](namespace, `${errorDetail.type}: ${errorDetail.message}`) |
|||
if (errorDetail.stack) { |
|||
logger[level](namespace, `Stack: ${errorDetail.stack}`) |
|||
} |
|||
|
|||
// 如果有额外信息，单独记录
|
|||
if (errorDetail.additionalInfo) { |
|||
try { |
|||
const additionalInfoStr = JSON.stringify(errorDetail.additionalInfo, null, 2) |
|||
logger[level](namespace, `Additional Info: ${additionalInfoStr}`) |
|||
} catch (e) { |
|||
logger[level](namespace, "Additional Info: [Unserializable]") |
|||
} |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 空的安装全局错误处理器方法 |
|||
* 实际的全局错误处理由renderer-error.ts负责 |
|||
*/ |
|||
const installGlobalHandlers = () => { |
|||
// 不再在preload层安装全局错误处理器
|
|||
// 仅记录日志表明该方法被调用
|
|||
logger.info("[ErrorHandler] Global error handlers should be installed in renderer process") |
|||
} |
|||
|
|||
return { |
|||
captureError: handleError, |
|||
setOptions: (newOptions: Partial<ErrorHandlerOptions>) => { |
|||
options = { ...options, ...newOptions } |
|||
// 同步选项到主进程
|
|||
ipcRenderer.send("logger:errorOptions", options) |
|||
}, |
|||
getOptions: () => ({ ...options }), |
|||
installGlobalHandlers, |
|||
} |
|||
} |
|||
|
|||
const errorHandler = createRendererErrorHandler() |
|||
|
|||
// 暴露错误处理器到渲染进程全局
|
|||
contextBridge.exposeInMainWorld("preloadErrorHandler", errorHandler) |
|||
|
|||
// 导出类型定义，方便在渲染进程中使用
|
|||
export type { IRendererErrorHandler, ErrorDetail, ErrorHandlerOptions } |
|||
@ -0,0 +1,153 @@ |
|||
import { contextBridge, ipcRenderer } from "electron" |
|||
import { LogLevel } from "./common" |
|||
|
|||
/** |
|||
* 渲染进程日志接口 |
|||
*/ |
|||
interface IRendererLogger { |
|||
trace(namespace: string, ...messages: any[]): void |
|||
debug(namespace: string, ...messages: any[]): void |
|||
info(namespace: string, ...messages: any[]): void |
|||
warn(namespace: string, ...messages: any[]): void |
|||
error(namespace: string, ...messages: any[]): void |
|||
fatal(namespace: string, ...messages: any[]): void |
|||
setLevel(level: LogLevel): void |
|||
createNamespace(namespace: string): INamespacedLogger |
|||
} |
|||
|
|||
/** |
|||
* 命名空间作用域日志接口 |
|||
*/ |
|||
interface INamespacedLogger { |
|||
trace(...messages: any[]): void |
|||
debug(...messages: any[]): void |
|||
info(...messages: any[]): void |
|||
warn(...messages: any[]): void |
|||
error(...messages: any[]): void |
|||
fatal(...messages: any[]): void |
|||
setLevel(level: LogLevel): void |
|||
} |
|||
|
|||
// 日志级别名称映射
|
|||
const LogLevelName: Record<LogLevel, string> = { |
|||
[LogLevel.TRACE]: "TRACE", |
|||
[LogLevel.DEBUG]: "DEBUG", |
|||
[LogLevel.INFO]: "INFO", |
|||
[LogLevel.WARN]: "WARN", |
|||
[LogLevel.ERROR]: "ERROR", |
|||
[LogLevel.FATAL]: "FATAL", |
|||
[LogLevel.OFF]: "OFF", |
|||
} |
|||
|
|||
// 日志颜色映射（控制台输出用）
|
|||
const LogLevelColor: Record<LogLevel, string> = { |
|||
[LogLevel.TRACE]: "\x1b[90m", // 灰色
|
|||
[LogLevel.DEBUG]: "\x1b[36m", // 青色
|
|||
[LogLevel.INFO]: "\x1b[32m", // 绿色
|
|||
[LogLevel.WARN]: "\x1b[33m", // 黄色
|
|||
[LogLevel.ERROR]: "\x1b[31m", // 红色
|
|||
[LogLevel.FATAL]: "\x1b[35m", // 紫色
|
|||
[LogLevel.OFF]: "", // 无色
|
|||
} |
|||
|
|||
// 重置颜色的ANSI代码
|
|||
const RESET_COLOR = "\x1b[0m" |
|||
|
|||
/** |
|||
* 创建渲染进程日志对象 |
|||
*/ |
|||
const createRendererLogger = (): IRendererLogger => { |
|||
// 当前日志级别
|
|||
let currentLevel: LogLevel = LogLevel.INFO |
|||
|
|||
// 格式化消息
|
|||
const formatMessages = (messages: any[]): string => { |
|||
return messages |
|||
.map(msg => { |
|||
if (typeof msg === "object") { |
|||
try { |
|||
return JSON.stringify(msg) |
|||
} catch (e) { |
|||
return String(msg) |
|||
} |
|||
} |
|||
return String(msg) |
|||
}) |
|||
.join(" ") |
|||
} |
|||
|
|||
// 本地打印日志
|
|||
const printLog = (level: LogLevel, namespace: string, ...messages: any[]): void => { |
|||
// 检查日志级别
|
|||
if (level < currentLevel || level === LogLevel.OFF) return |
|||
|
|||
const timestamp = new Date().toISOString() |
|||
const levelName = LogLevelName[level] |
|||
const prefix = `[${timestamp}] [${namespace}] [${levelName}]` |
|||
const message = formatMessages(messages) |
|||
|
|||
// 输出到控制台
|
|||
const color = LogLevelColor[level] |
|||
console.log(`${color}${prefix} ${message}${RESET_COLOR}`) |
|||
} |
|||
|
|||
// 通过IPC发送日志到主进程
|
|||
const sendLog = (level: LogLevel, namespace: string, ...messages: any[]) => { |
|||
// 本地打印
|
|||
printLog(level, namespace, ...messages) |
|||
|
|||
// 发送到主进程
|
|||
ipcRenderer.send("logger:log", level, namespace, ...messages) |
|||
} |
|||
|
|||
return { |
|||
trace(namespace: string, ...messages: any[]): void { |
|||
sendLog(LogLevel.TRACE, namespace, ...messages) |
|||
}, |
|||
debug(namespace: string, ...messages: any[]): void { |
|||
sendLog(LogLevel.DEBUG, namespace, ...messages) |
|||
}, |
|||
info(namespace: string, ...messages: any[]): void { |
|||
sendLog(LogLevel.INFO, namespace, ...messages) |
|||
}, |
|||
warn(namespace: string, ...messages: any[]): void { |
|||
sendLog(LogLevel.WARN, namespace, ...messages) |
|||
}, |
|||
error(namespace: string, ...messages: any[]): void { |
|||
sendLog(LogLevel.ERROR, namespace, ...messages) |
|||
}, |
|||
fatal(namespace: string, ...messages: any[]): void { |
|||
sendLog(LogLevel.FATAL, namespace, ...messages) |
|||
}, |
|||
setLevel(level: LogLevel): void { |
|||
// 更新本地日志级别
|
|||
currentLevel = level |
|||
// 设置日志级别（可选，如果需要在渲染进程中动态调整日志级别）
|
|||
ipcRenderer.send("logger:setLevel", level) |
|||
}, |
|||
createNamespace(namespace: string): INamespacedLogger { |
|||
return { |
|||
trace: (...messages: any[]) => sendLog(LogLevel.TRACE, namespace, ...messages), |
|||
debug: (...messages: any[]) => sendLog(LogLevel.DEBUG, namespace, ...messages), |
|||
info: (...messages: any[]) => sendLog(LogLevel.INFO, namespace, ...messages), |
|||
warn: (...messages: any[]) => sendLog(LogLevel.WARN, namespace, ...messages), |
|||
error: (...messages: any[]) => sendLog(LogLevel.ERROR, namespace, ...messages), |
|||
fatal: (...messages: any[]) => sendLog(LogLevel.FATAL, namespace, ...messages), |
|||
setLevel: (level: LogLevel) => { |
|||
currentLevel = level |
|||
ipcRenderer.send("logger:setLevel", level) |
|||
}, |
|||
} |
|||
}, |
|||
} |
|||
} |
|||
|
|||
const logger = createRendererLogger() |
|||
|
|||
// 暴露logger对象到渲染进程全局
|
|||
contextBridge.exposeInMainWorld("logger", logger) |
|||
|
|||
export { logger } |
|||
export default logger |
|||
// 导出类型定义，方便在渲染进程中使用
|
|||
export type { IRendererLogger } |
|||
@ -0,0 +1,243 @@ |
|||
import { LogLevel } from "./common" |
|||
|
|||
/** |
|||
* 错误详情接口 |
|||
*/ |
|||
interface ErrorDetail { |
|||
message: string |
|||
stack?: string |
|||
componentInfo?: string |
|||
additionalInfo?: Record<string, any> |
|||
timestamp: string |
|||
type: string |
|||
} |
|||
|
|||
/** |
|||
* 错误处理配置 |
|||
*/ |
|||
interface ErrorHandlerOptions { |
|||
namespace?: string |
|||
level?: LogLevel |
|||
includeStack?: boolean |
|||
includeComponentInfo?: boolean |
|||
} |
|||
|
|||
/** |
|||
* 渲染进程错误处理接口 |
|||
*/ |
|||
export interface IRendererErrorHandler { |
|||
/** |
|||
* 捕获错误 |
|||
*/ |
|||
captureError(error: any, componentInfo?: string, additionalInfo?: Record<string, any>): void |
|||
|
|||
/** |
|||
* 设置错误处理选项 |
|||
*/ |
|||
setOptions(options: Partial<ErrorHandlerOptions>): void |
|||
|
|||
/** |
|||
* 获取当前选项 |
|||
*/ |
|||
getOptions(): ErrorHandlerOptions |
|||
|
|||
/** |
|||
* 安装全局错误处理器 |
|||
*/ |
|||
installGlobalHandlers(): void |
|||
} |
|||
|
|||
/** |
|||
* 默认错误处理配置 |
|||
*/ |
|||
const DEFAULT_OPTIONS: ErrorHandlerOptions = { |
|||
namespace: "error", |
|||
level: LogLevel.ERROR, |
|||
includeStack: true, |
|||
includeComponentInfo: true, |
|||
} |
|||
|
|||
/** |
|||
* 格式化错误信息 |
|||
*/ |
|||
const formatError = (error: any, options: ErrorHandlerOptions): ErrorDetail => { |
|||
// 基本错误信息
|
|||
const errorDetail: ErrorDetail = { |
|||
message: "", |
|||
timestamp: new Date().toISOString(), |
|||
type: "Unknown", |
|||
} |
|||
console.log(error) |
|||
|
|||
// 处理不同类型的错误
|
|||
if (error instanceof Error) { |
|||
errorDetail.message = error.message |
|||
errorDetail.type = error.name || error.constructor.name |
|||
if (options.includeStack) { |
|||
errorDetail.stack = error.stack |
|||
} |
|||
} else if (typeof error === "string") { |
|||
errorDetail.message = error |
|||
errorDetail.type = "String" |
|||
} else if (error === null) { |
|||
errorDetail.message = "Null error received" |
|||
errorDetail.type = "Null" |
|||
} else if (error === undefined) { |
|||
errorDetail.message = "Undefined error received" |
|||
errorDetail.type = "Undefined" |
|||
} else if (typeof error === "object") { |
|||
try { |
|||
errorDetail.message = error.message || JSON.stringify(error) |
|||
errorDetail.type = "Object" |
|||
errorDetail.additionalInfo = { ...error } |
|||
} catch (e) { |
|||
errorDetail.message = "Unserializable error object" |
|||
errorDetail.type = "Unserializable" |
|||
} |
|||
} else { |
|||
try { |
|||
errorDetail.message = String(error) |
|||
errorDetail.type = typeof error |
|||
} catch (e) { |
|||
errorDetail.message = "Error converting to string" |
|||
errorDetail.type = "Unknown" |
|||
} |
|||
} |
|||
|
|||
return errorDetail |
|||
} |
|||
|
|||
// @ts-ignore
|
|||
const preloadErrorHandler = window.preloadErrorHandler |
|||
|
|||
/** |
|||
* 创建渲染进程错误处理器 |
|||
*/ |
|||
export const createRendererErrorHandler = (): IRendererErrorHandler => { |
|||
// 当前错误处理选项
|
|||
let options: ErrorHandlerOptions = { ...DEFAULT_OPTIONS } |
|||
|
|||
/** |
|||
* 处理错误并序列化 |
|||
*/ |
|||
const processError = (error: any, componentInfo?: string, additionalInfo?: Record<string, any>): ErrorDetail => { |
|||
const errorDetail = formatError(error, options) |
|||
|
|||
// 添加组件信息
|
|||
if (options.includeComponentInfo && componentInfo) { |
|||
errorDetail.componentInfo = componentInfo |
|||
} |
|||
|
|||
// 添加额外信息
|
|||
if (additionalInfo) { |
|||
errorDetail.additionalInfo = { |
|||
...errorDetail.additionalInfo, |
|||
...additionalInfo, |
|||
} |
|||
} |
|||
|
|||
return errorDetail |
|||
} |
|||
|
|||
/** |
|||
* 发送错误到preload层 |
|||
*/ |
|||
const sendError = (error: any, componentInfo?: string, additionalInfo?: Record<string, any>) => { |
|||
// 处理并序列化错误
|
|||
const errorDetail = processError(error, componentInfo, additionalInfo) |
|||
|
|||
// 调用window.errorHandler.captureError发送错误
|
|||
// 这里假设preload层已经暴露了errorHandler对象
|
|||
if (preloadErrorHandler && typeof preloadErrorHandler.captureError === "function") { |
|||
preloadErrorHandler.captureError(errorDetail) |
|||
} else { |
|||
// 如果errorHandler不可用，则降级到控制台输出
|
|||
console.error("[ErrorHandler]", errorDetail) |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 安装全局错误处理器 |
|||
*/ |
|||
const installGlobalHandlers = () => { |
|||
// 捕获未处理的异常
|
|||
window.addEventListener("error", event => { |
|||
event.preventDefault() |
|||
sendError(event.error || event.message, "window.onerror", { |
|||
filename: event.filename, |
|||
lineno: event.lineno, |
|||
colno: event.colno, |
|||
}) |
|||
return true |
|||
}) |
|||
|
|||
// 捕获未处理的Promise拒绝
|
|||
window.addEventListener("unhandledrejection", event => { |
|||
event.preventDefault() |
|||
sendError(event.reason, "unhandledrejection", { |
|||
promise: "[Promise]", // 不能直接序列化Promise对象
|
|||
}) |
|||
return true |
|||
}) |
|||
|
|||
// 捕获资源加载错误
|
|||
document.addEventListener( |
|||
"error", |
|||
event => { |
|||
// 只处理资源加载错误
|
|||
if (event.target && (event.target as HTMLElement).tagName) { |
|||
const target = event.target as HTMLElement |
|||
sendError(`Resource load failed: ${(target as any).src || (target as any).href}`, "resource.error", { |
|||
tagName: target.tagName, |
|||
src: (target as any).src, |
|||
href: (target as any).href, |
|||
}) |
|||
} |
|||
}, |
|||
true, |
|||
) // 使用捕获阶段
|
|||
|
|||
console.info("[ErrorHandler] Global error handlers installed") |
|||
} |
|||
|
|||
return { |
|||
captureError: sendError, |
|||
setOptions: (newOptions: Partial<ErrorHandlerOptions>) => { |
|||
options = { ...options, ...newOptions } |
|||
// 同步选项到preload层
|
|||
if (preloadErrorHandler && typeof preloadErrorHandler.setOptions === "function") { |
|||
preloadErrorHandler.setOptions(options) |
|||
} |
|||
}, |
|||
getOptions: () => ({ ...options }), |
|||
installGlobalHandlers, |
|||
} |
|||
} |
|||
|
|||
// 导出类型定义，方便在渲染进程中使用
|
|||
export type { ErrorDetail, ErrorHandlerOptions } |
|||
|
|||
// 创建渲染进程错误处理器
|
|||
const errorHandler = createRendererErrorHandler() |
|||
|
|||
// 安装全局错误处理器
|
|||
errorHandler.installGlobalHandlers() |
|||
|
|||
window.errorHandler = errorHandler |
|||
|
|||
/** |
|||
* 使用示例： |
|||
* |
|||
* // 捕获特定错误
|
|||
* try { |
|||
* // 可能出错的代码
|
|||
* } catch (error) { |
|||
* errorHandler.captureError(error, 'ComponentName', { additionalInfo: 'value' }) |
|||
* } |
|||
* |
|||
* // 设置错误处理选项
|
|||
* errorHandler.setOptions({ |
|||
* namespace: 'custom-error', |
|||
* includeComponentInfo: true |
|||
* }) |
|||
*/ |
|||
@ -0,0 +1,231 @@ |
|||
import fs from "fs-extra" |
|||
import { app } from "electron" |
|||
import path from "path" |
|||
import { cloneDeep } from "lodash" |
|||
import Config from "config" |
|||
import type { IDefaultConfig } from "config" |
|||
import _logger from "logger/main" |
|||
|
|||
const logger = _logger.createNamespace("setting") |
|||
|
|||
type IConfig = IDefaultConfig |
|||
|
|||
type IOnFunc = (n: IConfig, c: IConfig, keys?: (keyof IConfig)[]) => void |
|||
type IT = (keyof IConfig)[] | keyof IConfig | "_" |
|||
|
|||
let storagePath = path.join(app.getPath("documents"), Config.app_title) |
|||
const storagePathDev = path.join(app.getPath("documents"), Config.app_title + "-dev") |
|||
|
|||
if (process.env.NODE_ENV === "development") { |
|||
storagePath = storagePathDev |
|||
} |
|||
|
|||
const _tempConfig = cloneDeep(Config.default_config as IConfig) |
|||
Object.keys(_tempConfig).forEach(key => { |
|||
if (typeof _tempConfig[key] === "string" && _tempConfig[key].includes("$storagePath$")) { |
|||
_tempConfig[key] = _tempConfig[key].replace(/\$storagePath\$/g, storagePath) |
|||
if (_tempConfig[key] && path.isAbsolute(_tempConfig[key])) { |
|||
_tempConfig[key] = path.normalize(_tempConfig[key]) |
|||
} |
|||
} |
|||
}) |
|||
|
|||
function isPath(str) { |
|||
// 使用正则表达式检查字符串是否以斜杠或盘符开头
|
|||
return /^(?:\/|[a-zA-Z]:\\)/.test(str) |
|||
} |
|||
|
|||
function init(config: IConfig) { |
|||
// 在配置初始化后执行
|
|||
Object.keys(config).forEach(key => { |
|||
if (config[key] && isPath(config[key]) && path.isAbsolute(config[key])) { |
|||
fs.ensureDirSync(config[key]) |
|||
} |
|||
}) |
|||
// 在配置初始化后执行
|
|||
// fs.ensureDirSync(config["snippet.storagePath"])
|
|||
// fs.ensureDirSync(config["bookmark.storagePath"])
|
|||
} |
|||
|
|||
// 判断是否是空文件夹
|
|||
function isEmptyDir(fPath: string) { |
|||
const pa = fs.readdirSync(fPath) |
|||
if (pa.length === 0) { |
|||
return true |
|||
} else { |
|||
return false |
|||
} |
|||
} |
|||
|
|||
class SettingClass { |
|||
constructor() { |
|||
logger.debug(`Setting inited`) |
|||
this.init() |
|||
} |
|||
|
|||
#cb: [IT, IOnFunc][] = [] |
|||
|
|||
onChange(fn: IOnFunc, that?: any) |
|||
onChange(key: IT, fn: IOnFunc, that?: any) |
|||
onChange(fnOrType: IT | IOnFunc, fnOrThat: IOnFunc | any = null, that: any = null) { |
|||
if (typeof fnOrType === "function") { |
|||
this.#cb.push(["_", fnOrType.bind(fnOrThat)]) |
|||
} else { |
|||
this.#cb.push([fnOrType, fnOrThat.bind(that)]) |
|||
} |
|||
} |
|||
|
|||
#runCB(n: IConfig, c: IConfig, keys: (keyof IConfig)[]) { |
|||
for (let i = 0; i < this.#cb.length; i++) { |
|||
const temp = this.#cb[i] |
|||
const k = temp[0] |
|||
const fn = temp[1] |
|||
if (k === "_") { |
|||
fn(n, c, keys) |
|||
} |
|||
if (typeof k === "string" && keys.includes(k as keyof IConfig)) { |
|||
fn(n, c) |
|||
} |
|||
if (Array.isArray(k) && k.filter(v => keys.indexOf(v) !== -1).length) { |
|||
fn(n, c) |
|||
} |
|||
} |
|||
} |
|||
|
|||
#pathFile: string = |
|||
process.env.NODE_ENV === "development" |
|||
? path.resolve(app.getPath("userData"), "./config_path-dev") |
|||
: path.resolve(app.getPath("userData"), "./config_path") |
|||
#config: IConfig = cloneDeep(_tempConfig) |
|||
#configPath(storagePath?: string): string { |
|||
return path.join(storagePath || this.#config.storagePath, "./config.json") |
|||
} |
|||
/** |
|||
* 读取配置文件变量同步 |
|||
* @param confingPath 配置文件路径 |
|||
*/ |
|||
#syncVar(confingPath?: string) { |
|||
const configFile = this.#configPath(confingPath) |
|||
if (!fs.pathExistsSync(configFile)) { |
|||
fs.ensureFileSync(configFile) |
|||
fs.writeJSONSync(configFile, {}) |
|||
} |
|||
const config = fs.readJSONSync(configFile) as IConfig |
|||
confingPath && (config.storagePath = confingPath) |
|||
// 优先取本地的值
|
|||
for (const key in config) { |
|||
// if (Object.prototype.hasOwnProperty.call(this.#config, key)) {
|
|||
// this.#config[key] = config[key] || this.#config[key]
|
|||
// }
|
|||
// 删除配置时本地的配置不会改变，想一下哪种方式更好
|
|||
this.#config[key] = config[key] ?? this.#config[key] |
|||
} |
|||
} |
|||
init() { |
|||
logger.debug(`位置：${this.#pathFile}`) |
|||
|
|||
if (fs.pathExistsSync(this.#pathFile)) { |
|||
const confingPath = fs.readFileSync(this.#pathFile, { encoding: "utf8" }) |
|||
if (confingPath && fs.pathExistsSync(this.#configPath(confingPath))) { |
|||
this.#syncVar(confingPath) |
|||
// 防止增加了配置本地却没变的情况
|
|||
this.#sync(confingPath) |
|||
} else { |
|||
this.#syncVar(confingPath) |
|||
this.#sync(confingPath) |
|||
} |
|||
} else { |
|||
this.#syncVar() |
|||
this.#sync() |
|||
} |
|||
init.call(this, this.#config) |
|||
} |
|||
config() { |
|||
return this.#config |
|||
} |
|||
#sync(c?: string) { |
|||
const config = cloneDeep(this.#config) |
|||
delete config.storagePath |
|||
const p = this.#configPath(c) |
|||
fs.ensureFileSync(p) |
|||
fs.writeJSONSync(this.#configPath(c), config) |
|||
} |
|||
#change(p: string) { |
|||
const storagePath = this.#config.storagePath |
|||
if (fs.existsSync(storagePath) && !fs.existsSync(p)) { |
|||
fs.moveSync(storagePath, p) |
|||
} |
|||
if (fs.existsSync(p) && fs.existsSync(storagePath) && isEmptyDir(p)) { |
|||
fs.moveSync(storagePath, p, { overwrite: true }) |
|||
} |
|||
fs.writeFileSync(this.#pathFile, p, { encoding: "utf8" }) |
|||
} |
|||
reset(key: keyof IConfig) { |
|||
this.set(key, cloneDeep(_tempConfig[key])) |
|||
} |
|||
set(key: keyof IConfig | Partial<IConfig>, value?: any) { |
|||
const oldMainConfig = Object.assign({}, this.#config) |
|||
let isChange = false |
|||
const changeKeys: (keyof IConfig)[] = [] |
|||
const canChangeStorage = (targetPath: string) => { |
|||
if (fs.existsSync(oldMainConfig.storagePath) && fs.existsSync(targetPath) && !isEmptyDir(targetPath)) { |
|||
if (fs.existsSync(path.join(targetPath, "./config.json"))) { |
|||
return true |
|||
} |
|||
return false |
|||
} |
|||
return true |
|||
} |
|||
if (typeof key === "string") { |
|||
if (value != undefined && value !== this.#config[key]) { |
|||
if (key === "storagePath") { |
|||
if (!canChangeStorage(value)) { |
|||
throw "无法改变存储地址" |
|||
return |
|||
} |
|||
this.#change(value) |
|||
changeKeys.push("storagePath") |
|||
this.#config["storagePath"] = value |
|||
} else { |
|||
changeKeys.push(key) |
|||
this.#config[key as string] = value |
|||
} |
|||
isChange = true |
|||
} |
|||
} else { |
|||
if (key["storagePath"] !== undefined && key["storagePath"] !== this.#config["storagePath"]) { |
|||
if (!canChangeStorage(key["storagePath"])) { |
|||
throw "无法改变存储地址" |
|||
return |
|||
} |
|||
this.#change(key["storagePath"]) |
|||
this.#config["storagePath"] = key["storagePath"] |
|||
changeKeys.push("storagePath") |
|||
isChange = true |
|||
} |
|||
for (const _ in key) { |
|||
if (Object.prototype.hasOwnProperty.call(key, _)) { |
|||
const v = key[_] |
|||
if (v != undefined && _ !== "storagePath" && v !== this.#config[_]) { |
|||
this.#config[_] = v |
|||
changeKeys.push(_ as keyof IConfig) |
|||
isChange = true |
|||
} |
|||
} |
|||
} |
|||
} |
|||
if (isChange) { |
|||
this.#sync() |
|||
this.#runCB(this.#config, oldMainConfig, changeKeys) |
|||
} |
|||
} |
|||
values<T extends keyof IConfig>(key: T): IConfig[T] { |
|||
return this.#config[key] |
|||
} |
|||
} |
|||
|
|||
const Setting = new SettingClass() |
|||
|
|||
export default Setting |
|||
export { Setting } |
|||
export type { IConfig, IOnFunc } |
|||
@ -0,0 +1,6 @@ |
|||
import { buildEmitter } from "base/event/main" |
|||
import type { IOnFunc } from "setting/main" |
|||
|
|||
export const emitter = buildEmitter<{ |
|||
update: IOnFunc |
|||
}>() |
|||
@ -0,0 +1,7 @@ |
|||
{ |
|||
"name": "setting", |
|||
"version": "1.0.0", |
|||
"keywords": [], |
|||
"author": "", |
|||
"license": "ISC" |
|||
} |
|||
File diff suppressed because it is too large
@ -1,11 +1,12 @@ |
|||
<!DOCTYPE html> |
|||
<!doctype html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<meta charset="UTF-8" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<title>Document</title> |
|||
</head> |
|||
<body> |
|||
前往 <a href="https://baidu.com" target="_blank">百度</a> |
|||
前往 |
|||
<a href="https://baidu.com" target="_blank">百度</a> |
|||
</body> |
|||
</html> |
|||
|
|||
@ -0,0 +1,34 @@ |
|||
import { Container, ContainerModule } from "inversify" |
|||
|
|||
/** |
|||
* 自动加载所有命令模块 |
|||
*/ |
|||
const commandModules = import.meta.glob("./event/**/main/command.{ts,js}", { eager: true }) |
|||
|
|||
const modules = new ContainerModule(bind => { |
|||
// 自动绑定所有命令类
|
|||
Object.values(commandModules).forEach(module => { |
|||
// 由于 module 类型为 unknown，先进行类型断言为包含 default 属性的对象
|
|||
const CommandClass = (module as { default: any }).default |
|||
if (CommandClass) { |
|||
const className = CommandClass.name.replace("Command", "") |
|||
if (CommandClass["init"]) { |
|||
CommandClass["init"]() |
|||
} |
|||
bind(className + "Command") |
|||
.to(CommandClass) |
|||
.inSingletonScope() |
|||
} |
|||
}) |
|||
}) |
|||
|
|||
/** |
|||
* 销毁所有命令绑定 |
|||
* @param ioc - Inversify 容器实例 |
|||
*/ |
|||
async function destroyAllCommand(ioc: Container) { |
|||
await ioc.unloadAsync(modules) |
|||
} |
|||
|
|||
export { modules, destroyAllCommand } |
|||
export default modules |
|||
@ -0,0 +1,5 @@ |
|||
import { PlatForm } from "." |
|||
|
|||
export function usePlatForm() { |
|||
return PlatForm.getInstance<PlatForm>() |
|||
} |
|||
@ -0,0 +1,58 @@ |
|||
import { ApiFactory } from "common/lib/abstract" |
|||
import { BaseSingleton } from "base" |
|||
import { LogLevel } from "packages/logger/common" |
|||
|
|||
class PlatForm extends BaseSingleton { |
|||
constructor() { |
|||
super() |
|||
} |
|||
|
|||
private get api() { |
|||
return ApiFactory.getApiClient() |
|||
} |
|||
|
|||
async logSetLevel(level: LogLevel) { |
|||
return this.api.call("PlatFormCommand.logSetLevel", level) |
|||
} |
|||
|
|||
async logGetLevel() { |
|||
return this.api.call("PlatFormCommand.logGetLevel") |
|||
} |
|||
|
|||
async showAbout() { |
|||
// return this.api.call("BasicService.showAbout")
|
|||
return this.api.call("PlatFormCommand.showAbout") |
|||
} |
|||
|
|||
async showSrd() { |
|||
// return this.api.call("BasicService.showAbout")
|
|||
return this.api.call("PlatFormCommand.showSrd") |
|||
} |
|||
|
|||
async getSrdCookie() { |
|||
// return this.api.call("BasicService.showAbout")
|
|||
return this.api.call("PlatFormCommand.getSrdCookie") |
|||
} |
|||
|
|||
async crash() { |
|||
return this.api.call("PlatFormCommand.crash") |
|||
} |
|||
|
|||
async isFullScreen() { |
|||
return this.api.call("PlatFormCommand.isFullscreen") |
|||
} |
|||
|
|||
async toggleFullScreen() { |
|||
return this.api.call("PlatFormCommand.fullscreen") |
|||
} |
|||
|
|||
async reload() { |
|||
return this.api.call("PlatFormCommand.reload") |
|||
} |
|||
|
|||
async toggleDevTools() { |
|||
return this.api.call("PlatFormCommand.toggleDevTools") |
|||
} |
|||
} |
|||
|
|||
export { PlatForm } |
|||
@ -0,0 +1,121 @@ |
|||
import { app, dialog, nativeTheme, TitleBarOverlayOptions } from "electron" |
|||
import { inject } from "inversify" |
|||
import errorHandler from "logger/main-error" |
|||
import Tabs from "main/modules/tabs" |
|||
import WindowManager from "main/modules/window-manager" |
|||
import { getFileUrl } from "main/utils" |
|||
import icon from "@res/icon.png?asset" |
|||
import setting from "setting/main" |
|||
import { LogLevel } from "logger/common" |
|||
|
|||
export default class PlatFormCommand { |
|||
constructor( |
|||
@inject(WindowManager) private _WindowManager: WindowManager, |
|||
@inject(Tabs) private _Tabs: Tabs, |
|||
) {} |
|||
|
|||
setTheme(theme: typeof nativeTheme.themeSource) { |
|||
nativeTheme.themeSource = theme |
|||
} |
|||
|
|||
logSetLevel(level: LogLevel) { |
|||
return setting.set("debug", level) |
|||
} |
|||
|
|||
logGetLevel() { |
|||
return setting.values("debug") |
|||
} |
|||
|
|||
setTitlBar(options: TitleBarOverlayOptions) { |
|||
const mainWindow = this._WindowManager.getMainWindow() |
|||
if (mainWindow) { |
|||
mainWindow.setTitleBarOverlay(options) |
|||
} |
|||
} |
|||
|
|||
showAbout() { |
|||
this._WindowManager.createWindow("about", { |
|||
url: getFileUrl("about.html"), |
|||
overideWindowOpts: true, |
|||
confrimWindowClose: false, |
|||
type: "info", |
|||
windowOpts: { |
|||
width: 600, |
|||
height: 400, |
|||
minimizable: false, |
|||
darkTheme: true, |
|||
modal: true, |
|||
title: "关于我", |
|||
show: true, |
|||
resizable: false, |
|||
icon: icon, |
|||
webPreferences: { |
|||
devTools: false, |
|||
sandbox: false, |
|||
nodeIntegration: false, |
|||
contextIsolation: true, |
|||
}, |
|||
}, |
|||
}) |
|||
} |
|||
|
|||
toggleDevTools() { |
|||
const focusedWindow = this._WindowManager.getFocusWindow() |
|||
if (focusedWindow) { |
|||
// @ts-ignore ...
|
|||
focusedWindow.toggleDevTools() |
|||
} |
|||
} |
|||
fullscreen() { |
|||
const focusedWindow = this._WindowManager.getFocusWindow() |
|||
if (focusedWindow) { |
|||
const isFullScreen = focusedWindow!.isFullScreen() |
|||
focusedWindow!.setFullScreen(!isFullScreen) |
|||
} |
|||
} |
|||
|
|||
crash() { |
|||
errorHandler.captureError(new Error("手动触发的崩溃")) |
|||
process.crash() |
|||
} |
|||
|
|||
isFullscreen() { |
|||
const focusedWindow = this._WindowManager.getFocusWindow() |
|||
if (focusedWindow) { |
|||
return focusedWindow!.isFullScreen() |
|||
} |
|||
return false |
|||
} |
|||
|
|||
relunch() { |
|||
app.relaunch() |
|||
app.exit() |
|||
} |
|||
|
|||
reload() { |
|||
const focusedWindow = this._WindowManager.getFocusWindow() |
|||
// 重载之后, 刷新并关闭所有的次要窗体
|
|||
if (this._WindowManager.length() > 1 && focusedWindow && focusedWindow.$$opts!.name === this._WindowManager.mainInfo.name) { |
|||
const choice = dialog.showMessageBoxSync(focusedWindow, { |
|||
type: "question", |
|||
buttons: ["取消", "是的，继续", "不，算了"], |
|||
title: "警告", |
|||
defaultId: 2, |
|||
cancelId: 0, |
|||
message: "警告", |
|||
detail: "重载主窗口将关闭所有子窗口，是否继续", |
|||
}) |
|||
if (choice == 1) { |
|||
this._WindowManager.getWndows().forEach(win => { |
|||
if (win.$$opts!.name !== this._WindowManager.mainInfo.name) { |
|||
win.close() |
|||
} |
|||
}) |
|||
} else { |
|||
return |
|||
} |
|||
} |
|||
this._Tabs.closeAll() |
|||
focusedWindow!.reload() |
|||
} |
|||
} |
|||
@ -0,0 +1,5 @@ |
|||
import { Snippet } from "." |
|||
|
|||
export function useSnippet() { |
|||
return Snippet.getInstance() |
|||
} |
|||
@ -0,0 +1,18 @@ |
|||
import { BaseSingleton } from "base" |
|||
import { ApiFactory } from "common/lib/abstract" |
|||
|
|||
class Snippet extends BaseSingleton { |
|||
constructor() { |
|||
super() |
|||
} |
|||
|
|||
private get api() { |
|||
return ApiFactory.getApiClient() |
|||
} |
|||
|
|||
getTree = async () => { |
|||
return this.api.call("SnippetCommand.getTree") |
|||
} |
|||
} |
|||
|
|||
export { Snippet } |
|||
@ -0,0 +1,44 @@ |
|||
import fs from "fs-extra" |
|||
import path from "path/posix" |
|||
import Setting from "setting/main" |
|||
|
|||
// 代码片段命令处理器
|
|||
// base/__snippet__.json 基础信息
|
|||
// 路径做为ID, 当前文件夹的信息
|
|||
|
|||
export default class SnippetCommand { |
|||
storagePath: string = Setting.values("snippet.storagePath") |
|||
|
|||
constructor() { |
|||
const handler = { |
|||
get: function (target, prop, receiver) { |
|||
if (!target["check"]()) { |
|||
throw new Error(`代码片段路径存在问题`) |
|||
} |
|||
const value = target[prop] |
|||
if (typeof value === "function") { |
|||
return (...args) => Reflect.apply(value, receiver, args) |
|||
} |
|||
return value |
|||
}, |
|||
} |
|||
return new Proxy(this, handler) |
|||
} |
|||
|
|||
async check() { |
|||
const stat = await fs.statSync(this.storagePath) |
|||
const inforFile = path.resolve(this.storagePath, "__snippet__.json") |
|||
if (stat.isDirectory() && stat.size == 0) { |
|||
await fs.writeJSON(inforFile, {}) |
|||
// 空文件夹, 初始化信息
|
|||
return true |
|||
} else { |
|||
const isExist = await fs.pathExists(inforFile) |
|||
return isExist |
|||
} |
|||
} |
|||
|
|||
getTree() { |
|||
return this.storagePath |
|||
} |
|||
} |
|||
@ -0,0 +1,54 @@ |
|||
import { BaseSingleton } from "base" |
|||
|
|||
export class Tabs extends BaseSingleton { |
|||
constructor() { |
|||
super() |
|||
} |
|||
|
|||
private isListen: boolean = false |
|||
|
|||
private execUpdate = (...args) => { |
|||
this.#fnList.forEach(v => v(...args)) |
|||
} |
|||
|
|||
#fnList: ((...args) => void)[] = [] |
|||
listenUpdate(cb: (...args) => void) { |
|||
if (!this.isListen) { |
|||
api.on("main:TabsCommand.update", this.execUpdate) |
|||
this.isListen = true |
|||
} |
|||
this.#fnList.push(cb) |
|||
} |
|||
|
|||
unListenUpdate(fn: (...args) => void) { |
|||
this.#fnList = this.#fnList.filter(v => { |
|||
return v !== fn |
|||
}) |
|||
if (!this.#fnList.length) { |
|||
api.off("main:TabsCommand.update", this.execUpdate) |
|||
this.isListen = false |
|||
} |
|||
} |
|||
|
|||
bindPosition(data) { |
|||
api.call("TabsCommand.bindElement", data) |
|||
} |
|||
|
|||
closeAll() { |
|||
api.call("TabsCommand.closeAll") |
|||
} |
|||
|
|||
sync() { |
|||
api.call("TabsCommand.sync") |
|||
} |
|||
|
|||
unListenerAll() { |
|||
this.#fnList = [] |
|||
api.offAll("main:TabsCommand.update") |
|||
} |
|||
|
|||
async getAllTabs() { |
|||
const res = await api.call("TabsCommand.getAllTabs") |
|||
return res |
|||
} |
|||
} |
|||
@ -0,0 +1,65 @@ |
|||
import { inject } from "inversify" |
|||
import Tabs from "main/modules/tabs" |
|||
import WindowManager from "main/modules/window-manager" |
|||
import { broadcast } from "main/utils" |
|||
|
|||
class TabsCommand { |
|||
constructor( |
|||
@inject(Tabs) private _Tabs: Tabs, |
|||
@inject(WindowManager) private _WindowManager: WindowManager, |
|||
) { |
|||
this._Tabs.events.on("update", this.listenerTabActive) |
|||
} |
|||
|
|||
listenerTabActive = () => { |
|||
broadcast("main:TabsCommand.update", this.getAllTabs()) |
|||
} |
|||
|
|||
bindElement(rect) { |
|||
this._Tabs.updateRect(rect) |
|||
} |
|||
|
|||
reload() { |
|||
this._WindowManager.getMainWindow()?.reload() |
|||
} |
|||
|
|||
sync() { |
|||
this.listenerTabActive() |
|||
if (!this.getAllTabs().length) { |
|||
this.add("about:blank") |
|||
} |
|||
} |
|||
|
|||
add(url) { |
|||
this._Tabs.add(url, true, this._WindowManager.getMainWindow()!) |
|||
} |
|||
|
|||
nagivate(index: number, url: string) { |
|||
this._Tabs.navigate(+index, url) |
|||
} |
|||
|
|||
closeAll() { |
|||
this._Tabs.closeAll() |
|||
} |
|||
|
|||
setActive(index) { |
|||
this._Tabs.changeActive(index) |
|||
} |
|||
|
|||
closeTab(e) { |
|||
this._Tabs.remove(e.body.active) |
|||
} |
|||
|
|||
getAllTabs() { |
|||
return this._Tabs._tabs.map(v => ({ |
|||
url: v.url, |
|||
showUrl: v.showUrl, |
|||
title: v.title, |
|||
favicons: v.favicons, |
|||
isActive: v.isActive, |
|||
})) |
|||
} |
|||
} |
|||
|
|||
export { TabsCommand } |
|||
export default TabsCommand |
|||
@ -0,0 +1,15 @@ |
|||
import { EventEnum } from "helper/updater/common" |
|||
|
|||
const curProgress = ref(0) |
|||
|
|||
api.on(EventEnum.UPDATE_PROGRESS, ({ percent, now, all }) => { |
|||
curProgress.value = percent |
|||
}) |
|||
|
|||
function useUpdate() { |
|||
return { |
|||
curProgress, |
|||
} |
|||
} |
|||
|
|||
export { useUpdate } |
|||
@ -0,0 +1,15 @@ |
|||
import Updater from "helper/updater/main" |
|||
import _logger from "logger/main" |
|||
|
|||
const logger = _logger.createNamespace("UpdaterCommand") |
|||
|
|||
export default class UpdaterCommand { |
|||
static init() { |
|||
// 命令初始化
|
|||
logger.debug("UpdaterCommand init") |
|||
} |
|||
|
|||
async triggerHotUpdate() { |
|||
Updater.triggerHotUpdate() |
|||
} |
|||
} |
|||
@ -0,0 +1,53 @@ |
|||
import { ElectronApiClient } from "common/lib/electron" |
|||
import { BrowserApiClient } from "common/lib/browser" |
|||
|
|||
// 定义抽象 API 接口
|
|||
export interface IApiClient { |
|||
call<T = any>(command: string, ...args: any[]): Promise<T> |
|||
on<K extends string>(channel: K, callback: (...args: any[]) => void): void |
|||
off<K extends string>(channel: K, callback: (...args: any[]) => void): void |
|||
offAll<K extends string>(channel: K): void |
|||
} |
|||
|
|||
class NullApiClient implements IApiClient { |
|||
async call<T = any>(command: string, ...args: any[]): Promise<T> { |
|||
args |
|||
console.warn(`API call to ${command} failed: API client not initialized`) |
|||
return undefined as any |
|||
} |
|||
|
|||
on<K extends string>(channel: K, callback: (...args: any[]) => void): void { |
|||
callback |
|||
console.warn(`Failed to register listener for ${channel}: API client not initialized`) |
|||
} |
|||
|
|||
off<K extends string>(channel: K, callback: (...args: any[]) => void): void { |
|||
callback |
|||
console.warn(`Failed to unregister listener for ${channel}: API client not initialized`) |
|||
} |
|||
|
|||
offAll<K extends string>(channel: K): void { |
|||
console.warn(`Failed to unregister all listeners for ${channel}: API client not initialized`) |
|||
} |
|||
} |
|||
|
|||
// 创建 API 工厂
|
|||
export class ApiFactory { |
|||
private static instance: IApiClient = new NullApiClient() // 默认使用空实现
|
|||
|
|||
static setApiClient(client: IApiClient) { |
|||
this.instance = client |
|||
} |
|||
|
|||
static getApiClient(): IApiClient { |
|||
if (this.instance instanceof NullApiClient) { |
|||
// 根据环境选择合适的 API 客户端
|
|||
if (window.api && window.electron) { |
|||
this.instance = new ElectronApiClient() |
|||
} else { |
|||
this.instance = new BrowserApiClient() |
|||
} |
|||
} |
|||
return this.instance |
|||
} |
|||
} |
|||
@ -0,0 +1,29 @@ |
|||
import { IApiClient } from "./abstract" |
|||
|
|||
export class BrowserApiClient implements IApiClient { |
|||
call<T = any>(command: string, ...args: any[]): Promise<T> { |
|||
// 浏览器特定实现，可能使用 fetch 或其他方式
|
|||
const [service, method] = command.split(".") |
|||
return fetch(`/api/${service}/${method}`, { |
|||
method: "POST", |
|||
body: JSON.stringify(args), |
|||
headers: { "Content-Type": "application/json" }, |
|||
}).then(res => res.json()) |
|||
} |
|||
|
|||
// 实现其他方法...
|
|||
on<K extends string>(channel: K, callback: (...args: any[]) => void): void { |
|||
// 浏览器中可能使用 WebSocket 或其他方式
|
|||
console.log("不支持 on 方法", channel, callback) |
|||
} |
|||
|
|||
off<K extends string>(channel: K, callback: (...args: any[]) => void): void { |
|||
// 相应的解绑实现
|
|||
console.log("不支持 on 方法", channel, callback) |
|||
} |
|||
|
|||
offAll<K extends string>(channel: K): void { |
|||
// 相应的全部解绑实现
|
|||
console.log("不支持 on 方法", channel) |
|||
} |
|||
} |
|||
@ -0,0 +1,20 @@ |
|||
import { IApiClient } from "./abstract" |
|||
|
|||
export class ElectronApiClient implements IApiClient { |
|||
call<T = any>(command: string, ...args: any[]): Promise<T> { |
|||
// Electron 特定实现
|
|||
return window.api.call(command, ...args) |
|||
} |
|||
|
|||
on<K extends string>(channel: K, callback: (...args: any[]) => void): void { |
|||
window.api.on(channel, callback) |
|||
} |
|||
|
|||
off<K extends string>(channel: K, callback: (...args: any[]) => void): void { |
|||
window.api.off(channel, callback) |
|||
} |
|||
|
|||
offAll<K extends string>(channel: K): void { |
|||
window.api.offAll(channel) |
|||
} |
|||
} |
|||
@ -0,0 +1,7 @@ |
|||
## event |
|||
|
|||
通用事件处理模块 |
|||
|
|||
- main/**/* 处理主进程的模块 |
|||
- main/command.ts 会通过ioc收集，进入依赖管理中 |
|||
- 其他 处理渲染进程的模块 |
|||
@ -0,0 +1,130 @@ |
|||
class Node<E> { |
|||
static readonly Undefined = new Node<any>(undefined) |
|||
|
|||
element: E |
|||
next: Node<E> |
|||
prev: Node<E> |
|||
|
|||
constructor(element: E) { |
|||
this.element = element |
|||
this.next = Node.Undefined |
|||
this.prev = Node.Undefined |
|||
} |
|||
} |
|||
|
|||
export class LinkedList<E> { |
|||
private _first: Node<E> = Node.Undefined |
|||
private _last: Node<E> = Node.Undefined |
|||
private _size: number = 0 |
|||
|
|||
get size(): number { |
|||
return this._size |
|||
} |
|||
|
|||
isEmpty(): boolean { |
|||
return this._first === Node.Undefined |
|||
} |
|||
|
|||
clear(): void { |
|||
let node = this._first |
|||
while (node !== Node.Undefined) { |
|||
const next = node.next |
|||
node.prev = Node.Undefined |
|||
node.next = Node.Undefined |
|||
node = next |
|||
} |
|||
|
|||
this._first = Node.Undefined |
|||
this._last = Node.Undefined |
|||
this._size = 0 |
|||
} |
|||
|
|||
unshift(element: E): () => void { |
|||
return this._insert(element, false) |
|||
} |
|||
|
|||
push(element: E): () => void { |
|||
return this._insert(element, true) |
|||
} |
|||
|
|||
private _insert(element: E, atTheEnd: boolean): () => void { |
|||
const newNode = new Node(element) |
|||
if (this._first === Node.Undefined) { |
|||
this._first = newNode |
|||
this._last = newNode |
|||
} else if (atTheEnd) { |
|||
// push
|
|||
const oldLast = this._last |
|||
this._last = newNode |
|||
newNode.prev = oldLast |
|||
oldLast.next = newNode |
|||
} else { |
|||
// unshift
|
|||
const oldFirst = this._first |
|||
this._first = newNode |
|||
newNode.next = oldFirst |
|||
oldFirst.prev = newNode |
|||
} |
|||
this._size += 1 |
|||
|
|||
let didRemove = false |
|||
return () => { |
|||
if (!didRemove) { |
|||
didRemove = true |
|||
this._remove(newNode) |
|||
} |
|||
} |
|||
} |
|||
|
|||
shift(): E | undefined { |
|||
if (this._first === Node.Undefined) { |
|||
return undefined |
|||
} else { |
|||
const res = this._first.element |
|||
this._remove(this._first) |
|||
return res |
|||
} |
|||
} |
|||
|
|||
pop(): E | undefined { |
|||
if (this._last === Node.Undefined) { |
|||
return undefined |
|||
} else { |
|||
const res = this._last.element |
|||
this._remove(this._last) |
|||
return res |
|||
} |
|||
} |
|||
|
|||
private _remove(node: Node<E>): void { |
|||
if (node.prev !== Node.Undefined && node.next !== Node.Undefined) { |
|||
// middle
|
|||
const anchor = node.prev |
|||
anchor.next = node.next |
|||
node.next.prev = anchor |
|||
} else if (node.prev === Node.Undefined && node.next === Node.Undefined) { |
|||
// only node
|
|||
this._first = Node.Undefined |
|||
this._last = Node.Undefined |
|||
} else if (node.next === Node.Undefined) { |
|||
// last
|
|||
this._last = this._last.prev! |
|||
this._last.next = Node.Undefined |
|||
} else if (node.prev === Node.Undefined) { |
|||
// first
|
|||
this._first = this._first.next! |
|||
this._first.prev = Node.Undefined |
|||
} |
|||
|
|||
// done
|
|||
this._size -= 1 |
|||
} |
|||
|
|||
*[Symbol.iterator](): Iterator<E> { |
|||
let node = this._first |
|||
while (node !== Node.Undefined) { |
|||
yield node.element |
|||
node = node.next |
|||
} |
|||
} |
|||
} |
|||
@ -1,63 +0,0 @@ |
|||
import { app, dialog } from "electron" |
|||
import { inject } from "inversify" |
|||
import Tabs from "main/modules/tabs" |
|||
import WindowManager from "main/modules/window-manager" |
|||
|
|||
export default class BasicCommand { |
|||
constructor( |
|||
@inject(WindowManager) private _WindowManager: WindowManager, |
|||
@inject(Tabs) private _Tabs: Tabs, |
|||
) { |
|||
//
|
|||
} |
|||
|
|||
toggleDevTools() { |
|||
const focusedWindow = this._WindowManager.getFocusWindow() |
|||
if (focusedWindow) { |
|||
// @ts-ignore ...
|
|||
focusedWindow.toggleDevTools() |
|||
} |
|||
} |
|||
fullscreen() { |
|||
const focusedWindow = this._WindowManager.getFocusWindow() |
|||
const isFullScreen = focusedWindow!.isFullScreen() |
|||
focusedWindow!.setFullScreen(!isFullScreen) |
|||
return !isFullScreen |
|||
} |
|||
isFullscreen() { |
|||
const focusedWindow = this._WindowManager.getFocusWindow() |
|||
return focusedWindow!.isFullScreen() |
|||
} |
|||
|
|||
relunch() { |
|||
app.relaunch() |
|||
app.exit() |
|||
} |
|||
|
|||
reload() { |
|||
const focusedWindow = this._WindowManager.getFocusWindow() |
|||
// 重载之后, 刷新并关闭所有的次要窗体
|
|||
if (this._WindowManager.length() > 1 && focusedWindow && focusedWindow.$$opts!.name === this._WindowManager.mainInfo.name) { |
|||
const choice = dialog.showMessageBoxSync(focusedWindow, { |
|||
type: "question", |
|||
buttons: ["取消", "是的，继续", "不，算了"], |
|||
title: "警告", |
|||
defaultId: 2, |
|||
cancelId: 0, |
|||
message: "警告", |
|||
detail: "重载主窗口将关闭所有子窗口，是否继续", |
|||
}) |
|||
if (choice == 1) { |
|||
this._WindowManager.getWndows().forEach(win => { |
|||
if (win.$$opts!.name !== this._WindowManager.mainInfo.name) { |
|||
win.close() |
|||
} |
|||
}) |
|||
} else { |
|||
return |
|||
} |
|||
} |
|||
this._Tabs.closeAll() |
|||
focusedWindow!.reload() |
|||
} |
|||
} |
|||
@ -1,66 +0,0 @@ |
|||
import { inject } from "inversify" |
|||
import Tabs from "main/modules/tabs" |
|||
import WindowManager from "main/modules/window-manager" |
|||
import { broadcast } from "main/utils" |
|||
|
|||
class TabsCommand { |
|||
constructor( |
|||
@inject(Tabs) private _Tabs: Tabs, |
|||
@inject(WindowManager) private _WindowManager: WindowManager, |
|||
) { |
|||
this.listenerTabActive = this.listenerTabActive.bind(this) |
|||
this._Tabs.events.on("update", this.listenerTabActive) |
|||
} |
|||
|
|||
listenerTabActive() { |
|||
broadcast("main:TabsCommand.update", this.getAllTabs()) |
|||
} |
|||
|
|||
bindElement(rect) { |
|||
this._Tabs.updateRect(rect) |
|||
} |
|||
|
|||
reload() { |
|||
this._WindowManager.getMainWindow()?.reload() |
|||
} |
|||
|
|||
sync() { |
|||
this.listenerTabActive() |
|||
if (!this.getAllTabs().length) { |
|||
this.add("about:blank") |
|||
} |
|||
} |
|||
|
|||
add(url) { |
|||
this._Tabs.add(url, true, this._WindowManager.getMainWindow()!) |
|||
} |
|||
|
|||
nagivate(index: number, url: string) { |
|||
this._Tabs.navigate(+index, url) |
|||
} |
|||
|
|||
closeAll() { |
|||
this._Tabs.closeAll() |
|||
} |
|||
|
|||
setActive(index) { |
|||
this._Tabs.changeActive(index) |
|||
} |
|||
|
|||
closeTab(e) { |
|||
this._Tabs.remove(e.body.active) |
|||
} |
|||
|
|||
getAllTabs() { |
|||
return this._Tabs._tabs.map(v => ({ |
|||
url: v.url, |
|||
showUrl: v.showUrl, |
|||
title: v.title, |
|||
favicons: v.favicons, |
|||
isActive: v.isActive, |
|||
})) |
|||
} |
|||
} |
|||
|
|||
export { TabsCommand } |
|||
export default TabsCommand |
|||
@ -1,15 +0,0 @@ |
|||
import { Container, ContainerModule } from "inversify" |
|||
import BasicCommand from "./BasicCommand" |
|||
import TabsCommand from "./TabsCommand" |
|||
|
|||
const modules = new ContainerModule(bind => { |
|||
bind("BasicCommand").to(BasicCommand).inSingletonScope() |
|||
bind("TabsCommand").to(TabsCommand).inSingletonScope() |
|||
}) |
|||
|
|||
async function destroyAllCommand(ioc: Container) { |
|||
await ioc.unloadAsync(modules) |
|||
} |
|||
|
|||
export { modules, destroyAllCommand } |
|||
export default modules |
|||
@ -0,0 +1,60 @@ |
|||
import debug from "debug" |
|||
import { app } from "electron" |
|||
import path from "node:path" |
|||
import logger from "logger/main" |
|||
import * as rfs from "rotating-file-stream" |
|||
import fs from "fs" |
|||
|
|||
// 配置根目录
|
|||
const logsPath = app.getPath("logs") |
|||
logger.debug(`日志地址：${logsPath}`) |
|||
|
|||
const LOG_ROOT = path.join(logsPath) |
|||
|
|||
// 缓存当前应用启动的日志文件流
|
|||
let currentLogStream: rfs.RotatingFileStream | null = null |
|||
|
|||
// 生成当前启动时的日志文件名
|
|||
const getLogFileName = () => { |
|||
const now = new Date() |
|||
const timestamp = now.toISOString().replace(/[:.]/g, "-") |
|||
return `app-${timestamp}.log` |
|||
} |
|||
|
|||
// 覆盖 debug.log 方法
|
|||
const originalLog = debug.log |
|||
debug.log = function (...args) { |
|||
// 保留原始控制台输出
|
|||
originalLog.apply(this, args) |
|||
|
|||
// 确保日志目录存在
|
|||
if (!fs.existsSync(LOG_ROOT)) { |
|||
fs.mkdirSync(LOG_ROOT, { recursive: true }) |
|||
} |
|||
|
|||
// 延迟初始化日志流，直到第一次写入
|
|||
if (!currentLogStream) { |
|||
const logFileName = getLogFileName() |
|||
currentLogStream = rfs.createStream(logFileName, { |
|||
path: LOG_ROOT, |
|||
size: "10M", // 单个文件最大 10MB
|
|||
rotate: 10, // 保留最近 10 个文件
|
|||
}) |
|||
} |
|||
|
|||
// @ts-ignore 获取当前命名空间
|
|||
const namespace = this.namespace || "unknown" |
|||
|
|||
// 写入日志（添加时间戳和命名空间）
|
|||
const timestamp = new Date().toISOString() |
|||
const message = args.join(" ") |
|||
currentLogStream.write(`[${timestamp}] [${namespace}] ${message}\n`) |
|||
} |
|||
|
|||
app.on("before-quit", () => { |
|||
if (currentLogStream) { |
|||
currentLogStream.end() |
|||
currentLogStream.destroy() |
|||
currentLogStream = null |
|||
} |
|||
}) |
|||
@ -0,0 +1,6 @@ |
|||
import EventEmitter from "events" |
|||
|
|||
const globalEvent = new EventEmitter() |
|||
|
|||
export default globalEvent |
|||
export { globalEvent as eventbus } |
|||
@ -1,235 +0,0 @@ |
|||
import fs from "fs-extra" |
|||
import { app } from "electron" |
|||
import path from "path" |
|||
import { cloneDeep } from "lodash" |
|||
import { injectable } from "inversify" |
|||
import Config from "config" |
|||
import _debug from "debug" |
|||
import BaseClass from "main/base/base" |
|||
|
|||
const debug = _debug("app:setting") |
|||
|
|||
type IConfig = typeof Config.default_config |
|||
|
|||
type IOnFunc = (n: IConfig, c: IConfig, keys?: (keyof IConfig)[]) => void |
|||
type IT = (keyof IConfig)[] | keyof IConfig | "_" |
|||
|
|||
let storagePath = path.join(app.getPath("documents"), Config.app_title) |
|||
const storagePathDev = path.join(app.getPath("documents"), Config.app_title + "-dev") |
|||
|
|||
if (process.env.NODE_ENV === "development") { |
|||
storagePath = storagePathDev |
|||
} |
|||
|
|||
const _tempConfig = cloneDeep(Config.default_config as IConfig) |
|||
Object.keys(_tempConfig).forEach(key => { |
|||
if (typeof _tempConfig[key] === "string" && _tempConfig[key].includes("$storagePath$")) { |
|||
_tempConfig[key] = _tempConfig[key].replace(/\$storagePath\$/g, storagePath) |
|||
if (_tempConfig[key] && path.isAbsolute(_tempConfig[key])) { |
|||
_tempConfig[key] = path.normalize(_tempConfig[key]) |
|||
} |
|||
} |
|||
}) |
|||
|
|||
function isPath(str) { |
|||
// 使用正则表达式检查字符串是否以斜杠或盘符开头
|
|||
return /^(?:\/|[a-zA-Z]:\\)/.test(str) |
|||
} |
|||
|
|||
function init(config: IConfig) { |
|||
// 在配置初始化后执行
|
|||
Object.keys(config).forEach(key => { |
|||
if (config[key] && isPath(config[key]) && path.isAbsolute(config[key])) { |
|||
fs.ensureDirSync(config[key]) |
|||
} |
|||
}) |
|||
// 在配置初始化后执行
|
|||
// fs.ensureDirSync(config["snippet.storagePath"])
|
|||
// fs.ensureDirSync(config["bookmark.storagePath"])
|
|||
} |
|||
|
|||
// 判断是否是空文件夹
|
|||
function isEmptyDir(fPath: string) { |
|||
const pa = fs.readdirSync(fPath) |
|||
if (pa.length === 0) { |
|||
return true |
|||
} else { |
|||
return false |
|||
} |
|||
} |
|||
|
|||
@injectable() |
|||
class Setting extends BaseClass { |
|||
constructor() { |
|||
super() |
|||
debug(`Setting inited`) |
|||
this.init() |
|||
} |
|||
|
|||
destroy() { |
|||
// TODO
|
|||
} |
|||
|
|||
#cb: [IT, IOnFunc][] = [] |
|||
|
|||
onChange(fn: IOnFunc, that?: any) |
|||
onChange(key: IT, fn: IOnFunc, that?: any) |
|||
onChange(fnOrType: IT | IOnFunc, fnOrThat: IOnFunc | any = null, that: any = null) { |
|||
if (typeof fnOrType === "function") { |
|||
this.#cb.push(["_", fnOrType.bind(fnOrThat)]) |
|||
} else { |
|||
this.#cb.push([fnOrType, fnOrThat.bind(that)]) |
|||
} |
|||
} |
|||
|
|||
#runCB(n: IConfig, c: IConfig, keys: (keyof IConfig)[]) { |
|||
for (let i = 0; i < this.#cb.length; i++) { |
|||
const temp = this.#cb[i] |
|||
const k = temp[0] |
|||
const fn = temp[1] |
|||
if (k === "_") { |
|||
fn(n, c, keys) |
|||
} |
|||
if (typeof k === "string" && keys.includes(k as keyof IConfig)) { |
|||
fn(n, c) |
|||
} |
|||
if (Array.isArray(k) && k.filter(v => keys.indexOf(v) !== -1).length) { |
|||
fn(n, c) |
|||
} |
|||
} |
|||
} |
|||
|
|||
#pathFile: string = |
|||
process.env.NODE_ENV === "development" |
|||
? path.resolve(app.getPath("userData"), "./config_path-dev") |
|||
: path.resolve(app.getPath("userData"), "./config_path") |
|||
#config: IConfig = cloneDeep(_tempConfig) |
|||
#configPath(storagePath?: string): string { |
|||
return path.join(storagePath || this.#config.storagePath, "./config.json") |
|||
} |
|||
/** |
|||
* 读取配置文件变量同步 |
|||
* @param confingPath 配置文件路径 |
|||
*/ |
|||
#syncVar(confingPath?: string) { |
|||
const configFile = this.#configPath(confingPath) |
|||
if (!fs.pathExistsSync(configFile)) { |
|||
fs.ensureFileSync(configFile) |
|||
fs.writeJSONSync(configFile, {}) |
|||
} |
|||
const config = fs.readJSONSync(configFile) as IConfig |
|||
confingPath && (config.storagePath = confingPath) |
|||
// 优先取本地的值
|
|||
for (const key in config) { |
|||
// if (Object.prototype.hasOwnProperty.call(this.#config, key)) {
|
|||
// this.#config[key] = config[key] || this.#config[key]
|
|||
// }
|
|||
// 删除配置时本地的配置不会改变，想一下哪种方式更好
|
|||
this.#config[key] = config[key] || this.#config[key] |
|||
} |
|||
} |
|||
init() { |
|||
debug(`位置：${this.#pathFile}`) |
|||
|
|||
if (fs.pathExistsSync(this.#pathFile)) { |
|||
const confingPath = fs.readFileSync(this.#pathFile, { encoding: "utf8" }) |
|||
if (confingPath && fs.pathExistsSync(this.#configPath(confingPath))) { |
|||
this.#syncVar(confingPath) |
|||
// 防止增加了配置本地却没变的情况
|
|||
this.#sync(confingPath) |
|||
} else { |
|||
this.#syncVar(confingPath) |
|||
this.#sync(confingPath) |
|||
} |
|||
} else { |
|||
this.#syncVar() |
|||
this.#sync() |
|||
} |
|||
init.call(this, this.#config) |
|||
} |
|||
config() { |
|||
return this.#config |
|||
} |
|||
#sync(c?: string) { |
|||
const config = cloneDeep(this.#config) |
|||
delete config.storagePath |
|||
const p = this.#configPath(c) |
|||
fs.ensureFileSync(p) |
|||
fs.writeJSONSync(this.#configPath(c), config) |
|||
} |
|||
#change(p: string) { |
|||
const storagePath = this.#config.storagePath |
|||
if (fs.existsSync(storagePath) && !fs.existsSync(p)) { |
|||
fs.moveSync(storagePath, p) |
|||
} |
|||
if (fs.existsSync(p) && fs.existsSync(storagePath) && isEmptyDir(p)) { |
|||
fs.moveSync(storagePath, p, { overwrite: true }) |
|||
} |
|||
fs.writeFileSync(this.#pathFile, p, { encoding: "utf8" }) |
|||
} |
|||
reset(key: keyof IConfig) { |
|||
this.set(key, cloneDeep(_tempConfig[key])) |
|||
} |
|||
set(key: keyof IConfig | Partial<IConfig>, value?: any) { |
|||
const oldMainConfig = Object.assign({}, this.#config) |
|||
let isChange = false |
|||
const changeKeys: (keyof IConfig)[] = [] |
|||
const canChangeStorage = (targetPath: string) => { |
|||
if (fs.existsSync(oldMainConfig.storagePath) && fs.existsSync(targetPath) && !isEmptyDir(targetPath)) { |
|||
if (fs.existsSync(path.join(targetPath, "./config.json"))) { |
|||
return true |
|||
} |
|||
return false |
|||
} |
|||
return true |
|||
} |
|||
if (typeof key === "string") { |
|||
if (value != undefined && value !== this.#config[key]) { |
|||
if (key === "storagePath") { |
|||
if (!canChangeStorage(value)) { |
|||
throw "无法改变存储地址" |
|||
return |
|||
} |
|||
this.#change(value) |
|||
changeKeys.push("storagePath") |
|||
this.#config["storagePath"] = value |
|||
} else { |
|||
changeKeys.push(key) |
|||
this.#config[key as string] = value |
|||
} |
|||
isChange = true |
|||
} |
|||
} else { |
|||
if (key["storagePath"] !== undefined && key["storagePath"] !== this.#config["storagePath"]) { |
|||
if (!canChangeStorage(key["storagePath"])) { |
|||
throw "无法改变存储地址" |
|||
return |
|||
} |
|||
this.#change(key["storagePath"]) |
|||
this.#config["storagePath"] = key["storagePath"] |
|||
changeKeys.push("storagePath") |
|||
isChange = true |
|||
} |
|||
for (const _ in key) { |
|||
if (Object.prototype.hasOwnProperty.call(key, _)) { |
|||
const v = key[_] |
|||
if (v != undefined && _ !== "storagePath" && v !== this.#config[_]) { |
|||
this.#config[_] = v |
|||
changeKeys.push(_ as keyof IConfig) |
|||
isChange = true |
|||
} |
|||
} |
|||
} |
|||
} |
|||
if (isChange) { |
|||
this.#sync() |
|||
this.#runCB(this.#config, oldMainConfig, changeKeys) |
|||
} |
|||
} |
|||
values<T extends keyof IConfig>(key: T): IConfig[T] { |
|||
return this.#config[key] |
|||
} |
|||
} |
|||
|
|||
export default Setting |
|||
export { Setting } |
|||
@ -1,114 +0,0 @@ |
|||
import pkg from "electron-updater" |
|||
import { app, dialog } from "electron" |
|||
import { injectable } from "inversify" |
|||
import BaseClass from "main/base/base" |
|||
// import { Setting } from "../setting"
|
|||
import _debug from "debug" |
|||
import EventEmitter from "events" |
|||
|
|||
const debug = _debug("app:updater") |
|||
const { autoUpdater } = pkg |
|||
|
|||
@injectable() |
|||
export class Updater extends BaseClass { |
|||
public events = new EventEmitter() |
|||
|
|||
constructor( |
|||
// @inject(Setting) private _Setting: Setting
|
|||
) { |
|||
super() |
|||
|
|||
// 配置自动更新
|
|||
autoUpdater.autoDownload = false |
|||
autoUpdater.autoInstallOnAppQuit = true |
|||
|
|||
// 检查更新错误
|
|||
autoUpdater.on("error", error => { |
|||
debug("Update error:", error) |
|||
}) |
|||
|
|||
// 检查更新
|
|||
autoUpdater.on("checking-for-update", () => { |
|||
debug("Checking for updates...") |
|||
}) |
|||
|
|||
// 有可用更新
|
|||
autoUpdater.on("update-available", info => { |
|||
debug("Update available:", info) |
|||
this.promptUserToUpdate() |
|||
}) |
|||
|
|||
// 没有可用更新
|
|||
autoUpdater.on("update-not-available", info => { |
|||
debug("Update not available:", info) |
|||
}) |
|||
|
|||
// 更新下载进度
|
|||
autoUpdater.on("download-progress", progressObj => { |
|||
debug( |
|||
`Download speed: ${progressObj.bytesPerSecond} - Downloaded ${progressObj.percent}% (${progressObj.transferred}/${progressObj.total})`, |
|||
) |
|||
}) |
|||
|
|||
// 更新下载完成
|
|||
autoUpdater.on("update-downloaded", info => { |
|||
debug("Update downloaded:", info) |
|||
this.promptUserToInstall() |
|||
}) |
|||
} |
|||
|
|||
init() { |
|||
// 定期检查更新
|
|||
this.checkForUpdates() |
|||
setInterval( |
|||
() => { |
|||
this.checkForUpdates() |
|||
}, |
|||
1000 * 60 * 60, |
|||
) // 每小时检查一次
|
|||
} |
|||
|
|||
destroy() { |
|||
// 清理工作
|
|||
} |
|||
|
|||
private async checkForUpdates() { |
|||
if (app.isPackaged) { |
|||
try { |
|||
await autoUpdater.checkForUpdates() |
|||
} catch (error) { |
|||
debug("Failed to check for updates:", error) |
|||
} |
|||
} |
|||
} |
|||
|
|||
private async promptUserToUpdate() { |
|||
const result = await dialog.showMessageBox({ |
|||
type: "info", |
|||
title: "发现新版本", |
|||
message: "是否下载新版本？", |
|||
buttons: ["下载", "暂不更新"], |
|||
defaultId: 0, |
|||
}) |
|||
|
|||
if (result.response === 0) { |
|||
autoUpdater.downloadUpdate() |
|||
} |
|||
} |
|||
|
|||
private async promptUserToInstall() { |
|||
const result = await dialog.showMessageBox({ |
|||
type: "info", |
|||
title: "更新已就绪", |
|||
message: "新版本已下载完成，是否立即安装？", |
|||
buttons: ["立即安装", "稍后安装"], |
|||
defaultId: 0, |
|||
}) |
|||
|
|||
if (result.response === 0) { |
|||
autoUpdater.quitAndInstall(false, true) |
|||
} |
|||
} |
|||
} |
|||
|
|||
export default Updater |
|||
@ -0,0 +1,47 @@ |
|||
import { BrowserView, BrowserWindow } from "electron" |
|||
|
|||
const cookies = { |
|||
getCurrCookies(params = {}, currWin: BrowserView | BrowserWindow) { |
|||
let currSession = currWin.webContents.session |
|||
return currSession.cookies.get(Object.assign({}, params)) |
|||
}, |
|||
removeCurrCookies(cookies = [], currWin: BrowserView | BrowserWindow) { |
|||
let currSession = currWin.webContents.session |
|||
let err = [] |
|||
let apiCount = 0 |
|||
return new Promise((resove, reject) => { |
|||
cookies.forEach(async (item: any) => { |
|||
await currSession.cookies.remove(`http://${item.domain}`, item.name) |
|||
apiCount = apiCount + 1 |
|||
if (err.length === apiCount) { |
|||
resove({ message: "cookie 清除成功" }) |
|||
} else { |
|||
reject(err) |
|||
} |
|||
}) |
|||
}) |
|||
}, |
|||
setCurrCookies(cookies = [], currWin: BrowserView | BrowserWindow) { |
|||
let currSession = currWin.webContents.session |
|||
let err = [] |
|||
let apiCount = 0 |
|||
return new Promise((resove, reject) => { |
|||
cookies.forEach(async (item: any) => { |
|||
await currSession.cookies.set( |
|||
Object.assign({}, item, { |
|||
url: `http://${item.domain}`, |
|||
name: item.name, |
|||
}), |
|||
) |
|||
apiCount = apiCount + 1 |
|||
if (err.length === apiCount) { |
|||
resove({ message: "cookie 设置成功！" }) |
|||
} else { |
|||
reject(err) |
|||
} |
|||
}) |
|||
}) |
|||
}, |
|||
} |
|||
|
|||
export default cookies |
|||
@ -0,0 +1,82 @@ |
|||
// https://blog.guowenfh.com/2017/10/21/2017/electron-multiple-session/#%E5%9C%A8-webview-%E4%B8%AD
|
|||
|
|||
import { BrowserWindow } from "electron" |
|||
/** |
|||
* 创建一个 登录 的窗口。 |
|||
* 用于 session 隔离 |
|||
* Promise 中有 {partition,userinfo,cookies} |
|||
* @returns Promise |
|||
*/ |
|||
function createLoginWin(partition) { |
|||
partition = partition || `persist:${Math.random()}` |
|||
// const charset = require("superagent-charset")
|
|||
// const request = charset(require("superagent")) // HTTP
|
|||
let presWindow = new BrowserWindow({ |
|||
width: 1280, |
|||
height: 768, |
|||
title: "用户登陆", |
|||
webPreferences: { |
|||
webSecurity: false, |
|||
allowRunningInsecureContent: true, |
|||
partition, |
|||
}, |
|||
}) |
|||
let webContents = presWindow.webContents |
|||
return new Promise(function (resove, _) { |
|||
// webContents.openDevTools();
|
|||
presWindow.loadURL("https://login.taobao.com/member/login.jhtml") |
|||
webContents.on("did-navigate-in-page", async function () { |
|||
// 这里可以看情况进行参数的传递，获取制定的 cookies
|
|||
const cookies = await webContents.session.cookies.get({}) |
|||
let obj = { partition, cookies } |
|||
resove(obj) |
|||
// webContents.session.cookies.get({}, function (err, cookies) {
|
|||
// if (err) {
|
|||
// presWindow.close() // 关闭登陆窗口
|
|||
// return reject(err)
|
|||
// }
|
|||
// let obj = { partition, cookies }
|
|||
// resove(obj)
|
|||
// fetch("https://login.taobao.com/member/login.jhtml", {
|
|||
// method: "GET",
|
|||
// credentials: "include",
|
|||
// headers: {
|
|||
// Cookie: cookies.map(item => `${item.name}=${item.value};`).join(" "),
|
|||
// "Content-Type": "application/json",
|
|||
// },
|
|||
// })
|
|||
// .then(response => response.json())
|
|||
// .then(data => {
|
|||
// console.log(data)
|
|||
// presWindow.close()
|
|||
// resove(obj)
|
|||
// })
|
|||
// .catch(err => {
|
|||
// presWindow.close()
|
|||
// reject(err)
|
|||
// })
|
|||
// })
|
|||
// 这一步并不是必需的。
|
|||
// request
|
|||
// .get("http://taobao.com/userinfo")
|
|||
// .query({ _: Date.now() }) // query string
|
|||
// .set("Cookie", cookies.map(item => `${item.name}=${item.value};`).join(" "))
|
|||
// .end(function (err, res) {
|
|||
// presWindow.close()
|
|||
// if (err) {
|
|||
// return reject(err)
|
|||
// }
|
|||
// if (!res || !res.body || !res.body.result !== 1) {
|
|||
// return reject(res.body)
|
|||
// }
|
|||
// let obj = { partition, cookies, userinfo: res.body.data }
|
|||
// resove(obj)
|
|||
// })
|
|||
}) |
|||
// })
|
|||
}) |
|||
} |
|||
|
|||
export { |
|||
createLoginWin |
|||
} |
|||
@ -1,8 +0,0 @@ |
|||
import { ElectronAPI } from "@electron-toolkit/preload" |
|||
|
|||
declare global { |
|||
interface Window { |
|||
electron: ElectronAPI |
|||
api: unknown |
|||
} |
|||
} |
|||
@ -1,9 +1,32 @@ |
|||
<script setup lang="ts"></script> |
|||
<script setup lang="ts"> |
|||
|
|||
</script> |
|||
|
|||
<template> |
|||
<div h-full flex flex-col overflow-hidden> |
|||
<NavBar></NavBar> |
|||
<div flex-1 h-0 overflow-hidden flex flex-col relative id="page-container" style="transform: scale(1);"> |
|||
<router-view v-slot="{ Component, route }"> |
|||
<transition name="slide"> |
|||
<component :is="Component" :key="route" /> |
|||
</transition> |
|||
<Transition name="slide-fade" mode="out-in"> |
|||
<component :is="Component" :key="route.fullPath" /> |
|||
</Transition> |
|||
</router-view> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<style lang="scss" scoped> |
|||
.slide-fade-enter-active { |
|||
transition: all 0.2s ease-out; |
|||
} |
|||
|
|||
.slide-fade-leave-active { |
|||
transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1); |
|||
} |
|||
|
|||
.slide-fade-enter-from, |
|||
.slide-fade-leave-to { |
|||
// transform: translateX(20px); |
|||
opacity: 0; |
|||
} |
|||
</style> |
|||
|
|||
|
After Width: | Height: | Size: 13 KiB |
@ -0,0 +1,57 @@ |
|||
import { monaco } from "./monaco" |
|||
|
|||
/** |
|||
* Represents an placeholder renderer for monaco editor |
|||
* Roughly based on https://github.com/microsoft/vscode/blob/main/src/vs/workbench/contrib/codeEditor/browser/untitledTextEditorHint/untitledTextEditorHint.ts
|
|||
*/ |
|||
export class PlaceholderContentWidget implements monaco.editor.IContentWidget { |
|||
private static readonly ID = "editor.widget.placeholderHint" |
|||
|
|||
private domNode: HTMLElement | undefined |
|||
|
|||
constructor( |
|||
private readonly placeholder: string, |
|||
private readonly editor: monaco.editor.ICodeEditor, |
|||
) { |
|||
// register a listener for editor code changes
|
|||
editor.onDidChangeModelContent(() => this.onDidChangeModelContent()) |
|||
// ensure that on initial load the placeholder is shown
|
|||
this.onDidChangeModelContent() |
|||
} |
|||
|
|||
private onDidChangeModelContent(): void { |
|||
if (this.editor.getValue() === "") { |
|||
this.editor.addContentWidget(this) |
|||
} else { |
|||
this.editor.removeContentWidget(this) |
|||
} |
|||
} |
|||
|
|||
getId(): string { |
|||
return PlaceholderContentWidget.ID |
|||
} |
|||
|
|||
getDomNode(): HTMLElement { |
|||
if (!this.domNode) { |
|||
this.domNode = document.createElement("div") |
|||
this.domNode.style.width = "max-content" |
|||
this.domNode.style.pointerEvents = "none" |
|||
this.domNode.textContent = this.placeholder |
|||
this.domNode.style.fontStyle = "italic" |
|||
this.editor.applyFontInfo(this.domNode) |
|||
} |
|||
|
|||
return this.domNode |
|||
} |
|||
|
|||
getPosition(): monaco.editor.IContentWidgetPosition | null { |
|||
return { |
|||
position: { lineNumber: 1, column: 1 }, |
|||
preference: [monaco.editor.ContentWidgetPositionPreference.EXACT], |
|||
} |
|||
} |
|||
|
|||
dispose(): void { |
|||
this.editor.removeContentWidget(this) |
|||
} |
|||
} |
|||
@ -0,0 +1,306 @@ |
|||
<script lang="ts" setup> |
|||
import { judgeFile } from "./utils" |
|||
import { monaco } from "./monaco" |
|||
import { computed, getCurrentScope, onBeforeUnmount, onMounted, onScopeDispose, ref, watch } from "vue" |
|||
import DefaultLogo from "./120x120.png" |
|||
import { PlaceholderContentWidget } from "./PlaceholderContentWidget" |
|||
const editorRef = ref<HTMLDivElement>() |
|||
let editor: monaco.editor.IStandaloneCodeEditor | null = null |
|||
let placeholderWidget: PlaceholderContentWidget | null = null |
|||
const props = withDefaults( |
|||
defineProps<{ |
|||
modelValue?: string |
|||
name?: string |
|||
logoType?: "bg" | "logo" |
|||
logo?: string |
|||
placeholder?: string |
|||
fontFamily?: string |
|||
readonly?: boolean |
|||
}>(), |
|||
{ |
|||
logo: DefaultLogo, |
|||
readonly: false, |
|||
logoType: "logo", |
|||
modelValue: "", |
|||
name: "", |
|||
}, |
|||
) |
|||
const emit = defineEmits<{ |
|||
(e: "update:modelValue", code: string): void |
|||
(e: "change", code: string): void |
|||
(e: "cursor:position", position: [number, number]): void |
|||
}>() |
|||
defineExpose({ |
|||
scrollTop() { |
|||
editor?.setScrollTop(0) |
|||
}, |
|||
insertText(text: string, type = "cursor") { |
|||
if (editor) { |
|||
const m = editor.getModel() |
|||
const currentPosition = editor.getPosition() |
|||
if (m) { |
|||
console.log(currentPosition) |
|||
if (type === "cursor" && currentPosition) { |
|||
m.pushEditOperations( |
|||
[], |
|||
[ |
|||
{ |
|||
range: new monaco.Range( |
|||
currentPosition.lineNumber, |
|||
currentPosition.column, |
|||
currentPosition.lineNumber, |
|||
currentPosition.column, |
|||
), |
|||
text, |
|||
}, |
|||
], |
|||
() => [ |
|||
new monaco.Selection( |
|||
currentPosition.lineNumber, |
|||
currentPosition.column, |
|||
currentPosition.lineNumber, |
|||
currentPosition.column, |
|||
), |
|||
], |
|||
) |
|||
} else { |
|||
const lineCount = m.getLineCount() |
|||
const lastLineLength = m.getLineLength(lineCount) |
|||
const range = new monaco.Selection(lineCount, lastLineLength + 1, lineCount, lastLineLength + 1) |
|||
const text = "your text" |
|||
const op = { |
|||
range: range, |
|||
text: text, |
|||
} |
|||
m.pushEditOperations([], [op], () => [range]) |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
setContent(content: string) { |
|||
if (editorRef.value && editor) { |
|||
editor.setValue(content) |
|||
} |
|||
}, |
|||
}) |
|||
|
|||
let isInnerChange = "first" // waitting, out, in |
|||
function updateModel(name: string, content: string) { |
|||
if (editor) { |
|||
const oldModel = editor.getModel() //获取旧模型 |
|||
const file = judgeFile(name) |
|||
// 这样定义的话model无法清除 |
|||
// monaco.editor.createModel("const a = 111","typescript", monaco.Uri.parse('file://root/file3.ts')) |
|||
const model: monaco.editor.ITextModel = monaco.editor.createModel(content ?? "", file?.language ?? "txt") |
|||
model.onDidChangeContent(() => { |
|||
if (model) { |
|||
if(isInnerChange === "out") { |
|||
isInnerChange = "waitting" |
|||
return |
|||
} |
|||
isInnerChange = "in" |
|||
const code = model.getValue() |
|||
emit("update:modelValue", code) |
|||
emit("change", code) |
|||
} |
|||
}) |
|||
if (oldModel) { |
|||
oldModel.dispose() |
|||
} |
|||
editor.setModel(model) |
|||
} |
|||
} |
|||
function resizeLayout() { |
|||
if (editor) { |
|||
editor.layout() |
|||
} |
|||
} |
|||
|
|||
onMounted(() => { |
|||
if (editorRef.value && !editor) { |
|||
editor = monaco.editor.create(editorRef.value, { |
|||
theme: "vs-light", |
|||
fontFamily: props.fontFamily ?? "Cascadia Mono, Consolas, 'Courier New', monospace", |
|||
readOnly: props.readonly, |
|||
minimap: { |
|||
autohide: true, |
|||
}, |
|||
}) as monaco.editor.IStandaloneCodeEditor |
|||
editor.onDidChangeCursorPosition(e => { |
|||
emit("cursor:position", [e.position.lineNumber, e.position.column]) |
|||
}) |
|||
editorRef.value.addEventListener("resize", resizeLayout) |
|||
} |
|||
watch( |
|||
() => props.placeholder, |
|||
() => { |
|||
if (editor) { |
|||
if (placeholderWidget) { |
|||
placeholderWidget.dispose() |
|||
placeholderWidget = null |
|||
} |
|||
if (props.placeholder) { |
|||
placeholderWidget = new PlaceholderContentWidget(props.placeholder, editor) |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
immediate: true, |
|||
}, |
|||
) |
|||
// 如果不需要从动态外部更改代码的话应该就不需要这个 |
|||
watch( |
|||
() => props.modelValue, |
|||
async str => { |
|||
if(isInnerChange === "waitting") { |
|||
isInnerChange = "out" |
|||
} |
|||
if (editor && isInnerChange === "out") { |
|||
editor.setValue(str) |
|||
} else { |
|||
isInnerChange = "waitting" |
|||
} |
|||
}, |
|||
{ immediate: true }, |
|||
) |
|||
watch( |
|||
() => props.name, |
|||
async name => { |
|||
if (editor) { |
|||
updateModel(name, props.modelValue) |
|||
} |
|||
}, |
|||
{ immediate: true }, |
|||
) |
|||
watch( |
|||
() => props.readonly, |
|||
() => { |
|||
if (editor) { |
|||
editor.updateOptions({ |
|||
readOnly: props.readonly, |
|||
}) |
|||
} |
|||
}, |
|||
) |
|||
watch( |
|||
() => props.fontFamily, |
|||
() => { |
|||
if (editor) { |
|||
editor.updateOptions({ |
|||
fontFamily: props.fontFamily, |
|||
}) |
|||
} |
|||
}, |
|||
) |
|||
}) |
|||
if (import.meta.hot) { |
|||
import.meta.hot.accept(newModule => { |
|||
console.log(newModule) |
|||
}) |
|||
} |
|||
onBeforeUnmount(() => { |
|||
if (editorRef.value) { |
|||
editorRef.value.removeEventListener("resize", resizeLayout) |
|||
} |
|||
if (editor) { |
|||
const oldModel = editor.getModel() |
|||
if (oldModel) { |
|||
oldModel.dispose() |
|||
} |
|||
editor.dispose() |
|||
editor = null |
|||
} |
|||
}) |
|||
const style = computed(() => { |
|||
if (props.logo && props.logoType === "bg") { |
|||
return { |
|||
backgroundImage: `url(${props.logo})`, |
|||
backgroundSize: "cover", |
|||
backgroundRepeat: "no-repeat", |
|||
backgroundPosition: "center center", |
|||
} |
|||
} |
|||
return {} |
|||
}) |
|||
|
|||
const getLogo = computed(() => { |
|||
if (props.logo) return props.logo |
|||
return DefaultLogo |
|||
}) |
|||
|
|||
function useResizeObserver(callback: ResizeObserverCallback) { |
|||
const isSupported = window && "ResizeObserver" in window |
|||
let observer: ResizeObserver | undefined |
|||
const cleanup = () => { |
|||
if (observer) { |
|||
observer.disconnect() |
|||
observer = undefined |
|||
} |
|||
} |
|||
const stopWatch = watch( |
|||
() => editorRef.value, |
|||
el => { |
|||
cleanup() |
|||
if (isSupported && window && el) { |
|||
observer = new ResizeObserver(callback) |
|||
observer!.observe(el, {}) |
|||
} |
|||
}, |
|||
{ immediate: true }, |
|||
) |
|||
const stop = () => { |
|||
cleanup() |
|||
stopWatch() |
|||
} |
|||
function tryOnScopeDispose(fn: () => void) { |
|||
if (getCurrentScope()) { |
|||
onScopeDispose(fn) |
|||
return true |
|||
} |
|||
return false |
|||
} |
|||
tryOnScopeDispose(() => { |
|||
stop() |
|||
}) |
|||
} |
|||
useResizeObserver(() => { |
|||
if (editor) { |
|||
editor.layout() |
|||
} |
|||
}) |
|||
</script> |
|||
|
|||
<template> |
|||
<div class="monaco-wrapper"> |
|||
<div class="monaco-editor" ref="editorRef"></div> |
|||
<div class="monaco-bg" :style="style"> |
|||
<img v-if="logoType === 'logo' && getLogo" class="monaco-logo" :src="getLogo" alt="" /> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<style lang="scss" scoped> |
|||
.monaco-wrapper { |
|||
height: 100%; |
|||
position: relative; |
|||
|
|||
.monaco-editor { |
|||
height: 100%; |
|||
} |
|||
|
|||
.monaco-bg { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
pointer-events: none; |
|||
opacity: 0.1; |
|||
overflow: hidden; |
|||
|
|||
.monaco-logo { |
|||
@apply absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,16 @@ |
|||
// import 'monaco-editor/esm/vs/editor/editor.all.js';
|
|||
|
|||
// import 'monaco-editor/esm/vs/editor/standalone/browser/accessibilityHelp/accessibilityHelp.js';
|
|||
// import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
|
|||
// import 'monaco-editor/esm/vs/basic-languages/monaco.contribution.js';
|
|||
|
|||
// import 'monaco-editor/esm/vs/basic-languages/typescript/typescript.contribution.js';
|
|||
// import 'monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution.js';
|
|||
// import 'monaco-editor/esm/vs/basic-languages/html/html.contribution.js';
|
|||
// import 'monaco-editor/esm/vs/basic-languages/css/css.contribution.js';
|
|||
// import 'monaco-editor/esm/vs/basic-languages/java/java.contribution.js';
|
|||
|
|||
// 导入全部特性
|
|||
import * as monaco from "monaco-editor" |
|||
|
|||
export { monaco } |
|||
@ -0,0 +1,3 @@ |
|||
占位符 |
|||
https://github.com/Microsoft/monaco-editor/issues/1228 |
|||
https://github.com/microsoft/monaco-editor/issues/568#issuecomment-1499966160 |
|||
@ -0,0 +1,32 @@ |
|||
export function judgeFile(filename: string) { |
|||
if (!filename) return |
|||
let ext = [ |
|||
{ language: "vue", ext: ".vue", index: -1 }, |
|||
{ language: "javascript", ext: ".js", index: -1 }, |
|||
{ language: "css", ext: ".css", index: -1 }, |
|||
{ language: "html", ext: ".html", index: -1 }, |
|||
{ language: "tsx", ext: ".tsx", index: -1 }, |
|||
{ language: "typescript", ext: ".ts", index: -1 }, |
|||
{ language: "markdown", ext: ".md", index: -1 }, |
|||
{ language: "json", ext: ".json", index: -1 }, |
|||
{ language: "web", ext: ".web", index: -1 }, |
|||
{ language: "dot", pre: ".", index: -1 }, |
|||
] |
|||
let cur |
|||
for (let i = 0; i < ext.length; i++) { |
|||
const e = ext[i] |
|||
if (e.ext && filename.endsWith(e.ext)) { |
|||
let index = filename.lastIndexOf(e.ext) |
|||
e.index = index |
|||
cur = e |
|||
break |
|||
} |
|||
if (e.pre && filename.startsWith(e.pre)) { |
|||
let index = filename.indexOf(e.pre) |
|||
e.index = index |
|||
cur = e |
|||
break |
|||
} |
|||
} |
|||
return cur |
|||
} |
|||
@ -1,91 +0,0 @@ |
|||
<template> |
|||
<div |
|||
relative |
|||
h="30px" |
|||
leading="29px" |
|||
pr="137px" |
|||
:style="{ paddingRight: isFullScreen ? '0' : '' }" |
|||
select-none |
|||
border-b="1px solid #E5E5E5" |
|||
bg="#F8F8F8" |
|||
> |
|||
<div absolute top-0 right-0 bottom-0 left-0 style="-webkit-app-region: drag"></div> |
|||
<div h-full px-2 flex items-center gap-1 justify-between> |
|||
<div flex items-center gap-1> |
|||
<img w="16px" h="16px" :src="icon" /> |
|||
<div relative h-full inline-flex items-center text-sm>{{ config.app_title }}</div> |
|||
<div relative class="list"> |
|||
<div class="item" @click="onClickMenu">菜单</div> |
|||
</div> |
|||
</div> |
|||
<div float-right h-full flex items-center relative style="-webkit-app-region: no-drag"> |
|||
<div text-sm px-2 hover:rounded-md hover:bg-gray-2 hover:cursor-pointer text="hover:hover" @click="onClickAbout">关于</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script setup lang="ts"> |
|||
import icon from "@res/icon.png" |
|||
import config from "config" |
|||
import { PopupMenu } from "@/bridge/PopupMenu" |
|||
|
|||
const router = useRouter() |
|||
const isFullScreen = ref(false) |
|||
onBeforeMount(async () => { |
|||
isFullScreen.value = await api.call("BasicCommand.isFullscreen") |
|||
}) |
|||
const onClickMenu = e => { |
|||
const menu = new PopupMenu([ |
|||
{ |
|||
label: "返回", |
|||
async click() { |
|||
router.back() |
|||
}, |
|||
}, |
|||
{ |
|||
label: isFullScreen.value ? "取消全屏" : "全屏", |
|||
async click() { |
|||
isFullScreen.value = await api.call("BasicCommand.fullscreen") |
|||
}, |
|||
}, |
|||
{ |
|||
label: "切换开发者工具", |
|||
async click() { |
|||
isFullScreen.value = await api.call("BasicCommand.toggleDevTools") |
|||
}, |
|||
}, |
|||
{ |
|||
type: "separator", |
|||
}, |
|||
{ |
|||
label: "重载", |
|||
click() { |
|||
api.call("BasicCommand.reload") |
|||
}, |
|||
}, |
|||
{ |
|||
label: "重启", |
|||
click() { |
|||
api.call("BasicCommand.relunch") |
|||
}, |
|||
}, |
|||
]) |
|||
const obj = e.target.getBoundingClientRect() |
|||
menu.show({ x: ~~obj.x, y: ~~(obj.y + obj.height) }) |
|||
} |
|||
|
|||
const onClickAbout = () => { |
|||
fetch("api://fuck/BasicService/showAbout") |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.list { |
|||
@apply: flex gap="5px"; |
|||
-webkit-app-region: no-drag; |
|||
.item { |
|||
@apply: text-sm px-2 hover:rounded-md hover:bg-gray-2 hover:cursor-pointer text="hover:hover"; |
|||
} |
|||
} |
|||
</style> |
|||
@ -1 +0,0 @@ |
|||
declare const api |
|||
@ -0,0 +1,26 @@ |
|||
import { createI18n } from "vue-i18n" |
|||
import messages from "@intlify/unplugin-vue-i18n/messages" |
|||
import { datetimeFormats } from "locales" // 引入以便热更新同时提供datetimeFormats
|
|||
// https://vue-i18n.intlify.dev/guide/essentials/syntax.html
|
|||
// let locale = "zh"
|
|||
|
|||
// const curConfig = useGetConfig()
|
|||
// if (curConfig.value.language) {
|
|||
// locale = curConfig.value.language
|
|||
// }
|
|||
|
|||
// console.log(locale)
|
|||
console.log(messages) |
|||
|
|||
const i18n = createI18n({ |
|||
legacy: false, |
|||
allowComposition: true, |
|||
locale: "zh", |
|||
fallbackLocale: "zh", |
|||
messages: messages, |
|||
// @ts-ignore ...
|
|||
datetimeFormats, |
|||
}) |
|||
|
|||
export { i18n } |
|||
export default i18n |
|||
@ -1,10 +1,15 @@ |
|||
<script lang="ts" setup></script> |
|||
<script lang="ts" setup> |
|||
import Simplebar from "simplebar-vue" |
|||
</script> |
|||
|
|||
<template> |
|||
<div h-full flex flex-col> |
|||
<NavBar></NavBar> |
|||
<div flex-1 h-0 overflow="auto"> |
|||
<Simplebar h-full> |
|||
<RouterView></RouterView> |
|||
</div> |
|||
</div> |
|||
</Simplebar> |
|||
</template> |
|||
|
|||
<style scoped> |
|||
:deep(.simplebar-content) { |
|||
height: 100%; |
|||
} |
|||
</style> |
|||
|
|||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue