mirror of
https://github.com/wu736139669/hapi.git
synced 2026-10-08 19:19:42 +00:00
weishu
8ebd4f6ab9
Add comprehensive git support across the stack: - CLI: register git RPC handlers (status, diff numstat, diff file) - Server: create git routes with proper session path resolution - Web: add file browser, diff viewer, and git status visualization - Add FileIcon component and git parser utilities - Add TanStack Router routes for /files and /file pages - Add git-themed CSS variables for light and dark modes
58 lines
1.5 KiB
TypeScript
58 lines
1.5 KiB
TypeScript
import { useMemo } from 'react'
|
|
|
|
const EXTENSION_COLORS: Record<string, string> = {
|
|
ts: '#3178c6',
|
|
tsx: '#3178c6',
|
|
js: '#f7df1e',
|
|
jsx: '#f7df1e',
|
|
json: '#f59e0b',
|
|
md: '#64748b',
|
|
mdx: '#64748b',
|
|
css: '#2563eb',
|
|
scss: '#db2777',
|
|
html: '#f97316',
|
|
yml: '#ef4444',
|
|
yaml: '#ef4444',
|
|
sh: '#10b981',
|
|
bash: '#10b981',
|
|
py: '#3776ab',
|
|
go: '#0ea5e9',
|
|
rs: '#f97316',
|
|
}
|
|
|
|
function getFileExtension(fileName: string): string {
|
|
const trimmed = fileName.trim()
|
|
if (trimmed.startsWith('.') && trimmed.indexOf('.', 1) === -1) {
|
|
return trimmed.slice(1).toLowerCase()
|
|
}
|
|
const parts = trimmed.split('.')
|
|
if (parts.length <= 1) return ''
|
|
return parts[parts.length - 1]?.toLowerCase() ?? ''
|
|
}
|
|
|
|
export function FileIcon(props: { fileName: string; size?: number }) {
|
|
const size = props.size ?? 20
|
|
const color = useMemo(() => {
|
|
const ext = getFileExtension(props.fileName)
|
|
return EXTENSION_COLORS[ext] ?? 'var(--app-hint)'
|
|
}, [props.fileName])
|
|
|
|
return (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width={size}
|
|
height={size}
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
strokeWidth="1.6"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
style={{ color }}
|
|
>
|
|
<path d="M14 2H7a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z" />
|
|
<path d="M14 2v6h6" />
|
|
</svg>
|
|
)
|
|
}
|