intor 2.2.8 → 2.2.10

package/dist/next/index.cjs

@@ -2,7 +2,7 @@
 
 var formatUrl = require('next/dist/shared/lib/router/utils/format-url');
 var NextLink = require('next/link');
-var React6 = require('react');
+var React10 = require('react');
 var navigation = require('next/navigation');
 var merge = require('lodash.merge');
 var jsxRuntime = require('react/jsx-runtime');
@@ -32,7 +32,7 @@ function _interopNamespace(e) {
 }
 
 var NextLink__default = /*#__PURE__*/_interopDefault(NextLink);
-var React6__namespace = /*#__PURE__*/_interopNamespace(React6);
+var React10__namespace = /*#__PURE__*/_interopNamespace(React10);
 var merge__default = /*#__PURE__*/_interopDefault(merge);
 var Keyv__default = /*#__PURE__*/_interopDefault(Keyv);
 
@@ -281,20 +281,40 @@ var localizePathname = ({
     localePrefixedPathname
   };
 };
-var ConfigContext = React6__namespace.createContext(void 0);
+var ConfigContext = React10__namespace.createContext(void 0);
 function ConfigProvider({
   value: { config, pathname },
   children
 }) {
-  const value = React6__namespace.useMemo(() => ({ config, pathname }), [config, pathname]);
+  const value = React10__namespace.useMemo(() => ({ config, pathname }), [config, pathname]);
   return /* @__PURE__ */ jsxRuntime.jsx(ConfigContext.Provider, { value, children });
 }
 function useConfig() {
-  const context = React6__namespace.useContext(ConfigContext);
+  const context = React10__namespace.useContext(ConfigContext);
   if (!context) throw new Error("useConfig must be used within ConfigProvider");
   return context;
 }
 
+// src/client/react/contexts/load-import-messages.ts
+async function loadImportMessages({
+  config,
+  locale,
+  importLoader,
+  setLoadedMessages,
+  setIsLoadingMessages
+}) {
+  if (!importLoader) return;
+  try {
+    setIsLoadingMessages(true);
+    const importMessages = await importLoader(locale);
+    setLoadedMessages(mergeMessages(config.messages, importMessages));
+  } catch (error) {
+    console.error(`Failed to load messages for ${locale}`, error);
+  } finally {
+    setIsLoadingMessages(false);
+  }
+}
+
 // src/config/constants/cache.constants.ts
 var DEFAULT_CACHE_OPTIONS = {
   enabled: process.env.NODE_ENV === "production",
@@ -503,11 +523,11 @@ var useRefetchMessages = ({
   setIsLoadingMessages
 }) => {
   const { messages: staticMessages } = config;
-  const namespaces = React6__namespace.useMemo(() => {
+  const namespaces = React10__namespace.useMemo(() => {
     if (!config.loader) return [];
     return resolveNamespaces({ config, pathname });
   }, [config, pathname]);
-  const refetchMessages = React6__namespace.useCallback(
+  const refetchMessages = React10__namespace.useCallback(
     async (newLocale) => {
       if (config.loader?.type === "remote") {
         setIsLoadingMessages(true);
@@ -540,21 +560,21 @@ var useRefetchMessages = ({
   );
   return { refetchMessages };
 };
-var MessagesContext = React6__namespace.createContext(void 0);
+var MessagesContext = React10__namespace.createContext(void 0);
 function MessagesProvider({
   value: { messages = {} },
   children
 }) {
   const { config, pathname } = useConfig();
-  const [loadedMessages, setLoadedMessages] = React6__namespace.useState(null);
-  const [isLoadingMessages, setIsLoadingMessages] = React6__namespace.useState(false);
+  const [loadedMessages, setLoadedMessages] = React10__namespace.useState(null);
+  const [isLoadingMessages, setIsLoadingMessages] = React10__namespace.useState(false);
   const { refetchMessages } = useRefetchMessages({
     config,
     pathname,
     setLoadedMessages,
     setIsLoadingMessages
   });
-  const value = React6__namespace.useMemo(
+  const value = React10__namespace.useMemo(
     () => ({
       messages: loadedMessages || messages,
       isLoading: isLoadingMessages,
@@ -567,7 +587,7 @@ function MessagesProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(MessagesContext.Provider, { value, children });
 }
 function useMessages() {
-  const context = React6__namespace.useContext(MessagesContext);
+  const context = React10__namespace.useContext(MessagesContext);
   if (!context)
     throw new Error("useMessages must be used within a MessagesProvider");
   return context;
@@ -580,14 +600,15 @@ var useInitLazyLoad = ({
 }) => {
   const { refetchMessages } = useMessages();
   const lazyLoad = !!loaderOptions?.lazyLoad;
-  const isFirstLoadedRef = React6__namespace.useRef(false);
-  React6__namespace.useEffect(() => {
+  const isFirstLoadedRef = React10__namespace.useRef(false);
+  React10__namespace.useEffect(() => {
     if (lazyLoad && !isFirstLoadedRef.current) {
       void refetchMessages(currentLocale);
       isFirstLoadedRef.current = true;
     }
   }, [lazyLoad, currentLocale, refetchMessages, isFirstLoadedRef]);
 };
+var LocaleContext = React10__namespace.createContext(void 0);
 
 // src/shared/utils/client/build-cookie-string.ts
 var buildCookieString = (cookie, locale) => {
@@ -622,25 +643,6 @@ var setLocaleCookieBrowser = ({
   document.cookie = cookieString;
 };
 
-// src/client/react/contexts/locale/utils/use-init-locale-cookie.ts
-var useInitLocaleCookie = ({
-  config,
-  locale
-}) => {
-  React6__namespace.useEffect(() => {
-    if (typeof document === "undefined") return;
-    const { cookie, routing } = config;
-    const { firstVisit } = routing;
-    const cookies2 = document.cookie.split(";").map((c) => c.trim());
-    const isCookieExists = cookies2.some((c) => c.startsWith(`${cookie.name}=`));
-    if (isCookieExists) return;
-    if (!firstVisit.redirect) return;
-    if (cookie.disabled || !cookie.autoSetCookie) return;
-    setLocaleCookieBrowser({ cookie, locale });
-  }, []);
-};
-var LocaleContext = React6__namespace.createContext(void 0);
-
 // src/client/react/contexts/locale/utils/change-locale.ts
 var changeLocale = ({
   currentLocale,
@@ -666,17 +668,16 @@ var changeLocale = ({
   }
 };
 function LocaleProvider({
-  value: { initialLocale },
+  value: { initialLocale, importLoader },
   children
 }) {
   const { config } = useConfig();
-  const { refetchMessages } = useMessages();
+  const { refetchMessages, setLoadedMessages, setIsLoadingMessages } = useMessages();
   const { loader: loaderOptions, cookie } = config;
-  const [currentLocale, setCurrentLocale] = React6__namespace.useState(initialLocale);
+  const [currentLocale, setCurrentLocale] = React10__namespace.useState(initialLocale);
   useInitLazyLoad({ loaderOptions, currentLocale });
-  useInitLocaleCookie({ config, locale: initialLocale });
-  const setLocale = React6__namespace.useCallback(
-    (newLocale) => {
+  const setLocale = React10__namespace.useCallback(
+    async (newLocale) => {
       changeLocale({
         currentLocale,
         newLocale,
@@ -685,10 +686,28 @@ function LocaleProvider({
         setLocale: setCurrentLocale,
         refetchMessages
       });
+      await loadImportMessages({
+        config,
+        locale: newLocale,
+        importLoader,
+        setLoadedMessages,
+        setIsLoadingMessages
+      });
     },
-    [currentLocale, loaderOptions, cookie, refetchMessages]
+    [
+      currentLocale,
+      loaderOptions,
+      cookie,
+      refetchMessages,
+      importLoader,
+      setLoadedMessages,
+      setIsLoadingMessages
+    ]
   );
-  const value = React6__namespace.useMemo(
+  React10__namespace.useEffect(() => {
+    void setLocale(initialLocale);
+  }, []);
+  const value = React10__namespace.useMemo(
     () => ({
       locale: currentLocale,
       setLocale
@@ -698,7 +717,7 @@ function LocaleProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(LocaleContext.Provider, { value, children });
 }
 function useLocale() {
-  const context = React6__namespace.useContext(LocaleContext);
+  const context = React10__namespace.useContext(LocaleContext);
   if (!context)
     throw new Error("useLocale must be used within a LocaleProvider");
   return context;
@@ -863,7 +882,7 @@ var redirect = async ({
   });
   navigation.redirect(localePrefixedPathname, type);
 };
-var TranslateHandlersContext = React6__namespace.createContext(void 0);
+var TranslateHandlersContext = React10__namespace.createContext(void 0);
 var TranslateHandlersProvider = ({
   children,
   handlers
@@ -872,19 +891,19 @@ var TranslateHandlersProvider = ({
   return /* @__PURE__ */ jsxRuntime.jsx(TranslateHandlersContext.Provider, { value, children });
 };
 function useTranslateHandlers() {
-  const context = React6__namespace.useContext(TranslateHandlersContext);
+  const context = React10__namespace.useContext(TranslateHandlersContext);
   return context;
 }
 var useInitLoadingState = (config) => {
   const lazyLoad = !!config.loader?.lazyLoad;
-  const [isCsr, setIsCsr] = React6__namespace.useState(false);
-  React6__namespace.useEffect(() => {
+  const [isCsr, setIsCsr] = React10__namespace.useState(false);
+  React10__namespace.useEffect(() => {
     setIsCsr(true);
   }, []);
   const isBeforeCSRLoading = lazyLoad && !isCsr;
   return isBeforeCSRLoading;
 };
-var TranslatorContext = React6__namespace.createContext(void 0);
+var TranslatorContext = React10__namespace.createContext(void 0);
 var EMPTY_OBJECT = Object.freeze({});
 function TranslatorProvider({ children }) {
   const { config } = useConfig();
@@ -893,7 +912,7 @@ function TranslatorProvider({ children }) {
   const translatorHandlers = useTranslateHandlers();
   const { fallbackLocales, translator: translatorOptions } = config;
   const isBeforeCSRLoading = useInitLoadingState(config);
-  const value = React6__namespace.useMemo(() => {
+  const value = React10__namespace.useMemo(() => {
     const translator = new intorTranslator.Translator({
       messages: messages || EMPTY_OBJECT,
       locale,
@@ -917,7 +936,7 @@ function TranslatorProvider({ children }) {
   return /* @__PURE__ */ jsxRuntime.jsx(TranslatorContext.Provider, { value, children });
 }
 function useTranslator() {
-  const context = React6__namespace.useContext(TranslatorContext);
+  const context = React10__namespace.useContext(TranslatorContext);
   if (!context)
     throw new Error(
       "useTranslator must be used within IntorTranslatorProvider"
@@ -925,10 +944,16 @@ function useTranslator() {
   return context;
 }
 var IntorProvider = ({
-  value: { config, pathname = "", initialLocale, messages = config.messages },
+  value: {
+    config,
+    pathname = "",
+    initialLocale,
+    messages = config.messages,
+    importLoader
+  },
   children
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(ConfigProvider, { value: { config, pathname }, children: /* @__PURE__ */ jsxRuntime.jsx(MessagesProvider, { value: { messages }, children: /* @__PURE__ */ jsxRuntime.jsx(LocaleProvider, { value: { initialLocale }, children: /* @__PURE__ */ jsxRuntime.jsx(TranslatorProvider, { children }) }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(ConfigProvider, { value: { config, pathname }, children: /* @__PURE__ */ jsxRuntime.jsx(MessagesProvider, { value: { messages }, children: /* @__PURE__ */ jsxRuntime.jsx(LocaleProvider, { value: { initialLocale, importLoader }, children: /* @__PURE__ */ jsxRuntime.jsx(TranslatorProvider, { children }) }) }) });
 };
 
 // src/client/react/hooks/use-translator.ts

package/dist/next/index.d.cts

@@ -223,11 +223,12 @@ interface IntorProviderProps {
         initialLocale: Locale;
         pathname?: string;
         messages?: Readonly<LocaleMessages>;
+        importLoader?: (locale: string) => Promise<LocaleMessages>;
     };
     children: React.ReactNode;
 }
 
-declare const IntorProvider: ({ value: { config, pathname, initialLocale, messages }, children, }: IntorProviderProps) => react_jsx_runtime.JSX.Element;
+declare const IntorProvider: ({ value: { config, pathname, initialLocale, messages, importLoader, }, children, }: IntorProviderProps) => react_jsx_runtime.JSX.Element;
 
 type TranslateHandlersProviderProps = {
     children: React.ReactNode;

package/dist/next/index.d.ts

@@ -223,11 +223,12 @@ interface IntorProviderProps {
         initialLocale: Locale;
         pathname?: string;
         messages?: Readonly<LocaleMessages>;
+        importLoader?: (locale: string) => Promise<LocaleMessages>;
     };
     children: React.ReactNode;
 }
 
-declare const IntorProvider: ({ value: { config, pathname, initialLocale, messages }, children, }: IntorProviderProps) => react_jsx_runtime.JSX.Element;
+declare const IntorProvider: ({ value: { config, pathname, initialLocale, messages, importLoader, }, children, }: IntorProviderProps) => react_jsx_runtime.JSX.Element;
 
 type TranslateHandlersProviderProps = {
     children: React.ReactNode;

package/dist/next/index.js

@@ -1,6 +1,6 @@
 import { formatUrl } from 'next/dist/shared/lib/router/utils/format-url';
 import NextLink from 'next/link';
-import * as React6 from 'react';
+import * as React10 from 'react';
 import { usePathname as usePathname$1, useRouter as useRouter$1, redirect as redirect$1 } from 'next/navigation';
 import merge from 'lodash.merge';
 import { jsx } from 'react/jsx-runtime';
@@ -254,20 +254,40 @@ var localizePathname = ({
     localePrefixedPathname
   };
 };
-var ConfigContext = React6.createContext(void 0);
+var ConfigContext = React10.createContext(void 0);
 function ConfigProvider({
   value: { config, pathname },
   children
 }) {
-  const value = React6.useMemo(() => ({ config, pathname }), [config, pathname]);
+  const value = React10.useMemo(() => ({ config, pathname }), [config, pathname]);
   return /* @__PURE__ */ jsx(ConfigContext.Provider, { value, children });
 }
 function useConfig() {
-  const context = React6.useContext(ConfigContext);
+  const context = React10.useContext(ConfigContext);
   if (!context) throw new Error("useConfig must be used within ConfigProvider");
   return context;
 }
 
+// src/client/react/contexts/load-import-messages.ts
+async function loadImportMessages({
+  config,
+  locale,
+  importLoader,
+  setLoadedMessages,
+  setIsLoadingMessages
+}) {
+  if (!importLoader) return;
+  try {
+    setIsLoadingMessages(true);
+    const importMessages = await importLoader(locale);
+    setLoadedMessages(mergeMessages(config.messages, importMessages));
+  } catch (error) {
+    console.error(`Failed to load messages for ${locale}`, error);
+  } finally {
+    setIsLoadingMessages(false);
+  }
+}
+
 // src/config/constants/cache.constants.ts
 var DEFAULT_CACHE_OPTIONS = {
   enabled: process.env.NODE_ENV === "production",
@@ -476,11 +496,11 @@ var useRefetchMessages = ({
   setIsLoadingMessages
 }) => {
   const { messages: staticMessages } = config;
-  const namespaces = React6.useMemo(() => {
+  const namespaces = React10.useMemo(() => {
     if (!config.loader) return [];
     return resolveNamespaces({ config, pathname });
   }, [config, pathname]);
-  const refetchMessages = React6.useCallback(
+  const refetchMessages = React10.useCallback(
     async (newLocale) => {
       if (config.loader?.type === "remote") {
         setIsLoadingMessages(true);
@@ -513,21 +533,21 @@ var useRefetchMessages = ({
   );
   return { refetchMessages };
 };
-var MessagesContext = React6.createContext(void 0);
+var MessagesContext = React10.createContext(void 0);
 function MessagesProvider({
   value: { messages = {} },
   children
 }) {
   const { config, pathname } = useConfig();
-  const [loadedMessages, setLoadedMessages] = React6.useState(null);
-  const [isLoadingMessages, setIsLoadingMessages] = React6.useState(false);
+  const [loadedMessages, setLoadedMessages] = React10.useState(null);
+  const [isLoadingMessages, setIsLoadingMessages] = React10.useState(false);
   const { refetchMessages } = useRefetchMessages({
     config,
     pathname,
     setLoadedMessages,
     setIsLoadingMessages
   });
-  const value = React6.useMemo(
+  const value = React10.useMemo(
     () => ({
       messages: loadedMessages || messages,
       isLoading: isLoadingMessages,
@@ -540,7 +560,7 @@ function MessagesProvider({
   return /* @__PURE__ */ jsx(MessagesContext.Provider, { value, children });
 }
 function useMessages() {
-  const context = React6.useContext(MessagesContext);
+  const context = React10.useContext(MessagesContext);
   if (!context)
     throw new Error("useMessages must be used within a MessagesProvider");
   return context;
@@ -553,14 +573,15 @@ var useInitLazyLoad = ({
 }) => {
   const { refetchMessages } = useMessages();
   const lazyLoad = !!loaderOptions?.lazyLoad;
-  const isFirstLoadedRef = React6.useRef(false);
-  React6.useEffect(() => {
+  const isFirstLoadedRef = React10.useRef(false);
+  React10.useEffect(() => {
     if (lazyLoad && !isFirstLoadedRef.current) {
       void refetchMessages(currentLocale);
       isFirstLoadedRef.current = true;
     }
   }, [lazyLoad, currentLocale, refetchMessages, isFirstLoadedRef]);
 };
+var LocaleContext = React10.createContext(void 0);
 
 // src/shared/utils/client/build-cookie-string.ts
 var buildCookieString = (cookie, locale) => {
@@ -595,25 +616,6 @@ var setLocaleCookieBrowser = ({
   document.cookie = cookieString;
 };
 
-// src/client/react/contexts/locale/utils/use-init-locale-cookie.ts
-var useInitLocaleCookie = ({
-  config,
-  locale
-}) => {
-  React6.useEffect(() => {
-    if (typeof document === "undefined") return;
-    const { cookie, routing } = config;
-    const { firstVisit } = routing;
-    const cookies2 = document.cookie.split(";").map((c) => c.trim());
-    const isCookieExists = cookies2.some((c) => c.startsWith(`${cookie.name}=`));
-    if (isCookieExists) return;
-    if (!firstVisit.redirect) return;
-    if (cookie.disabled || !cookie.autoSetCookie) return;
-    setLocaleCookieBrowser({ cookie, locale });
-  }, []);
-};
-var LocaleContext = React6.createContext(void 0);
-
 // src/client/react/contexts/locale/utils/change-locale.ts
 var changeLocale = ({
   currentLocale,
@@ -639,17 +641,16 @@ var changeLocale = ({
   }
 };
 function LocaleProvider({
-  value: { initialLocale },
+  value: { initialLocale, importLoader },
   children
 }) {
   const { config } = useConfig();
-  const { refetchMessages } = useMessages();
+  const { refetchMessages, setLoadedMessages, setIsLoadingMessages } = useMessages();
   const { loader: loaderOptions, cookie } = config;
-  const [currentLocale, setCurrentLocale] = React6.useState(initialLocale);
+  const [currentLocale, setCurrentLocale] = React10.useState(initialLocale);
   useInitLazyLoad({ loaderOptions, currentLocale });
-  useInitLocaleCookie({ config, locale: initialLocale });
-  const setLocale = React6.useCallback(
-    (newLocale) => {
+  const setLocale = React10.useCallback(
+    async (newLocale) => {
       changeLocale({
         currentLocale,
         newLocale,
@@ -658,10 +659,28 @@ function LocaleProvider({
         setLocale: setCurrentLocale,
         refetchMessages
       });
+      await loadImportMessages({
+        config,
+        locale: newLocale,
+        importLoader,
+        setLoadedMessages,
+        setIsLoadingMessages
+      });
     },
-    [currentLocale, loaderOptions, cookie, refetchMessages]
+    [
+      currentLocale,
+      loaderOptions,
+      cookie,
+      refetchMessages,
+      importLoader,
+      setLoadedMessages,
+      setIsLoadingMessages
+    ]
   );
-  const value = React6.useMemo(
+  React10.useEffect(() => {
+    void setLocale(initialLocale);
+  }, []);
+  const value = React10.useMemo(
     () => ({
       locale: currentLocale,
       setLocale
@@ -671,7 +690,7 @@ function LocaleProvider({
   return /* @__PURE__ */ jsx(LocaleContext.Provider, { value, children });
 }
 function useLocale() {
-  const context = React6.useContext(LocaleContext);
+  const context = React10.useContext(LocaleContext);
   if (!context)
     throw new Error("useLocale must be used within a LocaleProvider");
   return context;
@@ -836,7 +855,7 @@ var redirect = async ({
   });
   redirect$1(localePrefixedPathname, type);
 };
-var TranslateHandlersContext = React6.createContext(void 0);
+var TranslateHandlersContext = React10.createContext(void 0);
 var TranslateHandlersProvider = ({
   children,
   handlers
@@ -845,19 +864,19 @@ var TranslateHandlersProvider = ({
   return /* @__PURE__ */ jsx(TranslateHandlersContext.Provider, { value, children });
 };
 function useTranslateHandlers() {
-  const context = React6.useContext(TranslateHandlersContext);
+  const context = React10.useContext(TranslateHandlersContext);
   return context;
 }
 var useInitLoadingState = (config) => {
   const lazyLoad = !!config.loader?.lazyLoad;
-  const [isCsr, setIsCsr] = React6.useState(false);
-  React6.useEffect(() => {
+  const [isCsr, setIsCsr] = React10.useState(false);
+  React10.useEffect(() => {
     setIsCsr(true);
   }, []);
   const isBeforeCSRLoading = lazyLoad && !isCsr;
   return isBeforeCSRLoading;
 };
-var TranslatorContext = React6.createContext(void 0);
+var TranslatorContext = React10.createContext(void 0);
 var EMPTY_OBJECT = Object.freeze({});
 function TranslatorProvider({ children }) {
   const { config } = useConfig();
@@ -866,7 +885,7 @@ function TranslatorProvider({ children }) {
   const translatorHandlers = useTranslateHandlers();
   const { fallbackLocales, translator: translatorOptions } = config;
   const isBeforeCSRLoading = useInitLoadingState(config);
-  const value = React6.useMemo(() => {
+  const value = React10.useMemo(() => {
     const translator = new Translator({
       messages: messages || EMPTY_OBJECT,
       locale,
@@ -890,7 +909,7 @@ function TranslatorProvider({ children }) {
   return /* @__PURE__ */ jsx(TranslatorContext.Provider, { value, children });
 }
 function useTranslator() {
-  const context = React6.useContext(TranslatorContext);
+  const context = React10.useContext(TranslatorContext);
   if (!context)
     throw new Error(
       "useTranslator must be used within IntorTranslatorProvider"
@@ -898,10 +917,16 @@ function useTranslator() {
   return context;
 }
 var IntorProvider = ({
-  value: { config, pathname = "", initialLocale, messages = config.messages },
+  value: {
+    config,
+    pathname = "",
+    initialLocale,
+    messages = config.messages,
+    importLoader
+  },
   children
 }) => {
-  return /* @__PURE__ */ jsx(ConfigProvider, { value: { config, pathname }, children: /* @__PURE__ */ jsx(MessagesProvider, { value: { messages }, children: /* @__PURE__ */ jsx(LocaleProvider, { value: { initialLocale }, children: /* @__PURE__ */ jsx(TranslatorProvider, { children }) }) }) });
+  return /* @__PURE__ */ jsx(ConfigProvider, { value: { config, pathname }, children: /* @__PURE__ */ jsx(MessagesProvider, { value: { messages }, children: /* @__PURE__ */ jsx(LocaleProvider, { value: { initialLocale, importLoader }, children: /* @__PURE__ */ jsx(TranslatorProvider, { children }) }) }) });
 };
 
 // src/client/react/hooks/use-translator.ts