i18n Tagged Template Literals

Overview

This Visual Studio Code Extension genarates a json schema based on i18n tagged template literals in your JavaScript project. It also adds useful features like translation validation and translation key export.

For more details please see: Template Literal based i18n translation and localization

This extension is based on i18n-tag-schema

.vscode/settings.json

For quick configuration use i18nTag: Configure translation schema generator command

    "i18nTag.src": "./src",
    "i18nTag.schema": "./translation.schema.json",
    "i18nTag.filter": "\\.jsx?$",
    "i18nTag.preprocessor": "./preprocessors/typescript", /* add this if you want typescript support or add a custom preprocessor */
    "i18nTag.postprocessor": "./postprocessors/po", /* add this if you want to export a PO file format or add a custom postprocessor */
    "i18nTag.indention": 2, /* The number of spaces to be used for schema indention. if not set, tabs will be used. */
    "i18nTag.babylonConfig": { /* add this if you want to override the default babylon parser options */
        "sourceType": "module",
        "plugins": [
            "jsx",
            "asyncFunctions",
            "flow",
            "classConstructorCall",
            "doExpressions",
            "trailingFunctionCommas",
            "objectRestSpread",
            "decorators",
            "classProperties",
            "exportExtensions",
            "exponentiationOperator",
            "asyncGenerators",
            "functionBind",
            "functionSent"
        ]
    },
    "json.schemas": [
        {
            "fileMatch": [
                "/src/i18n/*.json"
            ],
            "url": "./translation.schema.json"
        }
    ]

Use

• Run command i18nTag: Update translation schema to generate a new translation schema.
• Run command i18nTag: Show translation schema to show the current translation schema.
• Run command i18nTag: Show last local change to translation schema to show the last local change of translation schema.
• Run command i18nTag: List template literals of active file to list all template literals of a JavaScript file. (available via Context Menu)
• Run command i18nTag: Export translation keys from source directory to export all translation keys as JSON.
• Run command i18nTag: Validate translation file to validate a translation file. (available via Context Menu)

Reference schema in individual JSON file

If you don't set the translation directory in configuration you can reference the schema directly in your json file.

{
    "$schema": "./translation.schema.json",
    "key": "value"
}

Translation Validation and Translation Key Export

Tools

Run time translation and localization

• es2015-i18n-tag: ES2015 template literal tag for i18n and l10n (translation and internationalization) using Intl

Build time translation

• babel-plugin-i18n-tag-translate: Translate your template literals at build time or add filename groups

Schema based translations

• i18n-tag-schema: JSON Schema based translation validation and tools

License

Copyright (c) 2016 Steffen Kolmer

This software is licensed under the MIT license. See the LICENSE file accompanying this software for terms of use.