Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ubermanu/transplate
๐ A template literal translation utility
https://github.com/ubermanu/transplate
t template template-literal translate
Last synced: 2 days ago
JSON representation
๐ A template literal translation utility
- Host: GitHub
- URL: https://github.com/ubermanu/transplate
- Owner: ubermanu
- License: mit
- Created: 2023-09-01T08:55:19.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-03T09:53:33.000Z (11 months ago)
- Last Synced: 2024-11-02T06:06:27.302Z (about 2 months ago)
- Topics: t, template, template-literal, translate
- Language: TypeScript
- Homepage:
- Size: 43.9 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# transplate
This package provides a simple translation system for JavaScript applications.
## Features
- A single function (template literal) to translate strings
- A lexicon that defaults to English
- Supports placeholder formats
- Supports pluralization, according to the CLDR rules
- Supports contextualization
## Installation
```bash
npm install transplate
```
## Usage
```javascript
import { Dictionary, registerDictionary, t } from 'transplate'
const dict = new Dictionary('jp')
dict.addTranslation({
id: 'Hello, %s!',
strings: ['ใใใซใกใฏใ%s๏ผ'],
})
registerDictionary(dict)
const username = 'John'
t`Hello, ${username}!` // Hello, John๏ผ
setLocale('jp')
t`Hello, ${username}!` // ใใใซใกใฏใJohn๏ผ
```
## API
### t
Translates a string in the defined locale, using a template literal.
```json
{
"id": "Hello!",
"strings": ["Salut!"]
}
```
```javascript
import { t } from 'transplate'
t`Hello!` // Salut!
```
Supports placeholders, if defined in the translation:
```json
{
"id": "Hello, %s!",
"strings": ["Salut, %s!"]
}
```
```javascript
import { t } from 'transplate'
const name = 'John'
t`Hello, ${name}!` // Salut, John!
```
Supports pluralization:
```json
{
"id": "You have %d new message.",
"plural_id": "You have %d new messages.",
"strings": [
"Vous avez %d nouveau message.",
"Vous avez %d nouveaux messages."
]
}
```
```javascript
import { t } from 'transplate'
t`You have ${1} new message.` // Vous avez 1 nouveau message.
t`You have ${877} new message.` // Vous avez 877 nouveaux messages.
```
Supports contextualization:
```json
{
"id": "Welcome Mr %s",
"strings": ["Bienvenue M. %s"],
"context": "m"
}
```
```json
{
"id": "Welcome Mr %s",
"strings": ["Bienvenue Mme %s"],
"context": "f"
}
```
```javascript
import { t } from 'transplate'
const data = {
firstname: 'Sarah',
gender: 'f',
}
// Generates a new translation function with the given context
const tx = t.context(data.gender)
tx`Welcome Mr ${data.firstname}` // Bienvenue Mme Sarah
```
### getLocale
Returns the current locale. Defaults to `en`.
```javascript
import { getLocale } from 'transplate'
getLocale() // en
```
### setLocale
Sets the current locale in the ISO 639-1 format.
```javascript
import { setLocale } from 'transplate'
setLocale('fr')
```
### detectLocale
Detects the current locale, using the current process' environment variables or the browser's `navigator.language`.
```javascript
import { detectLocale } from 'transplate'
detectLocale() // the locale has been set to `xx`
```
### registerDictionary
Registers a dictionary for a given language, in the global lexicon.
```javascript
import { registerDictionary, Dictionary } from 'transplate'
const dict = new Dictionary('fr')
dict.addTranslation({
id: 'Hello!',
strings: ['Salut!'],
})
registerDictionary(dict)
```