Skip to main content

Catalog Formats

Catalog format (configured by the format option) refers to the offline catalog file format. This format is never used in production, because the catalog is compiled into a JS module.

The reason for this build step is that the choice of catalog format depends on the individual internationalization workflow. On the other hand, the runtime catalog should be as simple as possible so that it can be parsed quickly without additional overhead.

PO

PO files are translation files used by gettext internationalization system. This is the recommended and the default catalog format in Lingui.

Version Downloads

The advantages of this format are:

  • readable even for large messages
  • supports comments for translators
  • supports metadata (origin, flags)
  • supports contexts
  • standard format supported by many localization tools

Installation

npm install --save-dev @lingui/format-po

Usage

lingui.config.{js,ts}
import { formatter } from "@lingui/format-po";

export default {
// [...]
format: formatter({ lineNumbers: false }),
};

Configuration

PO formatter accepts the following options:

export type PoFormatterOptions = {
/**
* Print places where message is used
*
* @default true
*/
origins?: boolean;

/**
* Print line numbers in origins
*
* @default true
*/
lineNumbers?: boolean;

/**
* Print `js-lingui-id: Xs4as` statement in extracted comments section
*
* @default false
*/
printLinguiId?: boolean;

/**
* By default, the po-formatter treats the pair `msgid` + `msgctx` as the source
* for generating an ID by hashing its value.
*
* For messages with explicit IDs, the formatter adds a special comment `js-lingui-explicit-id` as a flag.
* When this flag is present, the formatter will use the `msgid` as-is without any additional processing.
*
* @default false
*/
explicitIdAsDefault?: boolean;

/**
* Custom attributes to append to the PO file header
*
* @default {}
*/
customHeaderAttributes?: { [key: string]: string };

/**
* Print values for unnamed placeholders as comments for each message.
* This can give more context to translators for better translations.
* By default, first 3 placeholders are shown.
*
* Example:
*
* t\`Hello ${user.name} ${value}\`
*
* Will be extracted as
*
* #. placeholder {0}: user.name
* msgid "Hello {0} {value}"
*
* @default true
*/
printPlaceholdersInComments?: boolean | { limit?: number };
};

Examples

#: src/App.js:3
#. Comment for translators
msgid "messageId"
msgstr "Translated Message"

#: src/App.js:3
#, obsolete
msgid "obsoleteId"
msgstr "Obsolete Message"

Messages with context are exported in the following way:

#: src/Inbox.js:12
msgctxt "my context"
msgid "msg.inbox"
msgstr "Message Inbox"

Messages with plurals are exported in ICU format:

msgid "{count, plural, one {Message} other {Messages}}"
msgstr "{count, plural, one {Message} other {Messages}}"

Read more about ICU MessageFormat.

PO with gettext Plurals

When using localization backends that don't understand the ICU plural syntax exported by the default po formatter, po-gettext can be used to read and write to PO files using gettext-native plurals.

Version Downloads

Installation

npm install --save-dev @lingui/format-po-gettext

Usage

lingui.config.{js,ts}
import { formatter } from "@lingui/format-po-gettext";

export default {
// [...]
format: formatter({ lineNumbers: false }),
};

Configuration

The PO Gettext formatter accepts the following options:

export type PoGettextFormatterOptions = {
/**
* Print places where message is used
*
* @default true
*/
origins?: boolean;

/**
* Print line numbers in origins
*
* @default true
*/
lineNumbers?: boolean;

/**
* Disable warning about unsupported `Select` feature encountered in catalogs
*
* @default false
*/
disableSelectWarning?: boolean;

/**
* Overrides the default prefix for icu and plural comments in the final PO catalog.
*
* @default "js-lingui:"
*/
customICUPrefix?: string;
};

Examples

With this format, plural messages are exported in the following ways, depending on whether an explicit ID is set:

  • Message with custom ID "my_message" that is pluralized on property "someCount".

    #. js-lingui:pluralize_on=someCount
    msgid "my_message"
    msgid_plural "my_message_plural"
    msgstr[0] "Singular case"
    msgstr[1] "Case number {someCount}"

    Note that msgid_plural was created by appending a _plural suffix.

  • Message without custom ID that is pluralized on property "anotherCount".

    To allow matching this PO item to the appropriate catalog entry when deserializing, the original ICU message is also stored in the generated comment.

    #. js-lingui:icu=%7BanotherCount%2C+plural%2C+one+%7BSingular+case%7D+other+%7BCase+number+%7BanotherCount%7D%7D%7D&pluralize_on=anotherCount
    msgid "Singular case"
    msgid_plural "Case number {anotherCount}"
    msgstr[0] "Singular case"
    msgstr[1] "Case number {anotherCount}"

    Note how msgid and msgid_plural were extracted from the original message.

  • Message with a custom comment prefix.

    Some TMS might modify the ICU comment by attempting to split lines to be 80 characters or less, or have trouble reading lingui comments because of the js-lingui: prefix. To change the prefix, set customICUPrefix to modify the prefix for ICU comments.

    # with default prefix
    #. js-
    #. lingui:icu=%7BanotherCount%2C+plural%2C+one+%7BSingular+case%7D+other+%7BCase+number+%7BanotherCount%7D%7D%7D&pluralize_on=anotherCount

    # customICUPrefix = jsi18n:
    #. jsi18n:icu=%7BanotherCount%2C+plural%2C+one+%7BSingular+case%7D+other+%7BCase+number+%7BanotherCount%7D%7D%7D&pluralize_on=anotherCount

Limitations

This format comes with several caveats and should only be used when using ICU plurals in PO files is not an option:

  • Nested/multiple plurals in a message as shown in plural are not supported because they cannot be expressed with gettext plurals. Messages containing nested/multiple formats will not be output correctly.
  • The select and selectOrdinal cannot be expressed with gettext plurals, but the original ICU format is still stored in the msgid/msgstr properties. To disable the warning that this may not be the expected behavior, add { disableSelectWarning: true } to the format options.
  • Source/development languages with more than two plurals could experience difficulties when no custom IDs are used, as gettext cannot have more than two plurals cases identifying an item (msgid and msgid_plural).
  • Gettext doesn't support plurals for negative and fractional numbers even though some languages have special rules for these cases.

JSON

This format is used to store messages in a JSON file. There are two types of JSON format: minimal and lingui.

Version Downloads

Installation

npm install --save-dev @lingui/format-json

Usage

lingui.config.{js,ts}
import { formatter } from "@lingui/format-json";

export default {
// [...]
format: formatter({ style: "lingui" }),
};

Configuration

JSON formatter accepts the following options:

export type JsonFormatterOptions = {
/**
* Print places where message is used
*
* @default true
*/
origins?: boolean;

/**
* Print line numbers in origins
*
* @default true
*/
lineNumbers?: boolean;

/**
* Different styles of how information could be printed
*
* @default "lingui"
*/
style?: "lingui" | "minimal";

/**
* Indentation of output JSON
*
* @default 2
*/
indentation?: number;
};

Examples

Minimal style

A simple JSON file where each key is a message ID and the value is the translation. The JSON is flat, and there's no reason to use nested keys. The usual motivation behind nested JSON is to save file space, but this file format is only used offline.

The downside of this format is that all metadata about the message is lost. This includes the default message, the origin of the message, and any message flags (obsolete, fuzzy, etc.).

{
"messageId": "translation"
}

Lingui style

This file format simply outputs all internal data in JSON format. It's the original file format used by Lingui before support for other catalog formats was added. It might be useful for tools build on top of Lingui CLI which needs to further process catalog data.

{
"messageId": {
"translation": "Translated message",
"message": "Default message",
"description": "Comment for translators",
"origin": [["src/App.js", 3]]
},
"obsoleteId": {
"translation": "Obsolete message",
"origin": [["src/App.js", 3]],
"obsolete": true
}
}

CSV

The CSV format is a simple format that can be used to import and export messages from spreadsheets or other tools that support CSV files. It has two columns: message ID and message (source or translation).

Version Downloads

Installation

npm install --save-dev @lingui/format-csv

Usage

lingui.config.{js,ts}
import { formatter } from "@lingui/format-csv";

export default {
// [...]
format: formatter(),
};

This formatter has no configurable options.

Examples

messageId,Message
msg.common,String for translation

See Also