feat(i18n): automatic RTL layout for Arabic, Persian, and Urdu + complete Arabic translations (#14624)

mirror of https://github.com/toeverything/AFFiNE.git synced 2026-07-11 15:16:28 +08:00

## Changes

### RTL Support (automatic, locale-driven)
- Add `rtl?: boolean` metadata to locale definitions in
`SUPPORTED_LANGUAGES`
- Set `rtl: true` for Arabic (`ar`), Persian (`fa`), and Urdu (`ur`)
- Automatically set `document.documentElement.dir` based on locale RTL
metadata on language change
- Remove hardcoded `lang="en"` from HTML template — JS now controls both
`lang` and `dir`

### Arabic Translations
- Add 100 missing keys to `ar.json` (Calendar integration, Doc
Analytics, MCP Server, AI Chat, and more)
- Arabic locale now has 2,313/2,313 keys (100% coverage, matches
`en.json` exactly)

## Testing
Switching to Arabic/Persian/Urdu now automatically flips the entire UI
layout to RTL without any manual feature flag.

Fixes #7099

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **New Features**
* Added Right-to-Left (RTL) support for Arabic, Persian, and Urdu with
automatic document direction and language attributes when a language is
selected.

* **Refactor**
* Centralized and reordered internal language handling so document
language and direction are applied earlier and consistently.

* **Chore**
  * Set a default text direction attribute on the base HTML template.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

This commit is contained in:

Mohad

2026-03-12 18:14:19 +03:00

committed by

GitHub

parent 9844ca4d54

commit 13ad1beb10

4 changed files with 1009 additions and 896 deletions

									
										tools/cli/src/rspack-shared/template.html
									
		+1
		-1
	
												View File
												
				@@ -1,5 +1,5 @@

				<!doctype html>

				<html lang="en">

				<html lang="en" dir="ltr">

				  <head>

				    <meta charset="utf-8" />

				    <meta