bfd1274a8c
- Added WindowControls component for managing window actions (minimize, maximize, close) based on the operating system. - Integrated window decoration toggle functionality to allow users to prefer system titlebar. - Updated layout styles to accommodate new titlebar and window controls. - Refactored layout components to utilize new window management hooks. - Enhanced layout viewer to include a switch for enabling/disabling window decorations. - Improved overall window management by introducing useWindow and useWindowDecorations hooks for better state handling.
103 lines
3.0 KiB
TypeScript
103 lines
3.0 KiB
TypeScript
/// <reference types="vite/client" />
|
|
/// <reference types="vite-plugin-svgr/client" />
|
|
import "./assets/styles/index.scss";
|
|
|
|
import { ResizeObserver } from "@juggle/resize-observer";
|
|
import { ComposeContextProvider } from "foxact/compose-context-provider";
|
|
import React from "react";
|
|
import { createRoot } from "react-dom/client";
|
|
import { BrowserRouter } from "react-router-dom";
|
|
import { MihomoWebSocket } from "tauri-plugin-mihomo-api";
|
|
|
|
import { BaseErrorBoundary } from "./components/base";
|
|
import { WindowProvider } from "./hooks/use-window";
|
|
import Layout from "./pages/_layout";
|
|
import { AppDataProvider } from "./providers/app-data-provider";
|
|
import { initializeLanguage } from "./services/i18n";
|
|
import {
|
|
LoadingCacheProvider,
|
|
ThemeModeProvider,
|
|
UpdateStateProvider,
|
|
} from "./services/states";
|
|
|
|
if (!window.ResizeObserver) {
|
|
window.ResizeObserver = ResizeObserver;
|
|
}
|
|
|
|
const mainElementId = "root";
|
|
const container = document.getElementById(mainElementId);
|
|
|
|
if (!container) {
|
|
throw new Error(
|
|
`No container '${mainElementId}' found to render application`,
|
|
);
|
|
}
|
|
|
|
document.addEventListener("keydown", (event) => {
|
|
// Disable WebView keyboard shortcuts
|
|
const disabledShortcuts =
|
|
["F5", "F7"].includes(event.key) ||
|
|
(event.altKey && ["ArrowLeft", "ArrowRight"].includes(event.key)) ||
|
|
((event.ctrlKey || event.metaKey) &&
|
|
["F", "G", "H", "J", "P", "Q", "R", "U"].includes(
|
|
event.key.toUpperCase(),
|
|
));
|
|
if (disabledShortcuts) {
|
|
event.preventDefault();
|
|
}
|
|
});
|
|
|
|
const initializeApp = async () => {
|
|
try {
|
|
await initializeLanguage("zh");
|
|
|
|
const contexts = [
|
|
<ThemeModeProvider key="theme" />,
|
|
<LoadingCacheProvider key="loading" />,
|
|
<UpdateStateProvider key="update" />,
|
|
];
|
|
|
|
const root = createRoot(container);
|
|
root.render(
|
|
<React.StrictMode>
|
|
<ComposeContextProvider contexts={contexts}>
|
|
<BaseErrorBoundary>
|
|
<WindowProvider>
|
|
<AppDataProvider>
|
|
<BrowserRouter>
|
|
<Layout />
|
|
</BrowserRouter>
|
|
</AppDataProvider>
|
|
</WindowProvider>
|
|
</BaseErrorBoundary>
|
|
</ComposeContextProvider>
|
|
</React.StrictMode>,
|
|
);
|
|
} catch (error) {
|
|
console.error("[main.tsx] 应用初始化失败:", error);
|
|
const root = createRoot(container);
|
|
root.render(
|
|
<div style={{ padding: "20px", color: "red" }}>
|
|
应用初始化失败: {error instanceof Error ? error.message : String(error)}
|
|
</div>,
|
|
);
|
|
}
|
|
};
|
|
|
|
initializeApp();
|
|
|
|
// 错误处理
|
|
window.addEventListener("error", (event) => {
|
|
console.error("[main.tsx] 全局错误:", event.error);
|
|
});
|
|
|
|
window.addEventListener("unhandledrejection", (event) => {
|
|
console.error("[main.tsx] 未处理的Promise拒绝:", event.reason);
|
|
});
|
|
|
|
// 页面关闭/刷新事件
|
|
window.addEventListener("beforeunload", async () => {
|
|
// 强制清理所有 WebSocket 实例, 防止内存泄漏
|
|
await MihomoWebSocket.cleanupAll();
|
|
});
|