L10N Doctor is a simple localization library for your JavaScript application.
yarn add l10n-doctoror
npm install --save l10n-doctorbrowser.ts
import { ContentRepository } from 'l10n-doctor';
const contentRepository = new ContentRepository({ accessKey: L10N_DR_TOKEN });
contentRepository.getContentBundle('en_gb').then(contentBundle => {
document.body.innerHTML = `<h1>${contentBundle.getText('Hello World!', { cId: 'hello_world' })}</h1>`;
});index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Example App</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>server.ts
import express from 'express';
const app = express();
import { ContentRepository } from 'l10n-doctor';
const contentRepository = new ContentRepository({ accessKey: L10N_DR_TOKEN });
contentRepository.getContentBundle('en_gb').then(contentBundle => {
app.get('*', (req, res) => {
res.send(`<!DOCTYPE html>
<html lang="en">
<head>
<title>Example App</title>
</head>
<body>
<h1>${contentBundle.getText('Hello World!', { cId: 'hello_world' })}</h1>
</body>
</html>`)
});
app.listen(PORT, () => console.log(`App is listening on ${PORT} 3000`));
});Server Response
<!DOCTYPE html>
<html lang="en">
<head>
<title>Example App</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>getText()will automatically create ContentElements if they don't exist yetgetText()to allow using parametersgetElement()will return<span data-cId="hello_world">Hello World!</span>for convenient integration with in-context editor.
MIT © sleepingevil