@cocoar/vue-localization 0.1.0-beta.23

package/dist/index.js

@@ -0,0 +1,628 @@
+import { ref as y, computed as d, inject as p } from "vue";
+class L {
+  data = /* @__PURE__ */ new Map();
+  _version = y(0);
+  /** Reactive version counter — watch this to react to data changes */
+  version = this._version;
+  setLocaleData(t, n) {
+    this.data.set(t, n), this._version.value++;
+  }
+  getLocaleData(t) {
+    return this._version.value, this.data.get(t);
+  }
+  hasLocaleData(t) {
+    return this._version.value, this.data.has(t);
+  }
+  removeLocaleData(t) {
+    this.data.delete(t), this._version.value++;
+  }
+  clear() {
+    this.data.clear(), this._version.value++;
+  }
+}
+class I {
+  async load(t) {
+    return {
+      code: t,
+      date: _(t),
+      number: P(t),
+      currency: U(t),
+      percent: b(t)
+    };
+  }
+}
+function _(r) {
+  const t = [], n = [], e = [], a = [], o = new Intl.DateTimeFormat(r, { month: "long" }), s = new Intl.DateTimeFormat(r, { month: "short" });
+  for (let u = 0; u < 12; u++) {
+    const f = new Date(2024, u, 1);
+    t.push(o.format(f)), n.push(s.format(f));
+  }
+  const i = new Intl.DateTimeFormat(r, { weekday: "long" }), c = new Intl.DateTimeFormat(r, { weekday: "short" });
+  for (let u = 0; u < 7; u++) {
+    const f = new Date(2024, 0, 7 + u);
+    e.push(i.format(f)), a.push(c.format(f));
+  }
+  const l = R(r), m = $(r), h = F(r);
+  return {
+    pattern: l,
+    firstDayOfWeek: m,
+    monthNames: t,
+    monthNamesShort: n,
+    dayNames: e,
+    dayNamesShort: a,
+    amPm: h
+  };
+}
+function R(r) {
+  const n = new Intl.DateTimeFormat(r, {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit"
+  }).formatToParts(new Date(2024, 11, 25)), e = n.filter((o) => o.type === "month" || o.type === "day" || o.type === "year").map((o) => o.type), a = n.find((o) => o.type === "literal")?.value ?? "/";
+  return e[0] === "year" ? "yyyy-mm-dd" : e[0] === "month" ? "mm/dd/yyyy" : a === "." ? "dd.mm.yyyy" : "dd/mm/yyyy";
+}
+function $(r) {
+  try {
+    const e = new Intl.Locale(r), a = e.getWeekInfo?.() ?? e.weekInfo;
+    if (a?.firstDay != null)
+      return a.firstDay === 7 ? 0 : a.firstDay;
+  } catch {
+  }
+  const t = w(r);
+  return ["US", "CA", "JP", "KR", "TW", "PH", "IL"].includes(t) ? 0 : 1;
+}
+function w(r) {
+  const t = r.split("-");
+  if (t.length > 1)
+    return t[t.length - 1].toUpperCase();
+  try {
+    return new Intl.Locale(r).maximize().region?.toUpperCase() ?? "";
+  } catch {
+    return "";
+  }
+}
+function F(r) {
+  try {
+    const t = new Intl.DateTimeFormat(r, { hour: "numeric", hour12: !0 }), n = t.formatToParts(new Date(2024, 0, 1, 9)), e = t.formatToParts(new Date(2024, 0, 1, 15)), a = n.find((s) => s.type === "dayPeriod")?.value ?? "AM", o = e.find((s) => s.type === "dayPeriod")?.value ?? "PM";
+    return [a, o];
+  } catch {
+    return ["AM", "PM"];
+  }
+}
+function P(r) {
+  const n = new Intl.NumberFormat(r, { useGrouping: !0 }).formatToParts(123456789e-2), e = n.find((o) => o.type === "decimal")?.value ?? ".", a = n.find((o) => o.type === "group")?.value ?? ",";
+  return { decimal: e, group: a, grouping: [3] };
+}
+function U(r) {
+  const t = w(r), n = z(t);
+  try {
+    const a = new Intl.NumberFormat(r, {
+      style: "currency",
+      currency: n
+    }).formatToParts(1234.56), s = a.find((u) => u.type === "currency")?.value ?? n, i = a.findIndex((u) => u.type === "currency"), c = a.findIndex((u) => u.type === "integer"), l = i < c ? "before" : "after", h = (l === "before" ? a.slice(i + 1, c) : a.slice(c, i)).some((u) => u.type === "literal" && /\s/.test(u.value));
+    return {
+      default: n,
+      symbols: { [n]: s },
+      position: l,
+      spacing: h,
+      decimals: 2
+    };
+  } catch {
+    return {
+      default: n,
+      symbols: {},
+      position: "before",
+      spacing: !1,
+      decimals: 2
+    };
+  }
+}
+function b(r) {
+  try {
+    const n = new Intl.NumberFormat(r, { style: "percent" }).formatToParts(0.25), e = n.find((c) => c.type === "percentSign")?.value ?? "%", a = n.findIndex((c) => c.type === "percentSign"), o = n.findIndex((c) => c.type === "integer"), i = (a > o ? n.slice(o + 1, a) : n.slice(a + 1, o)).some((c) => c.type === "literal" && /\s/.test(c.value));
+    return { symbol: e, spacing: i, decimals: 0 };
+  } catch {
+    return { symbol: "%", spacing: !1, decimals: 0 };
+  }
+}
+function z(r) {
+  return {
+    US: "USD",
+    GB: "GBP",
+    EU: "EUR",
+    DE: "EUR",
+    FR: "EUR",
+    IT: "EUR",
+    ES: "EUR",
+    NL: "EUR",
+    AT: "EUR",
+    BE: "EUR",
+    FI: "EUR",
+    IE: "EUR",
+    PT: "EUR",
+    GR: "EUR",
+    LU: "EUR",
+    JP: "JPY",
+    CN: "CNY",
+    KR: "KRW",
+    CA: "CAD",
+    AU: "AUD",
+    CH: "CHF",
+    SE: "SEK",
+    NO: "NOK",
+    DK: "DKK",
+    PL: "PLN",
+    CZ: "CZK",
+    HU: "HUF",
+    RO: "RON",
+    BG: "BGN",
+    HR: "EUR",
+    IN: "INR",
+    BR: "BRL",
+    MX: "MXN",
+    RU: "RUB",
+    TR: "TRY",
+    ZA: "ZAR",
+    IL: "ILS",
+    TW: "TWD",
+    SG: "SGD",
+    HK: "HKD",
+    NZ: "NZD",
+    PH: "PHP",
+    TH: "THB",
+    MY: "MYR",
+    ID: "IDR",
+    VN: "VND",
+    AE: "AED",
+    SA: "SAR"
+  }[r] ?? "USD";
+}
+function T(r, t) {
+  return {
+    code: t.code ?? r.code,
+    date: t.date ? { ...r.date, ...t.date } : r.date,
+    number: t.number ? { ...r.number, ...t.number } : r.number,
+    currency: t.currency ? {
+      ...r.currency,
+      ...t.currency,
+      symbols: { ...r.currency.symbols, ...t.currency.symbols }
+    } : r.currency,
+    percent: t.percent ? { ...r.percent, ...t.percent } : r.percent
+  };
+}
+class N {
+  data = /* @__PURE__ */ new Map();
+  _version = y(0);
+  /** Reactive version counter — use in computed() to react to changes */
+  version = this._version;
+  /** Reactive set of loaded language codes */
+  loadedLanguages = d(() => (this._version.value, new Set(this.data.keys())));
+  /**
+   * Set translations for a language. Replaces any existing translations.
+   * Nested objects are flattened to dot-separated keys.
+   */
+  setTranslations(t, n) {
+    const e = /* @__PURE__ */ new Map();
+    v(n, "", e), this.data.set(t, e), this._version.value++;
+  }
+  /**
+   * Merge additional translations into existing ones for a language.
+   */
+  updateTranslations(t, n) {
+    const e = this.data.get(t) ?? /* @__PURE__ */ new Map();
+    v(n, "", e), this.data.set(t, e), this._version.value++;
+  }
+  /**
+   * Get a single translation by key.
+   */
+  getTranslation(t, n) {
+    return this._version.value, this.data.get(t)?.get(n);
+  }
+  /**
+   * Get all translations for a language.
+   */
+  getTranslations(t) {
+    return this._version.value, this.data.get(t);
+  }
+  /**
+   * Set a single translation.
+   */
+  setTranslation(t, n, e) {
+    let a = this.data.get(t);
+    a || (a = /* @__PURE__ */ new Map(), this.data.set(t, a)), a.set(n, e), this._version.value++;
+  }
+  hasLanguage(t) {
+    return this._version.value, this.data.has(t);
+  }
+  /**
+   * Remove all translations for a specific language.
+   */
+  clearLanguage(t) {
+    this.data.delete(t), this._version.value++;
+  }
+  /**
+   * Bump version to trigger reactivity without changing data.
+   * Useful after external data updates.
+   */
+  touch() {
+    this._version.value++;
+  }
+  clear() {
+    this.data.clear(), this._version.value++;
+  }
+}
+function v(r, t, n) {
+  for (const [e, a] of Object.entries(r)) {
+    const o = t ? `${t}.${e}` : e;
+    typeof a == "string" ? n.set(o, a) : v(a, o, n);
+  }
+}
+function x(r, t) {
+  return t ? r.replace(/\{(\w+)\}/g, (n, e) => {
+    const a = t[e];
+    return a == null ? "" : String(a);
+  }) : r;
+}
+function Z(r, t) {
+  return t == null || t.trim() === "" ? !0 : r === t;
+}
+class C {
+  async load(t) {
+    const n = {};
+    try {
+      const e = new Intl.RelativeTimeFormat(t, { numeric: "auto" });
+      n["common.today"] = e.format(0, "day"), n["common.yesterday"] = e.format(-1, "day"), n["common.tomorrow"] = e.format(1, "day");
+    } catch {
+    }
+    try {
+      const e = new Intl.DateTimeFormat(t, { month: "long" }), a = new Intl.DateTimeFormat(t, { month: "short" });
+      for (let o = 0; o < 12; o++) {
+        const s = new Date(2024, o, 1);
+        n[`common.month.${o + 1}`] = e.format(s), n[`common.month.short.${o + 1}`] = a.format(s);
+      }
+    } catch {
+    }
+    try {
+      const e = new Intl.DateTimeFormat(t, { weekday: "long" }), a = new Intl.DateTimeFormat(t, { weekday: "short" });
+      for (let o = 0; o < 7; o++) {
+        const s = new Date(2024, 0, 8 + o);
+        n[`common.weekday.${o + 1}`] = e.format(s), n[`common.weekday.short.${o + 1}`] = a.format(s);
+      }
+    } catch {
+    }
+    return n;
+  }
+}
+class E {
+  getTimezone() {
+    try {
+      return Intl.DateTimeFormat().resolvedOptions().timeZone;
+    } catch {
+      return null;
+    }
+  }
+}
+class A {
+  providers;
+  _timezone;
+  /** Reactive current timezone (IANA identifier) */
+  get timezone() {
+    return this._timezone;
+  }
+  constructor(t = []) {
+    this.providers = [...t, new E()], this._timezone = y(this.resolve());
+  }
+  /** Re-resolve the timezone from providers and update the reactive value */
+  refresh() {
+    this._timezone.value = this.resolve();
+  }
+  resolve() {
+    for (const t of this.providers) {
+      const n = t.getTimezone();
+      if (n) return n;
+    }
+    return "UTC";
+  }
+}
+class M {
+  defaultLanguage;
+  _language;
+  _loading;
+  l10nStore;
+  i18nStore;
+  timezoneService;
+  l10nSources;
+  i18nSources;
+  /** Reactive current language */
+  get language() {
+    return this._language;
+  }
+  /** Reactive loading state */
+  get loading() {
+    return this._loading;
+  }
+  /** Computed current locale data — reactive, updates on language change */
+  localeData;
+  constructor(t = {}) {
+    this.defaultLanguage = t.defaultLanguage ?? "en", this._language = y(this.defaultLanguage), this._loading = y(!1), this.l10nStore = new L(), this.i18nStore = new N(), this.timezoneService = new A(t.timezoneProviders);
+    const n = new I();
+    this.l10nSources = [n];
+    const e = new C();
+    this.i18nSources = [e], t.l10nUrl && this.l10nSources.push(new D(t.l10nUrl)), t.i18nUrl && this.i18nSources.push(new k(t.i18nUrl)), this.localeData = d(() => this.l10nStore.getLocaleData(this._language.value));
+  }
+  /** Get the configured default language */
+  getDefaultLanguage() {
+    return this.defaultLanguage;
+  }
+  /**
+   * Change the current language.
+   * Loads locale data and translations if not already cached.
+   */
+  async setLanguage(t) {
+    this._loading.value = !0;
+    try {
+      await this.loadDataForLanguage(t), this._language.value = t;
+    } finally {
+      this._loading.value = !1;
+    }
+  }
+  /**
+   * Preload data for a language without switching to it.
+   */
+  async preloadLanguage(t) {
+    await this.loadDataForLanguage(t);
+  }
+  /**
+   * Force reload data for a language from all sources, clearing the cache.
+   * Useful when external data changes at runtime (e.g. SignalR push, user profile update).
+   * If no language is specified, reloads the current language.
+   */
+  async reloadLanguage(t) {
+    const n = t ?? this._language.value;
+    this._loading.value = !0;
+    try {
+      this.l10nStore.removeLocaleData(n), this.i18nStore.clearLanguage(n), await this.loadDataForLanguage(n), this.i18nStore.touch();
+    } finally {
+      this._loading.value = !1;
+    }
+  }
+  /**
+   * Translate a key using the current language.
+   * For regional locales (e.g. de-AT), falls back to the base language (de).
+   * Returns the key itself if no translation is found.
+   */
+  t(t, n, e) {
+    const a = this._language.value;
+    let o = this.i18nStore.getTranslation(a, t);
+    if (o === void 0 && a.includes("-")) {
+      const i = a.split("-")[0];
+      o = this.i18nStore.getTranslation(i, t);
+    }
+    return x(o ?? e ?? t, n);
+  }
+  /**
+   * Add a custom locale data source (loaded after Intl, before HTTP).
+   */
+  addLocaleDataSource(t) {
+    const n = this.l10nSources.findIndex((e) => e instanceof D);
+    n >= 0 ? this.l10nSources.splice(n, 0, t) : this.l10nSources.push(t);
+  }
+  /**
+   * Add a custom translation source.
+   */
+  addTranslationSource(t) {
+    this.i18nSources.push(t);
+  }
+  async loadDataForLanguage(t) {
+    const n = [];
+    this.l10nStore.hasLocaleData(t) || n.push(this.loadLocaleData(t)), this.i18nStore.hasLanguage(t) || n.push(this.loadTranslations(t)), await Promise.all(n);
+  }
+  async loadLocaleData(t) {
+    let n = null;
+    for (const e of this.l10nSources)
+      try {
+        const a = await e.load(t);
+        a && (n ? n = T(n, a) : n = a);
+      } catch {
+      }
+    n && this.l10nStore.setLocaleData(t, n);
+  }
+  async loadTranslations(t) {
+    for (const n of this.i18nSources)
+      try {
+        const e = await n.load(t);
+        e && (this.i18nStore.hasLanguage(t) ? this.i18nStore.updateTranslations(t, e) : this.i18nStore.setTranslations(t, e));
+      } catch {
+      }
+    this.i18nStore.hasLanguage(t) || this.i18nStore.setTranslations(t, {});
+  }
+}
+class D {
+  constructor(t) {
+    this.urlBuilder = t;
+  }
+  async load(t) {
+    const n = t.includes("-") ? t.split("-")[0] : null;
+    let e = null;
+    if (n)
+      try {
+        const a = await fetch(this.urlBuilder(n));
+        a.ok && (e = await a.json());
+      } catch {
+      }
+    try {
+      const a = await fetch(this.urlBuilder(t));
+      if (a.ok) {
+        const o = await a.json();
+        e ? e = T(e, o) : e = o;
+      }
+    } catch {
+    }
+    return e;
+  }
+}
+class k {
+  constructor(t) {
+    this.urlBuilder = t;
+  }
+  async load(t) {
+    const n = t.includes("-") ? t.split("-")[0] : null;
+    let e = null;
+    if (n)
+      try {
+        const a = await fetch(this.urlBuilder(n));
+        a.ok && (e = await a.json());
+      } catch {
+      }
+    try {
+      const a = await fetch(this.urlBuilder(t));
+      if (a.ok) {
+        const o = await a.json();
+        e ? e = { ...e, ...o } : e = o;
+      }
+    } catch {
+    }
+    return e;
+  }
+}
+function S(r, t, n) {
+  const e = n ?? 2, a = Math.abs(r).toFixed(e), [o, s] = a.split(".");
+  let i = "";
+  const c = o, l = t.grouping[0] ?? 3;
+  let m = c.length;
+  for (; m > 0; ) {
+    const u = Math.max(0, m - l);
+    i = c.slice(u, m) + (i ? t.group + i : ""), m = u;
+  }
+  const h = r < 0 ? "-" : "";
+  return e > 0 && s ? `${h}${i}${t.decimal}${s}` : `${h}${i}`;
+}
+function B(r, t, n) {
+  const e = t.currency, a = n ?? e.default, o = e.symbols[a] ?? a, s = S(r, t.number, e.decimals), i = e.spacing ? " " : "";
+  return e.position === "before" ? `${o}${i}${s}` : `${s}${i}${o}`;
+}
+function H(r, t, n) {
+  const e = t.percent, a = n ?? e.decimals, o = S(r * 100, t.number, a), s = e.spacing ? " " : "";
+  return `${o}${s}${e.symbol}`;
+}
+function K(r, t, n = !1) {
+  const e = typeof r == "string" ? new Date(r) : r;
+  if (isNaN(e.getTime())) return String(r);
+  const a = String(e.getDate()).padStart(2, "0"), o = String(e.getMonth() + 1).padStart(2, "0"), s = String(e.getFullYear());
+  let i;
+  switch (t.pattern) {
+    case "mm/dd/yyyy":
+      i = `${o}/${a}/${s}`;
+      break;
+    case "yyyy-mm-dd":
+      i = `${s}-${o}-${a}`;
+      break;
+    case "dd/mm/yyyy":
+      i = `${a}/${o}/${s}`;
+      break;
+    default:
+      i = `${a}.${o}.${s}`;
+      break;
+  }
+  if (n) {
+    const c = String(e.getHours()).padStart(2, "0"), l = String(e.getMinutes()).padStart(2, "0");
+    i += ` ${c}:${l}`;
+  }
+  return i;
+}
+const g = /* @__PURE__ */ Symbol("coar-localization");
+function G(r = {}) {
+  const t = new M(r);
+  return {
+    service: t,
+    install(e) {
+      e.provide(g, t);
+    }
+  };
+}
+function W() {
+  return p(g, null);
+}
+function Y() {
+  const r = p(g, null), t = r ? r.language : d(() => navigator.language || "en"), n = r ? r.localeData : d(() => {
+  });
+  return {
+    /** Current language (reactive) */
+    language: t,
+    /** Current locale data (reactive) */
+    localeData: n,
+    /** Format a number */
+    fmtNumber: (e, a) => {
+      const o = n.value;
+      return o ? S(e, o.number, a) : e.toFixed(a ?? 2);
+    },
+    /** Format a currency value */
+    fmtCurrency: (e, a) => {
+      const o = n.value;
+      return o ? B(e, o, a) : e.toFixed(2);
+    },
+    /** Format a percentage (0.25 → "25%") */
+    fmtPercent: (e, a) => {
+      const o = n.value;
+      return o ? H(e, o, a) : `${(e * 100).toFixed(a ?? 0)}%`;
+    },
+    /** Format a date */
+    fmtDate: (e, a = !1) => {
+      const o = n.value;
+      return o ? K(e, o.date, a) : String(e);
+    }
+  };
+}
+function j() {
+  const r = p(g, null);
+  return {
+    /** Current language (reactive) */
+    language: r ? r.language : d(() => navigator.language || "en"),
+    /**
+     * Translate a key. Returns the key if no translation found.
+     * Reactive — updates when language changes.
+     */
+    t: (t, n, e) => r ? r.t(t, n, e) : e ?? t,
+    /**
+     * Create a computed translation ref that reacts to language changes.
+     */
+    tRef: (t, n, e) => r ? d(() => r.t(t, n, e)) : d(() => e ?? t)
+  };
+}
+function J() {
+  const r = p(g, null);
+  return {
+    /** Current timezone (reactive IANA identifier) */
+    timezone: r ? r.timezoneService.timezone : d(() => {
+      try {
+        return Intl.DateTimeFormat().resolvedOptions().timeZone;
+      } catch {
+        return "UTC";
+      }
+    }),
+    /** Re-resolve timezone from providers */
+    refresh: () => r?.timezoneService.refresh()
+  };
+}
+export {
+  E as BrowserTimezoneProvider,
+  g as COAR_LOCALIZATION_KEY,
+  L as CoarLocalizationDataStore,
+  M as CoarLocalizationService,
+  A as CoarTimezoneService,
+  N as CoarTranslationStore,
+  I as IntlLocaleDataSource,
+  C as IntlTranslationSource,
+  G as createCoarLocalization,
+  B as formatCurrency,
+  K as formatDate,
+  S as formatNumber,
+  H as formatPercent,
+  x as interpolate,
+  Z as isMissingTranslation,
+  T as mergeLocalizationData,
+  j as useI18n,
+  Y as useL10n,
+  W as useLocalization,
+  J as useTimezone
+};

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@cocoar/vue-localization",
+  "version": "0.1.0-beta.23",
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "test": "vitest run",
+    "lint": "eslint src/"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0"
+  },
+  "devDependencies": {
+    "vue": "^3.5.0"
+  }
+}