@dialpad/i18n 1.16.0

package/dist/i18n.cjs

@@ -0,0 +1,119 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const localeManager = require("@dialpad/i18n-services/locale-manager");
+const bundleSource = require("@dialpad/i18n-services/bundle-source");
+const INJECTION_KEY_PREFIX = "GLOBAL_LOCALE_MANAGER";
+class LocaleManager extends localeManager.BaseLocaleManager {
+  constructor(params) {
+    super(params);
+    __publicField(this, "currentLocaleProp", vue.ref(null));
+    __publicField(this, "app", null);
+    this.setCurrentLocaleProp(
+      this.determineLocale({
+        preferredLocale: params.preferredLocale,
+        allowedLocales: params.allowedLocales
+      })
+    );
+  }
+  setCurrentLocaleProp(locale) {
+    this.currentLocaleProp = vue.ref(locale);
+  }
+  /**
+   * Registers this LocaleManager with the Vue instance so that it can
+   * be used by the {@link useI18N} hook.
+   *
+   * @param app - The Vue app to register with.
+   * @param namespace - The namespace to install the LocaleManager under.
+   *                     Defaults to 'default'
+   */
+  install(app, namespace = "default") {
+    if (this.fluent === null) {
+      this.fluent = this.initFluent();
+    }
+    this.addToVue(app, namespace);
+  }
+  addToVue(app, namespace) {
+    if (!this.fluent) {
+      throw new Error(
+        "fluent not ready, you probably want to call install(...) first"
+      );
+    }
+    this.app = app;
+    app.use(this.fluent);
+    app.provide(parseInjectionName(namespace), this);
+  }
+  /**
+   * Changes the locale of the {@link LocaleManager} that is currently active in
+   * the app, or the one specified by the namespace.
+   *
+   * @param args - Optional parameters to pass to the underlying
+   *               {@link BaseLocaleManager#updateLocaleSettings} method.
+   * @param namespace - Optional namespace to change the locale of. If not
+   *                    provided, all LocaleManagers will be changed.
+   */
+  changeLocale(args, namespace) {
+    var _a;
+    const localeManagers = [];
+    const providedValues = (_a = this.app) == null ? void 0 : _a._context.provides;
+    if (providedValues) {
+      if (namespace) {
+        const keyValue = Object.entries(providedValues).find(
+          ([key, value]) => typeof key === "string" && key === parseInjectionName(namespace) && value instanceof LocaleManager
+        ) ?? [];
+        const localeManager2 = keyValue[1];
+        if (!localeManager2) {
+          throw new Error("LocaleManager not found!");
+        }
+        localeManagers.push(localeManager2);
+      } else {
+        Object.entries(providedValues).forEach(([key, value]) => {
+          if (typeof key === "string" && key.startsWith(INJECTION_KEY_PREFIX.toString()) && value instanceof LocaleManager) {
+            localeManagers.push(value);
+          }
+        });
+      }
+    } else {
+      throw new Error("No locale managers are set up yet!");
+    }
+    for (const localeManager2 of localeManagers) {
+      localeManager2.updateLocaleSettings(args);
+    }
+  }
+}
+function useI18N(namespace = "default") {
+  const localeManager2 = vue.inject(
+    parseInjectionName(namespace)
+  );
+  if (!localeManager2)
+    throw new Error(`locale manager doesn't exist using ${namespace}`);
+  return {
+    currentLocale: vue.computed(() => localeManager2.currentLocaleProp.value),
+    setI18N: (args, namespace2) => {
+      localeManager2.changeLocale(args, namespace2);
+    },
+    $t: localeManager2.fluentFormat,
+    $ta: localeManager2.fluentFormatAttrs
+  };
+}
+function parseInjectionName(namespace) {
+  return `${INJECTION_KEY_PREFIX}.${namespace}`;
+}
+Object.defineProperty(exports, "HTTPBundleSource", {
+  enumerable: true,
+  get: () => bundleSource.HTTPBundleSource
+});
+Object.defineProperty(exports, "RawBundleSource", {
+  enumerable: true,
+  get: () => bundleSource.RawBundleSource
+});
+exports.INJECTION_KEY_PREFIX = INJECTION_KEY_PREFIX;
+exports.LocaleManager = LocaleManager;
+exports.useI18N = useI18N;
+//# sourceMappingURL=i18n.cjs.map

package/dist/i18n.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.cjs","sources":["../src/locale-manager.ts"],"sourcesContent":["import type { App, Ref } from 'vue';\nimport type {\n  FluentFormat,\n  FluentFormatAttrs,\n  LocaleManagerParams,\n  SetLocaleParams,\n} from '@dialpad/i18n-services/locale-manager';\n\nimport { computed, inject, ref } from 'vue';\nimport { BaseLocaleManager } from '@dialpad/i18n-services/locale-manager';\n\nexport const INJECTION_KEY_PREFIX = 'GLOBAL_LOCALE_MANAGER';\n\nexport interface UseI18N {\n  currentLocale: Ref<string | null>;\n  setI18N: (args?: Partial<SetLocaleParams>, namespace?: string) => void;\n  $t: FluentFormat;\n  $ta: FluentFormatAttrs;\n}\n\nexport class LocaleManager extends BaseLocaleManager {\n  currentLocaleProp: Ref<string | null> = ref<string | null>(null);\n  app: App | null = null;\n\n  constructor(params: LocaleManagerParams) {\n    super(params);\n    this.setCurrentLocaleProp(\n      this.determineLocale({\n        preferredLocale: params.preferredLocale,\n        allowedLocales: params.allowedLocales,\n      }),\n    );\n  }\n\n  protected setCurrentLocaleProp(locale: string): void {\n    this.currentLocaleProp = ref(locale);\n  }\n\n  /**\n   * Registers this LocaleManager with the Vue instance so that it can\n   * be used by the {@link useI18N} hook.\n   *\n   * @param app - The Vue app to register with.\n   * @param namespace - The namespace to install the LocaleManager under.\n   *                     Defaults to 'default'\n   */\n  install(app: App, namespace = 'default'): void {\n    if (this.fluent === null) {\n      this.fluent = this.initFluent();\n    }\n\n    this.addToVue(app, namespace);\n  }\n\n  private addToVue(app: App, namespace: string): void {\n    if (!this.fluent) {\n      throw new Error(\n        'fluent not ready, you probably want to call install(...) first',\n      );\n    }\n    this.app = app;\n    app.use(this.fluent);\n    // TODO - allow custom injection key i 'spose\n    app.provide(parseInjectionName(namespace), this);\n  }\n\n  /**\n   * Changes the locale of the {@link LocaleManager} that is currently active in\n   * the app, or the one specified by the namespace.\n   *\n   * @param args - Optional parameters to pass to the underlying\n   *               {@link BaseLocaleManager#updateLocaleSettings} method.\n   * @param namespace - Optional namespace to change the locale of. If not\n   *                    provided, all LocaleManagers will be changed.\n   */\n  changeLocale(args?: Partial<SetLocaleParams>, namespace?: string): void {\n    const localeManagers: LocaleManager[] = [];\n    const providedValues = this.app?._context.provides;\n    if (providedValues) {\n      if (namespace) {\n        // We cannot use inject here because is likely to not either inside setup() or functional components. Also see Line #93\n        // btw, Object.entries() returns [key, value]\n        const keyValue =\n          Object.entries(providedValues).find(\n            ([key, value]) =>\n              typeof key === 'string' &&\n              key === parseInjectionName(namespace) &&\n              value instanceof LocaleManager,\n          ) ?? [];\n        const localeManager = keyValue[1];\n        if (!localeManager) {\n          throw new Error('LocaleManager not found!');\n        }\n        localeManagers.push(localeManager);\n      } else {\n        // This is very ugly but it's the only way I found to get all the localeManagers without\n        // having to create a singleton, if you have a better idea, let me know!! :-]\n        // Get string-keyed properties\n        Object.entries(providedValues).forEach(([key, value]) => {\n          if (\n            typeof key === 'string' &&\n            key.startsWith(INJECTION_KEY_PREFIX.toString()) &&\n            value instanceof LocaleManager\n          ) {\n            localeManagers.push(value);\n          }\n        });\n      }\n    } else {\n      throw new Error('No locale managers are set up yet!');\n    }\n\n    for (const localeManager of localeManagers) {\n      localeManager.updateLocaleSettings(args);\n    }\n  }\n}\n\n// TODO - allow custom injection key or whatever???\n// TODO - also maybe just use getCurrentApp + the app's global config? idk.\nexport function useI18N(namespace = 'default'): UseI18N {\n  const localeManager: LocaleManager | undefined = inject(\n    parseInjectionName(namespace),\n  );\n  if (!localeManager)\n    throw new Error(`locale manager doesn't exist using ${namespace}`);\n  return {\n    currentLocale: computed(() => localeManager.currentLocaleProp.value),\n    setI18N: (args?: Partial<SetLocaleParams>, namespace?: string) => {\n      localeManager.changeLocale(args, namespace);\n    },\n    $t: localeManager.fluentFormat,\n    $ta: localeManager.fluentFormatAttrs,\n  };\n}\n\nfunction parseInjectionName(namespace: string): string {\n  return `${INJECTION_KEY_PREFIX}.${namespace}`;\n}\n"],"names":["BaseLocaleManager","ref","localeManager","inject","computed","namespace"],"mappings":";;;;;;;;;;;AAWO,MAAM,uBAAuB;AAS7B,MAAM,sBAAsBA,cAAAA,kBAAkB;AAAA,EAInD,YAAY,QAA6B;AACvC,UAAM,MAAM;AAJd,6CAAwCC,QAAmB,IAAI;AAC/D,+BAAkB;AAIX,SAAA;AAAA,MACH,KAAK,gBAAgB;AAAA,QACnB,iBAAiB,OAAO;AAAA,QACxB,gBAAgB,OAAO;AAAA,MACxB,CAAA;AAAA,IACH;AAAA,EAAA;AAAA,EAGQ,qBAAqB,QAAsB;AAC9C,SAAA,oBAAoBA,QAAI,MAAM;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWrC,QAAQ,KAAU,YAAY,WAAiB;AACzC,QAAA,KAAK,WAAW,MAAM;AACnB,WAAA,SAAS,KAAK,WAAW;AAAA,IAAA;AAG3B,SAAA,SAAS,KAAK,SAAS;AAAA,EAAA;AAAA,EAGtB,SAAS,KAAU,WAAyB;AAC9C,QAAA,CAAC,KAAK,QAAQ;AAChB,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAAA,IAAA;AAEF,SAAK,MAAM;AACP,QAAA,IAAI,KAAK,MAAM;AAEnB,QAAI,QAAQ,mBAAmB,SAAS,GAAG,IAAI;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYjD,aAAa,MAAiC,WAA0B;;AACtE,UAAM,iBAAkC,CAAC;AACnC,UAAA,kBAAiB,UAAK,QAAL,mBAAU,SAAS;AAC1C,QAAI,gBAAgB;AAClB,UAAI,WAAW;AAGb,cAAM,WACJ,OAAO,QAAQ,cAAc,EAAE;AAAA,UAC7B,CAAC,CAAC,KAAK,KAAK,MACV,OAAO,QAAQ,YACf,QAAQ,mBAAmB,SAAS,KACpC,iBAAiB;AAAA,QAAA,KAChB,CAAC;AACF,cAAAC,iBAAgB,SAAS,CAAC;AAChC,YAAI,CAACA,gBAAe;AACZ,gBAAA,IAAI,MAAM,0BAA0B;AAAA,QAAA;AAE5C,uBAAe,KAAKA,cAAa;AAAA,MAAA,OAC5B;AAIE,eAAA,QAAQ,cAAc,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAErD,cAAA,OAAO,QAAQ,YACf,IAAI,WAAW,qBAAqB,SAAU,CAAA,KAC9C,iBAAiB,eACjB;AACA,2BAAe,KAAK,KAAK;AAAA,UAAA;AAAA,QAC3B,CACD;AAAA,MAAA;AAAA,IACH,OACK;AACC,YAAA,IAAI,MAAM,oCAAoC;AAAA,IAAA;AAGtD,eAAWA,kBAAiB,gBAAgB;AAC1C,MAAAA,eAAc,qBAAqB,IAAI;AAAA,IAAA;AAAA,EACzC;AAEJ;AAIgB,SAAA,QAAQ,YAAY,WAAoB;AACtD,QAAMA,iBAA2CC,IAAA;AAAA,IAC/C,mBAAmB,SAAS;AAAA,EAC9B;AACA,MAAI,CAACD;AACH,UAAM,IAAI,MAAM,sCAAsC,SAAS,EAAE;AAC5D,SAAA;AAAA,IACL,eAAeE,IAAAA,SAAS,MAAMF,eAAc,kBAAkB,KAAK;AAAA,IACnE,SAAS,CAAC,MAAiCG,eAAuB;AAClD,MAAAH,eAAA,aAAa,MAAMG,UAAS;AAAA,IAC5C;AAAA,IACA,IAAIH,eAAc;AAAA,IAClB,KAAKA,eAAc;AAAA,EACrB;AACF;AAEA,SAAS,mBAAmB,WAA2B;AAC9C,SAAA,GAAG,oBAAoB,IAAI,SAAS;AAC7C;;;;;;;;;;;;"}

package/dist/i18n.js

@@ -0,0 +1,113 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { ref, inject, computed } from "vue";
+import { BaseLocaleManager } from "@dialpad/i18n-services/locale-manager";
+import { HTTPBundleSource, RawBundleSource } from "@dialpad/i18n-services/bundle-source";
+const INJECTION_KEY_PREFIX = "GLOBAL_LOCALE_MANAGER";
+class LocaleManager extends BaseLocaleManager {
+  constructor(params) {
+    super(params);
+    __publicField(this, "currentLocaleProp", ref(null));
+    __publicField(this, "app", null);
+    this.setCurrentLocaleProp(
+      this.determineLocale({
+        preferredLocale: params.preferredLocale,
+        allowedLocales: params.allowedLocales
+      })
+    );
+  }
+  setCurrentLocaleProp(locale) {
+    this.currentLocaleProp = ref(locale);
+  }
+  /**
+   * Registers this LocaleManager with the Vue instance so that it can
+   * be used by the {@link useI18N} hook.
+   *
+   * @param app - The Vue app to register with.
+   * @param namespace - The namespace to install the LocaleManager under.
+   *                     Defaults to 'default'
+   */
+  install(app, namespace = "default") {
+    if (this.fluent === null) {
+      this.fluent = this.initFluent();
+    }
+    this.addToVue(app, namespace);
+  }
+  addToVue(app, namespace) {
+    if (!this.fluent) {
+      throw new Error(
+        "fluent not ready, you probably want to call install(...) first"
+      );
+    }
+    this.app = app;
+    app.use(this.fluent);
+    app.provide(parseInjectionName(namespace), this);
+  }
+  /**
+   * Changes the locale of the {@link LocaleManager} that is currently active in
+   * the app, or the one specified by the namespace.
+   *
+   * @param args - Optional parameters to pass to the underlying
+   *               {@link BaseLocaleManager#updateLocaleSettings} method.
+   * @param namespace - Optional namespace to change the locale of. If not
+   *                    provided, all LocaleManagers will be changed.
+   */
+  changeLocale(args, namespace) {
+    var _a;
+    const localeManagers = [];
+    const providedValues = (_a = this.app) == null ? void 0 : _a._context.provides;
+    if (providedValues) {
+      if (namespace) {
+        const keyValue = Object.entries(providedValues).find(
+          ([key, value]) => typeof key === "string" && key === parseInjectionName(namespace) && value instanceof LocaleManager
+        ) ?? [];
+        const localeManager = keyValue[1];
+        if (!localeManager) {
+          throw new Error("LocaleManager not found!");
+        }
+        localeManagers.push(localeManager);
+      } else {
+        Object.entries(providedValues).forEach(([key, value]) => {
+          if (typeof key === "string" && key.startsWith(INJECTION_KEY_PREFIX.toString()) && value instanceof LocaleManager) {
+            localeManagers.push(value);
+          }
+        });
+      }
+    } else {
+      throw new Error("No locale managers are set up yet!");
+    }
+    for (const localeManager of localeManagers) {
+      localeManager.updateLocaleSettings(args);
+    }
+  }
+}
+function useI18N(namespace = "default") {
+  const localeManager = inject(
+    parseInjectionName(namespace)
+  );
+  if (!localeManager)
+    throw new Error(`locale manager doesn't exist using ${namespace}`);
+  return {
+    currentLocale: computed(() => localeManager.currentLocaleProp.value),
+    setI18N: (args, namespace2) => {
+      localeManager.changeLocale(args, namespace2);
+    },
+    $t: localeManager.fluentFormat,
+    $ta: localeManager.fluentFormatAttrs
+  };
+}
+function parseInjectionName(namespace) {
+  return `${INJECTION_KEY_PREFIX}.${namespace}`;
+}
+export {
+  HTTPBundleSource,
+  INJECTION_KEY_PREFIX,
+  LocaleManager,
+  RawBundleSource,
+  useI18N
+};
+//# sourceMappingURL=i18n.js.map

package/dist/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","sources":["../src/locale-manager.ts"],"sourcesContent":["import type { App, Ref } from 'vue';\nimport type {\n  FluentFormat,\n  FluentFormatAttrs,\n  LocaleManagerParams,\n  SetLocaleParams,\n} from '@dialpad/i18n-services/locale-manager';\n\nimport { computed, inject, ref } from 'vue';\nimport { BaseLocaleManager } from '@dialpad/i18n-services/locale-manager';\n\nexport const INJECTION_KEY_PREFIX = 'GLOBAL_LOCALE_MANAGER';\n\nexport interface UseI18N {\n  currentLocale: Ref<string | null>;\n  setI18N: (args?: Partial<SetLocaleParams>, namespace?: string) => void;\n  $t: FluentFormat;\n  $ta: FluentFormatAttrs;\n}\n\nexport class LocaleManager extends BaseLocaleManager {\n  currentLocaleProp: Ref<string | null> = ref<string | null>(null);\n  app: App | null = null;\n\n  constructor(params: LocaleManagerParams) {\n    super(params);\n    this.setCurrentLocaleProp(\n      this.determineLocale({\n        preferredLocale: params.preferredLocale,\n        allowedLocales: params.allowedLocales,\n      }),\n    );\n  }\n\n  protected setCurrentLocaleProp(locale: string): void {\n    this.currentLocaleProp = ref(locale);\n  }\n\n  /**\n   * Registers this LocaleManager with the Vue instance so that it can\n   * be used by the {@link useI18N} hook.\n   *\n   * @param app - The Vue app to register with.\n   * @param namespace - The namespace to install the LocaleManager under.\n   *                     Defaults to 'default'\n   */\n  install(app: App, namespace = 'default'): void {\n    if (this.fluent === null) {\n      this.fluent = this.initFluent();\n    }\n\n    this.addToVue(app, namespace);\n  }\n\n  private addToVue(app: App, namespace: string): void {\n    if (!this.fluent) {\n      throw new Error(\n        'fluent not ready, you probably want to call install(...) first',\n      );\n    }\n    this.app = app;\n    app.use(this.fluent);\n    // TODO - allow custom injection key i 'spose\n    app.provide(parseInjectionName(namespace), this);\n  }\n\n  /**\n   * Changes the locale of the {@link LocaleManager} that is currently active in\n   * the app, or the one specified by the namespace.\n   *\n   * @param args - Optional parameters to pass to the underlying\n   *               {@link BaseLocaleManager#updateLocaleSettings} method.\n   * @param namespace - Optional namespace to change the locale of. If not\n   *                    provided, all LocaleManagers will be changed.\n   */\n  changeLocale(args?: Partial<SetLocaleParams>, namespace?: string): void {\n    const localeManagers: LocaleManager[] = [];\n    const providedValues = this.app?._context.provides;\n    if (providedValues) {\n      if (namespace) {\n        // We cannot use inject here because is likely to not either inside setup() or functional components. Also see Line #93\n        // btw, Object.entries() returns [key, value]\n        const keyValue =\n          Object.entries(providedValues).find(\n            ([key, value]) =>\n              typeof key === 'string' &&\n              key === parseInjectionName(namespace) &&\n              value instanceof LocaleManager,\n          ) ?? [];\n        const localeManager = keyValue[1];\n        if (!localeManager) {\n          throw new Error('LocaleManager not found!');\n        }\n        localeManagers.push(localeManager);\n      } else {\n        // This is very ugly but it's the only way I found to get all the localeManagers without\n        // having to create a singleton, if you have a better idea, let me know!! :-]\n        // Get string-keyed properties\n        Object.entries(providedValues).forEach(([key, value]) => {\n          if (\n            typeof key === 'string' &&\n            key.startsWith(INJECTION_KEY_PREFIX.toString()) &&\n            value instanceof LocaleManager\n          ) {\n            localeManagers.push(value);\n          }\n        });\n      }\n    } else {\n      throw new Error('No locale managers are set up yet!');\n    }\n\n    for (const localeManager of localeManagers) {\n      localeManager.updateLocaleSettings(args);\n    }\n  }\n}\n\n// TODO - allow custom injection key or whatever???\n// TODO - also maybe just use getCurrentApp + the app's global config? idk.\nexport function useI18N(namespace = 'default'): UseI18N {\n  const localeManager: LocaleManager | undefined = inject(\n    parseInjectionName(namespace),\n  );\n  if (!localeManager)\n    throw new Error(`locale manager doesn't exist using ${namespace}`);\n  return {\n    currentLocale: computed(() => localeManager.currentLocaleProp.value),\n    setI18N: (args?: Partial<SetLocaleParams>, namespace?: string) => {\n      localeManager.changeLocale(args, namespace);\n    },\n    $t: localeManager.fluentFormat,\n    $ta: localeManager.fluentFormatAttrs,\n  };\n}\n\nfunction parseInjectionName(namespace: string): string {\n  return `${INJECTION_KEY_PREFIX}.${namespace}`;\n}\n"],"names":["namespace"],"mappings":";;;;;;;;;AAWO,MAAM,uBAAuB;AAS7B,MAAM,sBAAsB,kBAAkB;AAAA,EAInD,YAAY,QAA6B;AACvC,UAAM,MAAM;AAJd,6CAAwC,IAAmB,IAAI;AAC/D,+BAAkB;AAIX,SAAA;AAAA,MACH,KAAK,gBAAgB;AAAA,QACnB,iBAAiB,OAAO;AAAA,QACxB,gBAAgB,OAAO;AAAA,MACxB,CAAA;AAAA,IACH;AAAA,EAAA;AAAA,EAGQ,qBAAqB,QAAsB;AAC9C,SAAA,oBAAoB,IAAI,MAAM;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWrC,QAAQ,KAAU,YAAY,WAAiB;AACzC,QAAA,KAAK,WAAW,MAAM;AACnB,WAAA,SAAS,KAAK,WAAW;AAAA,IAAA;AAG3B,SAAA,SAAS,KAAK,SAAS;AAAA,EAAA;AAAA,EAGtB,SAAS,KAAU,WAAyB;AAC9C,QAAA,CAAC,KAAK,QAAQ;AAChB,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAAA,IAAA;AAEF,SAAK,MAAM;AACP,QAAA,IAAI,KAAK,MAAM;AAEnB,QAAI,QAAQ,mBAAmB,SAAS,GAAG,IAAI;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYjD,aAAa,MAAiC,WAA0B;;AACtE,UAAM,iBAAkC,CAAC;AACnC,UAAA,kBAAiB,UAAK,QAAL,mBAAU,SAAS;AAC1C,QAAI,gBAAgB;AAClB,UAAI,WAAW;AAGb,cAAM,WACJ,OAAO,QAAQ,cAAc,EAAE;AAAA,UAC7B,CAAC,CAAC,KAAK,KAAK,MACV,OAAO,QAAQ,YACf,QAAQ,mBAAmB,SAAS,KACpC,iBAAiB;AAAA,QAAA,KAChB,CAAC;AACF,cAAA,gBAAgB,SAAS,CAAC;AAChC,YAAI,CAAC,eAAe;AACZ,gBAAA,IAAI,MAAM,0BAA0B;AAAA,QAAA;AAE5C,uBAAe,KAAK,aAAa;AAAA,MAAA,OAC5B;AAIE,eAAA,QAAQ,cAAc,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAErD,cAAA,OAAO,QAAQ,YACf,IAAI,WAAW,qBAAqB,SAAU,CAAA,KAC9C,iBAAiB,eACjB;AACA,2BAAe,KAAK,KAAK;AAAA,UAAA;AAAA,QAC3B,CACD;AAAA,MAAA;AAAA,IACH,OACK;AACC,YAAA,IAAI,MAAM,oCAAoC;AAAA,IAAA;AAGtD,eAAW,iBAAiB,gBAAgB;AAC1C,oBAAc,qBAAqB,IAAI;AAAA,IAAA;AAAA,EACzC;AAEJ;AAIgB,SAAA,QAAQ,YAAY,WAAoB;AACtD,QAAM,gBAA2C;AAAA,IAC/C,mBAAmB,SAAS;AAAA,EAC9B;AACA,MAAI,CAAC;AACH,UAAM,IAAI,MAAM,sCAAsC,SAAS,EAAE;AAC5D,SAAA;AAAA,IACL,eAAe,SAAS,MAAM,cAAc,kBAAkB,KAAK;AAAA,IACnE,SAAS,CAAC,MAAiCA,eAAuB;AAClD,oBAAA,aAAa,MAAMA,UAAS;AAAA,IAC5C;AAAA,IACA,IAAI,cAAc;AAAA,IAClB,KAAK,cAAc;AAAA,EACrB;AACF;AAEA,SAAS,mBAAmB,WAA2B;AAC9C,SAAA,GAAG,oBAAoB,IAAI,SAAS;AAC7C;"}

package/eslint-tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "extends": "./tsconfig.json",
+  "include": ["src/**/*.ts", "index.ts", "vite.config.ts"],
+  "exclude": ["*.test.ts"]
+}

package/index.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>i18n test</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module"></script>
+  </body>
+</html>

package/index.ts

@@ -0,0 +1,18 @@
+export type {
+  LocaleCode,
+  NamespaceCode,
+  ResourceKey,
+  LocaleManagerParams,
+  SetLocaleParams,
+} from '@dialpad/i18n-services/locale-manager';
+
+export type { BundleSource } from '@dialpad/i18n-services/bundle-source';
+export {
+  LocaleManager,
+  useI18N,
+  INJECTION_KEY_PREFIX,
+} from './src/locale-manager';
+export {
+  HTTPBundleSource,
+  RawBundleSource,
+} from '@dialpad/i18n-services/bundle-source';

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@dialpad/i18n",
+  "version": "1.16.0",
+  "private": false,
+  "description": "Dialpad's internationalization library",
+  "author": "Dialpad",
+  "license": "UNLICENSED",
+  "type": "module",
+  "scripts": {
+    "lint": "eslint ./ --fix",
+    "lint:ci": "eslint ./ --output-file eslint_report.json --format json",
+    "format": "prettier ./ --write",
+    "format:ci": "prettier ./ --check",
+    "test": "vitest",
+    "coverage": "vitest run --coverage --passWithNoTests",
+    "coverage:open": "pnpm run coverage && open coverage/index.html",
+    "build": "vite build --config vite.config.ts",
+    "build:types": "pnpm run types:build",
+    "types:build": "tsc",
+    "types:check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "vue": "3.3.4",
+    "@dialpad/i18n-services": "1.5.0"
+  },
+  "devDependencies": {
+    "@dialpad/configurator": "workspace:*",
+    "@dialpad/eslint-config": "workspace:*",
+    "@vitejs/plugin-vue": "4.5.0",
+    "typescript": "5.0.4",
+    "vite": "5.0.4",
+    "vue-tsc": "1.8.8",
+    "vitest": "1.0.0-beta.6"
+  },
+  "exports": {
+    ".": {
+      "development": "./index.ts",
+      "production": "./index.ts",
+      "default": "./index.ts"
+    }
+  },
+  "dp": {
+    "nodpend": true
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dialpad/web-clients.git"
+  }
+}

package/src/__test__/locale-manager.formatters.test.ts

@@ -0,0 +1,139 @@
+import { LocaleManager } from '../locale-manager';
+import { RawBundleSource } from '@dialpad/i18n-services/bundle-source';
+import { describe, it, expect } from 'vitest';
+
+function mockVueApp(): any {
+  return { use: () => {}, provide: () => {} };
+}
+
+describe('Fluent Formatters', () => {
+  it('formats a message successfully', async () => {
+    const bundleSource = new RawBundleSource({
+      resources: await RawBundleSource.dynamicResources([
+        ['en-US', 'x', 'existing-key = Hello, world!'],
+      ]),
+    });
+
+    const manager = new LocaleManager({
+      bundleSource,
+      preferredLocale: 'en-US',
+      warmUp: true,
+      fallbackLocale: 'en-US',
+      namespaces: ['x'],
+    });
+
+    await manager.change({ namespaces: ['x'] });
+
+    const app = mockVueApp();
+    manager.install(app);
+    await manager.ready;
+
+    expect(manager.fluentFormat('existing-key')).toEqual('Hello, world!');
+  });
+
+  it('returns the key instead of missing if not found **for both this locale and the fallback locale', async () => {
+    const bundleSource = new RawBundleSource({
+      resources: await RawBundleSource.dynamicResources([
+        ['en-US', 'x', 'existing-key = Hello, world!'],
+      ]),
+    });
+
+    const manager = new LocaleManager({
+      bundleSource,
+      preferredLocale: 'en-US',
+      warmUp: true,
+      fallbackLocale: 'en-US',
+      namespaces: ['x'],
+    });
+
+    await manager.change({ namespaces: ['x'] });
+
+    const app = mockVueApp();
+    manager.install(app);
+    await manager.ready;
+
+    expect(manager.fluentFormat('missing-key')).toEqual('missing-key');
+  });
+
+  it('uses fallbackBundle when key is not found', async () => {
+    const bundleSource = new RawBundleSource({
+      resources: await RawBundleSource.dynamicResources([
+        ['es-ES', 'x', 'existing-key = Hola, mundo!'],
+        [
+          'en-US',
+          'x',
+          'existing-key = Hello, world!\nfallback-key = Fallback message',
+        ],
+      ]),
+    });
+
+    const manager = new LocaleManager({
+      bundleSource,
+      preferredLocale: 'es-ES',
+      warmUp: true,
+      fallbackLocale: 'en-US',
+      namespaces: ['x'],
+    });
+
+    await manager.change({ namespaces: ['x'] });
+
+    const app = mockVueApp();
+    manager.install(app);
+    await manager.ready;
+
+    expect(manager.fluentFormat('fallback-key')).toEqual('Fallback message');
+  });
+
+  it('formats attributes correctly', async () => {
+    const bundleSource = new RawBundleSource({
+      resources: await RawBundleSource.dynamicResources([
+        [
+          'en-US',
+          'x',
+          'existing-key = stuff\n.attr1 = Value 1\n.attr2 = Value 2',
+        ],
+      ]),
+    });
+
+    const manager = new LocaleManager({
+      bundleSource,
+      preferredLocale: 'en-US',
+      warmUp: true,
+      fallbackLocale: 'en-US',
+      namespaces: ['x'],
+    });
+
+    await manager.change({ namespaces: ['x'] });
+
+    const app = mockVueApp();
+    manager.install(app);
+    await manager.ready;
+
+    const attributes = manager.fluentFormatAttrs('existing-key');
+    expect(attributes).toEqual({ attr1: 'Value 1', attr2: 'Value 2' });
+  });
+
+  it('returns an empty object when attributes are not found', async () => {
+    const bundleSource = new RawBundleSource({
+      resources: await RawBundleSource.dynamicResources([
+        ['en-US', 'x', 'no-attributes = stuff'],
+      ]),
+    });
+
+    const manager = new LocaleManager({
+      bundleSource,
+      preferredLocale: 'en-US',
+      warmUp: true,
+      fallbackLocale: 'en-US',
+      namespaces: ['x'],
+    });
+
+    await manager.change({ namespaces: ['x'] });
+
+    const app = mockVueApp();
+    manager.install(app);
+    await manager.ready;
+
+    expect(manager.fluentFormatAttrs('no-attributes')).toEqual({});
+  });
+});