[Qol][Refactor] i18n lazy-loading

[flx-sta]

Caution

Make sure to consult the @pagefaultgames/translation-team & @pagefaultgames/translation-leads before merging as all locale files moved from /src/locales into /public/locales !!!

Tip

there's only ~7 relevant files, the rest are all file moves/etc

• @types/i18next.d.ts
• loading-scene.ts
• main.ts
• plugins/i18n.ts
• test/utils/mocks/mocksContainer/mockText.ts
• test/vitest.setup.ts
• utils.ts

- NightKev

---

What are the changes the user will see?

Only the languages being used will be loaded thus less memory usage from the i18n side

Why am I making these changes?

The memory shouldn't be bloated with all languages at all time. IT should only hold the languages currently being used which at max is 2 (en as a fallback for missing keys).

What are the changes from a developer perspective?

1. Moved all /src/locales into /public/locales as they will be loaded async (via network request).
2. Install the i18next-http-backend plugin which is necessary for lazy-loading
3. Add a camelCaseToKebabCase function to utils
4. Clean up /src/plugin/i18n.ts file structure
5. move phaser config into startGame() and lazy-load the scenes to prevent any i18n.t() usages before it is initialized
6. Remove initI18n() from LoadingScene
7. Remove all config.ts files inside the locales/
8. Remove all locales tests. Reason: We don't need to test if i18next is working properly. They have their own test-coverage to ensure that
9. i18next is now mocked for tests. _{This was overdue and now necessary due to the backend module}

How to test the changes?

1. Play the game
2. Switch languages and keep on playing.
3. Check the network tab for any failed translation requests (locales/**)

Checklist

• I'm using beta as my base branch
• There is no overlap with another PR?
• The PR is self-contained and cannot be split into smaller PRs?
• Have I provided a clear explanation of the changes?
• [ ] Have I considered writing automated tests for the issue?
• [ ] If I have text, did I make it translatable and add a key in the English locale file(s)?
• Have I tested the changes (manually)?
  • Are all unit tests still passing? (npm run test)
• [ ] Are the changes visual?
  • [ ] Have I provided screenshots/videos of the changes?

[flx-sta]

Review Helper

to mark all **/*.json files as Viewed in the Files tab simply run this script in your browser-console:

 $$("#files .js-reviewed-toggle > input[id*='.json']").forEach((el) => el.click()); 

_{Your browser will probably lagg for 1-3 minutes as it sends quite a lot of server-requests at the same time then}

---

Or use this link:
https://github.com/pagefaultgames/pokerogue/pull/4327/files?file-filters%5B%5D=.ts&show-deleted-files=false&show-viewed-files=true

It uses the filters to exclude all json file changes

[MokaStitcher]

Found a missing change from . to: in one ME by pure chance when playtesting.

pokerogue/src/data/mystery-encounters/encounters/the-expert-pokemon-breeder-encounter.ts

Line 543 in c287584

text: `${namespace}.outro_failed`,

Will try and double check all ME files

[MokaStitcher]

Found 2 keys not properly updated for MEs:

pokerogue/src/data/mystery-encounters/encounters/mysterious-chest-encounter.ts

Line 176 in 2de15f9

await showEncounterText(scene, `${namespace}.option.1.bad`);

should be await showEncounterText(scene, ${namespace}:option.1.bad);

and

pokerogue/src/data/mystery-encounters/encounters/the-expert-pokemon-breeder-encounter.ts

Line 543 in c287584

text: `${namespace}.outro_failed`,

should be text: ${namespace}:outro_failed,

Done: dbc7062