迁移到 TypeScript

完整的 TypeScript 迁移,提升代码质量和开发体验

**安装依赖:**
- TypeScript 5.9.3
- @types/react, @types/react-dom, @types/node
- typescript-eslint 相关包

**配置文件:**
- 创建 tsconfig.json (应用配置)
- 创建 tsconfig.node.json (Node 配置)
- 更新 eslint.config.ts 支持 TypeScript
- 所有配置文件迁移到 .ts 扩展名

**源代码迁移:**
- 所有 .jsx 文件 → .tsx
- 所有 .js 文件 → .ts
- 添加完整的类型定义和接口
- 修复所有类型错误

**类型定义:**
- Experiment 接口 (实验数据类型)
- DraggableItemProps 接口
- 函数参数类型注解
- React 组件 Props 类型

**代码优化:**
- 修复 main.tsx 中的 null 检查
- 添加 DragEndEvent 类型
- 使用类型守卫和类型断言
- 改进错误处理

**构建脚本:**
- 添加 typecheck 脚本
- build 脚本包含类型检查
- 更新 index.html 入口为 main.tsx

**验证:**
- ✅ TypeScript 编译通过
- ✅ ESLint 检查通过
- ✅ 所有类型正确推导
- ✅ 代码质量提升

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zhongyidianandClaude committed 2025-10-17 10:30:10 +08:00
1 parent 5e84020b44
commit 543cecf2ee
21 files changed
+533 -63

No files matched your search

+37
View File
@@ -0,0 +1,37 @@
import { Link } from 'react-router-dom';
import { Home, ArrowLeft } from 'lucide-react';
export default function NotFound() {
return (
<div className="max-w-2xl mx-auto text-center">
<div className="bg-white rounded-xl shadow-lg p-12">
<div className="mb-8">
<h1 className="text-9xl font-bold text-indigo-600 mb-4">404</h1>
<h2 className="text-3xl font-bold text-gray-800 mb-2">
页面未找到
</h2>
<p className="text-gray-600 text-lg">
抱歉,您访问的页面不存在或已被移除。
</p>
</div>
<div className="flex flex-col sm:flex-row gap-4 justify-center">
<Link
to="/"
className="inline-flex items-center justify-center gap-2 px-6 py-3 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition-colors font-semibold"
>
<Home size={20} />
返回首页
</Link>
<button
onClick={() => window.history.back()}
className="inline-flex items-center justify-center gap-2 px-6 py-3 border-2 border-indigo-600 text-indigo-600 rounded-lg hover:bg-indigo-50 transition-colors font-semibold"
>
<ArrowLeft size={20} />
返回上一页
</button>
</div>
</div>
</div>
);
}