@allbluecn/web-app 0.9.5 → 0.10.0

package/src/components/tiptap/ui/link-popover/link-popover.tsx

@@ -15,9 +15,7 @@
 // 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 { forwardRef, useCallback, useEffect, useState } from "react"
-import { useTranslation } from 'react-i18next'
 import type { Editor } from "@tiptap/react"
 
 // --- Hooks ---
@@ -52,6 +50,7 @@ import { Input } from "../../ui-primitive/input/index.tsx"
 import { ButtonGroup } from "../../ui-primitive/button-group/index.tsx"
 
 import "./link-popover.scss"
+import { m } from "@/paraglide/messages.js";
 
 export interface LinkMainProps {
   /**
@@ -98,7 +97,6 @@ export interface LinkPopoverProps
  */
 export const LinkButton = forwardRef<HTMLButtonElement, ButtonProps>(
   ({ className, children, ...props }, ref) => {
-  const { t } = useTranslation('editor')
     return (
       <Button
         type="button"
@@ -106,8 +104,8 @@ export const LinkButton = forwardRef<HTMLButtonElement, ButtonProps>(
         variant="ghost"
         role="button"
         tabIndex={-1}
-        aria-label={t('link')}
-        tooltip={t('link')}
+        aria-label={m.editor_link()}
+        tooltip={m.editor_link()}
         ref={ref}
         {...props}
       >
@@ -130,7 +128,6 @@ const LinkMain: React.FC<LinkMainProps> = ({
   openLink,
   isActive,
 }) => {
-  const { t } = useTranslation('editor')
   const isMobile = useIsBreakpoint()
 
   const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
@@ -154,7 +151,7 @@ const LinkMain: React.FC<LinkMainProps> = ({
         <CardItemGroup orientation="horizontal">
           <Input
             type="url"
-            placeholder={t('paste-link')}
+            placeholder={m['editor_paste-link']()}
             value={url}
             onChange={(e) => setUrl(e.target.value)}
             onKeyDown={handleKeyDown}
@@ -169,7 +166,7 @@ const LinkMain: React.FC<LinkMainProps> = ({
             <Button
               type="button"
               onClick={setLink}
-              title={t('apply-link')}
+              title={m['editor_apply-link']()}
               disabled={!url && !isActive}
               variant="ghost"
             >
@@ -184,7 +181,7 @@ const LinkMain: React.FC<LinkMainProps> = ({
               <Button
                 type="button"
                 onClick={openLink}
-                title={t('open-in-new-window')}
+                title={m['editor_open-in-new-window']()}
                 disabled={!url && !isActive}
                 variant="ghost"
               >
@@ -196,7 +193,7 @@ const LinkMain: React.FC<LinkMainProps> = ({
               <Button
                 type="button"
                 onClick={removeLink}
-                title={t('remove-link')}
+                title={m['editor_remove-link']()}
                 disabled={!url && !isActive}
                 variant="ghost"
               >
@@ -216,7 +213,6 @@ const LinkMain: React.FC<LinkMainProps> = ({
 export const LinkContent: React.FC<{
   editor?: Editor | null
 }> = ({ editor }) => {
-  const { t } = useTranslation('editor')
   const linkPopover = useLinkPopover({
     editor,
   })
@@ -243,7 +239,6 @@ export const LinkPopover = forwardRef<HTMLButtonElement, LinkPopoverProps>(
     },
     ref
   ) => {
-    const { t } = useTranslation('editor')
     const { editor } = useTiptapEditor(providedEditor)
     const [isOpen, setIsOpen] = useState(false)
 

package/src/components/tiptap/ui/link-popover/use-link-popover.ts

@@ -1,4 +1,3 @@
-import { getClientI18n } from '@/i18n/client'
 // SPDX-License-Identifier: AGPL-3.0-or-later
 // AllBlue - 理想之海
 // Copyright (C) 2026 AllBlue Contributors
@@ -16,7 +15,6 @@ import { getClientI18n } from '@/i18n/client'
 // 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 { useCallback, useEffect, useState } from "react"
 import type { Editor } from "@tiptap/react"
 
@@ -32,6 +30,7 @@ import {
   isNodeTypeSelected,
   sanitizeUrl,
 } from "../../lib/utils.ts"
+import { m } from "@/paraglide/messages.js";
 
 /**
  * Configuration for the link popover functionality
@@ -309,7 +308,7 @@ export function useLinkPopover(config?: UseLinkPopoverConfig) {
     isVisible,
     canSet,
     isActive,
-    label: getClientI18n().t('link'),
+    label: m.editor_link(),
     Icon: LinkIcon,
     ...linkHandler,
   }

package/src/components/tiptap/ui/list-button/list-button.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 { forwardRef, useCallback } from "react"
 
 // --- Lib ---

package/src/components/tiptap/ui/list-button/use-list.ts

@@ -1,4 +1,3 @@
-import { getClientI18n } from '@/i18n/client'
 // SPDX-License-Identifier: AGPL-3.0-or-later
 // AllBlue - 理想之海
 // Copyright (C) 2026 AllBlue Contributors
@@ -16,7 +15,6 @@ import { getClientI18n } from '@/i18n/client'
 // 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 { useCallback, useEffect, useState } from "react"
 import { type Editor } from "@tiptap/react"
 import { NodeSelection, TextSelection } from "@tiptap/pm/state"
@@ -38,6 +36,7 @@ import {
   isValidPosition,
   selectionWithinConvertibleTypes,
 } from "../../lib/utils.ts"
+import { m } from "@/paraglide/messages.js";
 
 export type ListType = "bulletList" | "orderedList" | "taskList"
 
@@ -71,9 +70,9 @@ export const listIcons = {
 }
 
 export const listLabels: Record<ListType, string> = {
-  bulletList: getClientI18n().t('unordered-list'),
-  orderedList: getClientI18n().t('ordered-list'),
-  taskList: getClientI18n().t('todo-list'),
+  bulletList: m['editor_unordered-list'](),
+  orderedList: m['editor_ordered-list'](),
+  taskList: m['editor_todo-list'](),
 }
 
 export const LIST_SHORTCUT_KEYS: Record<ListType, string> = {

package/src/components/tiptap/ui/mark-button/mark-button.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 { forwardRef, useCallback } from "react"
 
 // --- Lib ---

package/src/components/tiptap/ui/mark-button/use-mark.ts

@@ -1,4 +1,3 @@
-import { getClientI18n } from '@/i18n/client'
 // SPDX-License-Identifier: AGPL-3.0-or-later
 // AllBlue - 理想之海
 // Copyright (C) 2026 AllBlue Contributors
@@ -16,7 +15,6 @@ import { getClientI18n } from '@/i18n/client'
 // 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 { useCallback, useEffect, useState } from "react"
 import type { Editor } from "@tiptap/react"
 
@@ -34,6 +32,7 @@ import { StrikeIcon } from "../../icons/strike-icon.tsx"
 import { SubscriptIcon } from "../../icons/subscript-icon.tsx"
 import { SuperscriptIcon } from "../../icons/superscript-icon.tsx"
 import { UnderlineIcon } from "../../icons/underline-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export type Mark =
   | "bold"
@@ -148,13 +147,13 @@ export function shouldShowButton(props: {
  */
 export function getFormattedMarkName(type: Mark): string {
   const markLabels: Record<Mark, string> = {
-    bold: getClientI18n().t('bold'),
-    italic: getClientI18n().t('italic'),
-    strike: getClientI18n().t('strikethrough'),
-    code: getClientI18n().t('inline-code'),
-    underline: getClientI18n().t('underline'),
-    superscript: getClientI18n().t('superscript'),
-    subscript: getClientI18n().t('subscript'),
+    bold: m.editor_bold(),
+    italic: m.editor_italic(),
+    strike: m.editor_strikethrough(),
+    code: m['editor_inline-code'](),
+    underline: m.editor_underline(),
+    superscript: m.editor_superscript(),
+    subscript: m.editor_subscript(),
   }
   return markLabels[type]
 }

package/src/components/tiptap/ui/mention-dropdown-menu/mention-dropdown-menu.tsx

@@ -16,7 +16,6 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useEffect, useRef } from "react"
-import { useTranslation } from 'react-i18next'
 import { useQuery } from '@tanstack/react-query'
 import type { Editor, Range } from "@tiptap/react"
 import { cn } from "../../lib/utils.ts"
@@ -59,7 +58,6 @@ interface MentionItemProps {
 }
 
 export const MentionDropdownMenu = (props: MentionDropdownMenuProps) => {
-  const { t } = useTranslation(['editor', 'settings'])
   const { data: teamUsers = [] } = useQuery({
     queryKey: ['teamUsers'],
     queryFn: () => {

package/src/components/tiptap/ui/mention-trigger-button/mention-trigger-button.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 { forwardRef, useCallback } from "react"
 
 // --- Lib ---

package/src/components/tiptap/ui/mention-trigger-button/use-mention-trigger.ts

@@ -1,4 +1,3 @@
-import { getClientI18n } from '@/i18n/client'
 // SPDX-License-Identifier: AGPL-3.0-or-later
 // AllBlue - 理想之海
 // Copyright (C) 2026 AllBlue Contributors
@@ -16,7 +15,6 @@ import { getClientI18n } from '@/i18n/client'
 // 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 { useCallback, useEffect, useState } from "react"
 import { useHotkeys } from "react-hotkeys-hook"
 import { type Editor } from "@tiptap/react"
@@ -35,6 +33,7 @@ import {
 
 // --- Icons ---
 import { AtSignIcon } from "../../icons/at-sign-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export const MENTION_TRIGGER_SHORTCUT_KEY = "mod+shift+2"
 
@@ -354,7 +353,7 @@ export function useMentionTrigger(config?: UseMentionTriggerConfig) {
     isVisible,
     handleMention,
     canInsert,
-    label: getClientI18n().t('add-mention'),
+    label: m['editor_add-mention'](),
     shortcutKeys: MENTION_TRIGGER_SHORTCUT_KEY,
     trigger,
     Icon: AtSignIcon,

package/src/components/tiptap/ui/move-node-button/move-node-button.tsx

@@ -15,10 +15,7 @@
 // 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 { forwardRef, useCallback } from "react"
-
-import { useTranslation } from 'react-i18next'
 // --- Lib ---
 import { parseShortcutKeys } from "../../lib/utils.ts"
 
@@ -33,6 +30,7 @@ import { useMoveNode } from "./index.tsx"
 import type { ButtonProps } from "../../ui-primitive/button/index.tsx"
 import { Button } from "../../ui-primitive/button/index.tsx"
 import { Badge } from "../../ui-primitive/badge/index.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export interface MoveNodeButtonProps
   extends Omit<ButtonProps, "type">, UseMoveNodeConfig {
@@ -52,7 +50,6 @@ shortcutKeys,
 }: {
   shortcutKeys: string
 }) {
-  const { t } = useTranslation('editor')
   return <Badge>{parseShortcutKeys({ shortcutKeys })}</Badge>
 }
 
@@ -77,7 +74,6 @@ export const MoveNodeButton = forwardRef<
     },
     ref
   ) => {
-    const { t } = useTranslation('editor')
     const { editor } = useTiptapEditor(providedEditor)
     const {
       isVisible,
@@ -106,7 +102,7 @@ export const MoveNodeButton = forwardRef<
       return null
     }
 
-    const tooltip = direction === "up" ? t('move-up') : t('move-down')
+    const tooltip = direction === "up" ? m['editor_move-up']() : m['editor_move-down']()
 
     return (
       <Button

package/src/components/tiptap/ui/move-node-button/use-move-node.ts

@@ -1,4 +1,3 @@
-import { getClientI18n } from '@/i18n/client'
 // SPDX-License-Identifier: AGPL-3.0-or-later
 // AllBlue - 理想之海
 // Copyright (C) 2026 AllBlue Contributors
@@ -16,7 +15,6 @@ import { getClientI18n } from '@/i18n/client'
 // 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 { useCallback, useEffect, useState } from "react"
 import { useHotkeys } from "react-hotkeys-hook"
 import { type Editor } from "@tiptap/react"
@@ -32,6 +30,7 @@ import { getAnchorNodeAndPos } from "../../lib/advanced-utils.ts"
 // --- Icons ---
 import { AlignTopIcon } from "../../icons/align-top-icon.tsx"
 import { AlignBottomIcon } from "../../icons/align-bottom-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export const MOVE_UP_SHORTCUT_KEY = "mod+shift+ArrowUp"
 export const MOVE_DOWN_SHORTCUT_KEY = "mod+shift+ArrowDown"
@@ -216,7 +215,7 @@ export function useMoveNode(config: UseMoveNodeConfig) {
     [handleMoveNode, isVisible, canMoveNodeState, isMobile]
   )
 
-  const label = direction === "up" ? getClientI18n().t('move-up') : getClientI18n().t('move-down')
+  const label = direction === "up" ? m['editor_move-up']() : m['editor_move-down']()
   const Icon = direction === "up" ? AlignTopIcon : AlignBottomIcon
 
   return {

package/src/components/tiptap/ui/reference-dropdown-menu/reference-dropdown-menu.tsx

@@ -16,7 +16,6 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useEffect, useRef } from "react"
-import { useTranslation } from 'react-i18next'
 import type { Editor, Range } from "@tiptap/react"
 import { FileText, Network, Table, Grid3X3, Scale, ShieldCheck, BookMarked, Bookmark } from "lucide-react"
 import { cn } from "../../lib/utils.ts"
@@ -35,9 +34,8 @@ import {
   ItemMedia,
   ItemTitle,
 } from "@/components/ui/item"
-
-import { getClientI18n } from '@/i18n/client'
 import { useEditorServices } from "../../notion-like/index.ts"
+import { m } from "@/paraglide/messages.js";
 
 interface DocItem {
   id: string
@@ -67,10 +65,10 @@ const TYPE_ICONS: Record<string, React.ComponentType<{ className?: string }>> =
 }
 
 const GROUP_ICONS: Record<string, React.ComponentType<{ className?: string }>> = {
-  [getClientI18n().t('laws-regulations')]: Scale,
-  [getClientI18n().t('industry-compliance')]: ShieldCheck,
-  [getClientI18n().t('dictionary-entry')]: BookMarked,
-  [getClientI18n().t('website-bookmark')]: Bookmark,
+  [m['editor_laws-regulations']()]: Scale,
+  [m['editor_industry-compliance']()]: ShieldCheck,
+  [m['editor_dictionary-entry']()]: BookMarked,
+  [m['editor_website-bookmark']()]: Bookmark,
 }
 
 const fetchDocs = async (query: string, currentKbId?: string): Promise<DocItem[]> => {
@@ -81,7 +79,6 @@ const fetchDocs = async (query: string, currentKbId?: string): Promise<DocItem[]
 }
 
 export const ReferenceDropdownMenu = ({ currentKbId, ...props }: ReferenceDropdownMenuProps) => {
-  const { t } = useTranslation('editor')
   const handleItemSelect = (selectProps: {
     editor: Editor
     range: Range
@@ -189,11 +186,10 @@ const ReferenceList = ({
   selectedIndex,
   onSelect,
 }: SuggestionMenuRenderProps<DocItem>) => {
-  const { t } = useTranslation('editor')
   if (!items.length) return null
 
   const grouped = items.reduce<Record<string, typeof items>>((acc, item) => {
-    const group = item.group || t('custom-knowledge-base')
+    const group = item.group || m['editor_custom-knowledge-base']()
     if (!acc[group]) acc[group] = []
     acc[group].push(item)
     return acc

package/src/components/tiptap/ui/reset-all-formatting-button/reset-all-formatting-button.tsx

@@ -15,10 +15,7 @@
 // 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 { forwardRef, useCallback } from "react"
-
-import { useTranslation } from 'react-i18next'
 // --- Lib ---
 import { parseShortcutKeys } from "../../lib/utils.ts"
 
@@ -36,6 +33,7 @@ import {
 import type { ButtonProps } from "../../ui-primitive/button/index.tsx"
 import { Button } from "../../ui-primitive/button/index.tsx"
 import { Badge } from "../../ui-primitive/badge/index.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export interface ResetAllFormattingButtonProps
   extends Omit<ButtonProps, "type">, UseResetAllFormattingConfig {
@@ -55,7 +53,6 @@ shortcutKeys = RESET_ALL_FORMATTING_SHORTCUT_KEY,
 }: {
   shortcutKeys?: string
 }) {
-  const { t } = useTranslation('editor')
   return <Badge>{parseShortcutKeys({ shortcutKeys })}</Badge>
 }
 
@@ -83,7 +80,6 @@ export const ResetAllFormattingButton = forwardRef<
     },
     ref
   ) => {
-    const { t } = useTranslation('editor')
     const { editor } = useTiptapEditor(providedEditor)
     const {
       isVisible,
@@ -122,7 +118,7 @@ export const ResetAllFormattingButton = forwardRef<
         role="button"
         tabIndex={-1}
         aria-label={label}
-        tooltip={t('reset-format')}
+        tooltip={m['editor_reset-format']()}
         onClick={handleClick}
         {...buttonProps}
         ref={ref}

package/src/components/tiptap/ui/reset-all-formatting-button/use-reset-all-formatting.ts

@@ -1,4 +1,3 @@
-import { getClientI18n } from '@/i18n/client'
 // SPDX-License-Identifier: AGPL-3.0-or-later
 // AllBlue - 理想之海
 // Copyright (C) 2026 AllBlue Contributors
@@ -16,7 +15,6 @@ import { getClientI18n } from '@/i18n/client'
 // 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 { useCallback, useEffect, useState } from "react"
 import { useHotkeys } from "react-hotkeys-hook"
 import { type Editor } from "@tiptap/react"
@@ -28,6 +26,7 @@ import { useIsBreakpoint } from "../../hooks/use-is-breakpoint.ts"
 
 // --- Icons ---
 import { RotateCcwIcon } from "../../icons/rotate-ccw-icon.tsx"
+import { m } from "@/paraglide/messages.js";
 
 export const RESET_ALL_FORMATTING_SHORTCUT_KEY = "mod+r"
 
@@ -272,7 +271,7 @@ export function useResetAllFormatting(config?: UseResetAllFormattingConfig) {
     isVisible,
     handleResetFormatting,
     canReset,
-    label: getClientI18n().t('reset-format'),
+    label: m['editor_reset-format'](),
     shortcutKeys: RESET_ALL_FORMATTING_SHORTCUT_KEY,
     Icon: RotateCcwIcon,
   }

package/src/components/tiptap/ui/slash-command-trigger-button/slash-command-trigger-button.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 { forwardRef, useCallback } from "react"
 
 // --- Lib ---

package/src/components/tiptap/ui/slash-command-trigger-button/use-slash-command-trigger.ts

@@ -1,4 +1,3 @@
-import { getClientI18n } from '@/i18n/client'
 // SPDX-License-Identifier: AGPL-3.0-or-later
 // AllBlue - 理想之海
 // Copyright (C) 2026 AllBlue Contributors
@@ -16,7 +15,6 @@ import { getClientI18n } from '@/i18n/client'
 // 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 { useCallback, useEffect, useState } from "react"
 import { useHotkeys } from "react-hotkeys-hook"
 import { type Editor } from "@tiptap/react"
@@ -35,6 +33,7 @@ import {
   isNodeTypeSelected,
   isValidPosition,
 } from "../../lib/utils.ts"
+import { m } from "@/paraglide/messages.js";
 
 export const SLASH_COMMAND_TRIGGER_SHORTCUT_KEY = "mod+/"
 
@@ -297,7 +296,7 @@ export function useSlashCommandTrigger(config?: UseSlashCommandTriggerConfig) {
     isVisible,
     handleSlashCommand,
     canInsert,
-    label: getClientI18n().t('insert-block'),
+    label: m['editor_insert-block'](),
     shortcutKeys: SLASH_COMMAND_TRIGGER_SHORTCUT_KEY,
     trigger,
     Icon: PlusIcon,

package/src/components/tiptap/ui/slash-dropdown-menu/slash-dropdown-menu.tsx

@@ -15,10 +15,7 @@
 // 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, useMemo, useRef } from "react"
-
-import { useTranslation } from 'react-i18next'
 // --- Lib ---
 import { getElementOverflowPosition } from "../../lib/collab-utils.ts"
 
@@ -48,6 +45,7 @@ import {
 import { Kbd } from "@/components/ui/kbd"
 
 import "./slash-dropdown-menu.scss"
+import { m } from "@/paraglide/messages.js";
 
 type SlashDropdownMenuProps = Omit<
   SuggestionMenuProps,
@@ -57,7 +55,6 @@ type SlashDropdownMenuProps = Omit<
 }
 
 export const SlashDropdownMenu = (props: SlashDropdownMenuProps) => {
-  const { t } = useTranslation('editor')
   const { config, ...restProps } = props
   const { getSlashMenuItems } = useSlashDropdownMenu(config)
 
@@ -66,7 +63,7 @@ export const SlashDropdownMenu = (props: SlashDropdownMenuProps) => {
       char="/"
       pluginKey="slashDropdownMenu"
       decorationClass="tiptap-slash-decoration"
-      decorationContent={t('select')}
+      decorationContent={m.editor_select()}
       selector="tiptap-slash-dropdown-menu"
       items={({ query, editor }) =>
         filterSuggestionItems(getSlashMenuItems(editor), query)