♻️ refactor: reorganize project structure and centralize search engine config

- Move all source files from root to src/ directory for better organization
- Create src/config/searchEngines.ts to centralize search engine configurations
  - Define unified SearchEngineConfig interface
  - Support both JSONP and Fetch request methods
  - Implement response parsers for Google, Baidu, Bing, DuckDuckGo, and Bilibili
- Refactor src/utils/suggestions.ts to use centralized config
  - Simplify code from 126 lines to 81 lines
  - Support hybrid JSONP/Fetch mode (Bilibili uses Fetch via Vite proxy)
  - Remove duplicate URL construction and parsing logic
- Update path alias configuration
  - Change @/* from ./* to ./src/* in tsconfig.json
  - Update vite.config.ts alias to point to ./src
- Add Bilibili proxy configuration in vite.config.ts for development
- Remove Bilibili rewrites from vercel.json (use Vite proxy instead)
- Add @vercel/node to devDependencies
- Remove unused files: README.md, i18n/README.md, metadata.json, vite-env.d.ts

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
ZyphrZero
2025-12-05 10:41:17 +08:00
parent aa46cd16b7
commit 2993f9b859
34 changed files with 1274 additions and 405 deletions

78
src/components/Clock.tsx Normal file
View File

@@ -0,0 +1,78 @@
import React, { useState, useEffect } from 'react';
import { useTranslation } from '../i18n';
interface ClockProps {
showSeconds?: boolean;
use24HourFormat?: boolean;
}
const Clock: React.FC<ClockProps> = ({ showSeconds = true, use24HourFormat = true }) => {
const [time, setTime] = useState(new Date());
const { language } = useTranslation();
useEffect(() => {
const timer = setInterval(() => {
setTime(new Date());
}, 1000);
return () => clearInterval(timer);
}, []);
const rawHours = time.getHours();
const rawMinutes = time.getMinutes();
const rawSeconds = time.getSeconds();
let displayHours = rawHours;
let ampm = '';
if (!use24HourFormat) {
displayHours = rawHours % 12 || 12; // Convert 0 to 12
ampm = rawHours >= 12 ? 'PM' : 'AM';
}
const hoursStr = displayHours.toString().padStart(2, '0');
const minutesStr = rawMinutes.toString().padStart(2, '0');
const secondsStr = rawSeconds.toString().padStart(2, '0');
return (
<div className="flex flex-col items-center select-none text-white drop-shadow-2xl">
<div className="flex items-baseline font-light tracking-tight">
{/* Hours */}
<span className="text-5xl md:text-6xl lg:text-7xl font-sans font-extralight tracking-tighter tabular-nums text-white/95">
{hoursStr}
</span>
{/* Separator */}
<span className="text-4xl md:text-5xl lg:text-6xl px-2 md:px-4 text-white/60 animate-pulse -translate-y-1 md:-translate-y-2">
:
</span>
{/* Minutes */}
<span className="text-5xl md:text-6xl lg:text-7xl font-sans font-extralight tracking-tighter tabular-nums text-white/95">
{minutesStr}
</span>
{/* Seconds (Optional small display) */}
{showSeconds && (
<span className="ml-2 md:ml-3 text-xl md:text-2xl lg:text-3xl font-mono text-white/60 font-light w-12 tabular-nums">
{secondsStr}
</span>
)}
{/* AM/PM Indicator */}
{!use24HourFormat && (
<span className="ml-2 md:ml-3 text-lg md:text-xl font-light text-white/60 self-end mb-2 md:mb-3">
{ampm}
</span>
)}
</div>
{/* Date Display */}
<div className="mt-4 text-lg md:text-xl font-light text-white/70 tracking-widest uppercase">
{time.toLocaleDateString(language === 'zh' ? 'zh-CN' : 'en-US', { weekday: 'long', month: 'long', day: 'numeric' })}
</div>
</div>
);
};
export default Clock;