Added localization

[c-leri]

---

See preview on Cloudflare Pages: https://preview-65.developer-wiki.pages.dev

[ix0rai]

does this trigger on pages that aren't linked anywhere? if so, I think the "planned" wording shouldn't be used

[c-leri]

The page that displays for "planned" pages was already there before. I only added a 404 page for routes that don't correspond to a markdown file in the wiki folder

[c-leri]

Ah oops sorry I shouldn't have pushed that to the same branch, that kinda completely changes the purpose of the pull request

[c-leri]

So anyways, this is a proposal of a base for localization as requested in issue #18

This changes the structure of the wiki folder to:

wiki
└── [category_slug]
    ├── +category.yml
    └── [page_slug]
        ├── +page.yml
        ├── en.md
        └── [lang].md

With the pages' metadata taken out of the markdown files and into yaml files.

The markdown files now only include the content of the page so that it can be translated easily by adding a new markdown file for new languages.

For the rest of the text of the application, I simply call a translation store provided by sveltekit-i18n

[c-leri]

I added the french translation as a fonctionnal example

[OroArmor]

Holy shit this is amazing! Thank you so much!

[c-leri]

Glad you like it !

[OroArmor]

Looks like there is still a bit of missing text here (the language selector):

[anonymous123-code]

I was under the impression that we want users to be able to use localization without js enabled (eg. embedded in the URL). Is that still a concern?

[c-leri]

The missing text is supposed to be an icon so maybe it isn't loading for some reason

[c-leri]

Also it should be possible to change the locale depending on the route instead of a local storage variable if you'd prefer that

[c-leri]

The missing text is supposed to be an icon so maybe it isn't loading for some reason

None of the icons are loading actually.

It seems that it is because of an authentification issue when fetching the fontawesome kit, so I don't know if this is just because this is running in a preview server and fontawesome doesn't recognise the url or if this is an actual problem

[OroArmor]

Seems to just be an issue with the test pages

[c-leri]

I add to make some tweaks to force sveltekit to generate the wiki pages for all languages.

For example, locales now need to be added to the prerender.entries key in the svelte config.
And I also had to add hidden links to the wiki pages in all languages in the sidebar for sveltekit to generate them.

Aside from those two work-around, everything seems to work very nicely :)

[c-leri]

I corrected the issues I found with the previous version such as the page content not reloading correctly when changing locale and it should now work as intended

[c-leri]

It is now possible to change the locale with javascript disabled! :)

However I noticed during testing that the fontawesome css file imported when javascript is disabled seems to be missing some of icons used in the application

[c-leri]

So I found a solution to the icons not working without javascript by using unocss icons preset. This is a pure css solution meaning that no javascript is required after build and it relies on iconify's icon collection which includes font awesome icons so the site looks exactly the same as before.

[OroArmor]

Looks great! Sorry for not getting to this sooner, last two weeks of school were very busy. Ill merge this in one week to make sure that others have a chance to look at it.

[anonymous123-code]

Did someone else look over the translations? (My french isnt good enough) We probably should do that before merging this... I should learn to read annoncements properly. Still I think an approval from someone who understands the translations should be a requirement for merging them imo.

[FirstMegaGame4]

I'll check the translations in a few hours if you want it, as I'm a native French speaker.

[FirstMegaGame4]

I may have forgotten some of them.
I'm sorry too, you'll probably hate me with all these review comments.
I hope one review comment does not equals to one notification.

[c-leri]

Sorry for all the french mistakes! I'm a native speaker to but I was mostly focused on the technical aspect and wasn't careful enough when translating 😅
Thank you @FirstMegaGame4 for the review!

[FirstMegaGame4]

You made a replacement mistake, you replaced "IDEA" by "identifiantIDEA" in some files.
Your work is really great, I'll just check it a last time in about like two hours.

[FirstMegaGame4]

If there are remaining french mistakes that we messed up, we will probably fix them in other PRs for other wiki page translations. This PR looks good to me currently.