Implement banana-i18n in UV
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	Sportzpikachu
	Oct 9 2023, 5:53 PM

Description

As part of our effort to reduce our bundle size (T348406: Adopt vue.js and drop tsx-dom), we will switch to using banana-i18n (see T352618: Provide banana-i18n module in ResourceLoader).

restructure i18n loading to support banana format
convert i18next files to banana format
load i18n files based on config
~~replace all calls to i18next with $i18n~~ (n/a, rewrite)

Related Objects
Search...

Status	Subtype	Assigned	Task
Open	Feature	None	T387099 A way to switch on "Ultraviolet" not only in English Wikipedia
Open		None	T399554 Prepare a UV project for localization on translatewiki.net
Resolved		Sportzpikachu	T348470 Implement banana-i18n in UV
Open	Feature	None	T352618 Provide banana-i18n module in ResourceLoader

Event Timeline

Sportzpikachu created this task.Oct 9 2023, 5:53 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptOct 9 2023, 5:53 PM

Sportzpikachu triaged this task as Medium priority.Oct 9 2023, 5:53 PM

Sportzpikachu moved this task from Needs Triaging to Backlog on the Ultraviolet board.

Sportzpikachu added a parent task: T327178: Document the process of localising/internationalising/porting Ultraviolet for other wikis and languages .Oct 10 2023, 7:31 AM

Sportzpikachu claimed this task.Oct 10 2023, 10:38 AM

Sportzpikachu moved this task from Backlog to In Progress on the Ultraviolet board.

sportz opened https://gitlab.wikimedia.org/repos/10nm/ultraviolet/-/merge_requests/7

Use mw.Message instead of i18next (T348470)

Sportzpikachu renamed this task from Use mw.Message instead of i18next to Use $.i18n instead of i18next.Oct 12 2023, 8:40 AM

Sportzpikachu updated the task description. (Show Details)

Sportzpikachu updated the task description. (Show Details)Oct 12 2023, 5:56 PM

Sportzpikachu changed the task status from Open to In Progress.Oct 13 2023, 6:44 PM

Should we rename this task, @Sportzpikachu? Considering we only really have one choice for internationalization (per T348406).

Sportzpikachu renamed this task from Use $.i18n instead of i18next to Implement i18n in UV.Apr 29 2024, 11:29 AM

Chlod renamed this task from Implement i18n in UV to Implement $i18n in UV.Apr 29 2024, 11:36 AM

Chlod updated the task description. (Show Details)

Some problems with mw.Message and its Vue plugin:

Doesn't seem to have bidi support by default (provided by mw.jqueryMsg module)
No locale key loading - no fallbacks, etc
- only way to switch locale is by overriding keys
No reactivity with message keys
- Keys must be loaded before any UI is mounted (i.e., configuration must be loaded and user-defined locale must be loaded before UI mount)
- Locale switching does not affect UI and requires a reload

One approach we might be able to take is to bundle banana-i18n for now until it arrives in ResourceLoader (see T352618). This allows us to use vue-banana-i18n as well, which allows for reactive message rendering that updates with global locale changes.

Sportzpikachu removed a project: Patch-For-Review.May 22 2024, 8:36 AM

Sportzpikachu added a subtask: T352618: Provide banana-i18n module in ResourceLoader.Jun 4 2024, 6:16 PM

Sportzpikachu renamed this task from Implement $i18n in UV to Implement banana-i18n in UV.Jun 4 2024, 9:26 PM

Sportzpikachu updated the task description. (Show Details)