@hyvor/design 0.0.53 → 0.0.54

package/dist/components/Internationalization/InternationalizationProvider.svelte

@@ -2,7 +2,10 @@
 import { InternationalizationService } from "./i18n.js";
 export let languages;
 const i18n = new InternationalizationService(languages);
+const locale = i18n.locale;
 setContext("i18n", i18n);
 </script>
 
-<slot />
+{#key $locale}
+    <slot />
+{/key}

package/dist/components/Internationalization/T.svelte

@@ -2,6 +2,7 @@
 import { getStringByKey, InternationalizationService } from "./i18n.js";
 import { IntlMessageFormat } from "intl-messageformat";
 import { browser } from "$app/environment";
+import { getMessage as getMessageBase } from "./t.js";
 export let key;
 export let params = {};
 let hasComponentParams = false;
@@ -53,12 +54,12 @@ const locale = i18n.locale;
 const strings = i18n.strings;
 let message = getMessage(getParamsForBackend());
 function getMessage(processedParams) {
-  const string = getStringByKey($strings, key);
-  if (string) {
-    const formatter = new IntlMessageFormat(string, $locale);
-    return formatter.format(processedParams);
-  }
-  return "";
+  return getMessageBase(
+    key,
+    processedParams,
+    $strings,
+    $locale
+  );
 }
 function bindComponents() {
   for (let [id, binding] of componentBindings) {
@@ -81,7 +82,7 @@ async function renderFrontend() {
 }
 let mounted = false;
 $: {
-  $locale, $strings, params;
+  params;
   if (browser && mounted) {
     renderFrontend();
   }

package/dist/components/Internationalization/T.svelte.d.ts

@@ -4,10 +4,10 @@ import { type PrimitiveType } from 'intl-messageformat';
 declare const __propDef: {
     props: {
         key: string;
-        params?: Record<string, {
+        params?: Record<string, PrimitiveType | {
             component: ComponentType;
             props?: Record<string, any> | undefined;
-        } | PrimitiveType> | undefined;
+        }> | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/Internationalization/i18n.js

@@ -32,14 +32,15 @@ export class InternationalizationService {
         this.strings.set(merged);
     }
     setLocale(code) {
-        this.locale.set(code);
         if (this.stringsCache.has(code)) {
             this.setStrings(code);
+            this.locale.set(code);
         }
         else {
             this.languageByCode(code)?.loader().then(({ default: strings }) => {
                 this.stringsCache.set(code, strings);
                 this.setStrings(code);
+                this.locale.set(code);
             });
         }
     }

package/dist/components/Internationalization/t.d.ts

@@ -0,0 +1,7 @@
+import { type PrimitiveType } from "intl-messageformat";
+import { type InternationalizationService } from "./i18n.js";
+type ParamValue = PrimitiveType | ((chunks: string | string[]) => string);
+type ParamsType = Record<string, ParamValue>;
+export declare function getMessage(key: string, params: ParamsType, $strings: Record<string, any>, $locale: string): string;
+export declare function t(key: string, params?: Record<string, PrimitiveType>, i18n?: InternationalizationService | null): string;
+export {};

package/dist/components/Internationalization/t.js

@@ -0,0 +1,18 @@
+import { IntlMessageFormat } from "intl-messageformat";
+import { getContext } from "svelte";
+import { get } from "svelte/store";
+import { getStringByKey } from "./i18n.js";
+export function getMessage(key, params, $strings, $locale) {
+    const string = getStringByKey($strings, key);
+    if (string) {
+        const formatter = new IntlMessageFormat(string, $locale);
+        return formatter.format(params);
+    }
+    return '';
+}
+export function t(key, params = {}, i18n = null) {
+    i18n = i18n || getContext('i18n');
+    const $locale = get(i18n.locale);
+    const $strings = get(i18n.strings);
+    return getMessage(key, params, $strings, $locale);
+}

package/dist/components/index.d.ts

@@ -45,3 +45,4 @@ export { default as InternationalizationProvider } from './Internationalization/
 export { default as LanguageToggle } from './Internationalization/LanguageToggle.svelte';
 export { default as T } from './Internationalization/T.svelte';
 export { type Language as InternationalizationLanguage, InternationalizationService } from './Internationalization/i18n.js';
+export { t } from './Internationalization/t.js';

package/dist/components/index.js

@@ -47,3 +47,4 @@ export { default as InternationalizationProvider } from './Internationalization/
 export { default as LanguageToggle } from './Internationalization/LanguageToggle.svelte';
 export { default as T } from './Internationalization/T.svelte';
 export { InternationalizationService } from './Internationalization/i18n.js';
+export { t } from './Internationalization/t.js';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hyvor/design",
-	"version": "0.0.53",
+	"version": "0.0.54",
 	"license": "MIT",
 	"private": false,
 	"scripts": {