GUI for create translation files for i18next
🖼 Preview (Serina R0.2.4)
Serina can be downloaded here. Available versions for Linux, Windows (64bits) and Mac OS.
To use, unzip in the desired location and execute Serina.
If you need a different version, please follow the development instructions to make your own build from the source code
Serina allows you to create translations for each language, you can access the different languages by clicking on their map in the languages list.
Create translation for a language
This page displays the list of languages and allows you to add a new language via a form using the ISO 639-1 language code. Example:"FR" or "EN".
The display of the languages is available in two versions (card list or list) that can be set on the parameter page. The number of elements in a language is displayed under the name of the language.
This page displays the groups and translations of the first level of the translation and then recursively displays the sub-levels via access to a group allowing access to its content.
Adding a group is done via a modal that allows you to enter the group name. The modification will also be done via a modal which will ask for the new name of the group. Deleting a group will ask for confirmation before deleting.
The addition of a translation is done via a card added to the list of translations. The recording and deletion is done directly with the icons on the map.
Changing a translation triggers a key or value change detection system to know whether to display the save button in order to have a good interface.
A search bar represented by a magnifying glass is integrated in the toolbar. The research focuses on the "keys" of translations. The first corresponding element will be selected to highlight it. And if several items match the search, a navigation between the corresponding items is displayed next to the search bar.
Search is close if you navigate or delete a translation.
Parallel edition of two languages
Parallel entry of two languages is done via the "swap" (on the right-hand side of the groups and translations of the first level) comprising: the main language (the one selected in the list of languages) the second language that can be chosen from the other available languages.
Then it is enough to validate and the second language is automatically added below each value of the main language. Parallel editing works exactly like simple language editing.
The settings allow you to modify the app according to your preferences. A "About" section is also present to get details about the application.
- The format of the language list (in card list or list)
- The language of the application (EN, ES or FR for the moment)
- Custom location of translation files (Available in version 0.3)
- The theme of the application
- Keyboard shortcuts
Your language is not available in the app ?
You can translate the application and submit your translation in PR. Or create issue.
Your language doesn't have its flag displayed ?
You can open a issue to explain your problem with a screenshot if possible.
If you want to contribute to Serina, create a new different version of Serina, or compile it from source code, follow these instructions.
Clone/download source code from the github repo. Make sure you have node, npm, yarn, bower already installed in your system:
yarnto install all the dependencies.
yarn startto start API on
grunt serveto start Serina on
yarn run packageto build serina for linux (build will be placed in
grunt packageto make builds for windows, linux and mac os.
grunt package:win32to make build for windows (64bits).
grunt package:linuxto make build for linux.
grunt package:macosto make build for mac os (64bits).
grunt testto run the automated tests.
- Please, ensure the tests are passing before creating a pull requests. Add tests for your changes.
- Electron framework was used for the app development.
📝 Source Code
The original source code can be found at: https://github.com/ORN-Fox/serina-1