mirror of
https://github.com/multica-ai/multica.git
synced 2026-06-17 03:38:32 +02:00
The four user-visible strings exposed by packages/ui rendered untranslated on every page that used them: - file-upload-button.tsx — "Attach file" aria-label/title - sidebar.tsx — "Toggle Sidebar" sr-only label/aria-label/title - pagination.tsx — "Go to previous/next page" aria-labels - CodeBlock.tsx — "plain text" language fallback + "Copy code" aria-label/tooltip Root cause: the package had no i18n hookup at all because the package boundary rule forbids importing @multica/core. Replicating the pattern five times would have been the same hack five times. Hooking up react-i18next directly is the structurally clean fix — i18next is a generic library, not business logic, and the upstream I18nextProvider already exposes the instance via context. To let packages/ui typecheck the selector form standalone (i.e. without the views resource-types augmentation in scope), the augmentation is split: views declares everything except the `ui` namespace on a new global `I18nResources` interface, and packages/ui contributes the `ui` slice via declaration merging in packages/ui/types/i18next.ts. Views' resources-types side-effect-imports that file so both packages see the merged shape during downstream typechecks. Scope intentionally excludes: - packages/ui/components/common/error-boundary.tsx — keeping its fallback in English so a render-time crash never depends on i18n being healthy. - apps/desktop/src/renderer/src/components/update-notification.tsx — ships with the next desktop release, not via this PR. Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com> Co-authored-by: multica-agent <github@multica.ai>
70 lines
2.0 KiB
JSON
70 lines
2.0 KiB
JSON
{
|
|
"name": "@multica/ui",
|
|
"version": "0.0.0",
|
|
"private": true,
|
|
"type": "module",
|
|
"scripts": {
|
|
"typecheck": "tsc --noEmit",
|
|
"lint": "eslint ."
|
|
},
|
|
"exports": {
|
|
"./components/ui/*": "./components/ui/*.tsx",
|
|
"./components/common/*": "./components/common/*.tsx",
|
|
"./markdown": "./markdown/index.ts",
|
|
"./markdown/*": "./markdown/*.tsx",
|
|
"./markdown/linkify": "./markdown/linkify.ts",
|
|
"./markdown/mentions": "./markdown/mentions.ts",
|
|
"./hooks/*": "./hooks/*.ts",
|
|
"./lib/utils": "./lib/utils.ts",
|
|
"./lib/data-table": "./lib/data-table.ts",
|
|
"./i18n-types": "./types/i18next.ts",
|
|
"./styles/tokens.css": "./styles/tokens.css",
|
|
"./styles/base.css": "./styles/base.css"
|
|
},
|
|
"dependencies": {
|
|
"@base-ui/react": "^1.3.0",
|
|
"@emoji-mart/data": "^1.2.1",
|
|
"@tanstack/react-table": "catalog:",
|
|
"class-variance-authority": "catalog:",
|
|
"clsx": "catalog:",
|
|
"cmdk": "^1.1.1",
|
|
"date-fns": "^4.1.0",
|
|
"embla-carousel-react": "^8.6.0",
|
|
"emoji-mart": "^5.6.0",
|
|
"input-otp": "^1.4.2",
|
|
"linkify-it": "^5.0.0",
|
|
"katex": "catalog:",
|
|
"lucide-react": "catalog:",
|
|
"next-themes": "^0.4.6",
|
|
"react-day-picker": "^9.14.0",
|
|
"react-markdown": "^10.1.0",
|
|
"react-resizable-panels": "^4.7.5",
|
|
"recharts": "3.8.0",
|
|
"rehype-katex": "catalog:",
|
|
"rehype-raw": "^7.0.0",
|
|
"remark-breaks": "^4.0.0",
|
|
"remark-gfm": "^4.0.1",
|
|
"remark-math": "catalog:",
|
|
"shiki": "^3.21.0",
|
|
"sonner": "^2.0.7",
|
|
"tailwind-merge": "catalog:",
|
|
"tw-animate-css": "^1.4.0",
|
|
"unicode-animations": "catalog:",
|
|
"vaul": "^1.1.2"
|
|
},
|
|
"peerDependencies": {
|
|
"i18next": "catalog:",
|
|
"react": "catalog:",
|
|
"react-dom": "catalog:",
|
|
"react-i18next": "catalog:"
|
|
},
|
|
"devDependencies": {
|
|
"@multica/tsconfig": "workspace:*",
|
|
"@types/linkify-it": "^5.0.0",
|
|
"@types/react": "catalog:",
|
|
"@types/react-dom": "catalog:",
|
|
"rehype-sanitize": "^6.0.0",
|
|
"typescript": "catalog:"
|
|
}
|
|
}
|