@allbluecn/web-app 0.9.4 → 0.10.0

package/src/routes/_nav/knowledge/compliance/$id.lazy.tsx

@@ -17,7 +17,6 @@
 
 import { useState, Suspense } from 'react'
 import { createLazyFileRoute, Link, useNavigate } from '@tanstack/react-router'
-import { useTranslation } from 'react-i18next'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
 import { getComplianceDetailFn } from '@/server/serverFns/knowledge-public/compliance/detail'
 import { shareComplianceFn } from '@/server/serverFns/knowledge-public/compliance/share'
@@ -35,11 +34,11 @@ import { Share2, ArrowLeft, Pencil, Trash2, Link2, Globe, Star } from 'lucide-re
 import { cn } from '@/lib/utils'
 import { toggleFavoriteFn, getFavoriteIdsFn } from '@/server/serverFns/knowledge-public/favorite'
 import { toast } from '@/components/ui/sonner'
+import { m } from "@/paraglide/messages.js";
 
 export const Route = createLazyFileRoute('/_nav/knowledge/compliance/$id')({ component: ComplianceDetailPage })
 
 function ComplianceDetailPage() {
-  const { t } = useTranslation('knowledge')
   const { id } = Route.useParams()
   const navigate = useNavigate()
   const qc = useQueryClient()
@@ -59,11 +58,11 @@ function ComplianceDetailPage() {
   async function handleDelete() {
     try {
       await deleteComplianceFn({ data: { id } })
-      toast.success(t('compliance.detail.deleted'))
+      toast.success(m.knowledge_compliance_detail_deleted())
       qc.invalidateQueries({ queryKey: ['compliance'] })
       navigate({ to: '/knowledge/compliance' })
     } catch {
-      toast.error(t('compliance.detail.deleteFailed'))
+      toast.error(m.knowledge_compliance_detail_deleteFailed())
     }
   }
 
@@ -76,7 +75,7 @@ function ComplianceDetailPage() {
 
   const handleToggleFavorite = async () => {
     const r = await toggleFavoriteFn({ data: { entityType: 'compliance', entityId: data.id } })
-    toast.success(r.favorited ? t('compliance.detail.favorited') : t('compliance.detail.unfavorited'))
+    toast.success(r.favorited ? m.knowledge_compliance_detail_favorited() : m.knowledge_compliance_detail_unfavorited())
     qc.invalidateQueries({ queryKey: ['favorite-ids', 'compliance'] })
     qc.invalidateQueries({ queryKey: ['compliance'] })
   }
@@ -120,7 +119,7 @@ function ComplianceDetailPage() {
                     <ArrowLeft className="size-8" />
                   </Link>
                 </TooltipTrigger>
-                <TooltipContent>{t('compliance.detail.backToList')}</TooltipContent>
+                <TooltipContent>{m.knowledge_compliance_detail_backToList()}</TooltipContent>
               </Tooltip>
             }
             actions={
@@ -136,16 +135,16 @@ function ComplianceDetailPage() {
                           </Button>
                         </AlertDialogTrigger>
                       </TooltipTrigger>
-                      <TooltipContent>{t('compliance.detail.delete')}</TooltipContent>
+                      <TooltipContent>{m.knowledge_compliance_detail_delete()}</TooltipContent>
                     </Tooltip>
                     <AlertDialogContent>
                       <AlertDialogHeader>
-                        <AlertDialogTitle>{t('compliance.detail.confirmDeleteTitle')}</AlertDialogTitle>
-                        <AlertDialogDescription>{t('compliance.detail.confirmDeleteDesc')}</AlertDialogDescription>
+                        <AlertDialogTitle>{m.knowledge_compliance_detail_confirmDeleteTitle()}</AlertDialogTitle>
+                        <AlertDialogDescription>{m.knowledge_compliance_detail_confirmDeleteDesc()}</AlertDialogDescription>
                       </AlertDialogHeader>
                       <AlertDialogFooter>
-                        <AlertDialogCancel>{t('compliance.detail.cancel')}</AlertDialogCancel>
-                        <AlertDialogAction onClick={handleDelete}>{t('compliance.detail.delete')}</AlertDialogAction>
+                        <AlertDialogCancel>{m.knowledge_compliance_detail_cancel()}</AlertDialogCancel>
+                        <AlertDialogAction onClick={handleDelete}>{m.knowledge_compliance_detail_delete()}</AlertDialogAction>
                       </AlertDialogFooter>
                     </AlertDialogContent>
                   </AlertDialog>
@@ -155,7 +154,7 @@ function ComplianceDetailPage() {
                         <Pencil className="h-4 w-4" />
                       </Button>
                     </TooltipTrigger>
-                    <TooltipContent>{t('compliance.detail.edit')}</TooltipContent>
+                    <TooltipContent>{m.knowledge_compliance_detail_edit()}</TooltipContent>
                   </Tooltip>
                   <DropdownMenu>
                     <Tooltip>
@@ -166,7 +165,7 @@ function ComplianceDetailPage() {
                           </Button>
                         </DropdownMenuTrigger>
                       </TooltipTrigger>
-                      <TooltipContent>{t('compliance.detail.share')}</TooltipContent>
+                      <TooltipContent>{m.knowledge_compliance_detail_share()}</TooltipContent>
                     </Tooltip>
                     <DropdownMenuContent align="end" className="w-40">
                       {hasShared ? (
@@ -175,16 +174,16 @@ function ComplianceDetailPage() {
                           setSharing(true)
                           try {
                             await unshareComplianceFn({ data: { canonicalId: data.canonicalId } })
-                            toast.success(t('compliance.detail.unshared'))
+                            toast.success(m.knowledge_compliance_detail_unshared())
                             qc.invalidateQueries({ queryKey: ['compliance-detail', id] })
                           } catch (e) {
-                            toast.error(e instanceof Error ? e.message : t('compliance.detail.unshareFailed'))
+                            toast.error(e instanceof Error ? e.message : m.knowledge_compliance_detail_unshareFailed())
                           } finally {
                             setSharing(false)
                           }
                         }}>
                           <Globe className="mr-2 h-4 w-4" />
-                          {t('compliance.detail.unshare')}
+                          {m.knowledge_compliance_detail_unshare()}
                         </DropdownMenuItem>
                       ) : (
                         <DropdownMenuItem onClick={async () => {
@@ -194,22 +193,22 @@ function ComplianceDetailPage() {
                             toast.success(r.message)
                             qc.invalidateQueries({ queryKey: ['compliance-detail', id] })
                           } catch (e) {
-                            toast.error(e instanceof Error ? e.message : t('compliance.detail.shareFailed'))
+                            toast.error(e instanceof Error ? e.message : m.knowledge_compliance_detail_shareFailed())
                           } finally {
                             setSharing(false)
                           }
                         }}>
                           <Globe className="mr-2 h-4 w-4" />
-                          {t('compliance.detail.sharePublic')}
+                          {m.knowledge_compliance_detail_sharePublic()}
                         </DropdownMenuItem>
                       )}
                       <DropdownMenuItem onClick={() => {
                         const shareUrl = `${window.location.origin}/share/compliance/${data.id}`
                         navigator.clipboard.writeText(shareUrl)
-                        toast.success(t('compliance.detail.linkCopied'))
+                        toast.success(m.knowledge_compliance_detail_linkCopied())
                       }}>
                         <Link2 className="mr-2 h-4 w-4" />
-                        {t('compliance.detail.copyLink')}
+                        {m.knowledge_compliance_detail_copyLink()}
                       </DropdownMenuItem>
                     </DropdownMenuContent>
                   </DropdownMenu>
@@ -222,18 +221,18 @@ function ComplianceDetailPage() {
                         <Star className={cn('h-4 w-4', favorited && 'fill-amber-400 text-amber-400')} />
                       </Button>
                     </TooltipTrigger>
-                    <TooltipContent>{favorited ? t('compliance.detail.unfavorite') : t('compliance.detail.favorite')}</TooltipContent>
+                    <TooltipContent>{favorited ? m.knowledge_compliance_detail_unfavorite() : m.knowledge_compliance_detail_favorite()}</TooltipContent>
                   </Tooltip>
                   <Tooltip>
                     <TooltipTrigger asChild>
                       <Button variant="ghost" size="icon" onClick={() => {
                         navigator.clipboard.writeText(`${window.location.origin}/share/compliance/${data.id}`)
-                        toast.success(t('compliance.detail.linkCopied'))
+                        toast.success(m.knowledge_compliance_detail_linkCopied())
                       }}>
                         <Share2 className="h-4 w-4" />
                       </Button>
                     </TooltipTrigger>
-                    <TooltipContent>{t('compliance.detail.copyShareLink')}</TooltipContent>
+                    <TooltipContent>{m.knowledge_compliance_detail_copyShareLink()}</TooltipContent>
                   </Tooltip>
                 </>
               )}

package/src/routes/_nav/knowledge/compliance/index.lazy.tsx

@@ -18,7 +18,6 @@
 import { cn } from "@/lib/utils"
 import { createLazyFileRoute, useNavigate } from '@tanstack/react-router'
 import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import { useQuery, keepPreviousData } from '@tanstack/react-query'
 import { listComplianceFn } from '@/server/serverFns/knowledge-public/compliance/list'
 import { createComplianceFn } from '@/server/serverFns/knowledge-public/compliance/create'
@@ -30,30 +29,30 @@ import { KnowledgeCardGrid, EmptyState } from '@/components/knowledge-public/kno
 import { TagFilter } from '@/components/knowledge-public/tag-filter'
 import { AnimatedGridPattern } from '@/components/magicui/animated-grid-pattern'
 import { AuroraText } from '@/components/magicui/aurora-text'
+import { m } from "@/paraglide/messages.js";
 
-function buildIndustryOptions(t: any) {
+function buildIndustryOptions() {
   return [
-    { value: 'internet', label: t('compliance.industries.internet') },
-    { value: 'finance', label: t('compliance.industries.finance') },
-    { value: 'medical', label: t('compliance.industries.medical') },
-    { value: 'education', label: t('compliance.industries.education') },
-    { value: 'manufacturing', label: t('compliance.industries.manufacturing') },
-    { value: 'energy', label: t('compliance.industries.energy') },
-    { value: 'transportation', label: t('compliance.industries.transportation') },
-    { value: 'ecommerce', label: t('compliance.industries.ecommerce') },
-    { value: 'gaming', label: t('compliance.industries.gaming') },
-    { value: 'general', label: t('compliance.industries.general') },
+    { value: 'internet', label: m.knowledge_compliance_industries_internet() },
+    { value: 'finance', label: m.knowledge_compliance_industries_finance() },
+    { value: 'medical', label: m.knowledge_compliance_industries_medical() },
+    { value: 'education', label: m.knowledge_compliance_industries_education() },
+    { value: 'manufacturing', label: m.knowledge_compliance_industries_manufacturing() },
+    { value: 'energy', label: m.knowledge_compliance_industries_energy() },
+    { value: 'transportation', label: m.knowledge_compliance_industries_transportation() },
+    { value: 'ecommerce', label: m.knowledge_compliance_industries_ecommerce() },
+    { value: 'gaming', label: m.knowledge_compliance_industries_gaming() },
+    { value: 'general', label: m.knowledge_compliance_industries_general() },
   ]
 }
 
 export const Route = createLazyFileRoute('/_nav/knowledge/compliance/')({ component: CompliancePage })
 
 function CompliancePage() {
-  const { t } = useTranslation('knowledge')
   const navigate = useNavigate()
-  const industryOptions = buildIndustryOptions(t)
+  const industryOptions = buildIndustryOptions()
   const industryGroups = [
-    { key: 'industry', label: t('compliance.index.industry'), options: industryOptions },
+    { key: 'industry', label: m.knowledge_compliance_index_industry(), options: industryOptions },
   ]
   const [scope, setScope] = useState<'all' | 'private' | 'share' | 'favorite'>('all')
   const [search, setSearch] = useState('')
@@ -86,19 +85,19 @@ function CompliancePage() {
       </div>
       <div className="relative z-10 flex h-full flex-col gap-4 p-4">
         <h1 className="text-center text-[46px] font-semibold mt-10">
-          {t('compliance.index.titleA')}
+          {m.knowledge_compliance_index_titleA()}
           <AuroraText colors={["#006B5A", "#009E86", "#00C49F", "#42E0C0"]}>
-            {t('compliance.index.titleB')}
+            {m.knowledge_compliance_index_titleB()}
           </AuroraText>
         </h1>
         <KnowledgeSearchBar
           search={search}
           onSearchChange={setSearch}
           onCreate={async () => {
-            const r = await createComplianceFn({ data: { title: t('compliance.index.untitled'), industry: '', tags: [] } })
+            const r = await createComplianceFn({ data: { title: m.knowledge_compliance_index_untitled(), industry: '', tags: [] } })
             navigate({ to: '/knowledge/compliance/edit/$id', params: { id: r.id } })
           }}
-          createLabel={t('compliance.index.add')}
+          createLabel={m.knowledge_compliance_index_add()}
         />
         <KnowledgeFilters
           scope={scope}

package/src/routes/_nav/knowledge/dictionaries/$id.lazy.tsx

@@ -16,7 +16,6 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { createLazyFileRoute, Link } from '@tanstack/react-router'
-import { useTranslation } from 'react-i18next'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
 import { getDictionaryDetailFn } from '@/server/serverFns/knowledge-public/dictionary/detail'
 import { shareDictionaryFn } from '@/server/serverFns/knowledge-public/dictionary/share'
@@ -26,11 +25,11 @@ import { Badge } from '@/components/ui/badge'
 import { Button } from '@/components/ui/button'
 import { Share2, ArrowLeft } from 'lucide-react'
 import { toast } from '@/components/ui/sonner'
+import { m } from "@/paraglide/messages.js";
 
 export const Route = createLazyFileRoute('/_nav/knowledge/dictionaries/$id')({ component: DictionaryDetailPage })
 
 function DictionaryDetailPage() {
-  const { t } = useTranslation('knowledge')
   const { id } = Route.useParams()
   const qc = useQueryClient()
   const { data } = useQuery({
@@ -50,7 +49,7 @@ function DictionaryDetailPage() {
         className="inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground"
       >
         <ArrowLeft className="h-4 w-4" />
-        {t('dictionaries.detail.backToList')}
+        {m.knowledge_dictionaries_detail_backToList()}
       </Link>
       <div className="flex items-start justify-between gap-4">
         <div>
@@ -75,7 +74,7 @@ function DictionaryDetailPage() {
             }}
           >
             <Share2 className="h-4 w-4" />
-            {t('dictionaries.detail.sharePublic')}
+            {m.knowledge_dictionaries_detail_sharePublic()}
           </Button>
         )}
         {isPublic && data.sharers?.length ? <SharersAvatarGroup sharers={data.sharers} /> : null}
@@ -83,7 +82,7 @@ function DictionaryDetailPage() {
       {data.definition && <MarkdownView content={data.definition} />}
       {examples.length > 0 && (
         <div className="space-y-1">
-          <h2 className="text-sm font-semibold">{t('dictionaries.detail.examples')}</h2>
+          <h2 className="text-sm font-semibold">{m.knowledge_dictionaries_detail_examples()}</h2>
           <ol className="list-inside list-decimal space-y-1 text-sm text-muted-foreground">
             {examples.map((ex, i) => (
               <li key={i}>{ex}</li>
@@ -98,7 +97,7 @@ function DictionaryDetailPage() {
           rel="noopener noreferrer"
           className="inline-flex items-center gap-1 text-sm text-primary hover:underline"
         >
-          {t('dictionaries.detail.viewReference')}
+          {m.knowledge_dictionaries_detail_viewReference()}
         </a>
       )}
     </div>

package/src/routes/_nav/knowledge/dictionaries/index.lazy.tsx

@@ -18,7 +18,6 @@
 import { cn } from "@/lib/utils"
 import { createLazyFileRoute } from '@tanstack/react-router'
 import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import { useQuery, keepPreviousData } from '@tanstack/react-query'
 import { listDictionaryFn } from '@/server/serverFns/knowledge-public/dictionary/list'
 import { KnowledgeSearchBar } from '@/components/knowledge-public/knowledge-search-bar'
@@ -28,33 +27,33 @@ import { KnowledgeCardGrid, EmptyState } from '@/components/knowledge-public/kno
 import { KnowledgeFormDialog } from '@/components/knowledge-public/knowledge-form-dialog'
 import { StripedPattern } from '@/components/magicui/striped-pattern'
 import { AuroraText } from '@/components/magicui/aurora-text'
+import { m } from "@/paraglide/messages.js";
 
-function buildIndustryOptions(t: any) {
+function buildIndustryOptions() {
   return [
-    { value: 'internet', label: t('compliance.industries.internet') },
-    { value: 'finance', label: t('compliance.industries.finance') },
-    { value: 'medical', label: t('compliance.industries.medical') },
-    { value: 'education', label: t('compliance.industries.education') },
-    { value: 'manufacturing', label: t('compliance.industries.manufacturing') },
-    { value: 'energy', label: t('compliance.industries.energy') },
-    { value: 'transportation', label: t('compliance.industries.transportation') },
-    { value: 'ecommerce', label: t('compliance.industries.ecommerce') },
-    { value: 'gaming', label: t('compliance.industries.gaming') },
-    { value: 'general', label: t('compliance.industries.general') },
+    { value: 'internet', label: m.knowledge_compliance_industries_internet() },
+    { value: 'finance', label: m.knowledge_compliance_industries_finance() },
+    { value: 'medical', label: m.knowledge_compliance_industries_medical() },
+    { value: 'education', label: m.knowledge_compliance_industries_education() },
+    { value: 'manufacturing', label: m.knowledge_compliance_industries_manufacturing() },
+    { value: 'energy', label: m.knowledge_compliance_industries_energy() },
+    { value: 'transportation', label: m.knowledge_compliance_industries_transportation() },
+    { value: 'ecommerce', label: m.knowledge_compliance_industries_ecommerce() },
+    { value: 'gaming', label: m.knowledge_compliance_industries_gaming() },
+    { value: 'general', label: m.knowledge_compliance_industries_general() },
   ]
 }
 
 export const Route = createLazyFileRoute('/_nav/knowledge/dictionaries/')({ component: DictionaryPage })
 
 function DictionaryPage() {
-  const { t } = useTranslation('knowledge')
   const [scope, setScope] = useState<'all' | 'private' | 'share' | 'favorite'>('all')
   const [search, setSearch] = useState('')
   const [industry, setIndustry] = useState<string | undefined>()
   const [dialogOpen, setDialogOpen] = useState(false)
-  const industryOptions = buildIndustryOptions(t)
+  const industryOptions = buildIndustryOptions()
   const industryGroups = [
-    { key: 'industry', label: t('dictionaries.index.industry'), options: industryOptions },
+    { key: 'industry', label: m.knowledge_dictionaries_index_industry(), options: industryOptions },
   ]
   const { data } = useQuery({
     queryKey: ['dictionary', scope, search, industry],
@@ -72,16 +71,16 @@ function DictionaryPage() {
         />
       </div>
       <div className="relative z-10 flex h-full flex-col gap-4 p-4">
-        <h1 className="text-center text-[46px] font-semibold mt-10">{t('dictionaries.index.titleA')}
+        <h1 className="text-center text-[46px] font-semibold mt-10">{m.knowledge_dictionaries_index_titleA()}
           <AuroraText colors={["#634A36", "#8C6A4E", "#C89C60", "#E6C9A0"]}>
-            {t('dictionaries.index.titleB')}
+            {m.knowledge_dictionaries_index_titleB()}
           </AuroraText>
         </h1>
         <KnowledgeSearchBar
           search={search}
           onSearchChange={setSearch}
           onCreate={() => setDialogOpen(true)}
-          createLabel={t('dictionaries.index.add')}
+          createLabel={m.knowledge_dictionaries_index_add()}
         />
         <KnowledgeFilters
           scope={scope}