@allbluecn/web-app 0.9.4 → 0.10.0

package/src/plugins/core/prd/components/share/share-review-panel.tsx

@@ -15,15 +15,14 @@
 // 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, useCallback } from "react";
-import { useTranslation } from "react-i18next";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
 import { toast } from '@/components/ui/sonner';
 import { useSession } from "@/components/shared-kit/auth/auth-client";
 import { Textarea } from "@/components/ui/textarea";
 import { upsertReviewFn } from "../../serverFns/reviews";
+import { m } from "@/paraglide/messages.js";
 
 interface ShareReviewPanelProps {
   prdId: string;
@@ -38,7 +37,6 @@ const STATUS_MAP: Record<string, { variant: "outline" | "secondary" | "default"
 };
 
 export function ShareReviewPanel({ prdId, versionId }: ShareReviewPanelProps) {
-  const { t } = useTranslation("share");
   const { data: session } = useSession();
   const [status, setStatus] = useState("pending");
   const [notes, setNotes] = useState("");
@@ -47,17 +45,17 @@ export function ShareReviewPanel({ prdId, versionId }: ShareReviewPanelProps) {
     try {
       await upsertReviewFn({ data: { prdId, versionId, status: newStatus.toUpperCase() as "PENDING" | "APPROVED" | "REJECTED", notes } });
       setStatus(newStatus);
-      toast.success(t("review.status-updated"));
+      toast.success(m['share_review_status-updated']());
       setNotes("");
     } catch {
-      toast.error(t("review.update-failed"));
+      toast.error(m['share_review_update-failed']());
     }
   }, [prdId, versionId, notes]);
 
   if (!session) {
     return (
       <div className="p-3">
-        <p className="text-xs text-muted-foreground">{t("review.login-required")}</p>
+        <p className="text-xs text-muted-foreground">{m['share_review_login-required']()}</p>
       </div>
     );
   }
@@ -67,25 +65,25 @@ export function ShareReviewPanel({ prdId, versionId }: ShareReviewPanelProps) {
   return (
     <div className="p-3 space-y-3">
       <div className="flex items-center justify-between">
-        <span className="text-xs font-medium text-muted-foreground">{t("review.status-label")}</span>
+        <span className="text-xs font-medium text-muted-foreground">{m['share_review_status-label']()}</span>
         <Badge variant={current.variant} className="text-[10px] h-5">
-          {t(`review.${status}`)}
+          {status === "pending" ? m.share_review_pending() : status === "reviewing" ? m.share_review_reviewing() : status === "approved" ? m.share_review_approved() : m.share_review_rejected()}
         </Badge>
       </div>
 
       <Textarea
         value={notes}
         onChange={(e) => setNotes(e.target.value)}
-        placeholder={t("review.notes-placeholder")}
+        placeholder={m['share_review_notes-placeholder']()}
         className="h-20 text-xs resize-none"
       />
 
       <div className="flex gap-2">
         <Button size="sm" variant="default" className="flex-1 h-7 text-xs" onClick={() => handleTransition("approved")}>
-          {t("review.approve")}
+          {m.share_review_approve()}
         </Button>
         <Button size="sm" variant="destructive" className="flex-1 h-7 text-xs" onClick={() => handleTransition("rejected")}>
-          {t("review.reject")}
+          {m.share_review_reject()}
         </Button>
       </div>
     </div>

package/src/plugins/core/prd/components/share/share-sse-listener.tsx

@@ -15,7 +15,6 @@
 // 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 { useEffect } from "react";
 
 interface ShareSSEListenerProps {

package/src/plugins/core/prd/components/share/version-share-client.tsx

@@ -15,9 +15,8 @@
 // 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 React, { useState, useEffect } from "react";
-import { useTranslation } from "react-i18next";
+import { m } from '@/paraglide/messages.js'
 import { cn } from "@/lib/utils";
 import { getComponent } from "@/lib/prototype-registry";
 import { registerComponents } from "@/lib/prototype-registry";
@@ -36,7 +35,6 @@ interface ShareClientProps {
 }
 
 export function ShareClient({ pages }: ShareClientProps) {
-  const { t } = useTranslation("prd");
   const [activePage, setActivePage] = useState(0);
 
   useEffect(() => {
@@ -44,7 +42,7 @@ export function ShareClient({ pages }: ShareClientProps) {
   }, []);
 
   const current = pages[activePage];
-  if (!current) return <div className="p-8 text-center text-muted-foreground">{t("shareDoc.noPageData")}</div>;
+  if (!current) return <div className="p-8 text-center text-muted-foreground">{m.shareDoc_noPageData()}</div>;
 
   const elements = current.canvas?.elements || [];
 
@@ -92,7 +90,7 @@ export function ShareClient({ pages }: ShareClientProps) {
       >
         {elements.length === 0 ? (
           <div className="flex items-center justify-center h-150 text-muted-foreground text-sm">
-            {t("sharePrototype.noElements")}
+            {m.sharePrototype_noElements()}
           </div>
         ) : (
           elements.map((el: any) => {

package/src/plugins/core/prd/pages/prd-detail-page.tsx

@@ -16,43 +16,36 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { Link, useRouteContext } from '@tanstack/react-router'
-import { I18nextProvider } from 'react-i18next'
-import { useTranslation } from 'react-i18next'
 import { AlertCircle, FileQuestionIcon } from 'lucide-react'
 import { useMemo } from 'react'
 import type { ComponentType } from 'react'
-import { createServerI18n } from '@/i18n/server'
 import { PRDEditorLayout } from '../components'
 import { Button } from '@/components/ui/button'
 import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from '@/components/ui/empty'
+import { m } from "@/paraglide/messages.js";
 
 export const PrdNotFoundPage: ComponentType = () => {
-  const i18n = useMemo(() => createServerI18n('zh'), [])
   return (
-    <I18nextProvider i18n={i18n}>
       <PrdNotFoundPageInner />
-    </I18nextProvider>
   )
 }
 
-function PrdNotFoundPageInner() {
-  const { t } = useTranslation('prd')
-  return (
+function PrdNotFoundPageInner() {return (
     <div className="flex flex-1 items-center justify-center">
       <Empty>
         <EmptyHeader>
           <EmptyMedia variant="icon">
             <FileQuestionIcon />
           </EmptyMedia>
-          <EmptyTitle>{t('notFound')}</EmptyTitle>
-          <EmptyDescription>{t('notFoundDescription')}</EmptyDescription>
+          <EmptyTitle>{m.prd_notFound()}</EmptyTitle>
+          <EmptyDescription>{m.prd_notFoundDescription()}</EmptyDescription>
         </EmptyHeader>
         <EmptyContent className="flex-row justify-center">
           <Button asChild variant="outline">
-            <Link to="/prd">{t('backToPrd')}</Link>
+            <Link to="/prd">{m.prd_backToPrd()}</Link>
           </Button>
           <Button asChild>
-            <Link to="/dashboard">{t('backToDashboard')}</Link>
+            <Link to="/dashboard">{m.prd_backToDashboard()}</Link>
           </Button>
         </EmptyContent>
       </Empty>
@@ -61,23 +54,18 @@ function PrdNotFoundPageInner() {
 }
 
 export const PrdErrorBoundary: ComponentType<{ error: Error; reset: () => void }> = ({ error, reset }) => {
-  const i18n = useMemo(() => createServerI18n('zh'), [])
   return (
-    <I18nextProvider i18n={i18n}>
       <PrdErrorBoundaryInner error={error} reset={reset} />
-    </I18nextProvider>
   )
 }
 
-function PrdErrorBoundaryInner({ error, reset }: { error: Error; reset: () => void }) {
-  const { t } = useTranslation('prd')
-  return (
+function PrdErrorBoundaryInner({ error, reset }: { error: Error; reset: () => void }) {return (
     <div className="flex flex-col items-center justify-center h-64 gap-3">
       <AlertCircle className="size-8 text-destructive" />
       <p className="text-sm text-muted-foreground">
-        {t('loadError')} {error.message}
+        {m.prd_loadError()} {error.message}
       </p>
-      <Button variant="outline" size="sm" onClick={reset}>{t('retry')}</Button>
+      <Button variant="outline" size="sm" onClick={reset}>{m.prd_retry()}</Button>
     </div>
   )
 }

package/src/plugins/core/prd/pages/share-prd-page.tsx

@@ -14,46 +14,36 @@
 //
 // 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 { I18nextProvider } from 'react-i18next'
-import { useTranslation } from 'react-i18next'
 import { useMemo } from 'react'
 import { AlertCircle } from 'lucide-react'
-import { createServerI18n } from '@/i18n/server'
 import { SharePageClient } from '../components/share/prd-share-client'
 import { Button } from '@/components/ui/button'
 import { Outlet, useRouteContext } from '@tanstack/react-router'
 import type { ComponentType } from 'react'
+import { m } from "@/paraglide/messages.js";
 
 export const SharePrdErrorBoundary: ComponentType<{ error: Error; reset: () => void }> = ({ error, reset }) => {
-  const i18n = useMemo(() => createServerI18n('zh'), [])
   return (
-    <I18nextProvider i18n={i18n}>
       <SharePrdErrorBoundaryInner error={error} reset={reset} />
-    </I18nextProvider>
   )
 }
 
-function SharePrdErrorBoundaryInner({ error, reset }: { error: Error; reset: () => void }) {
-  const { t } = useTranslation('common')
-  return (
+function SharePrdErrorBoundaryInner({ error, reset }: { error: Error; reset: () => void }) {return (
     <div className="flex flex-col items-center justify-center h-64 gap-3">
       <AlertCircle className="size-8 text-destructive" />
-      <p className="text-sm text-muted-foreground">{t('share.loadError', { message: error.message })}</p>
-      <Button variant="outline" size="sm" onClick={reset}>{t('share.retry')}</Button>
+      <p className="text-sm text-muted-foreground">{m.common_share_loadError({ message: error.message })}</p>
+      <Button variant="outline" size="sm" onClick={reset}>{m.common_share_retry()}</Button>
     </div>
   )
 }
 
 export const SharePRDPage: ComponentType = () => {
   const ctx = (useRouteContext as any)({ from: '/share/prd/$prdId' }) as any
-  const { t } = useTranslation('common')
-
   if (ctx.error === 'not_found') {
-    return <div className="flex h-screen items-center justify-center text-muted-foreground">{t('share.expired')}</div>
+    return <div className="flex h-screen items-center justify-center text-muted-foreground">{m.common_share_expired()}</div>
   }
   if (ctx.error === 'error') {
-    return <div className="flex h-screen items-center justify-center text-muted-foreground">{t('share.loadFailed')}</div>
+    return <div className="flex h-screen items-center justify-center text-muted-foreground">{m.common_share_loadFailed()}</div>
   }
 
   return (

package/src/plugins/core/prd/prd-nav.tsx

@@ -16,15 +16,14 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useEffect, useState, useCallback } from 'react'
-import { useTranslation } from 'react-i18next'
 import { LayoutPanelLeft } from 'lucide-react'
 import { useLocation, Link } from '@tanstack/react-router'
 import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from '@/components/ui/sidebar'
 import { listPrdFn } from './serverFns/prd'
 import type { FC } from 'react'
+import { m } from "@/paraglide/messages.js";
 
 export const PrdNav: FC = () => {
-  const { t } = useTranslation('common')
   const { state } = useSidebar()
   const { pathname } = useLocation()
   const isActive = pathname.startsWith('/prd')
@@ -73,7 +72,7 @@ export const PrdNav: FC = () => {
         <SidebarMenuButton asChild isActive={isActive}>
           <Link to="/prd">
             <LayoutPanelLeft className="size-4 rotate-90" />
-            {!state || state !== 'collapsed' ? t('nav.prd') : null}
+            {!state || state !== 'collapsed' ? m.common_nav_prd() : null}
           </Link>
         </SidebarMenuButton>
       </SidebarMenuItem>

package/src/plugins/core/tags/nav-tag.tsx

@@ -17,7 +17,6 @@
 
 import { useState } from 'react'
 import { Link, useLocation } from '@tanstack/react-router'
-import { useTranslation } from 'react-i18next'
 import { Tag as TagIcon, Tags, BadgePlus, LibraryBig } from 'lucide-react'
 import { SidebarGroup, SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from '@/components/ui/sidebar'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
@@ -28,9 +27,9 @@ import { cn } from '@/lib/utils'
 import { isParentActive } from '@/lib/sidebar-utils'
 import { createTagFn } from "./serverFns"
 import { toast } from '@/components/ui/sonner'
+import { m } from "@/paraglide/messages.js";
 
 export function NavTag() {
-  const { t } = useTranslation('tags')
   const { state } = useSidebar()
   const { pathname } = useLocation()
   const isCollapsed = state === 'collapsed'
@@ -46,12 +45,12 @@ export function NavTag() {
     setCreating(true)
     try {
       await createTagFn({ data: { name } })
-      toast.success(t('created'))
+      toast.success(m.tags_created())
       setNewName('')
       setCreateOpen(false)
     } catch (e) {
       const msg = e instanceof Error ? e.message : ''
-      toast.error(msg === 'TAG_NAME_CONFLICT' ? t('nameConflict') : t('saveFailed'))
+      toast.error(msg === 'TAG_NAME_CONFLICT' ? m.tags_nameConflict() : m.tags_saveFailed())
     } finally {
       setCreating(false)
     }
@@ -61,32 +60,32 @@ export function NavTag() {
     <SidebarGroup className="p-0">
       {!isCollapsed && (
         <div className="flex h-8 items-center justify-between px-2 mb-1">
-          <span className="text-xs font-medium text-sidebar-foreground/70">{t('title')}</span>
+          <span className="text-xs font-medium text-sidebar-foreground/70">{m.tags_title()}</span>
           <div className="flex items-center gap-0.5">
             <Tooltip>
               <TooltipTrigger asChild>
                 <button
                   type="button"
                   onClick={() => setCreateOpen(true)}
-                  aria-label={t('createTag')}
+                  aria-label={m.tags_createTag()}
                   className="flex size-5 items-center justify-center rounded-md mr-1 p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2"
                 >
                   <BadgePlus className="size-4" />
                 </button>
               </TooltipTrigger>
-              <TooltipContent side="top"><p>{t('createTag')}</p></TooltipContent>
+              <TooltipContent side="top"><p>{m.tags_createTag()}</p></TooltipContent>
             </Tooltip>
             <Tooltip>
               <TooltipTrigger asChild>
                 <Link
                   to="/tags/settings"
-                  aria-label={t('settings.title')}
+                  aria-label={m.tags_settings_title()}
                   className="flex size-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2"
                 >
                   <Tags className="size-4" />
                 </Link>
               </TooltipTrigger>
-              <TooltipContent side="right"><p>{t('settings.title')}</p></TooltipContent>
+              <TooltipContent side="right"><p>{m.tags_settings_title()}</p></TooltipContent>
             </Tooltip>
           </div>
         </div>
@@ -96,13 +95,13 @@ export function NavTag() {
         <SidebarMenuItem>
           <SidebarMenuButton
             asChild
-            tooltip={t('title')}
+            tooltip={m.tags_title()}
             isActive={active}
             className={cn('flex w-full items-center rounded-lg px-2', isCollapsed && 'justify-center')}
           >
             <Link to="/tags" className="flex w-full items-center">
               <TagIcon className="size-4" />
-              {!isCollapsed && <span className="ml-2 text-sm font-medium">{t('title')}</span>}
+              {!isCollapsed && <span className="ml-2 text-sm font-medium">{m.tags_title()}</span>}
             </Link>
           </SidebarMenuButton>
         </SidebarMenuItem>
@@ -111,12 +110,12 @@ export function NavTag() {
       <Dialog open={createOpen} onOpenChange={setCreateOpen}>
         <DialogContent className="sm:max-w-sm">
           <DialogHeader>
-            <DialogTitle>{t('createTag')}</DialogTitle>
+            <DialogTitle>{m.tags_createTag()}</DialogTitle>
           </DialogHeader>
           <div className="space-y-3 pt-2">
             <Input
               autoFocus
-              placeholder={t('nameLabel')}
+              placeholder={m.tags_nameLabel()}
               value={newName}
               onChange={(e) => setNewName(e.target.value)}
               onKeyDown={(e) => { if (e.key === 'Enter') handleCreate() }}
@@ -124,10 +123,10 @@ export function NavTag() {
             />
           </div>
           <DialogFooter>
-            <Button variant="outline" onClick={() => setCreateOpen(false)}>{t('cancel')}</Button>
+            <Button variant="outline" onClick={() => setCreateOpen(false)}>{m.tags_cancel()}</Button>
             <Button onClick={handleCreate} disabled={creating || !newName.trim()}>
               <LibraryBig className="size-4 mr-1" />
-              {creating ? t('saving') : t('save')}
+              {creating ? m.tags_saving() : m.tags_save()}
             </Button>
           </DialogFooter>
         </DialogContent>

package/src/plugins/core/tags/pages/tag-detail-page.tsx

@@ -14,18 +14,16 @@
 //
 // 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 { useTranslation } from 'react-i18next'
 import { Tag } from 'lucide-react'
 import { PlaceholderPage } from '@/components/shared-kit/pages/placeholder-page'
+import { m } from "@/paraglide/messages.js";
 
 export function TagDetailPage() {
-  const { t } = useTranslation('tags')
   return (
     <PlaceholderPage
-      title={t('detail.title')}
+      title={m.tags_detail_title()}
       icon={Tag}
-      description={t('detail.description')}
+      description={m.tags_detail_description()}
     />
   )
 }

package/src/plugins/core/tags/pages/tag-settings-page.tsx

@@ -14,18 +14,16 @@
 //
 // 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 { useTranslation } from 'react-i18next'
 import { TagManager } from "../tag-manager"
+import { m } from "@/paraglide/messages.js";
 
 export function TagSettingsPage() {
-  const { t } = useTranslation('tags')
   return (
     <div className="container max-w-3xl py-6">
       <div className="mb-6">
-        <h1 className="text-2xl font-semibold">{t('settings.title')}</h1>
+        <h1 className="text-2xl font-semibold">{m.tags_settings_title()}</h1>
         <p className="text-sm text-muted-foreground mt-1">
-          {t('settings.description')}
+          {m.tags_settings_description()}
         </p>
       </div>
       <TagManager />

package/src/plugins/core/tags/pages/tags-index-page.tsx

@@ -14,18 +14,16 @@
 //
 // 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 { useTranslation } from 'react-i18next'
 import { TagManager } from '../tag-manager'
+import { m } from "@/paraglide/messages.js";
 
 export function TagsIndexPage() {
-  const { t } = useTranslation('tags')
   return (
     <div className="container max-w-3xl py-6">
       <div className="mb-6">
-        <h1 className="text-2xl font-semibold">{t('title')}</h1>
+        <h1 className="text-2xl font-semibold">{m.tags_title()}</h1>
         <p className="text-sm text-muted-foreground mt-1">
-          {t('settings.description')}
+          {m.tags_settings_description()}
         </p>
       </div>
       <TagManager />

package/src/plugins/core/tags/tag-badge.tsx

@@ -19,8 +19,8 @@ import * as React from 'react'
 import { cn } from '@/lib/utils'
 import { Badge } from '@/components/ui/badge'
 import { Tag, X } from 'lucide-react'
-import { useTranslation } from 'react-i18next'
 import { TAG_COLOR_CLASSES, type TagColorIndex } from "./tag-color-classes"
+import { m } from "@/paraglide/messages.js";
 
 type TagBadgeProps = {
   tag: { name: string; color: number }
@@ -31,7 +31,6 @@ type TagBadgeProps = {
 }
 
 export function TagBadge({ tag, onRemove, onClick, className, icon }: TagBadgeProps) {
-  const { t } = useTranslation('tags')
   const safeColor = (tag.color >= 0 && tag.color <= 7 ? tag.color : 0) as TagColorIndex
   const c = TAG_COLOR_CLASSES[safeColor]
 
@@ -45,7 +44,7 @@ export function TagBadge({ tag, onRemove, onClick, className, icon }: TagBadgePr
       {onRemove && (
         <button
           type="button"
-          aria-label={t('removeTag', { name: tag.name })}
+          aria-label={m.tags_removeTag({ name: tag.name })}
           onClick={(e) => { e.stopPropagation(); onRemove() }}
           className="ml-1 inline-flex items-center justify-center rounded-full hover:bg-black/10 dark:hover:bg-white/10"
         >

package/src/plugins/core/tags/tag-color-picker.tsx

@@ -14,10 +14,9 @@
 //
 // 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 { useTranslation } from 'react-i18next'
 import { cn } from '@/lib/utils'
 import { TAG_COLOR_CLASSES, type TagColorIndex } from "./tag-color-classes"
+import { m } from "@/paraglide/messages.js";
 
 type TagColorPickerProps = {
   value: number
@@ -26,7 +25,6 @@ type TagColorPickerProps = {
 }
 
 export function TagColorPicker({ value, onChange, size = 'md' }: TagColorPickerProps) {
-  const { t } = useTranslation('tags')
   const indices: TagColorIndex[] = [0, 1, 2, 3, 4, 5, 6, 7]
   const sz = size === 'sm' ? 'size-5' : 'size-7'
 
@@ -39,7 +37,7 @@ export function TagColorPicker({ value, onChange, size = 'md' }: TagColorPickerP
           <button
             key={i}
             type="button"
-              aria-label={t('colorPicker.selectColor', { color: i })}
+              aria-label={m.tags_colorPicker_selectColor({ color: i })}
             onClick={() => onChange(i)}
             className={cn(
               sz,