da7f566ecfb16a167c65264b656d58e3cc8a0c07
Wave 1 - Foundation: - Add shared TypeScript type definitions (domain, kintone, version, ipc) - Implement storage module with safeStorage encryption - Implement Kintone REST API client with authentication - Add IPC handlers for all features - Expose APIs via preload contextBridge - Setup Zustand stores for state management Wave 2 - Domain Management: - Implement Domain store with IPC actions - Create DomainManager, DomainList, DomainForm components - Connect UI components to store Wave 3 - Resource Browsing: - Create SpaceTree component for browsing spaces/apps - Create AppDetail component for app configuration view - Create CodeViewer component with syntax highlighting Wave 4 - Deployment: - Create FileUploader drag-and-drop component - Create DeployDialog with step-by-step deployment flow - Implement deployment IPC handler with auto-backup Wave 5 - Version Management: - Create VersionHistory component - Implement version storage and rollback logic Wave 6 - Integration: - Integrate all components into main App layout - Update main process entry point - Configure TypeScript paths for renderer imports
Kintone Customize Manager
Kintone 自定义资源管理器 - 用于管理和部署 Kintone 平台的自定义资源(JavaScript、CSS、Plugin)。
技术栈
- 框架: Electron 30+
- 前端: React 19 + TypeScript
- 构建工具: electron-vite + electron-builder
- 状态管理: Zustand
- UI 组件库: LobeHub UI + Ant Design 6
- CSS 方案: antd-style
- 代码编辑器: CodeMirror 6
开发
安装依赖
npm install
启动开发服务器
npm run dev
构建生产版本
# Windows
npm run package:win
# macOS
npm run package:mac
# Linux
npm run package:linux
项目结构
kintone-customize-manager/
├─ src/
│ ├─ main/ # Electron 主进程
│ ├─ preload/ # Preload 脚本
│ └─ renderer/ # React 渲染进程
│ └─ src/
│ ├─ components/
│ ├─ hooks/
│ ├─ stores/
│ ├─ utils/
│ └─ types/
├─ resources/ # 应用资源
└─ build/ # 构建配置
许可证
MIT
Description
Languages
TypeScript
98.4%
JavaScript
1%
CSS
0.4%
HTML
0.2%