refactor: 将 WebUI 源码纳入仓库,移除打包产物

- 新增 webui/ 前端源码目录（React+Vite+TypeScript+Tailwind） - 删除 api/webui/ 中旧的打包静态资源 - 更新 .gitignore 忽略 api/webui/ 构建输出和 webui/node_modules - 更新 README 增加前端构建说明
2026-07-01 23:05:03 +08:00
parent 2ac0716c41
commit 65ddaa8828
68 changed files with 9064 additions and 356 deletions
@@ -0,0 +1,88 @@
+import { Bug, Wifi, AlertTriangle, Github } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import { Badge } from '@/components/ui/badge'
+import { useCrawlerStore } from '@/store/crawlerStore'
+import { useCrawlerStatus } from '@/hooks/useCrawler'
+import { LanguageSwitch } from './LanguageSwitch'
+import { ThemeToggle } from './ThemeToggle'
+
+interface SidebarProps {
+  onShowDisclaimer?: () => void
+}
+
+export function Sidebar({ onShowDisclaimer }: SidebarProps) {
+  const { t } = useTranslation()
+  const { t: tLicense } = useTranslation('license')
+  const status = useCrawlerStore((state) => state.status)
+
+  // Poll status
+  useCrawlerStatus()
+
+  const isRunning = status === 'running'
+
+  return (
+    <header className="h-14 flex-shrink-0 glass-panel border-b border-cyber-border-subtle relative z-10">
+      <div className="h-full px-4 flex items-center justify-between">
+        {/* Left: Logo and GitHub Star */}
+        <div className="flex items-center gap-3">
+          <Bug className="w-5 h-5 text-cyber-neon-cyan" />
+          <span className="font-mono font-bold text-cyber-text-primary tracking-wider text-sm">
+            MediaCrawler
+          </span>
+          <a
+            href="https://github.com/NanmiCoder/MediaCrawler"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center gap-1.5 px-2 py-1 rounded-md border border-cyber-border-subtle hover:border-cyber-neon-cyan hover:shadow-glow-cyan-sm transition-all bg-cyber-bg-tertiary"
+          >
+            <Github className="w-4 h-4 text-cyber-text-secondary" />
+            <span className="text-xs font-mono text-cyber-text-secondary">Star</span>
+          </a>
+          {isRunning && (
+            <Badge variant="running" className="text-[10px]">
+              {t('status.active')}
+            </Badge>
+          )}
+          {isRunning && (
+            <span className="w-2 h-2 bg-cyber-neon-green rounded-full shadow-glow-green-sm animate-pulse-fast" />
+          )}
+        </div>
+
+        {/* Center: Warning Text */}
+        <button
+          onClick={onShowDisclaimer}
+          className="flex items-center gap-3 px-4 py-1.5 rounded-lg border border-cyber-neon-orange/50 bg-cyber-neon-orange/10 hover:bg-cyber-neon-orange/20 transition-all cursor-pointer"
+        >
+          <AlertTriangle className="w-4 h-4 text-cyber-neon-orange flex-shrink-0" />
+          <div className="flex items-center gap-4 text-xs font-mono">
+            <span className="text-cyber-neon-orange">
+              <span className="text-cyber-neon-pink font-bold">1.</span> {tLicense('content.line1')}
+            </span>
+            <span className="text-cyber-neon-orange">
+              <span className="text-cyber-neon-pink font-bold">2.</span> {tLicense('content.line2')}
+            </span>
+          </div>
+        </button>
+
+        {/* Right: Actions and Status */}
+        <div className="flex items-center gap-3">
+          {/* Theme Toggle */}
+          <ThemeToggle />
+          {/* Language Switch */}
+          <LanguageSwitch />
+
+          {/* Status Info */}
+          <div className="hidden lg:flex items-center gap-2 text-xs font-mono">
+            <span className="text-cyber-text-muted">{t('sidebar.api')}:</span>
+            <span className="text-cyber-neon-green">v1.0.0</span>
+            <div className="flex items-center gap-1.5">
+              <Wifi className="w-3 h-3 text-cyber-text-secondary" />
+              <span className="text-cyber-text-secondary">{t('sidebar.local')}</span>
+              <span className="status-dot status-dot-online" />
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+  )
+}