0436267266
- 基于现有search_similar_outfits功能开发独立的相似度检索小工具 - 遵循promptx/tauri-desktop-app-expert开发规范 - 实现完整的前后端架构： * Rust后端命令接口 (similarity_search_commands.rs) * TypeScript类型定义 (similaritySearch.ts) * Zustand状态管理 (similaritySearchStore.ts) * React组件 (SimilaritySearchTool, SimilaritySearchPanel, SimilaritySearchResults, SimilaritySearchCard) * 服务层 (similaritySearchService.ts) 功能特性： - 智能搜索建议和自动完成 - 可调节的相关性阈值 (LOWEST/LOW/MEDIUM/HIGH) - 快速搜索标签 - 响应式网格布局结果展示 - 优雅的加载状态和错误处理 - 遵循UI/UX设计标准的美观界面 技术实现： - 复用现有outfit search API和数据模型 - 简化的搜索配置，专注核心功能 - 完整的TypeScript类型安全 - 现代化的React Hooks和状态管理 - TailwindCSS响应式设计 - 平滑的动画和交互效果 集成： - 添加到快捷工具列表 (/tools/similarity-search) - 配置React Router路由 - 注册Tauri命令处理器
@mixvideo/desktop
MixVideo 桌面应用 - 基于 Tauri + React + TypeScript 构建的跨平台桌面应用。
🚀 快速开始
开发环境要求
- Node.js 18+
- Rust 1.70+
- PNPM 8+
安装依赖
pnpm install
开发模式
pnpm dev
# 或
pnpm tauri:dev
构建应用
pnpm tauri:build
📁 项目结构
apps/desktop/
├── src/ # React 前端源码
│ ├── components/ # React 组件
│ ├── pages/ # 页面组件
│ ├── hooks/ # 自定义 Hooks
│ ├── services/ # API 服务
│ ├── types/ # TypeScript 类型
│ └── utils/ # 工具函数
├── src-tauri/ # Rust 后端源码
│ ├── src/ # Rust 源码
│ ├── Cargo.toml # Rust 依赖配置
│ └── tauri.conf.json # Tauri 配置
├── public/ # 静态资源
└── package.json # 前端依赖配置
🛠️ 技术栈
- 前端: React 18 + TypeScript + Vite
- 后端: Rust + Tauri 2.0
- UI: 待定 (可选择 Ant Design、Material-UI 等)
- 状态管理: 待定 (可选择 Zustand、Redux Toolkit 等)