intor 2.4.15 → 2.4.16

package/dist/core/export/index.js

@@ -5,7 +5,7 @@ import 'logry';
 export { clearLoggerPool } from '../src/core/logger/global-logger-pool.js';
 import 'p-limit';
 export { mergeMessages } from '../src/core/messages/merge-messages.js';
-import 'intor-translator';
+export { Translator } from 'intor-translator';
 export { defineIntorConfig } from '../src/config/define-intor-config.js';
 import '../src/config/constants/cookie.js';
 export { localizePathname } from '../src/routing/pathname/localize-pathname.js';

package/dist/react/src/client/react/provider/intor-provider.js

@@ -57,6 +57,12 @@ function IntorProvider({ value: { config, locale: initialLocale, messages, handl
     // ---------------------------------------------------------------------------
     useLocaleEffects(config, locale);
     useMessagesEffects(config, locale, setRuntimeMessages, setInternalIsLoading);
+    // Sync internal locale with external prop
+    React.useEffect(() => {
+        if (initialLocale !== locale)
+            setLocaleState(initialLocale);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [initialLocale]);
     return (jsx(IntorContext.Provider, { value: { config, locale, setLocale, translator }, children: children }));
 }
 

package/dist/svelte/src/client/svelte/provider/create-intor-store.js

@@ -26,7 +26,9 @@ function createIntorStore({ config, locale: initialLocale, messages, handlers, p
     // ---------------------------------------------------------------------------
     // Effective state
     // ---------------------------------------------------------------------------
-    const externalIsLoadingStore = readable(!!externalIsLoading);
+    const externalIsLoadingStore = typeof externalIsLoading === "object" && "subscribe" in externalIsLoading
+        ? externalIsLoading
+        : readable(!!externalIsLoading);
     // external > internal
     const effectiveIsLoading = derived([externalIsLoadingStore, internalIsLoading], ([$external, $internal]) => $external || $internal);
     // runtime (client refetch) > initial > config (static)

package/dist/types/export/index.d.ts

@@ -1,3 +1,4 @@
 export { LOCALE_PLACEHOLDER, IntorError, IntorErrorCode, matchLocale, clearLoggerPool, mergeMessages, type MessagesReader, type MessagesReaders, type GenLocale as Locale, } from "../src/core";
 export { defineIntorConfig, type IntorRawConfig, type IntorResolvedConfig, } from "../src/config";
 export { localizePathname, type InboundContext } from "../src/routing";
+export { Translator, type TranslatorPlugin, type TranslateContext, type TranslateHook, type TranslateHandlers, type HandlerContext, type FormatHandler, type LoadingHandler, type MissingHandler, type LocaleMessages, type MessageObject, type MessageValue, } from "intor-translator";

package/dist/vue/src/client/vue/provider/intor-provider.js

@@ -1,5 +1,5 @@
 import { Translator } from 'intor-translator';
-import { defineComponent, ref, computed, provide } from 'vue';
+import { defineComponent, ref, computed, watch, provide } from 'vue';
 import { useLocaleEffects } from './effects/use-locale-effects.js';
 import { useMessagesEffects } from './effects/use-messages-effects.js';
 
@@ -8,11 +8,10 @@ const IntorProvider = defineComponent({
     name: "IntorProvider",
     props: { value: { type: Object, required: true } },
     setup(props, { slots }) {
-        const { config, locale: initialLocale, messages, handlers, plugins, onLocaleChange, isLoading: externalIsLoading, } = props.value;
         // ---------------------------------------------------------------------------
         // Internal state
         // ---------------------------------------------------------------------------
-        const locale = ref(initialLocale);
+        const locale = ref(props.value.locale);
         const runtimeMessages = ref(null);
         const internalIsLoading = ref(false);
         // ---------------------------------------------------------------------------
@@ -23,15 +22,18 @@ const IntorProvider = defineComponent({
             if (newLocale === locale.value)
                 return;
             locale.value = newLocale;
-            onLocaleChange?.(newLocale); // Notify external listener (fire-and-forget)
+            props.value.onLocaleChange?.(newLocale); // Notify external listener (fire-and-forget)
         };
         // ---------------------------------------------------------------------------
         // Effective state
         // ---------------------------------------------------------------------------
         // external > internal
-        const effectiveIsLoading = computed(() => !!externalIsLoading?.value || internalIsLoading.value);
+        const effectiveIsLoading = computed(() => !!props.value.isLoading?.value || internalIsLoading.value);
         // runtime (client refetch) > initial > config (static)
-        const effectiveMessages = computed(() => runtimeMessages.value || messages?.value || config.messages || {});
+        const effectiveMessages = computed(() => runtimeMessages.value ||
+            props.value.messages?.value ||
+            props.value.config.messages ||
+            {});
         // ---------------------------------------------------------------------------
         // Translator
         // ---------------------------------------------------------------------------
@@ -40,20 +42,25 @@ const IntorProvider = defineComponent({
                 messages: effectiveMessages.value,
                 locale: locale.value,
                 isLoading: effectiveIsLoading.value,
-                fallbackLocales: config.fallbackLocales,
-                loadingMessage: config.translator?.loadingMessage,
-                missingMessage: config.translator?.missingMessage,
-                handlers: handlers,
-                plugins: plugins,
+                fallbackLocales: props.value.config.fallbackLocales,
+                loadingMessage: props.value.config.translator?.loadingMessage,
+                missingMessage: props.value.config.translator?.missingMessage,
+                handlers: props.value.handlers,
+                plugins: props.value.plugins,
             });
         });
         // -------------------------------------------------------------------------
         // Side effects
         // -------------------------------------------------------------------------
-        useLocaleEffects(config, locale);
-        useMessagesEffects(config, locale, runtimeMessages, internalIsLoading);
+        useLocaleEffects(props.value.config, locale);
+        useMessagesEffects(props.value.config, locale, runtimeMessages, internalIsLoading);
+        // Sync internal locale with external prop
+        watch(() => props.value.locale, (newLocale) => {
+            if (newLocale !== locale.value)
+                locale.value = newLocale;
+        });
         const contextValue = computed(() => ({
-            config,
+            config: props.value.config,
             locale,
             setLocale,
             translator,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intor",
-  "version": "2.4.15",
+  "version": "2.4.16",
   "description": "The i18n library for modern JavaScript",
   "author": "Yiming Liao",
   "homepage": "https://intor.dev",