feat: DiffLens v0.1.0 初始版本 - 文本对比桌面应用（TypeScript + React + Electron）

2026-08-17 16:20:56 +08:00
parent fdccb6c1cd
commit b3c50c4b94
23 changed files with 8713 additions and 0 deletions
@@ -0,0 +1,182 @@
+import { join } from 'path'
+import { app, shell, BrowserWindow, Menu, ipcMain, dialog } from 'electron'
+import { electronApp, optimizer, is } from '@electron-toolkit/utils'
+import iconv from 'iconv-lite'
+import fs from 'fs'
+
+function createWindow(): void {
+  // 主窗口
+  const mainWindow = new BrowserWindow({
+    width: 1280,
+    height: 820,
+    minWidth: 900,
+    minHeight: 600,
+    show: false,
+    autoHideMenuBar: false,
+    title: 'DiffLens',
+    icon: join(__dirname, '../../resources/icon.png'),
+    backgroundColor: '#0a0e17',
+    webPreferences: {
+      preload: join(__dirname, '../preload/index.js'),
+      sandbox: false,
+      contextIsolation: true,
+      nodeIntegration: false
+    }
+  })
+
+  mainWindow.on('ready-to-show', () => {
+    mainWindow.show()
+  })
+
+  mainWindow.webContents.setWindowOpenHandler((details) => {
+    shell.openExternal(details.url)
+    return { action: 'deny' }
+  })
+
+  // 开发模式加载 dev server，生产加载打包后的 html
+  if (is.dev && process.env['ELECTRON_RENDERER_URL']) {
+    mainWindow.loadURL(process.env['ELECTRON_RENDERER_URL'])
+  } else {
+    mainWindow.loadFile(join(__dirname, '../renderer/index.html'))
+  }
+}
+
+/**
+ * 探测文本编码：优先 BOM，其次严格 UTF-8，
+ * 失败则回退 GBK 解码，返回 { text, encoding }。
+ */
+function decodeText(buf: Buffer): { text: string; encoding: string } {
+  if (buf.length >= 3 && buf[0] === 0xef && buf[1] === 0xbb && buf[2] === 0xbf) {
+    return { text: buf.subarray(3).toString('utf8'), encoding: 'UTF-8 (BOM)' }
+  }
+  if (buf.length >= 2 && buf[0] === 0xfe && buf[1] === 0xff) {
+    return { text: iconv.decode(buf.subarray(2), 'utf16-be'), encoding: 'UTF-16 BE' }
+  }
+  if (buf.length >= 2 && buf[0] === 0xff && buf[1] === 0xfe) {
+    return { text: buf.subarray(2).toString('utf16le'), encoding: 'UTF-16 LE' }
+  }
+  // 严格 UTF-8 探测
+  try {
+    const decoder = new TextDecoder('utf-8', { fatal: true })
+    const text = decoder.decode(buf)
+    return { text, encoding: 'UTF-8' }
+  } catch {
+    return { text: iconv.decode(buf, 'gbk'), encoding: 'GBK' }
+  }
+}
+
+/** IPC: 打开文件对话框并读取内容 */
+ipcMain.handle('file:open', async (_event, side: 'left' | 'right' | null) => {
+  const result = await dialog.showOpenDialog({
+    title: `选择${side === 'left' ? '左侧' : side === 'right' ? '右侧' : ''}文本文件`,
+    properties: ['openFile'],
+    filters: [
+      { name: '文本文件', extensions: ['txt', 'md', 'json', 'js', 'ts', 'tsx', 'jsx', 'css', 'html', 'xml', 'yml', 'yaml', 'py', 'java', 'go', 'rs', 'c', 'cpp', 'h', 'log', 'csv', 'sql'] },
+      { name: '所有文件', extensions: ['*'] }
+    ]
+  })
+  if (result.canceled || result.filePaths.length === 0) return null
+  const filePath = result.filePaths[0]
+  const buf = fs.readFileSync(filePath)
+  const { text, encoding } = decodeText(buf)
+  const name = filePath.split(/[\\/]/).pop() ?? filePath
+  return { path: filePath, name, text, encoding }
+})
+
+/** IPC: 打开系统文件管理器定位文件 */
+ipcMain.handle('file:show-in-folder', (_event, filePath: string) => {
+  shell.showItemInFolder(filePath)
+  return true
+})
+
+/** IPC: 复制文本到剪贴板 */
+ipcMain.handle('clipboard:write', (_event, text: string) => {
+  require('electron').clipboard.writeText(text)
+  return true
+})
+
+function buildMenu(): void {
+  const isMac = process.platform === 'darwin'
+  const template: Electron.MenuItemConstructorOptions[] = [
+    ...(isMac
+      ? [
+          {
+            label: app.name,
+            submenu: [
+              { role: 'about' as const },
+              { type: 'separator' as const },
+              { role: 'quit' as const }
+            ]
+          }
+        ]
+      : []),
+    {
+      label: '文件',
+      submenu: [
+        { label: '打开文件（左侧）', accelerator: 'CmdOrCtrl+O', click: () => sendMenuCommand('open-left') },
+        { label: '打开文件（右侧）', accelerator: 'CmdOrCtrl+Alt+O', click: () => sendMenuCommand('open-right') },
+        { type: 'separator' },
+        isMac ? { role: 'close' as const } : { role: 'quit' as const }
+      ]
+    },
+    {
+      label: '编辑',
+      submenu: [
+        { role: 'undo' as const },
+        { role: 'redo' as const },
+        { type: 'separator' as const },
+        { role: 'cut' as const },
+        { role: 'copy' as const },
+        { role: 'paste' as const },
+        { role: 'selectAll' as const }
+      ]
+    },
+    {
+      label: '视图',
+      submenu: [
+        { role: 'reload' as const },
+        { role: 'forceReload' as const },
+        { role: 'toggleDevTools' as const },
+        { type: 'separator' as const },
+        { role: 'resetZoom' as const },
+        { role: 'zoomIn' as const },
+        { role: 'zoomOut' as const },
+        { type: 'separator' as const },
+        { role: 'togglefullscreen' as const }
+      ]
+    },
+    {
+      label: '帮助',
+      submenu: [{ role: 'about' as const }]
+    }
+  ]
+  Menu.setApplicationMenu(Menu.buildFromTemplate(template))
+}
+
+/** 向渲染进程广播菜单指令 */
+function sendMenuCommand(cmd: string): void {
+  for (const win of BrowserWindow.getAllWindows()) {
+    win.webContents.send('menu:command', cmd)
+  }
+}
+
+app.whenReady().then(() => {
+  electronApp.setAppUserModelId('com.metonateam.difflens')
+
+  app.on('browser-window-created', (_, window) => {
+    optimizer.watchWindowShortcuts(window)
+  })
+
+  buildMenu()
+  createWindow()
+
+  app.on('activate', () => {
+    if (BrowserWindow.getAllWindows().length === 0) createWindow()
+  })
+})
+
+app.on('window-all-closed', () => {
+  if (process.platform !== 'darwin') {
+    app.quit()
+  }
+})