's'

2025-11-13 05:05:53 +08:00
parent cbdc65f56e
commit 891af61146
691 changed files with 83952 additions and 0 deletions
--- a/app/admin/navigation/components/IconUploader.tsx
+++ b/app/admin/navigation/components/IconUploader.tsx
@@ -0,0 +1,133 @@
+import { useFormContext } from "react-hook-form"
+import { FormControl, FormItem, FormLabel, FormMessage, FormDescription } from "@/registry/new-york/ui/form"
+import { Button } from "@/registry/new-york/ui/button"
+import { Input } from "@/registry/new-york/ui/input"
+const GITHUB_API_URL = 'https://api.github.com/repos/YOUR_USERNAME/YOUR_REPO/contents'
+const GITHUB_TOKEN = process.env.NEXT_PUBLIC_GITHUB_TOKEN
+const ICONS_PATH = 'public/icons' // GitHub 仓库中存储图标的路径
+
+interface IconUploaderProps {
+  onChange: (icon: string) => void;
+  value?: string;
+}
+
+export function IconUploader({ onChange, value }: IconUploaderProps) {
+  const { setValue, getValues } = useFormContext()
+
+  const fetchFavicon = async (url: string) => {
+    console.log('Fetching favicon for URL:', url);
+    if (!url) {
+      console.error('URL 不能为空')
+      return
+    }
+    try {
+      const urlObj = new URL(url)
+      const baseUrl = `${urlObj.protocol}//${urlObj.hostname}`
+      
+      // 尝试获取网页内容
+      const response = await fetch(url)
+      const html = await response.text()
+
+      // 使用正则表达式查找 favicon 链接
+      const faviconMatch = html.match(/<link[^>]+rel=["'](?:icon|shortcut icon)["'][^>]+href=["']([^"']+)["']/i)
+      let faviconUrl = faviconMatch ? faviconMatch[1] : `${baseUrl}/favicon.ico`
+
+      // 处理相对路径
+      if (!faviconUrl.startsWith('http')) {
+        faviconUrl = new URL(faviconUrl, baseUrl).href
+      }
+
+      // 检查 favicon 是否存在
+      const faviconResponse = await fetch(faviconUrl, { method: 'HEAD' })
+      if (!faviconResponse.ok) {
+        throw new Error('未找到 favicon')
+      }
+
+      setValue('icon', faviconUrl)
+    } catch (error) {
+      console.error('获取网站图标失败:', error)
+    }
+  }
+
+  const uploadIconToGithub = async (file: File) => {
+    try {
+      const reader = new FileReader()
+      reader.readAsDataURL(file)
+
+      reader.onload = async () => {
+        const base64Content = (reader.result as string).split(',')[1]
+        const fileName = `icon-${Date.now()}-${file.name}`
+
+        const response = await fetch(`${GITHUB_API_URL}/${ICONS_PATH}/${fileName}`, {
+          method: 'PUT',
+          headers: {
+            'Authorization': `Bearer ${GITHUB_TOKEN}`,
+            'Content-Type': 'application/json',
+          },
+          body: JSON.stringify({
+            message: `Upload icon: ${fileName}`,
+            content: base64Content,
+          }),
+        })
+
+        if (!response.ok) {
+          throw new Error('上传失败')
+        }
+
+        const data = await response.json()
+        const iconUrl = data.content.download_url
+        setValue('icon', iconUrl)
+      }
+    } catch (error) {
+      console.error('上传图标失败:', error)
+    }
+  }
+
+  return (
+    <FormItem>
+      <FormLabel>图标</FormLabel>
+      <div className="flex space-x-2">
+        <FormControl className="flex-1">
+          <Input placeholder="输入图标URL" {...{ name: 'icon' }} />
+        </FormControl>
+        <Button 
+          type="button"
+          variant="outline"
+          onClick={() => {
+            const href = getValues('href');
+            if (href) {
+              fetchFavicon(href);
+            } else {
+              console.error('请提供有效的 URL');
+            }
+          }}
+        >
+          获取图标
+        </Button>
+        <div className="relative">
+          <Input
+            type="file"
+            className="absolute inset-0 opacity-0 cursor-pointer"
+            accept="image/*"
+            onChange={(e) => {
+              const file = e.target.files?.[0]
+              if (file) {
+                uploadIconToGithub(file)
+              }
+            }}
+          />
+          <Button 
+            type="button"
+            variant="outline"
+          >
+            上传图标
+          </Button>
+        </div>
+      </div>
+      <FormDescription>
+        支持 URL、Base64 格式或上传本地图片
+      </FormDescription>
+      <FormMessage />
+    </FormItem>
+  )
+}