Files
team-tryouts/docs/translations.md
T
GGThedandClaude Opus 5 80bc1413f1 feat(i18n): traduire l'ensemble des gabarits
Le site s'affiche desormais integralement en francais. 483 chaines, aucune
non traduite, dans les deux catalogues.

Couvert : navigation et mise en page partagee, connexion, les cinq pages
d'erreur, et les 29 gabarits de pages.

Methode
  Marquage semi-automatique, conservateur par construction : seuls des
  motifs sans ambiguite sont balises -- contenu de balises de texte,
  attributs placeholder/title/aria-label, texte suivant une icone, blocs
  title et page_title -- et tout contenu comportant du Jinja ou du balisage
  imbrique est laisse de cote. Deux passes, la seconde pour td, li, h6,
  strong, em et caption.

  97 entrees etaient marquees fuzzy par pybabel update, c'est-a-dire
  devinees par similarite. Une entree fuzzy est **ignoree a l'execution** :
  elles ont donc ete traitees comme non traduites, et le drapeau retire une
  fois la traduction ecrite.

Deux pieges rencontres, tous deux documentes dans docs/translations.md

  Une entite HTML n'est pas du texte. ×, utilise comme libelle de
  bouton de fermeture, a ete balise par la passe automatique. Jinja
  l'echappait alors en × et le bouton aurait affiche le texte
  litteral × au lieu de la croix. Corrige dans cinq gabarits.

  Huit chaines subsistent dans des blocs <script>. Elles fonctionnent mais
  restent fragiles : Jinja echappe & < > " ' dans un bloc script, et ces
  entites n'y sont pas decodees -- une traduction contenant une apostrophe
  droite arriverait dans la chaine JavaScript sous la forme &#39;. Le
  francais retenu utilise des apostrophes typographiques, non echappees,
  donc l'existant est sur. Toute nouvelle chaine a cet endroit devra passer
  par un attribut data- ou un bloc <script type="application/json">.

Vocabulaire retenu -- a valider avec le club
  tryout -> selection · manager -> gerant · coach -> coach (conserve, terme
  d'usage en e-sport) · scout -> recruteur · email -> courriel · scrim ->
  scrim. Les noms de jeux et les postes (Support, Duelist, AWPer) restent
  en anglais : ce sont les termes employes par les joueurs.
  Ces choix vivent dans un seul catalogue, donc chacun se change en un
  endroit.

Reste a faire : les messages flash hors routes/auth.py, et les messages de
validation de app/validators.py, qui necessitent lazy_gettext puisque les
champs de schema sont construits a l'import.

Verifie : 13 pages parcourues dans les deux langues, aucune ne laisse de
marqueur Jinja non evalue ni d'entite doublement echappee. 193 tests.

Co-Authored-By: Claude Opus 5 <[email protected]>
2026-08-07 21:43:29 -04:00

5.8 KiB
Raw Blame History

Translations

French is the primary language of the site. English remains available through the switcher in the sidebar (and on the login page, for visitors who have not signed in yet).


1. How it works

Source strings stay in English and act as gettext message ids. The French wording lives in a catalogue.

app/i18n.py                                    locale selection
app/translations/fr/LC_MESSAGES/messages.po    French catalogue (edited)
app/translations/fr/LC_MESSAGES/messages.mo    compiled (read at runtime)
app/translations/en/LC_MESSAGES/messages.po    English, msgstr == msgid
babel.cfg                                      extraction rules

This keeps the codebase in one language — the same one as its comments and docstrings — while what a member sees defaults to French.

A string with no translation falls back to English, not to a raw identifier. That is why this migration can proceed template by template without ever leaving the site half broken: an untranslated page is a page in English, not a page full of nav.dashboard.label.

Which language a visitor gets

  1. An explicit choice made through the switcher, kept in the session.
  2. Failing that, the browser's Accept-Language, restricted to fr and en.
  3. Failing that, French.

An explicit choice always wins, including over an English browser.


2. Marking a string for translation

In a template

<span>{{ _('Dashboard') }}</span>
<p>{{ _('The page you are looking for does not exist.') }}</p>

With a value inside:

{{ _('Welcome back, %(username)s!', username=user.username) }}

For a longer block:

{% trans %}This tryout has ended and can no longer be modified.{% endtrans %}

In Python

from flask_babel import gettext as _

flash(_('This account has been deactivated.'), 'danger')
flash(_('Welcome back, %(username)s!', username=user.username), 'success')

Two things that do not work

Never build a sentence by concatenation. Word order differs between languages, and the translator sees fragments with no context.

flash(_('Player ') + name + _(' has been removed.'))   # no
flash(_('%(name)s has been removed.', name=name))      # yes

Never translate at import time. A module-level _() runs before any request exists, so it resolves once, in whatever locale happened to be active — usually the default. Use lazy_gettext when the string has to sit in a constant or a class attribute:

from flask_babel import lazy_gettext as _l

ROLE_LABELS = {'coach': _l('Coach'), 'player': _l('Player')}

Extraction picks up _l because babel.cfg is invoked with -k _l.


3. Updating the catalogues

After marking new strings:

# 1. Re-extract every marked string
pybabel extract -F babel.cfg -k _l -o messages.pot --project=team-tryouts .

# 2. Merge into the existing catalogues, keeping current translations
pybabel update -i messages.pot -d app/translations

# 3. Fill in the new French entries
#    edit app/translations/fr/LC_MESSAGES/messages.po

# 4. Compile
pybabel compile -d app/translations

messages.pot is regenerable and not tracked. The .po and .mo files are tracked: deployment is a plain file mirror with no build step, so an uncompiled catalogue would mean an English-only site in production.

Entries needing attention

pybabel update marks changed strings as #, fuzzy. A fuzzy entry is ignored at runtime — the string falls back to English. Review the guessed translation, then remove the #, fuzzy line.

Adding a language

pybabel init -i messages.pot -d app/translations -l es

Then add the code to SUPPORTED_LOCALES and LOCALE_NAMES in app/i18n.py. The switcher picks it up on its own.


4. Checks

tests/test_i18n.py fails the build when:

  • a compiled .mo is missing — otherwise the site silently serves English everywhere, with nothing in the logs;
  • a catalogue still contains an untranslated entry.

That second check is what keeps the migration honest: adding {{ _('...') }} to a template without translating it turns the suite red.


5. State of the migration

Templates are done. 483 strings, all translated, in both catalogues. The suite fails if that stops being true.

Covered: navigation and shared layout, login, the five error pages, and every page template.

What is not covered yet

Flash messages outside routes/auth.py. users.py, tryouts.py, teams.py, matches.py, team_matches.py and evaluations.py still build them in English. They are the largest remaining block.

Validation messages in app/validators.py. Shown to users, not marked. They need lazy_gettext, since schema fields are built at import time.

Model constantsESPORT_GAMES, GAME_POSITIONS — are data, not interface. Game names stay as they are; positions such as "Support" or "Duelist" are the terms players use in English and are deliberately left alone.

Two traps met during this migration

HTML entities are not text. &times;, used as a close-button label, was marked by the automated pass. Jinja escaped it to &amp;times;, so the button would have shown the literal text &times; instead of ×. Anything that is markup rather than prose must stay out of _().

Strings inside <script> blocks. Eight remain, in match_form.html, one_on_one.html and coach_availability.html. They work, but they are fragile: Jinja escapes & < > " ' inside a script block, and those entities are not decoded there — a translation containing an apostrophe would land in the JavaScript string as &#39;. The French wording uses typographic apostrophes (), which are untouched, so the current strings are safe. Anything added there should be passed through a data- attribute or a <script type="application/json"> block instead.