I4n NPM | npm.io

i4n

🌐🪶 Lightweight, Zero dependencies, Typesafe and Simple to use translations for TypeScript.

Installation

To use this package, install with npm:

npm install i4n

Usage

To get started with translating, import the I4n class:

import { I4n } from "i4n";

Then create a set of translations:

const translations = {
  en: {
    hi: "Hello",
  },
  es: {
    hi: "Ola",
  },
} as const;

To improve this, implement your own types:

type TranslationData = {
  earth: string;
};
type Language = "en" | "es" | "fr";
type TranslationSet = Record<Language, TranslationData>;

const translations: TranslationSet = {
  en: {
    earth: "world",
  },
  es: {
    aerth: "Mundo",
    // ^ Typescript error
  },
};

Init

Then initialize the class with your translations and default language:

const i4n = new I4n({ translations, language: "en", fallbackLanguage: "fr" });

You will then have access to the methods, can detach the functions and start translating.

API

I4n Constructor

new I4n(config: {
  translations?: Record<string, any>;
  loader?: () => Promise<Record<string, any>> | Record<string, any>;
  language: string;
  fallbackLanguage?: string;
});

translations: An object containing the translation data, organized by language codes.
language: The default language to use.
fallbackLanguage: (Optional) The language to fall back to if a translation is missing.
loader: A loader to, for example, load json data from a .json file.

The types are configured to have the translations or loader present in the arguments, leaving both out or putting both in will result in an I4nException.

Methods

`t(key: string | string[], ...args: any[])`

Retrieves a translation value based on the provided key. Supports dot.notation for nested keys and fallback keys.

key: The translation key or array of keys for fallback.
args: Additional arguments for template functions.

This method will use the fallbackLanguage, if present, when the keys cannot be found in the current language.

Usage Example:

i4n.t("hi"); // Returns "Hello"
i4n.t([`errors.${code}`, "errors.unspecified"]); // Fallback example

`switch(language: string)`

Switches the current language at runtime.

language: The language code to switch to.

Usage Example:

i4n.switch("es");
i4n.t("hi"); // Returns "Ola"

`lazy({data?: Record<string, any>, loader?: () => Promise<Record<string, any>> | Record<string, any>})`

Enables the user to load in translations after initialization of the I4n class.

const i4n = new I4n({...}); // {en, es}
i4n.ready; // true

i4n.t("french-key"); // undefined

i4n.lazy({ loader: myCustomLoader }); // {fr}
i4n.ready; // false

await i4n.loaded({lang: "fr"})
i4n.ready; //true

i4n.t("french-key"); // "mon-key".