🚀 Introducing SysPeek v2.0.0 - A Modern System Information Viewer for Windows, macOS, and Linux (New Release!)
🚀 Introducing SysPeek v2.0.0 - A Modern System Information Viewer for Windows, macOS, and Linux (New Release!)
Introducing SysPeek v2.0.0: A Modern Cross-Platform System Monitor Built with Electron & React
隆重推出 SysPeek v2.0.0：一款基于 Electron 和 React 构建的现代化跨平台系统监视器
A complete architectural rewrite featuring Electron 43, React 19, TypeScript, Vite, automatic updates, live monitoring, and a secure Electron architecture. 这是一次完整的架构重写，采用了 Electron 43、React 19、TypeScript 和 Vite，并支持自动更新、实时监控以及安全的 Electron 架构。
Introduction
简介
I’m excited to announce the release of SysPeek v2.0.0. While previous versions focused on providing an intuitive hardware information viewer, version 2 represents a complete rebuild of the application from the ground up. This release modernizes every layer of the project—from the build system and security model to the user interface and update mechanism—creating a faster, more maintainable, and production-ready desktop application. Built with Electron, React, TypeScript, and Vite, SysPeek now delivers real-time system monitoring, detailed hardware information, automatic updates, and a hardened Electron architecture designed for modern desktop development. 我很高兴地宣布 SysPeek v2.0.0 正式发布。虽然之前的版本专注于提供直观的硬件信息查看功能，但 2.0 版本代表了该应用的彻底重构。此次发布对项目的每一层都进行了现代化改造——从构建系统和安全模型到用户界面和更新机制——打造出一款更快、更易于维护且可用于生产环境的桌面应用。SysPeek 基于 Electron、React、TypeScript 和 Vite 构建，现可提供实时系统监控、详细的硬件信息、自动更新以及专为现代桌面开发设计的强化版 Electron 架构。
What is SysPeek?
什么是 SysPeek？
SysPeek is a modern desktop application that allows you to inspect your computer’s hardware and monitor live system performance from a single interface. Rather than relying on multiple utilities, SysPeek combines hardware inspection, performance monitoring, system diagnostics, and productivity tools into one lightweight application. Whether you’re a developer, IT administrator, technician, or simply curious about your hardware, SysPeek provides detailed insights in a clean and responsive interface. SysPeek 是一款现代化的桌面应用程序，允许您通过单一界面检查计算机硬件并监控实时系统性能。SysPeek 无需依赖多个实用程序，而是将硬件检查、性能监控、系统诊断和生产力工具整合到一个轻量级应用中。无论您是开发人员、IT 管理员、技术人员，还是仅仅对硬件感到好奇，SysPeek 都能在简洁且响应迅速的界面中为您提供详细的洞察。
What’s New in Version 2?
2.0 版本有哪些新功能？
Version 2 isn’t simply an update—it’s a complete architectural redesign. Every major subsystem has been rebuilt to improve performance, maintainability, scalability, and security. 2.0 版本不仅仅是一次更新，更是一次彻底的架构重构。每一个主要子系统都经过了重建，以提高性能、可维护性、可扩展性和安全性。
Major Improvements: 主要改进：
- Complete migration to electron-vite
- 完全迁移至 electron-vite
- Fully rewritten using TypeScript
- 使用 TypeScript 完全重写
- Electron 43 / React 19 / Ant Design 6 / Vite 7
- Electron 43 / React 19 / Ant Design 6 / Vite 7
- Automatic application updates
- 自动应用程序更新
- Secure IPC communication layer
- 安全的 IPC 通信层
- Context isolation and sandbox enabled
- 启用了上下文隔离和沙盒模式
- Live history charts / System tray integration
- 实时历史图表 / 系统托盘集成
- Theme customization / Report exporting / Notification system
- 主题自定义 / 报告导出 / 通知系统
- Better application startup performance
- 更佳的应用程序启动性能
Modern Technology Stack
现代技术栈
SysPeek is powered by modern desktop technologies. This stack enables fast development while delivering native desktop performance. SysPeek 由现代桌面技术驱动。该技术栈在实现快速开发的同时，提供了原生桌面的性能表现。
| Layer | Technology |
|---|---|
| Desktop Framework | Electron 43 |
| Frontend | React 19 |
| Language | TypeScript 6 |
| Build Tool | Vite 7 + electron-vite |
| UI Framework | Ant Design 6 |
| Charts | uPlot |
| Hardware Information | systeminformation |
| Updates | electron-updater |
| Packaging | electron-builder |
| 层级 | 技术 |
|---|---|
| 桌面框架 | Electron 43 |
| 前端 | React 19 |
| 语言 | TypeScript 6 |
| 构建工具 | Vite 7 + electron-vite |
| UI 框架 | Ant Design 6 |
| 图表 | uPlot |
| 硬件信息 | systeminformation |
| 更新 | electron-updater |
| 打包 | electron-builder |
Live Performance Dashboard
实时性能仪表盘
SysPeek now features a completely redesigned Task Manager-inspired dashboard. Monitor your system in real time with: Live CPU utilization, Memory usage, Disk I/O, Network throughput, System uptime, Per-core processor load, and Historical performance charts. Everything updates continuously without overwhelming system resources. SysPeek 现在拥有一个完全重新设计、灵感源自任务管理器的仪表盘。您可以实时监控系统，包括：实时 CPU 利用率、内存使用情况、磁盘 I/O、网络吞吐量、系统运行时间、各核心处理器负载以及历史性能图表。所有数据持续更新，且不会占用过多系统资源。
Comprehensive Hardware Information
全面的硬件信息
Beyond performance monitoring, SysPeek provides detailed hardware inspection across every major component. Available pages include: System, CPU, Memory, Graphics, Display, Storage, Operating System, Network, WiFi, Battery, Audio, Bluetooth, USB Devices, and Printers. Each section presents hardware specifications in a structured and easy-to-read format. 除了性能监控外，SysPeek 还提供对每个主要组件的详细硬件检查。可用页面包括：系统、CPU、内存、显卡、显示器、存储、操作系统、网络、WiFi、电池、音频、蓝牙、USB 设备和打印机。每个部分都以结构化且易于阅读的格式呈现硬件规格。
Process Explorer
进程资源管理器
Version 2 introduces a significantly improved process manager. Features include: Running process list, Search, Sorting, CPU usage, and Memory consumption, making it easier to identify resource-intensive applications. 2.0 版本引入了显著改进的进程管理器。功能包括：运行进程列表、搜索、排序、CPU 使用率和内存消耗，使识别资源密集型应用程序变得更加容易。
Security First
安全至上
Desktop applications often overlook security. SysPeek follows Electron’s recommended security practices: Context Isolation enabled, Sandbox enabled, Node Integration disabled, Secure preload bridge, Typed IPC communication, Strict Content Security Policy, and Whitelisted API exposure. System information is collected only in the Electron main process, while the React interface communicates through a carefully controlled IPC bridge. 桌面应用程序往往忽视安全性。SysPeek 遵循 Electron 推荐的安全实践：启用上下文隔离、启用沙盒、禁用 Node 集成、安全的预加载桥接、类型化的 IPC 通信、严格的内容安全策略以及白名单 API 暴露。系统信息仅在 Electron 主进程中收集，而 React 界面则通过严格控制的 IPC 桥接进行通信。
Getting Started
快速开始
Clone the repository and install dependencies: 克隆仓库并安装依赖：
git clone https://github.com/shehari007/SysPeek-hwinfo-react-electron-app.git
cd SysPeek-hwinfo-react-electron-app
npm install
npm run devThe development server launches Electron with hot reload for both the renderer and the main process. 开发服务器将启动 Electron，并为渲染进程和主进程提供热重载功能。