PhilflowIO/tsdav

Build web-based UI for calendar migration

Open

#15 创建于 2025年10月28日

在 GitHub 查看
 (5 评论) (0 反应) (1 负责人)TypeScript (0 fork)auto 404
enhancementgood first issuephase-3ui

仓库指标

Star
 (0 star)
PR 合并指标
 (PR 指标待抓取)

描述

Create a browser-based UI to make migrations more user-friendly.

Requirements:

  • Visual config builder (no JSON editing)
  • OAuth2 flow in browser (popup for Google auth)
  • Real-time progress dashboard
  • Migration history view
  • Responsive design (mobile-friendly)

Technical Details:

  • Frontend: React or Vue.js
  • Backend: Express.js API server
  • Uses tsdav in browser mode (already compatible)
  • OAuth2: Redirect flow instead of refresh token
  • State management: IndexedDB for client-side storage

Estimated Effort: X-Large (15-20 days)

Related to: DAV Migration CLI - Phase 3

贡献者指南

研究方向
首先理解现有的 tsdav 库及其 CLI 迁移工具。使用 Node.js 和 TypeScript 设置开发环境。选择 React 或 Vue.js 并使用 Vite 创建项目。实现可视化配置构建器作为表单，集成 OAuth2 用于 Google 授权（重定向流程），并构建使用 WebSocket 的实时进度仪表板。在 IndexedDB 中存储迁移历史。使用 Tailwind 等 CSS 框架确保响应式设计。使用 tsdav 的浏览器模式测试 UI。
技术栈
typescriptjavascriptreactvuenodejsexpress
领域
full stackapi
议题类型
功能
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
5
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
超过 1 周
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
活跃
清晰度议题是否清楚说明期望改动、验收标准和下一步。
清晰
前置要求
GitJavaScriptReact or Vue.js basics
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
30