@allbluecn/admin-app 0.1.0

package/src/routes/_nav/knowledge-public/bookmarks/route.lazy.tsx

@@ -0,0 +1,355 @@
+// 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 { createLazyFileRoute, useNavigate, useRouter } from '@tanstack/react-router'
+import { useState, useTransition } from 'react'
+import { useTranslation } from 'react-i18next'
+import {
+  PlusIcon,
+  PencilIcon,
+  Trash2Icon,
+  SearchIcon,
+  StarIcon,
+  RefreshCwIcon,
+  ExternalLinkIcon,
+  Folder,
+  Globe,
+  Code,
+  Book,
+  BookOpen,
+  type LucideIcon,
+} from 'lucide-react'
+
+const categoryIconMap: Record<string, LucideIcon> = {
+  Folder, Globe, Code, Book, BookOpen,
+}
+import { DataTable, type AdminColumnDef } from '@/components/data-table/data-table'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Badge } from '@/components/ui/badge'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
+import { toast } from '@/components/ui/sonner'
+import {
+  BookmarkFormDialog,
+  type BookmarkRow,
+} from '@/components/knowledge-public/bookmark-form-dialog'
+import { adminDeleteBookmarkFn } from '@/server/serverFns/knowledge-public/bookmarks/delete'
+import { adminSyncAllGithubFn } from '@/server/serverFns/knowledge-public/bookmarks/sync-all-github'
+
+export const Route = createLazyFileRoute('/_nav/knowledge-public/bookmarks')({
+  pendingComponent: () => (
+    <div className="flex h-64 items-center justify-center">
+      <div className="size-8 animate-spin rounded-full border-2 border-primary border-t-transparent" />
+    </div>
+  ),
+  component: BookmarksPage,
+})
+
+function FaviconCell({ faviconUrl, categoryIcon }: { faviconUrl: string | null; categoryIcon?: string }) {
+  const [showFallback, setShowFallback] = useState(false)
+  const Icon = categoryIconMap[categoryIcon ?? 'Folder'] ?? Folder
+  if (faviconUrl && !showFallback) {
+    return (
+      <img
+        src={faviconUrl}
+        alt=""
+        className="size-4 shrink-0 rounded-sm"
+        onError={() => setShowFallback(true)}
+      />
+    )
+  }
+  return (
+    <span className="flex size-4 shrink-0 items-center justify-center rounded-sm text-muted-foreground">
+      <Icon className="size-3.5" />
+    </span>
+  )
+}
+
+function BookmarksPage() {
+  const { t } = useTranslation('common')
+  const { items: rawItems, total } = Route.useLoaderData()
+  const items = rawItems as unknown as BookmarkRow[]
+  const { search } = Route.useSearch()
+  const navigate = useNavigate()
+  const router = useRouter()
+  const [searchInput, setSearchInput] = useState(search ?? '')
+  const [formOpen, setFormOpen] = useState(false)
+  const [editing, setEditing] = useState<BookmarkRow | null>(null)
+  const [deleting, setDeleting] = useState<BookmarkRow | null>(null)
+  const [deletePending, startDelete] = useTransition()
+  const [syncing, startSync] = useTransition()
+
+  function refresh() {
+    router.invalidate()
+  }
+
+  function applySearch() {
+    navigate({
+      to: '/knowledge-public/bookmarks',
+      search: (s) => ({ ...s, search: searchInput.trim() || undefined }),
+    })
+  }
+
+  function openCreate() {
+    setEditing(null)
+    setFormOpen(true)
+  }
+  function openEdit(row: BookmarkRow) {
+    setEditing(row)
+    setFormOpen(true)
+  }
+
+  function confirmDelete() {
+    if (!deleting) return
+    startDelete(async () => {
+      try {
+        await adminDeleteBookmarkFn({ data: { id: deleting.id } })
+        toast.success(t('knowledgePublic.bookmarks.deleted'))
+        setDeleting(null)
+        refresh()
+      } catch (err) {
+        toast.error(err instanceof Error ? err.message : t('common.deleteFailed'))
+      }
+    })
+  }
+
+  function syncAllGithub() {
+    startSync(async () => {
+      try {
+        const res = await adminSyncAllGithubFn({ data: { force: true } })
+        toast.success(
+          t('knowledgePublic.bookmarks.syncComplete', { total: res.total, success: res.success, failed: res.failed }),
+        )
+        refresh()
+      } catch (err) {
+        toast.error(err instanceof Error ? err.message : t('knowledgePublic.bookmarks.syncFailed'))
+      }
+    })
+  }
+
+  const columns: AdminColumnDef<BookmarkRow>[] = [
+    {
+      accessorKey: 'title',
+      header: t('knowledgePublic.bookmarks.columns.website'),
+      cell: ({ row }) => {
+        const b = row.original
+        return (
+          <div className="flex min-w-[180px] items-center gap-2">
+            <FaviconCell faviconUrl={b.faviconUrl} categoryIcon={b.categoryIcon} />
+            <div className="flex flex-col">
+              <span className="font-medium">{b.title}</span>
+              {b.isGithub && (
+                <Badge variant="secondary" className="w-fit font-normal">
+                  GitHub
+                </Badge>
+              )}
+            </div>
+          </div>
+        )
+      },
+    },
+    {
+      accessorKey: 'url',
+      header: t('knowledgePublic.bookmarks.columns.url'),
+      cell: ({ row }) => {
+        const url = row.original.url
+        return (
+          <a
+            href={url}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="inline-flex max-w-[280px] items-center gap-1 text-sm text-muted-foreground hover:text-foreground hover:underline"
+          >
+            <span className="truncate">{url}</span>
+            <ExternalLinkIcon className="size-3 shrink-0" />
+          </a>
+        )
+      },
+    },
+    {
+      accessorKey: 'categoryId',
+      header: t('knowledgePublic.bookmarks.columns.category'),
+      cell: ({ row }) =>
+        row.original.categoryId ? (
+          <Badge variant="outline" className="font-mono text-xs">
+            {row.original.categoryId}
+          </Badge>
+        ) : (
+          <span className="text-muted-foreground">-</span>
+        ),
+    },
+    {
+      id: 'github',
+      header: 'GitHub',
+      cell: ({ row }) => {
+        const b = row.original
+        if (!b.isGithub) return <span className="text-muted-foreground">-</span>
+        return (
+          <div className="flex flex-col gap-0.5">
+            <span className="inline-flex items-center gap-1 text-sm">
+              <StarIcon className="size-3.5 text-amber-500" />
+              {b.githubStars != null ? b.githubStars.toLocaleString('en-US') : '-'}
+            </span>
+            {b.githubLatestVersion && (
+              <Badge variant="secondary" className="w-fit font-mono text-xs font-normal">
+                {b.githubLatestVersion}
+              </Badge>
+            )}
+          </div>
+        )
+      },
+    },
+    {
+      accessorKey: 'tags',
+      header: t('knowledgePublic.bookmarks.columns.tags'),
+      cell: ({ row }) => (
+        <div className="flex max-w-xs flex-wrap gap-1">
+          {row.original.tags.length === 0 ? (
+            <span className="text-muted-foreground">-</span>
+          ) : (
+            row.original.tags.map((tag) => (
+              <Badge key={tag} variant="secondary" className="font-normal">
+                {tag}
+              </Badge>
+            ))
+          )}
+        </div>
+      ),
+    },
+    {
+      accessorKey: 'createdAt',
+      header: t('knowledgePublic.bookmarks.columns.createdAt'),
+      cell: ({ row }) => (
+        <span className="text-muted-foreground">
+          {new Date(row.original.createdAt).toLocaleDateString('zh-CN')}
+        </span>
+      ),
+    },
+    {
+      id: 'actions',
+      header: '',
+      cell: ({ row }) => (
+        <div className="flex items-center gap-1">
+          <Button
+            variant="ghost"
+            size="sm"
+            onClick={(e) => {
+              e.stopPropagation()
+              openEdit(row.original)
+            }}
+          >
+            <PencilIcon className="mr-1 size-3.5" />
+            {t('common.edit')}
+          </Button>
+          <Button
+            variant="ghost"
+            size="sm"
+            className="text-destructive hover:text-destructive"
+            onClick={(e) => {
+              e.stopPropagation()
+              setDeleting(row.original)
+            }}
+          >
+            <Trash2Icon className="mr-1 size-3.5" />
+            {t('common.delete')}
+          </Button>
+        </div>
+      ),
+    },
+  ]
+
+  return (
+    <div className="space-y-4 p-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h2 className="text-xl font-bold">{t('knowledgePublic.bookmarks.title')}</h2>
+          <p className="text-sm text-muted-foreground">{t('knowledgePublic.bookmarks.subtitle', { total })}</p>
+        </div>
+        <div className="flex items-center gap-2">
+          <Button variant="outline" onClick={syncAllGithub} disabled={syncing}>
+            <RefreshCwIcon className={`mr-1 size-4 ${syncing ? 'animate-spin' : ''}`} />
+            {syncing ? t('knowledgePublic.bookmarks.syncing') : t('knowledgePublic.bookmarks.syncGithub')}
+          </Button>
+          <Button onClick={openCreate}>
+            <PlusIcon className="mr-1 size-4" />
+            {t('common.create')}
+          </Button>
+        </div>
+      </div>
+
+      <div className="flex items-center gap-2">
+        <div className="relative max-w-sm flex-1">
+          <SearchIcon className="absolute top-1/2 left-2.5 size-4 -translate-y-1/2 text-muted-foreground" />
+          <Input
+            value={searchInput}
+            onChange={(e) => setSearchInput(e.target.value)}
+            onKeyDown={(e) => {
+              if (e.key === 'Enter') applySearch()
+            }}
+            placeholder={t('knowledgePublic.bookmarks.placeholder')}
+            className="pl-8"
+          />
+        </div>
+        <Button variant="outline" onClick={applySearch}>
+          {t('common.search')}
+        </Button>
+      </div>
+
+      <DataTable columns={columns} data={items} />
+
+      <BookmarkFormDialog
+        open={formOpen}
+        onOpenChange={setFormOpen}
+        item={editing}
+        onSuccess={refresh}
+      />
+
+      <AlertDialog open={!!deleting} onOpenChange={(o) => !o && setDeleting(null)}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>{t('knowledgePublic.bookmarks.deleteConfirmTitle')}</AlertDialogTitle>
+            <AlertDialogDescription>
+              {t('knowledgePublic.bookmarks.deleteConfirmDesc', { title: deleting?.title })}
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel disabled={deletePending}>{t('common.cancel')}</AlertDialogCancel>
+            <AlertDialogAction
+              onClick={(e) => {
+                e.preventDefault()
+                confirmDelete()
+              }}
+              disabled={deletePending}
+              className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
+            >
+              {deletePending ? t('common.deleting') : t('common.delete')}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </div>
+  )
+}

package/src/routes/_nav/knowledge-public/bookmarks/route.tsx

@@ -0,0 +1,40 @@
+// 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 { createFileRoute } from '@tanstack/react-router'
+import { z } from 'zod'
+import { adminListBookmarksFn } from '@/server/serverFns/knowledge-public/bookmarks/list'
+
+const bookmarkSearchSchema = z.object({
+  search: z.string().optional(),
+  categoryId: z.string().optional(),
+  isGithub: z.boolean().optional(),
+})
+
+export const Route = createFileRoute('/_nav/knowledge-public/bookmarks')({
+  validateSearch: bookmarkSearchSchema,
+  loaderDeps: ({ search }) => search,
+  loader: async ({ deps }) => {
+    return adminListBookmarksFn({
+      data: {
+        search: deps.search,
+        categoryId: deps.categoryId,
+        isGithub: deps.isGithub,
+      },
+    })
+  },
+})

package/src/routes/_nav/knowledge-public/compliance/route.lazy.tsx

@@ -0,0 +1,245 @@
+// 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 { createLazyFileRoute, useNavigate, useRouter } from '@tanstack/react-router'
+import { useState, useTransition } from 'react'
+import { useTranslation } from 'react-i18next'
+import { PlusIcon, PencilIcon, Trash2Icon, SearchIcon } from 'lucide-react'
+import { DataTable, type AdminColumnDef } from '@/components/data-table/data-table'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Badge } from '@/components/ui/badge'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
+import { toast } from '@/components/ui/sonner'
+import {
+  ComplianceFormDialog,
+  type ComplianceRow,
+} from '@/components/knowledge-public/compliance-form-dialog'
+import { adminDeleteComplianceFn } from '@/server/serverFns/knowledge-public/compliance/delete'
+
+export const Route = createLazyFileRoute('/_nav/knowledge-public/compliance')({
+  pendingComponent: () => (
+    <div className="flex h-64 items-center justify-center">
+      <div className="size-8 animate-spin rounded-full border-2 border-primary border-t-transparent" />
+    </div>
+  ),
+  component: CompliancePage,
+})
+
+function CompliancePage() {
+  const { t } = useTranslation('common')
+  const { items: rawItems, total } = Route.useLoaderData()
+  const items = rawItems as unknown as ComplianceRow[]
+  const { search } = Route.useSearch()
+  const navigate = useNavigate()
+  const router = useRouter()
+  const [searchInput, setSearchInput] = useState(search ?? '')
+  const [formOpen, setFormOpen] = useState(false)
+  const [editing, setEditing] = useState<ComplianceRow | null>(null)
+  const [deleting, setDeleting] = useState<ComplianceRow | null>(null)
+  const [deletePending, startDelete] = useTransition()
+
+  function refresh() {
+    router.invalidate()
+  }
+
+  function applySearch() {
+    navigate({
+      to: '/knowledge-public/compliance',
+      search: (s) => ({ ...s, search: searchInput.trim() || undefined }),
+    })
+  }
+
+  function openCreate() {
+    setEditing(null)
+    setFormOpen(true)
+  }
+  function openEdit(row: ComplianceRow) {
+    setEditing(row)
+    setFormOpen(true)
+  }
+
+  function confirmDelete() {
+    if (!deleting) return
+    startDelete(async () => {
+      try {
+        await adminDeleteComplianceFn({ data: { id: deleting.id } })
+        toast.success(t('knowledgePublic.compliance.deleted'))
+        setDeleting(null)
+        refresh()
+      } catch (err) {
+        toast.error(err instanceof Error ? err.message : t('common.deleteFailed'))
+      }
+    })
+  }
+
+  const columns: AdminColumnDef<ComplianceRow>[] = [
+    {
+      accessorKey: 'title',
+      header: t('knowledgePublic.compliance.columns.title'),
+      cell: ({ row }) => <span className="font-medium">{row.original.title}</span>,
+    },
+    {
+      accessorKey: 'industry',
+      header: t('knowledgePublic.compliance.columns.industry'),
+      cell: ({ row }) => (
+        <Badge variant="outline">{row.original.industry}</Badge>
+      ),
+    },
+    {
+      accessorKey: 'regulatoryBody',
+      header: t('knowledgePublic.compliance.columns.regulatoryBody'),
+      cell: ({ row }) => (
+        <span className="text-muted-foreground">
+          {row.original.regulatoryBody ?? '-'}
+        </span>
+      ),
+    },
+    {
+      accessorKey: 'tags',
+      header: t('knowledgePublic.compliance.columns.tags'),
+      cell: ({ row }) => (
+        <div className="flex max-w-xs flex-wrap gap-1">
+          {row.original.tags.length === 0 ? (
+            <span className="text-muted-foreground">-</span>
+          ) : (
+            row.original.tags.map((tag) => (
+              <Badge key={tag} variant="secondary" className="font-normal">
+                {tag}
+              </Badge>
+            ))
+          )}
+        </div>
+      ),
+    },
+    {
+      accessorKey: 'createdAt',
+      header: t('knowledgePublic.compliance.columns.createdAt'),
+      cell: ({ row }) => (
+        <span className="text-muted-foreground">
+          {new Date(row.original.createdAt).toLocaleDateString('zh-CN')}
+        </span>
+      ),
+    },
+    {
+      id: 'actions',
+      header: '',
+      cell: ({ row }) => (
+        <div className="flex items-center gap-1">
+          <Button
+            variant="ghost"
+            size="sm"
+            onClick={(e) => {
+              e.stopPropagation()
+              openEdit(row.original)
+            }}
+          >
+            <PencilIcon className="mr-1 size-3.5" />
+            {t('common.edit')}
+          </Button>
+          <Button
+            variant="ghost"
+            size="sm"
+            className="text-destructive hover:text-destructive"
+            onClick={(e) => {
+              e.stopPropagation()
+              setDeleting(row.original)
+            }}
+          >
+            <Trash2Icon className="mr-1 size-3.5" />
+            {t('common.delete')}
+          </Button>
+        </div>
+      ),
+    },
+  ]
+
+  return (
+    <div className="space-y-4 p-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h2 className="text-xl font-bold">{t('knowledgePublic.compliance.title')}</h2>
+          <p className="text-sm text-muted-foreground">{t('knowledgePublic.compliance.subtitle', { total })}</p>
+        </div>
+        <Button onClick={openCreate}>
+          <PlusIcon className="mr-1 size-4" />
+          {t('common.create')}
+        </Button>
+      </div>
+
+      <div className="flex items-center gap-2">
+        <div className="relative max-w-sm flex-1">
+          <SearchIcon className="absolute top-1/2 left-2.5 size-4 -translate-y-1/2 text-muted-foreground" />
+          <Input
+            value={searchInput}
+            onChange={(e) => setSearchInput(e.target.value)}
+            onKeyDown={(e) => {
+              if (e.key === 'Enter') applySearch()
+            }}
+            placeholder={t('knowledgePublic.compliance.placeholder')}
+            className="pl-8"
+          />
+        </div>
+        <Button variant="outline" onClick={applySearch}>
+          {t('common.search')}
+        </Button>
+      </div>
+
+      <DataTable columns={columns} data={items} />
+
+      <ComplianceFormDialog
+        open={formOpen}
+        onOpenChange={setFormOpen}
+        item={editing}
+        onSuccess={refresh}
+      />
+
+      <AlertDialog open={!!deleting} onOpenChange={(o) => !o && setDeleting(null)}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>{t('knowledgePublic.compliance.deleteConfirmTitle')}</AlertDialogTitle>
+            <AlertDialogDescription>
+              {t('knowledgePublic.compliance.deleteConfirmDesc', { title: deleting?.title })}
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel disabled={deletePending}>{t('common.cancel')}</AlertDialogCancel>
+            <AlertDialogAction
+              onClick={(e) => {
+                e.preventDefault()
+                confirmDelete()
+              }}
+              disabled={deletePending}
+              className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
+            >
+              {deletePending ? t('common.deleting') : t('common.delete')}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </div>
+  )
+}

package/src/routes/_nav/knowledge-public/compliance/route.tsx

@@ -0,0 +1,40 @@
+// 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 { createFileRoute } from '@tanstack/react-router'
+import { z } from 'zod'
+import { adminListComplianceFn } from '@/server/serverFns/knowledge-public/compliance/list'
+
+const complianceSearchSchema = z.object({
+  search: z.string().optional(),
+  industry: z.string().optional(),
+  region: z.string().optional(),
+})
+
+export const Route = createFileRoute('/_nav/knowledge-public/compliance')({
+  validateSearch: complianceSearchSchema,
+  loaderDeps: ({ search }) => search,
+  loader: async ({ deps }) => {
+    return adminListComplianceFn({
+      data: {
+        search: deps.search,
+        industry: deps.industry,
+        region: deps.region,
+      },
+    })
+  },
+})