- {/* 工具栏和路径导航 */}
+ {/* Toolbar and path navigation */}
- {/* 导航按钮 */}
+ {/* Navigation buttons */}
- {/* 面包屑导航 */}
+ {/* Breadcrumb navigation */}
- {/* 主文件网格 - 滚动区域 */}
+ {/* Main file grid - scroll area */}
{isEditingPath ? (
- // 编辑模式：路径输入框
+ // Edit mode: path input box
) : (
- // 查看模式：面包屑导航
+ // View mode: breadcrumb navigation
<>
onContextMenu?.(e)}
tabIndex={0}
>
- {/* 拖拽提示覆盖层 */}
+ {/* Drag hint overlay */}
{dragState.type === "external" && (
@@ -1125,7 +1125,7 @@ export function FileManagerGrid({
) : viewMode === "grid" ? (
- {/* Linus式创建意图UI - 纯粹分离 */}
+ {/* Linus-style creation intent UI - pure separation */}
{createIntent && (
f.path === file.path,
);
- // 详细调试路径比较
+ // Detailed debug path comparison
if (selectedFiles.length > 0) {
console.log(`\n=== File: ${file.name} ===`);
console.log(`File path: "${file.path}"`);
@@ -1184,10 +1184,10 @@ export function FileManagerGrid({
onDragEnd={handleFileDragEnd}
>
- {/* 文件图标 */}
+ {/* File icon */}
{getFileIcon(file, viewMode)}
- {/* 文件名 */}
+ {/* File name */}
{editingFile?.path === file.path ? (
{
- // 阻止文件选择事件
+ // Prevent file selection event
if (onStartEdit) {
e.stopPropagation();
onStartEdit(file);
@@ -1241,9 +1241,9 @@ export function FileManagerGrid({
})}
) : (
- /* 列表视图 */
+ /* List view */
- {/* Linus式创建意图UI - 列表视图 */}
+ {/* Linus-style creation intent UI - list view */}
{createIntent && (
handleFileDrop(e, file)}
onDragEnd={handleFileDragEnd}
>
- {/* 文件图标 */}
+ {/* File icon */}
- {/* 状态栏 */}
+ {/* Status bar */}
- {/* 拖拽跟随tooltip */}
+ {/* Drag following tooltip */}
{dragState.type === "internal" &&
dragState.files.length > 0 &&
dragState.mousePosition && (
@@ -1403,14 +1403,14 @@ export function FileManagerGrid({
<>
([]);
- // Linus式状态：创建意图与文件编辑分离
+ // Linus-style state: creation intent separated from file editing
const [createIntent, setCreateIntent] = useState(null);
const [editingFile, setEditingFile] = useState(null);
@@ -133,43 +133,43 @@ function FileManagerContent({ initialHost, onClose }: FileManagerModernProps) {
maxFileSize: 5120, // 5GB - support large files like SSH tools should
});
- // 拖拽到桌面功能
+ // Drag to desktop functionality
const dragToDesktop = useDragToDesktop({
sshSessionId: sshSessionId || "",
sshHost: currentHost!,
});
- // 系统级拖拽到桌面功能（新方案）
+ // System-level drag to desktop functionality (new approach)
const systemDrag = useDragToSystemDesktop({
sshSessionId: sshSessionId || "",
sshHost: currentHost!,
});
- // 初始化SSH连接
+ // Initialize SSH connection
useEffect(() => {
if (currentHost) {
initializeSSHConnection();
}
}, [currentHost]);
- // 文件列表更新
+ // File list update
useEffect(() => {
if (sshSessionId) {
handleRefreshDirectory();
}
}, [sshSessionId, currentPath]);
- // 文件拖拽到外部处理
+ // Handle file drag to external
const handleFileDragStart = useCallback(
(files: FileItem[]) => {
- // 记录当前拖拽的文件
+ // Record currently dragged files
systemDrag.startDragToSystem(files, {
enableToast: true,
onSuccess: () => {
clearSelection();
},
onError: (error) => {
- console.error("拖拽失败:", error);
+ console.error("Drag failed:", error);
},
});
},
@@ -178,7 +178,7 @@ function FileManagerContent({ initialHost, onClose }: FileManagerModernProps) {
const handleFileDragEnd = useCallback(
(e: DragEvent) => {
- // 检查是否拖拽到窗口外
+ // Check if dragged outside window
const margin = 50;
const isOutside =
e.clientX < margin ||
@@ -187,12 +187,12 @@ function FileManagerContent({ initialHost, onClose }: FileManagerModernProps) {
e.clientY > window.innerHeight - margin;
if (isOutside) {
- // 延迟执行，避免与其他事件冲突
+ // Delay execution to avoid conflicts with other events
setTimeout(() => {
systemDrag.handleDragEnd(e);
}, 100);
} else {
- // 取消拖拽
+ // Cancel drag
systemDrag.cancelDragToSystem();
}
},
@@ -279,10 +279,10 @@ function FileManagerContent({ initialHost, onClose }: FileManagerModernProps) {
}
}
- // 防抖刷新函数 - 防止疯狂点击
+ // Debounced refresh function - prevent excessive clicking
function handleRefreshDirectory() {
const now = Date.now();
- const DEBOUNCE_MS = 500; // 500ms防抖
+ const DEBOUNCE_MS = 500; // 500ms debounce
if (now - lastRefreshTime < DEBOUNCE_MS) {
console.log("Refresh ignored - too frequent");
@@ -311,12 +311,12 @@ function FileManagerContent({ initialHost, onClose }: FileManagerModernProps) {
// 确保SSH连接有效
await ensureSSHConnection();
- // 读取文件内容
+ // Read file content
const fileContent = await new Promise((resolve, reject) => {
const reader = new FileReader();
reader.onerror = () => reject(reader.error);
- // 检查文件类型，决定读取方式
+ // Check file type to determine reading method
const isTextFile =
file.type.startsWith("text/") ||
file.type === "application/json" ||
@@ -390,7 +390,7 @@ function FileManagerContent({ initialHost, onClose }: FileManagerModernProps) {
const response = await downloadSSHFile(sshSessionId, file.path);
if (response?.content) {
- // 转换为blob并触发下载
+ // Convert to blob and trigger download
const byteCharacters = atob(response.content);
const byteNumbers = new Array(byteCharacters.length);
for (let i = 0; i < byteCharacters.length; i++) {
@@ -446,7 +446,7 @@ function FileManagerContent({ initialHost, onClose }: FileManagerModernProps) {
);
}
- // 记录删除历史（虽然无法真正撤销）
+ // Record deletion history (although cannot truly undo)
const deletedFiles = files.map((file) => ({
path: file.path,
name: file.name,
@@ -454,7 +454,7 @@ function FileManagerContent({ initialHost, onClose }: FileManagerModernProps) {
const undoAction: UndoAction = {
type: "delete",
- description: `删除了 ${files.length} 个项目`,
+ description: t("fileManager.deletedItems", { count: files.length }),
data: {
operation: "cut", // Placeholder
deletedFiles,
@@ -484,7 +484,7 @@ function FileManagerContent({ initialHost, onClose }: FileManagerModernProps) {
}
}
- // Linus式创建：纯粹的意图，无副作用
+ // Linus-style creation: pure intent, no side effects
function handleCreateNewFolder() {
const defaultName = generateUniqueName("NewFolder", "directory");
setCreateIntent({
@@ -543,22 +543,22 @@ function FileManagerContent({ initialHost, onClose }: FileManagerModernProps) {
const symlinkInfo = await identifySSHSymlink(currentSessionId, file.path);
if (symlinkInfo.type === "directory") {
- // 如果软链接指向目录，导航到它
+ // If symlink points to directory, navigate to it
setCurrentPath(symlinkInfo.target);
} else if (symlinkInfo.type === "file") {
- // 如果软链接指向文件，打开文件
- // 计算窗口位置（稍微错开）
+ // If symlink points to file, open file
+ // Calculate window position (slightly offset)
const windowCount = Date.now() % 10;
const offsetX = 120 + windowCount * 30;
const offsetY = 120 + windowCount * 30;
- // 创建目标文件对象
+ // Create target file object
const targetFile: FileItem = {
...file,
path: symlinkInfo.target,
};
- // 创建窗口组件工厂函数
+ // Create window component factory function
const createWindowComponent = (windowId: string) => (
(
@@ -635,12 +635,12 @@ function FileManagerContent({ initialHost, onClose }: FileManagerModernProps) {
}
}
- // 专门的文件编辑函数
+ // Dedicated file editing function
function handleFileEdit(file: FileItem) {
handleFileOpen(file, true);
}
- // 专门的文件查看函数（只读）
+ // Dedicated file viewing function (read-only)
function handleFileView(file: FileItem) {
handleFileOpen(file, false);
}
@@ -648,8 +648,8 @@ function FileManagerContent({ initialHost, onClose }: FileManagerModernProps) {
function handleContextMenu(event: React.MouseEvent, file?: FileItem) {
event.preventDefault();
- // 如果右键点击的文件已经在选中列表中，使用所有选中的文件
- // 如果右键点击的文件不在选中列表中，只使用这一个文件
+ // If right-clicked file is already in selection list, use all selected files
+ // If right-clicked file is not in selection list, use only this file
let files: FileItem[];
if (file) {
const isFileSelected = selectedFiles.some((f) => f.path === file.path);
@@ -688,14 +688,14 @@ function FileManagerContent({ initialHost, onClose }: FileManagerModernProps) {
const { files, operation } = clipboard;
- // 处理复制和剪切操作
+ // Handle copy and cut operations
let successCount = 0;
const copiedItems: string[] = [];
for (const file of files) {
try {
if (operation === "copy") {
- // 复制操作：调用复制API
+ // Copy operation: call copy API
const result = await copySSHItem(
sshSessionId,
file.path,
@@ -706,7 +706,7 @@ function FileManagerContent({ initialHost, onClose }: FileManagerModernProps) {
copiedItems.push(result.uniqueName || file.name);
successCount++;
} else {
- // 剪切操作：移动文件到目标目录
+ // Cut operation: move files to target directory
const targetPath = currentPath.endsWith("/")
? `${currentPath}${file.name}`
: `${currentPath}/${file.name}`;
diff --git a/src/ui/Desktop/Apps/File Manager/FileManagerSidebar.tsx b/src/ui/Desktop/Apps/File Manager/FileManagerSidebar.tsx
index 3f8c2437..195b4118 100644
--- a/src/ui/Desktop/Apps/File Manager/FileManagerSidebar.tsx
+++ b/src/ui/Desktop/Apps/File Manager/FileManagerSidebar.tsx
@@ -38,9 +38,9 @@ interface FileManagerSidebarProps {
currentPath: string;
onPathChange: (path: string) => void;
onLoadDirectory?: (path: string) => void;
- onFileOpen?: (file: SidebarItem) => void; // 新增：处理文件打开
+ onFileOpen?: (file: SidebarItem) => void; // Added: handle file opening
sshSessionId?: string;
- refreshTrigger?: number; // 用于触发数据刷新
+ refreshTrigger?: number; // Used to trigger data refresh
}
export function FileManagerSidebar({
@@ -61,7 +61,7 @@ export function FileManagerSidebar({
new Set(["root"]),
);
- // 右键菜单状态
+ // Right-click menu state
const [contextMenu, setContextMenu] = useState<{
x: number;
y: number;
@@ -74,12 +74,12 @@ export function FileManagerSidebar({
item: null,
});
- // 加载快捷功能数据
+ // Load quick access data
useEffect(() => {
loadQuickAccessData();
}, [currentHost, refreshTrigger]);
- // 加载目录树（依赖sshSessionId）
+ // Load directory tree (depends on sshSessionId)
useEffect(() => {
if (sshSessionId) {
loadDirectoryTree();
@@ -90,7 +90,7 @@ export function FileManagerSidebar({
if (!currentHost?.id) return;
try {
- // 加载最近访问文件（限制5个）
+ // Load recent files (limit to 5)
const recentData = await getRecentFiles(currentHost.id);
const recentItems = recentData.slice(0, 5).map((item: any) => ({
id: `recent-${item.id}`,
@@ -101,7 +101,7 @@ export function FileManagerSidebar({
}));
setRecentItems(recentItems);
- // 加载固定文件
+ // Load pinned files
const pinnedData = await getPinnedFiles(currentHost.id);
const pinnedItems = pinnedData.map((item: any) => ({
id: `pinned-${item.id}`,
@@ -111,7 +111,7 @@ export function FileManagerSidebar({
}));
setPinnedItems(pinnedItems);
- // 加载文件夹快捷方式
+ // Load folder shortcuts
const shortcutData = await getFolderShortcuts(currentHost.id);
const shortcutItems = shortcutData.map((item: any) => ({
id: `shortcut-${item.id}`,
@@ -122,20 +122,20 @@ export function FileManagerSidebar({
setShortcuts(shortcutItems);
} catch (error) {
console.error("Failed to load quick access data:", error);
- // 如果加载失败，保持空数组
+ // If loading fails, keep empty arrays
setRecentItems([]);
setPinnedItems([]);
setShortcuts([]);
}
};
- // 删除功能实现
+ // Delete functionality implementation
const handleRemoveRecentFile = async (item: SidebarItem) => {
if (!currentHost?.id) return;
try {
await removeRecentFile(currentHost.id, item.path);
- loadQuickAccessData(); // 重新加载数据
+ loadQuickAccessData(); // Reload data
toast.success(
t("fileManager.removedFromRecentFiles", { name: item.name }),
);
@@ -150,7 +150,7 @@ export function FileManagerSidebar({
try {
await removePinnedFile(currentHost.id, item.path);
- loadQuickAccessData(); // 重新加载数据
+ loadQuickAccessData(); // Reload data
toast.success(t("fileManager.unpinnedSuccessfully", { name: item.name }));
} catch (error) {
console.error("Failed to unpin file:", error);
@@ -163,7 +163,7 @@ export function FileManagerSidebar({
try {
await removeFolderShortcut(currentHost.id, item.path);
- loadQuickAccessData(); // 重新加载数据
+ loadQuickAccessData(); // Reload data
toast.success(t("fileManager.removedShortcut", { name: item.name }));
} catch (error) {
console.error("Failed to remove shortcut:", error);
@@ -175,11 +175,11 @@ export function FileManagerSidebar({
if (!currentHost?.id || recentItems.length === 0) return;
try {
- // 批量删除所有recent文件
+ // Batch delete all recent files
await Promise.all(
recentItems.map((item) => removeRecentFile(currentHost.id, item.path)),
);
- loadQuickAccessData(); // 重新加载数据
+ loadQuickAccessData(); // Reload data
toast.success(t("fileManager.clearedAllRecentFiles"));
} catch (error) {
console.error("Failed to clear recent files:", error);
@@ -187,7 +187,7 @@ export function FileManagerSidebar({
}
};
- // 右键菜单处理
+ // Right-click menu handling
const handleContextMenu = (e: React.MouseEvent, item: SidebarItem) => {
e.preventDefault();
e.stopPropagation();
@@ -204,7 +204,7 @@ export function FileManagerSidebar({
setContextMenu((prev) => ({ ...prev, isVisible: false, item: null }));
};
- // 点击外部关闭菜单
+ // Click outside to close menu
useEffect(() => {
if (!contextMenu.isVisible) return;
@@ -223,7 +223,7 @@ export function FileManagerSidebar({
}
};
- // 延迟添加监听器，避免立即触发
+ // Delay adding listeners to avoid immediate trigger
const timeoutId = setTimeout(() => {
document.addEventListener("mousedown", handleClickOutside);
document.addEventListener("keydown", handleKeyDown);
@@ -240,10 +240,10 @@ export function FileManagerSidebar({
if (!sshSessionId) return;
try {
- // 加载根目录
+ // Load root directory
const response = await listSSHFiles(sshSessionId, "/");
- // listSSHFiles 现在总是返回 {files: Array, path: string} 格式
+ // listSSHFiles now always returns {files: Array, path: string} format
const rootFiles = response.files || [];
const rootFolders = rootFiles.filter(
(item: any) => item.type === "directory",
@@ -255,7 +255,7 @@ export function FileManagerSidebar({
path: folder.path,
type: "folder" as const,
isExpanded: false,
- children: [], // 子目录将按需加载
+ children: [], // Subdirectories will be loaded on demand
}));
setDirectoryTree([
@@ -270,7 +270,7 @@ export function FileManagerSidebar({
]);
} catch (error) {
console.error("Failed to load directory tree:", error);
- // 如果加载失败，显示简单的根目录
+ // If loading fails, show simple root directory
setDirectoryTree([
{
id: "root",
@@ -289,17 +289,17 @@ export function FileManagerSidebar({
toggleFolder(item.id, item.path);
onPathChange(item.path);
} else if (item.type === "recent" || item.type === "pinned") {
- // 对于文件类型，调用文件打开回调
+ // For file types, call file open callback
if (onFileOpen) {
onFileOpen(item);
} else {
- // 如果没有文件打开回调，切换到文件所在目录
+ // If no file open callback, switch to file directory
const directory =
item.path.substring(0, item.path.lastIndexOf("/")) || "/";
onPathChange(directory);
}
} else if (item.type === "shortcut") {
- // 文件夹快捷方式直接切换到目录
+ // Folder shortcuts directly switch to directory
onPathChange(item.path);
}
};
@@ -312,12 +312,12 @@ export function FileManagerSidebar({
} else {
newExpanded.add(folderId);
- // 按需加载子目录
+ // Load subdirectories on demand
if (sshSessionId && folderPath && folderPath !== "/") {
try {
const subResponse = await listSSHFiles(sshSessionId, folderPath);
- // listSSHFiles 现在总是返回 {files: Array, path: string} 格式
+ // listSSHFiles now always returns {files: Array, path: string} format
const subFiles = subResponse.files || [];
const subFolders = subFiles.filter(
(item: any) => item.type === "directory",
@@ -332,7 +332,7 @@ export function FileManagerSidebar({
children: [],
}));
- // 更新目录树，为当前文件夹添加子目录
+ // Update directory tree, add subdirectories for current folder
setDirectoryTree((prevTree) => {
const updateChildren = (items: SidebarItem[]): SidebarItem[] => {
return items.map((item) => {
@@ -370,7 +370,7 @@ export function FileManagerSidebar({
style={{ paddingLeft: `${12 + level * 16}px`, paddingRight: "12px" }}
onClick={() => handleItemClick(item)}
onContextMenu={(e) => {
- // 只有快捷功能项才需要右键菜单
+ // Only quick access items need right-click menu
if (
item.type === "recent" ||
item.type === "pinned" ||
@@ -447,7 +447,7 @@ export function FileManagerSidebar({
@@ -215,12 +223,12 @@ export function DiffViewer({
return (
{getFileIcon(file, viewMode)}
- {/* 文件信息 */}
+ {/* File info */}
{editingFile?.path === file.path ? (
{
// 阻止文件选择事件
if (onStartEdit) {
@@ -1334,7 +1334,7 @@ export function FileManagerGrid({
)}
- {/* 文件大小 */}
+ {/* File size */}
{file.type === "file" &&
file.size !== undefined &&
@@ -1345,7 +1345,7 @@ export function FileManagerGrid({
)}
- {/* 权限信息 */}
+ {/* Permission info */}
{file.permissions && (
)}
- {/* 框选矩形 */}
+ {/* Selection rectangle */}
{isSelecting && selectionRect && (
@@ -1359,7 +1359,7 @@ export function FileManagerGrid({
{t("fileManager.itemCount", { count: files.length })}
@@ -1386,7 +1386,7 @@ export function FileManagerGrid({
- {/* 快捷功能区域 */}
+ {/* Quick access area */}
{renderSection(
t("fileManager.recent"),
("");
const [content2, setContent2] = useState("");
const [isLoading, setIsLoading] = useState(false);
@@ -44,7 +46,7 @@ export function DiffViewer({
);
const [showLineNumbers, setShowLineNumbers] = useState(true);
- // 确保SSH连接有效
+ // Ensure SSH connection is valid
const ensureSSHConnection = async () => {
try {
const status = await getSSHStatus(sshSessionId);
@@ -68,10 +70,10 @@ export function DiffViewer({
}
};
- // 加载文件内容
+ // Load file contents
const loadFileContents = async () => {
if (file1.type !== "file" || file2.type !== "file") {
- setError("只能对比文件类型的项目");
+ setError(t("fileManager.canOnlyCompareFiles"));
return;
}
@@ -79,10 +81,10 @@ export function DiffViewer({
setIsLoading(true);
setError(null);
- // 确保SSH连接有效
+ // Ensure SSH connection is valid
await ensureSSHConnection();
- // 并行加载两个文件
+ // Load both files in parallel
const [response1, response2] = await Promise.all([
readSSHFile(sshSessionId, file1.path),
readSSHFile(sshSessionId, file2.path),
@@ -95,17 +97,23 @@ export function DiffViewer({
const errorData = error?.response?.data;
if (errorData?.tooLarge) {
- setError(`文件过大: ${errorData.error}`);
+ setError(t("fileManager.fileTooLarge", { error: errorData.error }));
} else if (
error.message?.includes("connection") ||
error.message?.includes("established")
) {
setError(
- `SSH连接失败。请检查与 ${sshHost.name} (${sshHost.ip}:${sshHost.port}) 的连接`,
+ t("fileManager.sshConnectionFailed", {
+ name: sshHost.name,
+ ip: sshHost.ip,
+ port: sshHost.port
+ }),
);
} else {
setError(
- `加载文件失败: ${error.message || errorData?.error || "未知错误"}`,
+ t("fileManager.loadFileFailed", {
+ error: error.message || errorData?.error || t("fileManager.unknownError")
+ }),
);
}
} finally {
@@ -113,7 +121,7 @@ export function DiffViewer({
}
};
- // 下载文件
+ // Download file
const handleDownloadFile = async (file: FileItem) => {
try {
await ensureSSHConnection();
@@ -147,7 +155,7 @@ export function DiffViewer({
}
};
- // 获取文件语言类型
+ // Get file language type
const getFileLanguage = (fileName: string): string => {
const ext = fileName.split(".").pop()?.toLowerCase();
const languageMap: Record = {
@@ -182,7 +190,7 @@ export function DiffViewer({
return languageMap[ext || ""] || "plaintext";
};
- // 初始加载
+ // Initial load
useEffect(() => {
loadFileContents();
}, [file1, file2, sshSessionId]);
@@ -192,7 +200,7 @@ export function DiffViewer({
);
@@ -206,7 +214,7 @@ export function DiffViewer({
-
正在加载文件对比...
+{t("fileManager.loadingFileComparison")}
{error}
- {/* 工具栏 */}
+ {/* Toolbar */}
- {/* Diff编辑器 */}
+ {/* Diff editor */}
}
diff --git a/src/ui/Desktop/Apps/File Manager/components/DraggableWindow.tsx b/src/ui/Desktop/Apps/File Manager/components/DraggableWindow.tsx
index 89e42f02..4e9d5d34 100644
--- a/src/ui/Desktop/Apps/File Manager/components/DraggableWindow.tsx
+++ b/src/ui/Desktop/Apps/File Manager/components/DraggableWindow.tsx
@@ -1,6 +1,7 @@
import React, { useState, useRef, useCallback, useEffect } from "react";
import { cn } from "@/lib/utils";
import { Minus, Square, X, Maximize2, Minimize2 } from "lucide-react";
+import { useTranslation } from "react-i18next";
interface DraggableWindowProps {
title: string;
@@ -35,7 +36,8 @@ export function DraggableWindow({
zIndex = 1000,
onFocus,
}: DraggableWindowProps) {
- // 窗口状态
+ const { t } = useTranslation();
+ // Window state
const [position, setPosition] = useState({ x: initialX, y: initialY });
const [size, setSize] = useState({
width: initialWidth,
@@ -45,19 +47,19 @@ export function DraggableWindow({
const [isResizing, setIsResizing] = useState(false);
const [resizeDirection, setResizeDirection] = useState("");
- // 拖拽开始位置
+ // Drag start position
const [dragStart, setDragStart] = useState({ x: 0, y: 0 });
const [windowStart, setWindowStart] = useState({ x: 0, y: 0 });
const windowRef = useRef(null);
const titleBarRef = useRef(null);
- // 处理窗口焦点
+ // Handle window focus
const handleWindowClick = useCallback(() => {
onFocus?.();
}, [onFocus]);
- // 拖拽处理
+ // Drag handling
const handleMouseDown = useCallback(
(e: React.MouseEvent) => {
if (isMaximized) return;
@@ -85,7 +87,7 @@ export function DraggableWindow({
y: Math.max(
0,
Math.min(window.innerHeight - 40, windowStart.y + deltaY),
- ), // 保持标题栏可见
+ ), // Keep title bar visible
});
}
@@ -143,7 +145,7 @@ export function DraggableWindow({
setResizeDirection("");
}, []);
- // 调整大小处理
+ // Resize handling
const handleResizeStart = useCallback(
(e: React.MouseEvent, direction: string) => {
if (isMaximized) return;
@@ -159,7 +161,7 @@ export function DraggableWindow({
[isMaximized, size, onFocus],
);
- // 全局事件监听
+ // Global event listeners
useEffect(() => {
if (isDragging || isResizing) {
document.addEventListener("mousemove", handleMouseMove);
@@ -176,7 +178,7 @@ export function DraggableWindow({
}
}, [isDragging, isResizing, handleMouseMove, handleMouseUp]);
- // 双击标题栏最大化/还原
+ // Double-click title bar to maximize/restore
const handleTitleDoubleClick = useCallback(() => {
onMaximize?.();
}, [onMaximize]);
@@ -198,7 +200,7 @@ export function DraggableWindow({
}}
onClick={handleWindowClick}
>
- {/* 标题栏 */}
+ {/* Title bar */}
- {/* 窗口内容 */}
+ {/* Window content */}
- 对比：
+ {t("fileManager.compare")}:
{file1.name}
@@ -230,7 +238,7 @@ export function DiffViewer({
- {/* 视图切换 */}
+ {/* View toggle */}
- {/* 行号切换 */}
+ {/* Line number toggle */}
-
初始化编辑器...
+{t("fileManager.initializingEditor")}
{isMaximized ? (
- {/* 调整大小边框 - 只在非最大化时显示 */}
+ {/* Resize borders - only show when not maximized */}
{!isMaximized && (
<>
- {/* 边缘调整 */}
+ {/* Edge resize */}
handleResizeStart(e, "top")}
@@ -286,7 +288,7 @@ export function DraggableWindow({
onMouseDown={(e) => handleResizeStart(e, "right")}
/>
- {/* 角落调整 */}
+ {/* Corner resize */}
handleResizeStart(e, "top-left")}
diff --git a/src/ui/Desktop/Apps/File Manager/components/FileViewer.tsx b/src/ui/Desktop/Apps/File Manager/components/FileViewer.tsx
index 878d6a91..528536bb 100644
--- a/src/ui/Desktop/Apps/File Manager/components/FileViewer.tsx
+++ b/src/ui/Desktop/Apps/File Manager/components/FileViewer.tsx
@@ -73,12 +73,12 @@ interface FileViewerProps {
onDownload?: () => void;
}
-// 获取编程语言的官方图标
+// Get official icon for programming languages
function getLanguageIcon(filename: string): React.ReactNode {
const ext = filename.split(".").pop()?.toLowerCase() || "";
const baseName = filename.toLowerCase();
- // 特殊文件名处理
+ // Special filename handling
if (["dockerfile"].includes(baseName)) {
return = {
js: "javascript",
jsx: "jsx",
@@ -258,7 +258,7 @@ function getLanguageExtension(filename: string) {
return language ? loadLanguage(language) : null;
}
-// 格式化文件大小
+// Format file size
function formatFileSize(bytes?: number): string {
if (!bytes) return "Unknown size";
const sizes = ["B", "KB", "MB", "GB"];
@@ -294,31 +294,31 @@ export function FileViewer({
const fileTypeInfo = getFileType(file.name);
- // 文件大小限制 - 移除硬限制，支持大文件处理
- const WARNING_SIZE = 50 * 1024 * 1024; // 50MB 警告
- const MAX_SIZE = Number.MAX_SAFE_INTEGER; // 移除硬限制
+ // File size limits - remove hard limits, support large file handling
+ const WARNING_SIZE = 50 * 1024 * 1024; // 50MB warning
+ const MAX_SIZE = Number.MAX_SAFE_INTEGER; // Remove hard limits
- // 检查是否应该显示为文本
+ // Check if should display as text
const shouldShowAsText =
fileTypeInfo.type === "text" ||
fileTypeInfo.type === "code" ||
(fileTypeInfo.type === "unknown" &&
(forceShowAsText || !file.size || file.size <= WARNING_SIZE));
- // 检查文件是否过大
+ // Check if file is too large
const isLargeFile = file.size && file.size > WARNING_SIZE;
const isTooLarge = file.size && file.size > MAX_SIZE;
- // 同步外部内容更改
+ // Sync external content changes
useEffect(() => {
setEditedContent(content);
- // 只有在savedContent更新时才更新originalContent
+ // Only update originalContent when savedContent is updated
if (savedContent) {
setOriginalContent(savedContent);
}
setHasChanges(content !== (savedContent || content));
- // 如果是未知文件类型且文件较大，显示警告
+ // If unknown file type and file is large, show warning
if (fileTypeInfo.type === "unknown" && isLargeFile && !forceShowAsText) {
setShowLargeFileWarning(true);
} else {
@@ -326,27 +326,27 @@ export function FileViewer({
}
}, [content, savedContent, fileTypeInfo.type, isLargeFile, forceShowAsText]);
- // 处理内容更改
+ // Handle content changes
const handleContentChange = (newContent: string) => {
setEditedContent(newContent);
setHasChanges(newContent !== originalContent);
onContentChange?.(newContent);
};
- // 保存文件
+ // Save file
const handleSave = () => {
onSave?.(editedContent);
- // 注意：不在这里更新originalContent，因为它会通过savedContent prop更新
+ // Note: Don't update originalContent here, as it will be updated via savedContent prop
};
- // 复原文件
+ // Revert file
const handleRevert = () => {
setEditedContent(originalContent);
setHasChanges(false);
onContentChange?.(originalContent);
};
- // 搜索匹配功能
+ // Search matching functionality
const findMatches = (text: string) => {
if (!text) {
setSearchMatches([]);
@@ -363,7 +363,7 @@ export function FileViewer({
start: match.index,
end: match.index + match[0].length,
});
- // 避免无限循环
+ // Avoid infinite loop
if (match.index === regex.lastIndex) regex.lastIndex++;
}
@@ -371,7 +371,7 @@ export function FileViewer({
setCurrentMatchIndex(matches.length > 0 ? 0 : -1);
};
- // 搜索导航
+ // Search navigation
const goToNextMatch = () => {
if (searchMatches.length === 0) return;
setCurrentMatchIndex((prev) => (prev + 1) % searchMatches.length);
@@ -384,7 +384,7 @@ export function FileViewer({
);
};
- // 替换功能
+ // Replace functionality
const handleFindReplace = (
findText: string,
replaceWithText: string,
@@ -399,7 +399,7 @@ export function FileViewer({
replaceWithText,
);
} else if (currentMatchIndex >= 0 && searchMatches[currentMatchIndex]) {
- // 替换当前匹配项
+ // Replace current match
const match = searchMatches[currentMatchIndex];
newContent =
editedContent.substring(0, match.start) +
@@ -411,7 +411,7 @@ export function FileViewer({
setHasChanges(newContent !== originalContent);
onContentChange?.(newContent);
- // 重新搜索以更新匹配项
+ // Re-search to update matches
setTimeout(() => findMatches(findText), 0);
};
@@ -425,7 +425,7 @@ export function FileViewer({
setShowReplacePanel(true);
};
- // 渲染带高亮的文本
+ // Render highlighted text
const renderHighlightedText = (text: string) => {
if (!searchText || searchMatches.length === 0) {
return text;
@@ -435,12 +435,12 @@ export function FileViewer({
let lastIndex = 0;
searchMatches.forEach((match, index) => {
- // 添加匹配前的文本
+ // Add text before match
if (match.start > lastIndex) {
parts.push(text.substring(lastIndex, match.start));
}
- // 添加高亮的匹配文本
+ // Add highlighted match text
const isCurrentMatch = index === currentMatchIndex;
parts.push(
{
setForceShowAsText(true);
setShowLargeFileWarning(false);
};
- // 处理用户拒绝打开大文件
+ // Handle user rejection to open large file
const handleCancelOpenAsText = () => {
setShowLargeFileWarning(false);
};
@@ -491,7 +491,7 @@ export function FileViewer({
return (
- {/* 文件信息头部 */}
+ {/* File info header */}
@@ -517,7 +517,7 @@ export function FileViewer({
- {/* 编辑工具栏 - 直接显示，无需切换 */}
+ {/* Edit toolbar - display directly, no toggle needed */}
{isEditable && (
<>
- {/* 搜索和替换面板 */}
+ {/* Search and replace panel */}
{showSearchPanel && (
@@ -657,9 +657,9 @@ export function FileViewer({
)}
- {/* 文件内容 */}
+ {/* File content */}
- {/* 大文件警告对话框 */}
+ {/* Large file warning dialog */}
{showLargeFileWarning && (
![]()
)}
- {/* 文本和代码文件预览 */}
+ {/* Text and code file preview */}
{shouldShowAsText && !showLargeFileWarning && (
@@ -722,7 +722,7 @@ export function FileViewer({
)}
- {/* 图片预览 */}
+ {/* Image preview */}
{fileTypeInfo.type === "image" && !showLargeFileWarning && (
{fileTypeInfo.type === "code" ? (
- // 代码文件使用CodeMirror
+ // Code files use CodeMirror
{searchText && searchMatches.length > 0 ? (
- // 当有搜索结果时，显示只读的高亮文本（带行号）
+ // When there are search results, show read-only highlighted text (with line numbers)
- {/* 行号列 */}
+ {/* Line number column */}
handleContentChange(value)}
@@ -790,17 +790,17 @@ export function FileViewer({
)}
) : (
- // 普通文本文件
+ // Plain text files
{editedContent.split("\n").map((_, index) => (
) : (
- // 没有搜索时显示CodeMirror编辑器
+ // Show CodeMirror editor when no search
))}
- {/* 代码内容 */}
+ {/* Code content */}
{renderHighlightedText(editedContent)}
{isEditable ? (
{searchText && searchMatches.length > 0 ? (
- // 当有搜索结果时，显示只读的高亮文本
+ // When there are search results, show read-only highlighted text
{renderHighlightedText(editedContent)}
) : (
- // 直接显示可编辑的textarea
+ // Directly show editable textarea