@artifact-project/i18n

A simple module for internationalization with support some feature CLDR.

Usage no npm install needed!

<script type="module">
  import artifactProjectI18n from 'https://cdn.skypack.dev/@artifact-project/i18n';
</script>

README

i18n

A simple module for internationalization with support some feature CLDR.

npm i --save @artifact-project/i18n

Plural generator

🤜 https://artifact-project.github.io/i18n/

Usage

cfg-default-locale.ts

import { i18n, setDefaultLocale } from '@artifact-project/i18n';

// 1. Open https://artifact-project.github.io/i18n/
// 2. Choice a plural preset 


// Dictionary
const dict = {
    required: 'No empty',
    minLength: ({detail: {min}}, {plural}) => `Minimum ${plural('symbols', min)}`,
    symbols: {
        cardinal: {
            one: 'symbol',
            other: 'symbols',
        },
    },
};

// Set default
setDefaultLocale(new i18n(dict, plural));

somewhere.ts

import {T} from '@artifact-project/i18n';

T('required'); // No empty
T({id: 'minLength', detail: {min: 6}}); // Minimum 6 symbols
T('inline', {inline: 'Wow'}); // Wow

CLRD Parse Helper

Open http://www.unicode.org/cldr/charts/latest/supplemental/language_plural_rules.html and DevTools and execute ;]

function parseLangList() {
    return [...document.querySelectorAll('.dtf-s a[name][href^="#"]')]
        .filter(a => a.name === a.href.split('#')[1])
        .map(a => a.name)
    ;
}

function parseLang(code, forTest) {
    const cardinal = {};
    const range = {};
    const codeColumn = document.querySelector(`[name="${code}"]`).parentElement;
    const allRows = codeColumn.parentNode.parentNode.rows;
    const result = {
        code,
        name: codeColumn.previousElementSibling.textContent.trim(),
    };
    const getText = (el) => el.innerHTML.replace(/<\/?[a-z][^>]*>|&[a-z]+;?/g, ' ').replace(/\s+/g, ' ').trim();

    let offset = [].indexOf.call(allRows, codeColumn.parentNode);
    let typeColumn = codeColumn.nextElementSibling;
    let maxColumns = codeColumn.rowSpan;
    let type;
    let category;
    let examples;
    let minimalPairs;
    let rules;

    for (let i = 0; i < maxColumns; i++) {
        const cells = allRows[offset + i].cells;
        const tmp = getText(cells[0]);

        if (i === 0) {
            type = getText(cells[2]);
            category = getText(cells[3]);
            examples = getText(cells[4]);
            minimalPairs = getText(cells[5]);
            rules = getText(cells[6]);
        } else if (tmp === 'ordinal' || tmp === 'range') {
            type = tmp;
            category = getText(cells[1]);
            examples = getText(cells[2]);
            minimalPairs = getText(cells[3]);
            rules = getText(cells[4]);
        } else {
            category = tmp;
            examples = getText(cells[1]);
            minimalPairs = cells[3] ? getText(cells[2]) : '';
            rules = getText(cells[3] || cells[2]);
        }

        rules = rules.replace(/\s+/g, ' ').trim();

        if (!result.hasOwnProperty(type)) {
            result[type] = {};
        }

        if (type === 'range') {
            rules = rules.replace(/[^a-z]/g, ' ').trim().split(/\s+/g).pop();
        }

        if (forTest) {
            result[type][category] = {
                rules,
                test: examples,
                example: minimalPairs.replace(/(\d+)\,(\d+)/g, '$1.$2'),
            };
        } else {
            result[type][category] = rules;
        }
    }

    return result;
}

// MAIN
(() => {
    const dcl = parseLangList()
        .map(code => {
            try {
                return parseLang(code);
            } catch (_) {}
        })
        .filter(Boolean)
    ;
    
    console.log(`Plural DCL Copied in Buffer:`, dcl);
    copy(dcl);
})();

Development