feat(i18n): add RTL layout support for Arabic and other RTL locales

- Export `isLocaleRTL` from `@sofa/i18n` to detect right-to-left locales
- Native: call `I18nManager.allowRTL` / `forceRTL` on locale init and on locale change; reload the app immediately if the current layout direction doesn't match the persisted locale, and prompt the user to restart when switching between LTR and RTL locales
- Native: flip the `SettingsRow` chevron to `IconChevronLeft` when `I18nManager.isRTL` is true
- Native: add Arabic Intl polyfill locale data (PluralRules, NumberFormat, DateTimeFormat, RelativeTimeFormat)
- Web: enable `"rtl": true` in `components.json` and regenerate all shadcn UI components to use CSS logical properties (`ms-*`, `me-*`, `ps-*`, `pe-*`, `text-start`, `text-end`) instead of physical `ml-*`/`mr-*`/`text-left` equivalents
- Web: apply the same logical-property conversions to non-generated components (nav-bar, settings sections, title cards, hero banner, continue-watching card)
- Web: set `document.dir` based on the active locale's RTL flag in the i18n initialiser and root route
- Add `../../packages/i18n/src/po.d.ts` to native `tsconfig.json` includes so TypeScript accepts `.po` imports
This commit is contained in:
2026-03-20 19:25:04 -04:00
parent b540a9111a
commit 5aaf88591b
86 changed files with 18380 additions and 1398 deletions
+2 -1
View File
@@ -11,7 +11,7 @@
"@orpc/client": "1.13.9",
"@orpc/contract": "1.13.9",
"@orpc/tanstack-query": "1.13.9",
"@tanstack/react-query": "5.91.2",
"@tanstack/react-query": "5.91.3",
"@types/bun": "1.3.11",
"@types/node": "25.5.0",
"@types/react": "19.2.14",
@@ -52,6 +52,7 @@
"@lingui/cli": "catalog:",
"@lingui/conf": "catalog:",
"@lingui/format-po": "catalog:",
"eslint-plugin-lingui": "0.11.0",
"oxfmt": "0.41.0",
"oxlint": "1.56.0",
"turbo": "2.8.20",