@allbluecn/admin-app 0.2.0 → 0.2.1

package/src/routes/_nav/dependencies/route.lazy.tsx

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useState } from "react"
-import { useTranslation } from 'react-i18next'
+import { m } from '@/paraglide/messages.js'
 import { createLazyFileRoute } from "@tanstack/react-router"
 import { Boxes, Info } from "lucide-react"
 import type { ThirdPartyDependencyRow } from "@allbluecn/kernel"
@@ -29,7 +29,6 @@ export const Route = createLazyFileRoute("/_nav/dependencies")({
 })
 
 function DependenciesPage() {
-  const { t } = useTranslation('common')
   const ctx = Route.useRouteContext() as { dependencies?: ThirdPartyDependencyRow[] }
   const [data, setData] = useState<ThirdPartyDependencyRow[]>(ctx.dependencies ?? [])
 
@@ -45,19 +44,19 @@ function DependenciesPage() {
   return (
     <div className="p-6 space-y-5">
       <PageHeader
-        title={t('dependencies.title')}
-        description={t('dependencies.description')}
+        title={m.common_dependencies_title()}
+        description={m.common_dependencies_description()}
         icon={Boxes}
       />
       <div className="flex items-start gap-2 rounded-md border border-blue-500/20 bg-blue-500/5 p-3 text-xs text-muted-foreground">
         <Info className="mt-0.5 size-3.5 shrink-0 text-blue-500" />
         <div>
-          {t('dependencies.hint.currentVersion')}
+          {m.common_dependencies_hint_currentVersion()}
           <code className="font-mono">apps/web</code>、
           <code className="font-mono">apps/admin</code>、
-          <code className="font-mono">packages/*</code> {t('dependencies.hint.currentVersionSuffix')}
-          {t('dependencies.hint.latestVersion')}
-          {t('dependencies.hint.watchList')}
+          <code className="font-mono">packages/*</code> {m.common_dependencies_hint_currentVersionSuffix()}
+          {m.common_dependencies_hint_latestVersion()}
+          {m.common_dependencies_hint_watchList()}
         </div>
       </div>
       <DependencyTable data={data} onMutated={refetch} />

package/src/routes/_nav/docs/route.lazy.tsx

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { createLazyFileRoute } from '@tanstack/react-router'
-import { useTranslation } from 'react-i18next'
+import { m } from '@/paraglide/messages.js'
 import { FileText } from 'lucide-react'
 import { PlaceholderPage } from '@/components/common/placeholder-page'
 
@@ -25,6 +25,5 @@ export const Route = createLazyFileRoute('/_nav/docs')({
 })
 
 function DocsPage() {
-  const { t } = useTranslation('common')
-  return <PlaceholderPage title={t('docs.title')} icon={FileText} />
+  return <PlaceholderPage title={m.common_docs_title()} icon={FileText} />
 }

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

@@ -16,8 +16,8 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { createLazyFileRoute, useNavigate, useRouter } from '@tanstack/react-router'
+import { m } from '@/paraglide/messages.js'
 import { useState, useTransition } from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   PlusIcon,
   PencilIcon,
@@ -89,7 +89,6 @@ function FaviconCell({ faviconUrl, categoryIcon }: { faviconUrl: string | null;
 }
 
 function BookmarksPage() {
-  const { t } = useTranslation('common')
   const { items: rawItems, total } = Route.useLoaderData()
   const items = rawItems as unknown as BookmarkRow[]
   const { search } = Route.useSearch()
@@ -127,11 +126,11 @@ function BookmarksPage() {
     startDelete(async () => {
       try {
         await adminDeleteBookmarkFn({ data: { id: deleting.id } })
-        toast.success(t('knowledgePublic.bookmarks.deleted'))
+        toast.success(m.common_knowledgePublic_bookmarks_deleted())
         setDeleting(null)
         refresh()
       } catch (err) {
-        toast.error(err instanceof Error ? err.message : t('common.deleteFailed'))
+        toast.error(err instanceof Error ? err.message : m.common_common_deleteFailed())
       }
     })
   }
@@ -141,11 +140,11 @@ function BookmarksPage() {
       try {
         const res = await adminSyncAllGithubFn({ data: { force: true } })
         toast.success(
-          t('knowledgePublic.bookmarks.syncComplete', { total: res.total, success: res.success, failed: res.failed }),
+          m.common_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'))
+        toast.error(err instanceof Error ? err.message : m.common_knowledgePublic_bookmarks_syncFailed())
       }
     })
   }
@@ -153,8 +152,8 @@ function BookmarksPage() {
   const columns: AdminColumnDef<BookmarkRow>[] = [
     {
       accessorKey: 'title',
-      header: t('knowledgePublic.bookmarks.columns.website'),
-      cell: ({ row }) => {
+      header: m.common_knowledgePublic_bookmarks_columns_website(),
+      cell: ({ row }: any) => {
         const b = row.original
         return (
           <div className="flex min-w-[180px] items-center gap-2">
@@ -173,8 +172,8 @@ function BookmarksPage() {
     },
     {
       accessorKey: 'url',
-      header: t('knowledgePublic.bookmarks.columns.url'),
-      cell: ({ row }) => {
+      header: m.common_knowledgePublic_bookmarks_columns_url(),
+      cell: ({ row }: any) => {
         const url = row.original.url
         return (
           <a
@@ -191,8 +190,8 @@ function BookmarksPage() {
     },
     {
       accessorKey: 'categoryId',
-      header: t('knowledgePublic.bookmarks.columns.category'),
-      cell: ({ row }) =>
+      header: m.common_knowledgePublic_bookmarks_columns_category(),
+      cell: ({ row }: any) =>
         row.original.categoryId ? (
           <Badge variant="outline" className="font-mono text-xs">
             {row.original.categoryId}
@@ -204,7 +203,7 @@ function BookmarksPage() {
     {
       id: 'github',
       header: 'GitHub',
-      cell: ({ row }) => {
+      cell: ({ row }: any) => {
         const b = row.original
         if (!b.isGithub) return <span className="text-muted-foreground">-</span>
         return (
@@ -224,13 +223,13 @@ function BookmarksPage() {
     },
     {
       accessorKey: 'tags',
-      header: t('knowledgePublic.bookmarks.columns.tags'),
-      cell: ({ row }) => (
+      header: m.common_knowledgePublic_bookmarks_columns_tags(),
+      cell: ({ row }: any) => (
         <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) => (
+            row.original.tags.map((tag: string) => (
               <Badge key={tag} variant="secondary" className="font-normal">
                 {tag}
               </Badge>
@@ -241,8 +240,8 @@ function BookmarksPage() {
     },
     {
       accessorKey: 'createdAt',
-      header: t('knowledgePublic.bookmarks.columns.createdAt'),
-      cell: ({ row }) => (
+      header: m.common_knowledgePublic_bookmarks_columns_createdAt(),
+      cell: ({ row }: any) => (
         <span className="text-muted-foreground">
           {new Date(row.original.createdAt).toLocaleDateString('zh-CN')}
         </span>
@@ -251,30 +250,30 @@ function BookmarksPage() {
     {
       id: 'actions',
       header: '',
-      cell: ({ row }) => (
+      cell: ({ row }: any) => (
         <div className="flex items-center gap-1">
           <Button
             variant="ghost"
             size="sm"
-            onClick={(e) => {
+            onClick={(e: React.MouseEvent) => {
               e.stopPropagation()
               openEdit(row.original)
             }}
           >
             <PencilIcon className="mr-1 size-3.5" />
-            {t('common.edit')}
+            {m.common_common_edit()}
           </Button>
           <Button
             variant="ghost"
             size="sm"
             className="text-destructive hover:text-destructive"
-            onClick={(e) => {
+            onClick={(e: React.MouseEvent) => {
               e.stopPropagation()
               setDeleting(row.original)
             }}
           >
             <Trash2Icon className="mr-1 size-3.5" />
-            {t('common.delete')}
+            {m.common_common_delete()}
           </Button>
         </div>
       ),
@@ -285,17 +284,17 @@ function BookmarksPage() {
     <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>
+          <h2 className="text-xl font-bold">{m.common_knowledgePublic_bookmarks_title()}</h2>
+          <p className="text-sm text-muted-foreground">{m.common_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')}
+            {syncing ? m.common_knowledgePublic_bookmarks_syncing() : m.common_knowledgePublic_bookmarks_syncGithub()}
           </Button>
           <Button onClick={openCreate}>
             <PlusIcon className="mr-1 size-4" />
-            {t('common.create')}
+            {m.common_common_create()}
           </Button>
         </div>
       </div>
@@ -305,16 +304,16 @@ function BookmarksPage() {
           <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) => {
+            onChange={(e: React.ChangeEvent<HTMLInputElement>) => setSearchInput(e.target.value)}
+            onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) => {
               if (e.key === 'Enter') applySearch()
             }}
-            placeholder={t('knowledgePublic.bookmarks.placeholder')}
+            placeholder={m.common_knowledgePublic_bookmarks_placeholder()}
             className="pl-8"
           />
         </div>
         <Button variant="outline" onClick={applySearch}>
-          {t('common.search')}
+          {m.common_common_search()}
         </Button>
       </div>
 
@@ -327,25 +326,25 @@ function BookmarksPage() {
         onSuccess={refresh}
       />
 
-      <AlertDialog open={!!deleting} onOpenChange={(o) => !o && setDeleting(null)}>
+      <AlertDialog open={!!deleting} onOpenChange={(o: boolean) => !o && setDeleting(null)}>
         <AlertDialogContent>
           <AlertDialogHeader>
-            <AlertDialogTitle>{t('knowledgePublic.bookmarks.deleteConfirmTitle')}</AlertDialogTitle>
+            <AlertDialogTitle>{m.common_knowledgePublic_bookmarks_deleteConfirmTitle()}</AlertDialogTitle>
             <AlertDialogDescription>
-              {t('knowledgePublic.bookmarks.deleteConfirmDesc', { title: deleting?.title })}
+              {m.common_knowledgePublic_bookmarks_deleteConfirmDesc({ title: deleting?.title ?? '' })}
             </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter>
-            <AlertDialogCancel disabled={deletePending}>{t('common.cancel')}</AlertDialogCancel>
+            <AlertDialogCancel disabled={deletePending}>{m.common_common_cancel()}</AlertDialogCancel>
             <AlertDialogAction
-              onClick={(e) => {
-                e.preventDefault()
-                confirmDelete()
-              }}
-              disabled={deletePending}
+               onClick={(e: React.MouseEvent) => {
+                 e.preventDefault()
+                 confirmDelete()
+               }}
+               disabled={deletePending}
               className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
             >
-              {deletePending ? t('common.deleting') : t('common.delete')}
+              {deletePending ? m.common_common_deleting() : m.common_common_delete()}
             </AlertDialogAction>
           </AlertDialogFooter>
         </AlertDialogContent>

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

@@ -16,8 +16,8 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { createLazyFileRoute, useNavigate, useRouter } from '@tanstack/react-router'
+import { m } from '@/paraglide/messages.js'
 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'
@@ -50,7 +50,6 @@ export const Route = createLazyFileRoute('/_nav/knowledge-public/compliance')({
 })
 
 function CompliancePage() {
-  const { t } = useTranslation('common')
   const { items: rawItems, total } = Route.useLoaderData()
   const items = rawItems as unknown as ComplianceRow[]
   const { search } = Route.useSearch()
@@ -87,11 +86,11 @@ function CompliancePage() {
     startDelete(async () => {
       try {
         await adminDeleteComplianceFn({ data: { id: deleting.id } })
-        toast.success(t('knowledgePublic.compliance.deleted'))
+        toast.success(m.common_knowledgePublic_compliance_deleted())
         setDeleting(null)
         refresh()
       } catch (err) {
-        toast.error(err instanceof Error ? err.message : t('common.deleteFailed'))
+        toast.error(err instanceof Error ? err.message : m.common_common_deleteFailed())
       }
     })
   }
@@ -99,20 +98,20 @@ function CompliancePage() {
   const columns: AdminColumnDef<ComplianceRow>[] = [
     {
       accessorKey: 'title',
-      header: t('knowledgePublic.compliance.columns.title'),
-      cell: ({ row }) => <span className="font-medium">{row.original.title}</span>,
+      header: m.common_knowledgePublic_compliance_columns_title(),
+      cell: ({ row }: any) => <span className="font-medium">{row.original.title}</span>,
     },
     {
       accessorKey: 'industry',
-      header: t('knowledgePublic.compliance.columns.industry'),
-      cell: ({ row }) => (
+      header: m.common_knowledgePublic_compliance_columns_industry(),
+      cell: ({ row }: any) => (
         <Badge variant="outline">{row.original.industry}</Badge>
       ),
     },
     {
       accessorKey: 'regulatoryBody',
-      header: t('knowledgePublic.compliance.columns.regulatoryBody'),
-      cell: ({ row }) => (
+      header: m.common_knowledgePublic_compliance_columns_regulatoryBody(),
+      cell: ({ row }: any) => (
         <span className="text-muted-foreground">
           {row.original.regulatoryBody ?? '-'}
         </span>
@@ -120,13 +119,13 @@ function CompliancePage() {
     },
     {
       accessorKey: 'tags',
-      header: t('knowledgePublic.compliance.columns.tags'),
-      cell: ({ row }) => (
+      header: m.common_knowledgePublic_compliance_columns_tags(),
+      cell: ({ row }: any) => (
         <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) => (
+            row.original.tags.map((tag: string) => (
               <Badge key={tag} variant="secondary" className="font-normal">
                 {tag}
               </Badge>
@@ -137,8 +136,8 @@ function CompliancePage() {
     },
     {
       accessorKey: 'createdAt',
-      header: t('knowledgePublic.compliance.columns.createdAt'),
-      cell: ({ row }) => (
+      header: m.common_knowledgePublic_compliance_columns_createdAt(),
+      cell: ({ row }: any) => (
         <span className="text-muted-foreground">
           {new Date(row.original.createdAt).toLocaleDateString('zh-CN')}
         </span>
@@ -147,30 +146,30 @@ function CompliancePage() {
     {
       id: 'actions',
       header: '',
-      cell: ({ row }) => (
+      cell: ({ row }: any) => (
         <div className="flex items-center gap-1">
           <Button
             variant="ghost"
             size="sm"
-            onClick={(e) => {
+            onClick={(e: React.MouseEvent) => {
               e.stopPropagation()
               openEdit(row.original)
             }}
           >
             <PencilIcon className="mr-1 size-3.5" />
-            {t('common.edit')}
+            {m.common_common_edit()}
           </Button>
           <Button
             variant="ghost"
             size="sm"
             className="text-destructive hover:text-destructive"
-            onClick={(e) => {
+            onClick={(e: React.MouseEvent) => {
               e.stopPropagation()
               setDeleting(row.original)
             }}
           >
             <Trash2Icon className="mr-1 size-3.5" />
-            {t('common.delete')}
+            {m.common_common_delete()}
           </Button>
         </div>
       ),
@@ -181,12 +180,12 @@ function CompliancePage() {
     <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>
+          <h2 className="text-xl font-bold">{m.common_knowledgePublic_compliance_title()}</h2>
+          <p className="text-sm text-muted-foreground">{m.common_knowledgePublic_compliance_subtitle({ total })}</p>
         </div>
         <Button onClick={openCreate}>
           <PlusIcon className="mr-1 size-4" />
-          {t('common.create')}
+          {m.common_common_create()}
         </Button>
       </div>
 
@@ -195,16 +194,16 @@ function CompliancePage() {
           <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) => {
+            onChange={(e: React.ChangeEvent<HTMLInputElement>) => setSearchInput(e.target.value)}
+            onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) => {
               if (e.key === 'Enter') applySearch()
             }}
-            placeholder={t('knowledgePublic.compliance.placeholder')}
+            placeholder={m.common_knowledgePublic_compliance_placeholder()}
             className="pl-8"
           />
         </div>
         <Button variant="outline" onClick={applySearch}>
-          {t('common.search')}
+          {m.common_common_search()}
         </Button>
       </div>
 
@@ -217,25 +216,25 @@ function CompliancePage() {
         onSuccess={refresh}
       />
 
-      <AlertDialog open={!!deleting} onOpenChange={(o) => !o && setDeleting(null)}>
+      <AlertDialog open={!!deleting} onOpenChange={(o: boolean) => !o && setDeleting(null)}>
         <AlertDialogContent>
           <AlertDialogHeader>
-            <AlertDialogTitle>{t('knowledgePublic.compliance.deleteConfirmTitle')}</AlertDialogTitle>
+            <AlertDialogTitle>{m.common_knowledgePublic_compliance_deleteConfirmTitle()}</AlertDialogTitle>
             <AlertDialogDescription>
-              {t('knowledgePublic.compliance.deleteConfirmDesc', { title: deleting?.title })}
+              {m.common_knowledgePublic_compliance_deleteConfirmDesc({ title: deleting?.title ?? '' })}
             </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter>
-            <AlertDialogCancel disabled={deletePending}>{t('common.cancel')}</AlertDialogCancel>
+            <AlertDialogCancel disabled={deletePending}>{m.common_common_cancel()}</AlertDialogCancel>
             <AlertDialogAction
-              onClick={(e) => {
+              onClick={(e: React.MouseEvent) => {
                 e.preventDefault()
                 confirmDelete()
               }}
               disabled={deletePending}
               className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
             >
-              {deletePending ? t('common.deleting') : t('common.delete')}
+              {deletePending ? m.common_common_deleting() : m.common_common_delete()}
             </AlertDialogAction>
           </AlertDialogFooter>
         </AlertDialogContent>