@allbluecn/admin-app 0.1.0

package/src/components/dependency/edit-dialog.tsx

@@ -0,0 +1,200 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+import { useState } from "react"
+import { useTranslation } from 'react-i18next'
+import { toast } from '@/components/ui/sonner'
+import { Loader2, Pencil } from "lucide-react"
+import {
+  DEPENDENCY_CATEGORIES,
+  DEPENDENCY_PRIORITIES,
+  type DependencyCategory,
+  type ThirdPartyDependencyRow,
+} from "@allbluecn/kernel"
+import { updateDependencyFn } from "@/server/serverFns/dependency/update"
+import { Button } from "@/components/ui/button"
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
+import { Textarea } from "@/components/ui/textarea"
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"
+
+export function EditDependencyDialog({
+  row,
+  onSaved,
+}: {
+  row: ThirdPartyDependencyRow
+  onSaved?: () => void
+}) {
+  const [open, setOpen] = useState(false)
+  const [form, setForm] = useState({
+    displayName: row.displayName,
+    description: row.description ?? "",
+    homepage: row.homepage ?? "",
+    category: row.category,
+    isWatched: row.isWatched,
+    priority: row.priority,
+    notes: row.notes ?? "",
+    sortOrder: row.sortOrder,
+  })
+  const [saving, setSaving] = useState(false)
+  const { t } = useTranslation('common')
+
+  async function handleSave() {
+    setSaving(true)
+    try {
+      await updateDependencyFn({
+        data: {
+          id: row.id.startsWith("untracked:") ? "" : row.id,
+          displayName: form.displayName,
+          description: form.description || null,
+          homepage: form.homepage || null,
+          category: form.category,
+          isWatched: form.isWatched,
+          priority: form.priority,
+          notes: form.notes || null,
+          sortOrder: form.sortOrder,
+        },
+      })
+      toast.success(t('dependency.edit.saved'))
+      setOpen(false)
+      onSaved?.()
+    } catch (e) {
+      toast.error(t('dependency.edit.saveFailed'), { description: e instanceof Error ? e.message : String(e) })
+    } finally {
+      setSaving(false)
+    }
+  }
+
+  if (row.id.startsWith("untracked:")) {
+    return (
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <span>
+            <Pencil className="size-3.5 text-muted-foreground/50" />
+          </span>
+        </TooltipTrigger>
+        <TooltipContent>{t('dependency.edit.untracked')}</TooltipContent>
+      </Tooltip>
+    )
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogTrigger asChild>
+        <Button size="sm" variant="ghost" className="size-7 p-0" title={t('common.edit')}>
+          <Pencil className="size-3.5" />
+        </Button>
+      </DialogTrigger>
+      <DialogContent className="max-w-md">
+        <DialogHeader>
+          <DialogTitle>{t('dependency.edit.dialogTitle', { name: row.name })}</DialogTitle>
+        </DialogHeader>
+        <div className="space-y-3">
+          <div className="space-y-1.5">
+            <Label>{t('dependency.edit.displayName')}</Label>
+            <Input value={form.displayName} onChange={(e) => setForm({ ...form, displayName: e.target.value })} />
+          </div>
+          <div className="space-y-1.5">
+            <Label>{t('dependency.edit.description')}</Label>
+            <Textarea
+              value={form.description}
+              onChange={(e) => setForm({ ...form, description: e.target.value })}
+              placeholder={t('dependency.edit.descriptionPlaceholder')}
+              rows={2}
+            />
+          </div>
+          <div className="space-y-1.5">
+            <Label>{t('dependency.edit.homepage')}</Label>
+            <Input
+              value={form.homepage}
+              onChange={(e) => setForm({ ...form, homepage: e.target.value })}
+              placeholder="https://"
+            />
+          </div>
+          <div className="grid grid-cols-2 gap-3">
+            <div className="space-y-1.5">
+              <Label>{t('dependency.edit.category')}</Label>
+              <Select
+                value={form.category}
+                onValueChange={(v) => setForm({ ...form, category: v as DependencyCategory })}
+              >
+                <SelectTrigger size="sm">
+                  <SelectValue />
+                </SelectTrigger>
+                <SelectContent>
+                  {DEPENDENCY_CATEGORIES.map((c) => (
+                    <SelectItem key={c.value} value={c.value}>
+                      {c.label}
+                    </SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+            </div>
+            <div className="space-y-1.5">
+              <Label>{t('dependency.edit.priority')}</Label>
+              <Select
+                value={form.priority}
+                onValueChange={(v) => setForm({ ...form, priority: v as ThirdPartyDependencyRow["priority"] })}
+              >
+                <SelectTrigger size="sm">
+                  <SelectValue />
+                </SelectTrigger>
+                <SelectContent>
+                  {DEPENDENCY_PRIORITIES.map((p) => (
+                    <SelectItem key={p.value} value={p.value}>
+                      {p.label}
+                    </SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+            </div>
+          </div>
+          <div className="flex items-center gap-2">
+            <input
+              type="checkbox"
+              id="isWatched"
+              checked={form.isWatched}
+              onChange={(e) => setForm({ ...form, isWatched: e.target.checked })}
+              className="size-4"
+            />
+            <Label htmlFor="isWatched">{t('dependency.edit.watched')}</Label>
+          </div>
+          <div className="space-y-1.5">
+            <Label>{t('dependency.edit.notes')}</Label>
+            <Textarea
+              value={form.notes}
+              onChange={(e) => setForm({ ...form, notes: e.target.value })}
+              placeholder={t('dependency.edit.notesPlaceholder')}
+              rows={3}
+            />
+          </div>
+        </div>
+        <DialogFooter>
+          <Button variant="outline" onClick={() => setOpen(false)} disabled={saving}>
+            {t('common.cancel')}
+          </Button>
+          <Button onClick={handleSave} disabled={saving}>
+            {saving && <Loader2 className="mr-1 size-3.5 animate-spin" />}
+            {t('common.save')}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}

package/src/components/knowledge-public/bookmark-form-dialog.tsx

@@ -0,0 +1,215 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+import { useState, useEffect } from 'react'
+import { Loader2 } from 'lucide-react'
+import { toast } from '@/components/ui/sonner'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Textarea } from '@/components/ui/textarea'
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { adminCreateBookmarkFn } from '@/server/serverFns/knowledge-public/bookmarks/create'
+import { adminUpdateBookmarkFn } from '@/server/serverFns/knowledge-public/bookmarks/update'
+import { adminGetBookmarkDetailFn } from '@/server/serverFns/knowledge-public/bookmarks/detail'
+
+export interface BookmarkRow {
+  id: string
+  canonicalId: string
+  title: string
+  url: string
+  categoryId: string | null
+  summary: string | null
+  faviconUrl: string | null
+  categoryIcon?: string
+  isGithub: boolean
+  githubStars: number | null
+  githubLatestVersion: string | null
+  githubVersionDate: Date | null
+  githubRepoUpdatedAt: Date | null
+  githubSyncedAt: Date | null
+  tags: string[]
+  visibility: string
+  userId: string
+  createdAt: Date
+}
+
+interface BookmarkFormDialogProps {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  item?: BookmarkRow | null
+  onSuccess: () => void
+}
+
+const EMPTY = {
+  title: '',
+  url: '',
+  categoryId: '',
+  summary: '',
+  tags: '',
+}
+
+export function BookmarkFormDialog({ open, onOpenChange, item, onSuccess }: BookmarkFormDialogProps) {
+  const isEdit = !!item
+  const [form, setForm] = useState(EMPTY)
+  const [saving, setSaving] = useState(false)
+  const [loading, setLoading] = useState(false)
+
+  useEffect(() => {
+    if (!open) return
+    if (item) {
+      setLoading(true)
+      adminGetBookmarkDetailFn({ data: { id: item.id } })
+        .then((d) => {
+          setForm({
+            title: d.title ?? '',
+            url: d.url ?? '',
+            categoryId: d.categoryId ?? '',
+            summary: d.summary ?? '',
+            tags: ((d.tags as string[]) ?? []).join(', '),
+          })
+        })
+        .catch((e) => toast.error(e instanceof Error ? e.message : '加载失败'))
+        .finally(() => setLoading(false))
+    } else {
+      setForm(EMPTY)
+    }
+  }, [open, item])
+
+  async function handleSubmit(e: React.FormEvent) {
+    e.preventDefault()
+    if (!form.title.trim()) {
+      toast.error('请输入标题')
+      return
+    }
+    if (!form.url.trim()) {
+      toast.error('请输入网址')
+      return
+    }
+    setSaving(true)
+    try {
+      const payload = {
+        title: form.title.trim(),
+        url: form.url.trim(),
+        categoryId: form.categoryId.trim() || undefined,
+        summary: form.summary.trim() || undefined,
+        tags: form.tags.split(',').map((t) => t.trim()).filter(Boolean),
+      }
+      if (isEdit && item) {
+        await adminUpdateBookmarkFn({
+          data: {
+            id: item.id,
+            title: payload.title,
+            url: payload.url,
+            categoryId: payload.categoryId ?? null,
+            summary: payload.summary ?? null,
+            tags: payload.tags,
+          },
+        })
+        toast.success('网站收藏已更新')
+      } else {
+        await adminCreateBookmarkFn({ data: payload })
+        toast.success('网站收藏已创建')
+      }
+      onSuccess()
+      onOpenChange(false)
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : '保存失败')
+    } finally {
+      setSaving(false)
+    }
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-h-[90vh] overflow-y-auto sm:max-w-lg">
+        <DialogHeader>
+          <DialogTitle>{isEdit ? '编辑网站收藏' : '新建网站收藏'}</DialogTitle>
+        </DialogHeader>
+        {loading ? (
+          <div className="flex h-40 items-center justify-center">
+            <Loader2 className="size-6 animate-spin text-muted-foreground" />
+          </div>
+        ) : (
+          <form onSubmit={handleSubmit}>
+            <div className="grid gap-4 py-1">
+              <div className="grid gap-2">
+                <Label>标题 *</Label>
+                <Input
+                  value={form.title}
+                  onChange={(e) => setForm((f) => ({ ...f, title: e.target.value }))}
+                  placeholder="网站名称"
+                />
+              </div>
+              <div className="grid gap-2">
+                <Label>网址 *</Label>
+                <Input
+                  type="url"
+                  value={form.url}
+                  onChange={(e) => setForm((f) => ({ ...f, url: e.target.value }))}
+                  placeholder="https://"
+                />
+                <p className="text-xs text-muted-foreground">
+                  GitHub 仓库地址将自动识别并启用同步。
+                </p>
+              </div>
+              <div className="grid gap-2">
+                <Label>分类 ID</Label>
+                <Input
+                  value={form.categoryId}
+                  onChange={(e) => setForm((f) => ({ ...f, categoryId: e.target.value }))}
+                  placeholder="可选，留空为未分类"
+                />
+              </div>
+              <div className="grid gap-2">
+                <Label>摘要</Label>
+                <Textarea
+                  value={form.summary}
+                  onChange={(e) => setForm((f) => ({ ...f, summary: e.target.value }))}
+                  rows={2}
+                  placeholder="一句话简介"
+                />
+              </div>
+              <div className="grid gap-2">
+                <Label>标签（逗号分隔）</Label>
+                <Input
+                  value={form.tags}
+                  onChange={(e) => setForm((f) => ({ ...f, tags: e.target.value }))}
+                  placeholder="如：工具, AI"
+                />
+              </div>
+            </div>
+            <DialogFooter>
+              <Button type="button" variant="outline" onClick={() => onOpenChange(false)}>
+                取消
+              </Button>
+              <Button type="submit" disabled={saving}>
+                {saving ? '保存中...' : '保存'}
+              </Button>
+            </DialogFooter>
+          </form>
+        )}
+      </DialogContent>
+    </Dialog>
+  )
+}