@vc-shell/framework 1.1.62 → 1.1.64

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [1.1.64](https://github.com/VirtoCommerce/vc-shell/compare/v1.1.63...v1.1.64) (2025-07-25)
+
+
+
+## [1.1.63](https://github.com/VirtoCommerce/vc-shell/compare/v1.1.62...v1.1.63) (2025-07-25)
+
+
+
 ## [1.1.62](https://github.com/VirtoCommerce/vc-shell/compare/v1.1.61...v1.1.62) (2025-07-24)
 
 

package/core/composables/useLanguages/index.ts

@@ -1,79 +1,22 @@
-import * as veeValidate from "vee-validate";
-import { i18n } from "../../plugins/i18n";
-import { setLocale as setVeeI18nLocale, localize } from "@vee-validate/i18n";
-import { createSharedComposable, useLocalStorage } from "@vueuse/core";
-import { ComputedRef, computed } from "vue";
-import ISO6391 from "iso-639-1";
-import { languageToCountryMap } from "../../constants";
+import { inject, provide } from "vue";
+import { LanguageServiceKey } from "../../../injection-keys";
+import { ILanguageService, createLanguageService } from "../../services/language-service";
 
-export interface IUseLanguages {
-  setLocale: (locale: string) => void;
-  currentLocale: ComputedRef<string>;
-  getLocaleByTag: (localeTag: string) => string | undefined;
-  resolveCamelCaseLocale: (locale: string) => string;
-  getFlag: (language: string) => Promise<string>;
-}
-
-export const useLanguages = createSharedComposable(() => {
-  const defaultLanguage = i18n.global.locale.value;
-  const savedLocale = useLocalStorage("VC_LANGUAGE_SETTINGS", "");
-
-  const currentLocale = computed(() => {
-    let locale = defaultLanguage;
-
-    if (i18n.global.availableLocales.includes(savedLocale.value)) {
-      locale = savedLocale.value;
-    }
-
-    return locale;
-  });
-
-  function setLocale(locale: string) {
-    i18n.global.locale.value = locale;
-    veeValidate.configure({
-      generateMessage: localize(locale, {
-        messages: (i18n.global.getLocaleMessage(locale) as { messages: Record<string, string> }).messages,
-      }),
-    });
-    setVeeI18nLocale(locale);
-    savedLocale.value = locale;
-  }
-
-  function getLocaleByTag(localeTag: string) {
-    if (!localeTag) return;
+export interface IUseLanguages extends ILanguageService {}
 
-    const twoLetterLanguageName = localeTag.split("-")[0];
-
-    return ISO6391.getNativeName(twoLetterLanguageName);
-  }
-
-  function resolveCamelCaseLocale(locale: string) {
-    const formattedLocale = locale.replace(/([a-z]+)([A-Z]+)/g, "$1-$2").toLowerCase();
-
-    if (i18n.global.getLocaleMessage(formattedLocale)) {
-      return formattedLocale;
-    }
-    return "en";
-  }
+export function provideLanguages(): ILanguageService {
+  const service = createLanguageService();
+  provide(LanguageServiceKey, service);
+  return service;
+}
 
-  function getCountryCode(language: string): string {
-    return (
-      languageToCountryMap[language.toLocaleLowerCase()] || languageToCountryMap[language.slice(0, 2)] || "xx" // placeholder for unknown country
-    );
-  }
+export function useLanguages(): IUseLanguages {
+  let languageService = inject(LanguageServiceKey);
 
-  async function getFlag(language: string): Promise<string> {
-    if (!language) return "";
-    const countryCode = getCountryCode(language);
-    return new URL(`../../../assets/icons/flags/${countryCode}.svg`, import.meta.url).href;
+  if (!languageService) {
+    languageService = provideLanguages();
+    // throw new Error("Language service not found. Make sure the framework is properly initialized.");
   }
 
-  return {
-    setLocale,
-    currentLocale,
-    getLocaleByTag,
-    resolveCamelCaseLocale,
-    getFlag,
-    getCountryCode,
-  };
-});
+  return languageService;
+}

package/core/services/index.ts

@@ -2,6 +2,7 @@ export * from "./app-bar-menu-service";
 export * from "./app-bar-mobile-buttons-service";
 export * from "./dashboard-service";
 export * from "./global-search-service";
+export * from "./language-service";
 export * from "./menu-service";
 export * from "./settings-menu-service";
 export * from "./toolbar-service";

package/core/services/language-service.ts

@@ -0,0 +1,88 @@
+import * as veeValidate from "vee-validate";
+import { i18n } from "../plugins/i18n";
+import { setLocale as setVeeI18nLocale, localize } from "@vee-validate/i18n";
+import { useLocalStorage } from "@vueuse/core";
+import { ComputedRef, computed } from "vue";
+import ISO6391 from "iso-639-1";
+import { languageToCountryMap } from "../constants";
+
+export interface ILanguageService {
+  setLocale: (locale: string) => void;
+  currentLocale: ComputedRef<string>;
+  getLocaleByTag: (localeTag: string) => string | undefined;
+  resolveCamelCaseLocale: (locale: string) => string;
+  getFlag: (language: string) => Promise<string>;
+  getCountryCode: (language: string) => string;
+}
+
+/**
+ * Language service implementation
+ * Handles locale management, validation, and language utilities
+ */
+export function createLanguageService(): ILanguageService {
+  const savedLocale = useLocalStorage("VC_LANGUAGE_SETTINGS", "");
+
+  // Initialize locale from localStorage on service creation
+  if (savedLocale.value && i18n.global.availableLocales.includes(savedLocale.value)) {
+    i18n.global.locale.value = savedLocale.value;
+  }
+
+  const currentLocale = computed(() => {
+    if (i18n.global.availableLocales.includes(savedLocale.value)) {
+      return savedLocale.value;
+    }
+
+    return i18n.global.locale.value;
+  });
+
+  function setLocale(locale: string) {
+    // Update the global i18n locale
+    i18n.global.locale.value = locale;
+
+    veeValidate.configure({
+      generateMessage: localize(locale, {
+        messages: (i18n.global.getLocaleMessage(locale) as { messages: Record<string, string> }).messages,
+      }),
+    });
+    setVeeI18nLocale(locale);
+    savedLocale.value = locale;
+  }
+
+  function getLocaleByTag(localeTag: string) {
+    if (!localeTag) return;
+
+    const twoLetterLanguageName = localeTag.split("-")[0];
+
+    return ISO6391.getNativeName(twoLetterLanguageName);
+  }
+
+  function resolveCamelCaseLocale(locale: string) {
+    const formattedLocale = locale.replace(/([a-z]+)([A-Z]+)/g, "$1-$2").toLowerCase();
+
+    if (i18n.global.getLocaleMessage(formattedLocale)) {
+      return formattedLocale;
+    }
+    return "en";
+  }
+
+  function getCountryCode(language: string): string {
+    return (
+      languageToCountryMap[language.toLocaleLowerCase()] || languageToCountryMap[language.slice(0, 2)] || "xx" // placeholder for unknown country
+    );
+  }
+
+  async function getFlag(language: string): Promise<string> {
+    if (!language) return "";
+    const countryCode = getCountryCode(language);
+    return new URL(`../../assets/icons/flags/${countryCode}.svg`, import.meta.url).href;
+  }
+
+  return {
+    setLocale,
+    currentLocale,
+    getLocaleByTag,
+    resolveCamelCaseLocale,
+    getFlag,
+    getCountryCode,
+  };
+}

package/dist/core/composables/useLanguages/index.d.ts

@@ -1,17 +1,6 @@
-import { ComputedRef } from "vue";
-export interface IUseLanguages {
-    setLocale: (locale: string) => void;
-    currentLocale: ComputedRef<string>;
-    getLocaleByTag: (localeTag: string) => string | undefined;
-    resolveCamelCaseLocale: (locale: string) => string;
-    getFlag: (language: string) => Promise<string>;
+import { ILanguageService } from "../../services/language-service";
+export interface IUseLanguages extends ILanguageService {
 }
-export declare const useLanguages: () => {
-    setLocale: (locale: string) => void;
-    currentLocale: ComputedRef<string>;
-    getLocaleByTag: (localeTag: string) => string | undefined;
-    resolveCamelCaseLocale: (locale: string) => string;
-    getFlag: (language: string) => Promise<string>;
-    getCountryCode: (language: string) => string;
-};
+export declare function provideLanguages(): ILanguageService;
+export declare function useLanguages(): IUseLanguages;
 //# sourceMappingURL=index.d.ts.map

package/dist/core/composables/useLanguages/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useLanguages/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAY,MAAM,KAAK,CAAC;AAI5C,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC1D,sBAAsB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACnD,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;CAChD;AAED,eAAO,MAAM,YAAY;wBAcI,MAAM;;gCAWE,MAAM;qCAQD,MAAM;wBAeb,MAAM,KAAG,OAAO,CAAC,MAAM,CAAC;+BANvB,MAAM,KAAG,MAAM;CAoBjD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useLanguages/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAyB,MAAM,iCAAiC,CAAC;AAE1F,MAAM,WAAW,aAAc,SAAQ,gBAAgB;CAAG;AAE1D,wBAAgB,gBAAgB,IAAI,gBAAgB,CAInD;AAED,wBAAgB,YAAY,IAAI,aAAa,CAS5C"}

package/dist/core/services/index.d.ts

@@ -2,6 +2,7 @@ export * from "./app-bar-menu-service";
 export * from "./app-bar-mobile-buttons-service";
 export * from "./dashboard-service";
 export * from "./global-search-service";
+export * from "./language-service";
 export * from "./menu-service";
 export * from "./settings-menu-service";
 export * from "./toolbar-service";

package/dist/core/services/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../core/services/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../core/services/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC"}

package/dist/core/services/language-service.d.ts

@@ -0,0 +1,15 @@
+import { ComputedRef } from "vue";
+export interface ILanguageService {
+    setLocale: (locale: string) => void;
+    currentLocale: ComputedRef<string>;
+    getLocaleByTag: (localeTag: string) => string | undefined;
+    resolveCamelCaseLocale: (locale: string) => string;
+    getFlag: (language: string) => Promise<string>;
+    getCountryCode: (language: string) => string;
+}
+/**
+ * Language service implementation
+ * Handles locale management, validation, and language utilities
+ */
+export declare function createLanguageService(): ILanguageService;
+//# sourceMappingURL=language-service.d.ts.map

package/dist/core/services/language-service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"language-service.d.ts","sourceRoot":"","sources":["../../../core/services/language-service.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAY,MAAM,KAAK,CAAC;AAI5C,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC1D,sBAAsB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACnD,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAC/C,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;CAC9C;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,IAAI,gBAAgB,CAkExD"}