• Stars
    star
    228
  • Rank 175,267 (Top 4 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created almost 7 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🈂️ Translate text on node.js and the browser with promises

Translate npm install translate test badge gzip size

Convert text to different languages on Node.js and the browser. Flexible package that allows you to use Google (default), Yandex, Libre or DeepL:

import translate from "translate";

translate.engine = "deepl";
translate.key = process.env.DEEPL_KEY;

const text = await translate("Hello world", "es");
console.log(text);
// "Hola mundo"

Getting started

This package can be used in Node.js and on the browser. First thing install the library:

npm install translate

Then import it to use it:

import translate from "translate";

Alternatively for the browser you can use Jsdelivr CDN with the UMD export:

<script
  type="module"
  src="https://cdn.jsdelivr.net/npm/translate@2/index.min.js"
></script>

After including translate the usage is similar for both Node.js and the browser. Now you have to set which engine you want to use (default is 'google'), and the key for it if needed:

translate.engine = "deepl"; // "google", "yandex", "libre", "deepl"
translate.key = process.env.DEEPL_KEY;

Then you can finally use it. Putting it all together:

// Omit this line if loading form a CDN
import translate from "translate";

translate.engine = "deepl"; // "google", "yandex", "libre", "deepl"
translate.key = process.env.DEEPL_KEY;

const text = await translate("Hello world", "es");
console.log(text);
// "Hola mundo"

Options

The first parameter is the string that you want to translate. Right now only a single string of text is accepted.

The second parameter is the options. It accepts either a String of the language to translate to or a simple Object with these options:

  • to: the string of the language to translate to. It can be in any of the two ISO 639 (1 or 2) or the full name in English like Spanish. Defaults to en.
  • from: the string of the language to translate to. It can be in any of the two ISO 639 (1 or 2) or the full name in English like Spanish. Also defaults to en.
  • cache: a Number with the milliseconds that each translation should be cached. Leave it undefined to cache it indefinitely (until a server/browser restart).
  • engine: a String containing the name of the engine to use for translation. Right now it defaults to google. Read more in the engine section.
  • key: the API Key for the engine of your choice. Read more in the engine section.
  • url: only available for those engines that you can install on your own server (like Libretranslate), allows you to specify a custom endpoint for the translations. See this issue for more info.

Examples:

// Translate from English (default) to Spanish (specified)
const foo = await translate("Hello world", "es");

// Same as this:
const bar = await translate("Hello world", { to: "es" });

On both to and from defaulting to en: while I am Spanish and was quite tempted to set this as one of those, English is the main language of the Internet and the main secondary language for those who have a different native language. This is why most of the translations will happen either to or from English.

Default options

You can change the default options for anything by calling the root library and the option name:

translate.from = "es";
translate.engine = "deepl";

This can be applied to any of the options enumerated above.

Engines

Several translating engines are available to translate your text:

  • google: (demo | docs): Google Translate.
  • yandex: (demo | docs | API Key): Yandex Translate
  • libre: (demo): An independent translation engine. You can use the official website or install it on your own server.
  • deepl: (demo): A rapidly growing popular translation engine built with Machine Learning.

To get the API Key you will be signing some contract with these services; it's your responsibility to follow these and we are not liable if you don't as explained in our MIT License.

Once you get the API key and if you are only going to be using one engine (very likely), we recommend setting this globally for your whole project:

// ... include translate

translate.engine = "deepl";
translate.key = "YOUR-KEY-HERE";

// ... use translate()

If you are in Node.js, this likely comes from an environment variable:

// ... include translate

translate.engine = "deepl";
translate.key = process.env.TRANSLATE_KEY;

// ... use translate()

To pass it per-translation, you can add it to your arguments:

translate("Hello world", { to: "en", engine: "deepl", key: "YOUR-KEY-HERE" });

Specifically in Libretranslate, you can also add a url parameter if you install it on your own server:

translate.url = "https://example.com/";
translate.key = process.env.TRANSLATE_KEY;

Promises

Working with Promises and specially with async/await reduces Callback Hell. To see it in action, first you'll need an async function. Then put your await calls inside:

// Browser; jQuery for demonstration purposes
$("#translate").submit(async (e) => {
  e.preventDefault();
  const text = $(".text").text();
  const spanish = await translate(text, { to: "es" });
  alert(spanish);
});

// Node.js; serverjs.io example for demonstration purposes
const route = async (ctx) => {
  const spanish = await translate(ctx.body, { to: "es" });
  return send(spanish);
};

Authors and thanks

Current package and development: Francisco Presencia

Original package and idea: Andrew Lunny (alunny), Marak Squires, Google

Testing in Internet Explorer supported by BrowserStack:

BrowserStack logo

More Repositories

1

picnic

👜 A beautiful CSS library to kickstart your projects
CSS
3,800
star
2

server

🖥️ Simple and powerful server for Node.js
JavaScript
3,556
star
3

brownies

🍫 Tastier cookies, local, session, and db storage in a tiny package. Includes subscribe() events for changes.
JavaScript
2,381
star
4

umbrella

☔ Lightweight javascript library for DOM manipulation and events
JavaScript
2,273
star
5

ola

🌊 Smooth animation library for interpolating numbers
JavaScript
1,804
star
6

drive-db

📊 Use Google Drive spreadsheets as a simple database
JavaScript
821
star
7

legally

📚 Check the licenses for the NPM packages that you use
JavaScript
427
star
8

pagex

📄 A simple router for the browser in javascript
JavaScript
332
star
9

superdom

🎏 Better and simpler ES6 DOM manipulation
JavaScript
294
star
10

react-text

📙 React translation library with plain objects as dictionaries
JavaScript
133
star
11

react-plain-router

🛣 A 2kb React router that works exactly as expected with native Javascript
JavaScript
118
star
12

use-tensorflow

A React hook to use tensorflow.js easily
JavaScript
104
star
13

atama

🌲 State management tool using Proxy()
JavaScript
83
star
14

statux

⚛️ The easy state management library for React with Hooks
JavaScript
71
star
15

swear

🙏 Flexible promise handling with Javascript
JavaScript
57
star
16

use-spreadsheet

A React Hook to use Google Drive spreadsheets as a database
JavaScript
45
star
17

uwork

Tiny webworker that doesn't need an external file to run
JavaScript
44
star
18

cookies

🍪 Delicious browser cookies
JavaScript
42
star
19

react-test

🧯 Make readable assertions for your App and be confident about the code you ship. Reduce user-facing bugs and increase satisfaction.
JavaScript
23
star
20

files

📁 Async filesystem with very simple API for Node.js
JavaScript
23
star
21

use-animation-frame

A React hook to run requestAnimationFrame seamlessly
JavaScript
19
star
22

flexpoint

[discontinued, please use Picnic CSS that includes this ] A breakpoint-based flexbox grid implementation
SCSS
19
star
23

crossroad

🛣 A React library to handle navigation in your WebApp. Built with simple components and React Hooks so your code is cleaner.
JavaScript
18
star
24

vector-graph

Generate high-quality geometry and vector graphs with HTML
JavaScript
16
star
25

tokyochat

Real time chat with socket.io and Node.js
JavaScript
14
star
26

modern-editor

[discontinued] A rich text editor for the modern web
JavaScript
14
star
27

backblaze

An unofficial package to easily deal with Backblaze API on Node.js
JavaScript
13
star
28

form-mate

💬 A tiny and elegant library to handle forms with React
JavaScript
13
star
29

remotecamera

Capture an image and post it to an url
JavaScript
12
star
30

burla

Advanced URL manipulation library using the History API
JavaScript
12
star
31

recordar

A spaced repetition algorithm to analyze several responses from the students and give an approximate score of how much they remember the concept
JavaScript
12
star
32

create-static-web

Another static site generator
JavaScript
11
star
33

fixed-id

A fixed-options export for NanoID using only 24 alphanumeric characters
JavaScript
10
star
34

check-licenses

A simple tool to check all the licenses in your dependencies
JavaScript
10
star
35

happy

Happy simplifies your day-to-day git workflow:
JavaScript
10
star
36

htemplate

A dead simple and tiny template system. Stop repeating yourself.
HTML
9
star
37

use-camera

Stream the native camera video and audio into React
JavaScript
8
star
38

fetch

fetch() greatly improved
JavaScript
8
star
39

edittable

React simple records table with a REST API
JavaScript
7
star
40

use-async

React hooks to make handling async operations a breeze
JavaScript
7
star
41

use-interpolation

A hook to interpolate values easily in React
JavaScript
7
star
42

lobe

Deep learning made easy with Lobe.ai
JavaScript
6
star
43

cloudbleed

Website interface for cloudbleed domain list
HTML
6
star
44

server-tutorial-spreadsheet

Code for the tutorial of spreadsheets
HTML
6
star
45

atocha

Run clean terminal commands from Node.js
JavaScript
6
star
46

human-error

Allows you to write errors so people can understand
JavaScript
5
star
47

sign

A universal javascript library for signing strings to avoid tampering
JavaScript
5
star
48

red-arrow

Draws a red arrow in React
JavaScript
5
star
49

json-ok

A quick way of validating json objects using json-schema
JavaScript
5
star
50

spacehelmet

Space Apps contest
Processing
5
star
51

paperdocs

📄 A beautiful and highly responsible theme for documentation
JavaScript
5
star
52

travel

Javascript-based CRUD ORM for varied sources
JavaScript
4
star
53

json-chaos

A tool that randomly changes properties in objects
JavaScript
4
star
54

express-data-parser

Middleware to parse images and files with express
JavaScript
4
star
55

server-tutorial-todo

Code for the TODO tutorial
JavaScript
3
star
56

use-storage

A React Hook to handle localStorage properly in your WebApp
JavaScript
3
star
57

poly-get

A tiny fetch() universal library for getting JSON
JavaScript
3
star
58

pray

React asynchronous components
JavaScript
3
star
59

server-next

Experiment around server.js
JavaScript
3
star
60

faster

Tiny function to repaint into a canvas in fullscreen mode
JavaScript
3
star
61

react-press

⏎ Easily handle key press events with React
JavaScript
3
star
62

react-simple-keys

A simple and straightforward shortcut/hotkeys hook handler for React
JavaScript
3
star
63

test-controller

Testing module for the controllers. Extends req and res from dupertest
JavaScript
3
star
64

basik

A component library for React that looks great out of the box
JavaScript
2
star
65

xlsx-demo

A demo of using drive-db and xlsx
JavaScript
2
star
66

check-my-links

A small CLI tool to make sure your website doesn't have any 404s or 500s
JavaScript
2
star
67

server-sass

A small plugin to handle SASS and SCSS with server.js
JavaScript
2
star
68

files-api

Official documentation for https://files-api.com/
2
star
69

anchor

Spaced repetition program
HTML
2
star
70

readline-polyfill

Readline polyfill using only `node:events` and `node:tty`
JavaScript
2
star
71

orden

Parse a markdown table string into an array of objects. With types! Perfect to mock data.
JavaScript
2
star
72

react-tokyo

JavaScript
2
star
73

loadware

Make sense of a bunch of middleware definitions and return an array of middleware
JavaScript
2
star
74

UserManager

User management system.
PHP
2
star
75

todo

Some times you just want to finish a project, no matter how tiny it is :)
JavaScript
2
star
76

premonition

Premonition
HTML
2
star
77

blog

A dead simple Drive based blog
JavaScript
1
star
78

azalea

Web de azalea
CSS
1
star
79

japan-rent-calculator

HTML
1
star
80

optionally

Option parser with schema definition and descriptive errors
JavaScript
1
star
81

transladb

PHP translation class database-driven.
PHP
1
star
82

pipas

Web and Node streams quick experiment
JavaScript
1
star
83

server-bug127

Repro repo
HTML
1
star
84

nocolor

A tiny library to color your terminal output
JavaScript
1
star
85

franciscop.github.io

My personal website
HTML
1
star
86

insensitive

A library to make working with case-insensitive (including snake and similar) much easier
JavaScript
1
star
87

photos

Basic image upload service
JavaScript
1
star
88

server-auth

Server.js plugin to handle authentication with Github and Twitter
JavaScript
1
star
89

server-react

React server
JavaScript
1
star
90

repository

One click website for your Github repos
1
star
91

server-tutorial-upload

Upload images with server.js
JavaScript
1
star
92

chat

Demo for the interview
JavaScript
1
star
93

add-subs

Add subtitles to an MP4 from a SRT file
JavaScript
1
star
94

server-esm

A server.js plugin to automatically bundle front-end Javascript
JavaScript
1
star