import { I18n } from "@aurorah/i18n";

// "www.example.com" = your project's namespace (scopes its translation tables)
// "ko_kr" = {language}_{country} (ISO 639-1 + ISO 3166-1)
const i18n = new I18n({
  namespace: "www.example.com",
  language: "ko_kr",
});
const t = i18n.t;

// display text without translation
console.log(t("Hello~ world !!!")); // Hello~ world !!!
console.log(t("menu/marketplace")); // menu/marketplace

// wait for translations to be loaded
await i18n.waitFor("translate");

// display translations
console.log(t("Hello~ world !!!")); // 안녕~ 세상아 !!!
console.log(t("menu/marketplace")); // 메뉴/마켓플레이스

import { I18n } from "@aurorah/i18n";

// "www.example.com" = your project's namespace (scopes its translation tables)
// "ko_kr" = {language}_{country} (ISO 639-1 + ISO 3166-1)
const i18n = new I18n({
  namespace: "www.example.com",
  language: "ko_kr",
});
const t = i18n.t;

// load translation cache (filled by a previous translate run)
await i18n.load();

// display translations
console.log(t("Hello~ world !!!")); // 안녕~ 세상아 !!!
console.log(t("menu/marketplace")); // 메뉴/마켓플레이스

import { I18n } from "@aurorah/i18n";

let iRenderCount = 0;

// "www.example.com" = your project's namespace (scopes its translation tables)
// "ko_kr" = {language}_{country} (ISO 639-1 + ISO 3166-1)
const i18n = new I18n({
  namespace: "www.example.com",
  language: "ko_kr",
});
const t = i18n.t;

// load translation cache (filled by a previous translate run)
await i18n.load();

// render translations
function renderTexts() {
  iRenderCount++;
  console.log(`Render count: ${iRenderCount}`);
  console.log(
    t("Hello~ everyone !!! This is Steve, developer of @aurorah/i18n."),
  );
  console.log(
    t("It's very easy to use for software localization with @aurorah/i18n."),
  );
}

// subscribe to i18n events
i18n.subscribe((e) => {
  console.log(
    `\n\ni18n-event: ${e.reason}${e.phase ? ` - ${e.phase}` : ""} [${e.language}]`,
  );
  // render texts when translations are loaded
  if (e.reason === "translate") {
    renderTexts();
  }
});

// render texts immediately
renderTexts();

await i18n.waitFor("exit"); // wait for the application to exit

import { I18n } from "@aurorah/i18n";

// "www.example.com" = your project's namespace (scopes its translation tables)
// "ja_jp" = {language}_{country} (ISO 639-1 + ISO 3166-1)
const i18n = new I18n({
  namespace: "www.example.com",
  sourceLanguage: "ja_jp",
  language: "ja_jp",
});
const t = i18n.t;

console.log(t("こんにちは〜 世界 !!!")); // こんにちは〜 世界 !!! (the source — no load() needed)

i18n.setLanguage("en_us"); // switch to English
await i18n.load(); // load the en_us cache

console.log(t("こんにちは〜 世界 !!!")); // Hello~ world !!! (same call, now English)

await i18n.waitFor("exit"); // wait for the application to exit

import { I18n } from "@aurorah/i18n";

let iRenderCount = 0;

// "www.example.com" = your project's namespace (scopes its translation tables)
// "ja_jp" = {language}_{country} (ISO 639-1 + ISO 3166-1)
const i18n = new I18n({
  namespace: "www.example.com",
  sourceLanguage: "ja_jp",
  language: "ja_jp",
});
const t = i18n.t;

// render texts
function renderTexts() {
  console.log(t("こんにちは〜 世界 !!!"));
}

// subscribe to i18n events
i18n.subscribe((e) => {
  console.log(`\n\ni18n-event: ${e.reason}${e.phase ? ` - ${e.phase}` : ""} [${e.language}]`);
  if (e.reason === "load" || e.reason === "translate") {
    // after i18n.setLanguage("en_us") : Hello~ world !!! (same call, now English)
    renderTexts();
  }
});

renderTexts(); // before i18n.setLanguage("en_us") : こんにちは〜 世界 !!! (the source — no load() needed)

i18n.setLanguage("en_us"); // switch to English

await i18n.waitFor("exit"); // wait for the application to exit

import { I18n } from "@aurorah/i18n";

const i18n = new I18n({
  namespace: "www.example.com",
});
const t = i18n.t; // `t` stays bound to the instance

// default language is 'en_us'
console.log(t("Hello~ world !!!")); // Hello~ world !!! (the source — no load() needed)

i18n.setLanguage("ko_kr"); // switch to Korean
await i18n.load(); // load the ko_kr cache
console.log(t("Hello~ world !!!")); // 안녕~ 세상아 !!! (same call, now Korean)

i18n.setLanguage("ja_jp"); // Japanese
await i18n.load();
console.log(t("Hello~ world !!!")); // こんにちは〜 世界 !!!

i18n.setLanguage("zh_cn"); // Chinese
await i18n.load();
console.log(t("Hello~ world !!!")); // 你好〜 世界 !!!

i18n.setLanguage("es_es"); // Spanish
await i18n.load();
console.log(t("Hello~ world !!!")); // ¡Hola~ mundo !!!

await i18n.waitFor("translate"); // wait for the translations to be loaded

// next run will be warm cache

import { I18n } from "@aurorah/i18n";

const i18n = new I18n({
  namespace: "www.example.com",
});
const t = i18n.t; // `t` stays bound to the instance

const name = "Steve";
const age = 20;

i18n.setLanguage("en_us");
console.log(t`${name} is ${age} years old !!!`); // Steve is 20 years old !!!

i18n.setLanguage("ko_kr");
await i18n.load(); // load the ko_kr cache

console.log(t`${name} is ${age} years old !!!`); // Steve는 20살입니다 !!!

await i18n.waitFor("translate"); // wait for the translations to be loaded

// next run will be warm cache

import { I18n } from "@aurorah/i18n";

const i18n = new I18n({
  namespace: "www.example.com",
});
const t = i18n.t; // `t` stays bound to the instance

const name = "Steve";
const age = 20;

// render texts
function renderTexts() {
  console.log(t`Is ${name} really ${age} years old ???`);
}

// subscribe to i18n events
i18n.subscribe((e) => {
  console.log(
    `\n\ni18n-event: ${e.reason}${e.phase ? ` - ${e.phase}` : ""} [${e.language}]`,
  );
  if (e.reason === "load" || e.reason === "translate") {
    renderTexts();
  }
});

i18n.setLanguage("en_us"); // switch to English (default)
renderTexts(); // first render: Steve is 20 years old !!!

i18n.setLanguage("ko_kr"); // switch to Korean

await i18n.waitFor("exit"); // wait for the application to exit

import { I18n } from "@aurorah/i18n";

const i18n = new I18n({
  namespace: "www.example.com",
});
const t = i18n.t; // `t` stays bound to the instance
const m = i18n.m; // `m` stays bound to the instance

const something = ""; // dummy — only the key name matters at define time

// define once, reuse anywhere — .note() is for the translator:
const hello = m`Hello~ world !!! And this is ${{ something }} !!!`.note(
  "Greeting on the home page casually. {something} is the user's name, introducing himself.",
);

// render texts
function renderTexts() {
  console.log(hello({ something: "Steve" })); // 안녕~ 세상아!!! 그리고 나는 Steve야!!!
  console.log(hello({ something: "Alex" })); // 안녕~ 세상아!!! 그리고 나는 Alex야!!!
}

// subscribe to i18n events
i18n.subscribe((e) => {
  console.log(
    `\n\ni18n-event: ${e.reason}${e.phase ? ` - ${e.phase}` : ""} [${e.language}]`,
  );
  if (e.reason === "load" || e.reason === "translate") {
    renderTexts();
  }
});

i18n.setLanguage("ko_kr");

await i18n.waitFor("exit"); // wait for the application to exit

import { I18n } from "@aurorah/i18n";

// "www.example.com" = your project's namespace (scopes its translation tables)
// "en_us" = {language}_{country} (ISO 639-1 + ISO 3166-1)
const i18n = new I18n({
  namespace: "www.example.com",
  language: "en_us", // active language
  sourceLanguage: "en_us", // language the source strings are written in
  upgradeSourceLanguage: true, // let the i18n engine improve the source language too (ordinals, etc.)
});
const t = i18n.t; // `t` stays bound to the instance

const name = "Steve";

// render texts
function renderTexts() {
  for (let n = 1; n <= 4; n++) {
    // 1) NOW: the text as written — "2st", "3st", "4st"
    // 2) ~1-2s: the fast first answer arrives
    // 3) ~10-60s: the refined version — the i18n engine completed the grammar
    console.log(t`${name} is ${n}st winner in the contest.`);
  }
}

// subscribe to i18n events
i18n.subscribe((e) => {
  console.log(
    `\n\ni18n-event: ${e.reason}${e.phase ? ` - ${e.phase}` : ""} [${e.language}]`,
  );
  if (e.reason === "load" || e.reason === "translate") {
    renderTexts();
  }
});

renderTexts(); // first render: text as written

await i18n.waitFor("exit"); // wait for the application to exit