react-intlayer 1.0.1 → 1.2.1

package/dist/esm/client/IntlayerClientProvider.mjs

@@ -0,0 +1,50 @@
+"use client";
+import "../chunk-ZNCO4QRF.mjs";
+import { jsx } from "react/jsx-runtime";
+import { getConfiguration } from "@intlayer/config/client";
+import {
+  createContext,
+  useContext,
+  useMemo,
+  useState,
+  useCallback
+} from "react";
+import { localeCookie, setLocaleCookie } from './useLocaleCookie.mjs';
+const IntlayerClientContext = createContext({
+  locale: localeCookie ?? getConfiguration().internationalization.defaultLocale,
+  setLocale: () => null
+});
+const useIntlayerContext = () => useContext(IntlayerClientContext);
+const IntlayerClientProvider = ({
+  locale,
+  children
+}) => {
+  const { defaultLocale, locales: availableLocales } = getConfiguration().internationalization;
+  const [currentLocale, setCurrentLocale] = useState(
+    locale ?? localeCookie ?? defaultLocale
+  );
+  const setLocale = useCallback(
+    (newLocale) => {
+      if (currentLocale.toString() === newLocale.toString())
+        return;
+      if (!availableLocales.includes(newLocale)) {
+        console.error(`Locale ${locale} is not available`);
+        return;
+      }
+      setCurrentLocale(newLocale);
+      setLocaleCookie(newLocale);
+    },
+    [availableLocales, currentLocale, locale]
+  );
+  const value = useMemo(
+    () => ({ locale: currentLocale, setLocale }),
+    [currentLocale, setLocale]
+  );
+  return /* @__PURE__ */ jsx(IntlayerClientContext.Provider, { value, children });
+};
+export {
+  IntlayerClientContext,
+  IntlayerClientProvider,
+  useIntlayerContext
+};
+//# sourceMappingURL=IntlayerClientProvider.mjs.map

package/dist/esm/client/IntlayerClientProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/IntlayerClientProvider.tsx"],"sourcesContent":["'use client';\n\nimport { getConfiguration, type Locales } from '@intlayer/config/client';\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  useMemo,\n  type FC,\n  useState,\n  useCallback,\n} from 'react';\nimport { localeCookie, setLocaleCookie } from './useLocaleCookie';\n\ntype IntlayerValue = {\n  locale: Locales;\n  setLocale: (newLocale: Locales) => void;\n};\n\n/**\n * Context that store the current locale on the client side\n */\nexport const IntlayerClientContext = createContext<IntlayerValue>({\n  locale: localeCookie ?? getConfiguration().internationalization.defaultLocale,\n  setLocale: () => null,\n});\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayerContext = () => useContext(IntlayerClientContext);\n\nexport type IntlayerClientProviderProps = PropsWithChildren & {\n  locale?: Locales;\n};\n\n/**\n * Provider that store the current locale on the client side\n */\nexport const IntlayerClientProvider: FC<IntlayerClientProviderProps> = ({\n  locale,\n  children,\n}) => {\n  const { defaultLocale, locales: availableLocales } =\n    getConfiguration().internationalization;\n\n  const [currentLocale, setCurrentLocale] = useState(\n    locale ?? localeCookie ?? defaultLocale\n  );\n\n  const setLocale = useCallback(\n    (newLocale: Locales) => {\n      if (currentLocale.toString() === newLocale.toString()) return;\n\n      if (!availableLocales.includes(newLocale)) {\n        console.error(`Locale ${locale} is not available`);\n        return;\n      }\n\n      setCurrentLocale(newLocale); // Update state\n      setLocaleCookie(newLocale); // Optionally set cookie for persistence\n    },\n    [availableLocales, currentLocale, locale]\n  );\n\n  const value: IntlayerValue = useMemo<IntlayerValue>(\n    () => ({ locale: currentLocale, setLocale }),\n    [currentLocale, setLocale]\n  );\n\n  return (\n    <IntlayerClientContext.Provider value={value}>\n      {children}\n    </IntlayerClientContext.Provider>\n  );\n};\n"],"mappings":";;AAuEI;AArEJ,SAAS,wBAAsC;AAC/C;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc,uBAAuB;AAUvC,MAAM,wBAAwB,cAA6B;AAAA,EAChE,QAAQ,gBAAgB,iBAAiB,EAAE,qBAAqB;AAAA,EAChE,WAAW,MAAM;AACnB,CAAC;AAKM,MAAM,qBAAqB,MAAM,WAAW,qBAAqB;AASjE,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,eAAe,SAAS,iBAAiB,IAC/C,iBAAiB,EAAE;AAErB,QAAM,CAAC,eAAe,gBAAgB,IAAI;AAAA,IACxC,UAAU,gBAAgB;AAAA,EAC5B;AAEA,QAAM,YAAY;AAAA,IAChB,CAAC,cAAuB;AACtB,UAAI,cAAc,SAAS,MAAM,UAAU,SAAS;AAAG;AAEvD,UAAI,CAAC,iBAAiB,SAAS,SAAS,GAAG;AACzC,gBAAQ,MAAM,UAAU,MAAM,mBAAmB;AACjD;AAAA,MACF;AAEA,uBAAiB,SAAS;AAC1B,sBAAgB,SAAS;AAAA,IAC3B;AAAA,IACA,CAAC,kBAAkB,eAAe,MAAM;AAAA,EAC1C;AAEA,QAAM,QAAuB;AAAA,IAC3B,OAAO,EAAE,QAAQ,eAAe,UAAU;AAAA,IAC1C,CAAC,eAAe,SAAS;AAAA,EAC3B;AAEA,SACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAC7B,UACH;AAEJ;","names":[]}

package/dist/esm/client/getBrowserLocale.d.mts

@@ -0,0 +1,26 @@
+import { Locales } from '@intlayer/config/client';
+
+declare enum LanguageDetector {
+    Querystring = "querystring",
+    Cookie = "cookie",
+    LocalStorage = "localStorage",
+    SessionStorage = "sessionStorage",
+    Navigator = "navigator",
+    HtmlTag = "htmlTag"
+}
+type LanguageDetectorOptions = {
+    order?: LanguageDetector[];
+    lookupQuerystring?: string;
+    lookupCookie?: string;
+    lookupLocalStorage?: string;
+    lookupSessionStorage?: string;
+    excludeCacheFor?: string[];
+    htmlTag?: HTMLElement | null;
+};
+/**
+ * Core language detector function
+ * const detectedLanguages = detectLanguage(['LanguageDetector.Cookie', 'LanguageDetector.LocalStorage'], { lookupCookie: 'myCookie' });
+ */
+declare const getBrowserLocale: (userOptions?: LanguageDetectorOptions | undefined) => Locales;
+
+export { LanguageDetector, getBrowserLocale };

package/dist/esm/client/getBrowserLocale.mjs

@@ -0,0 +1,146 @@
+import "../chunk-ZNCO4QRF.mjs";
+import { getConfiguration } from "@intlayer/config/client";
+import { localeList } from "@intlayer/core";
+var LanguageDetector = /* @__PURE__ */ ((LanguageDetector2) => {
+  LanguageDetector2["Querystring"] = "querystring";
+  LanguageDetector2["Cookie"] = "cookie";
+  LanguageDetector2["LocalStorage"] = "localStorage";
+  LanguageDetector2["SessionStorage"] = "sessionStorage";
+  LanguageDetector2["Navigator"] = "navigator";
+  LanguageDetector2["HtmlTag"] = "htmlTag";
+  return LanguageDetector2;
+})(LanguageDetector || {});
+const getDefaultsOptions = () => {
+  const { middleware } = getConfiguration();
+  return {
+    order: [
+      "querystring" /* Querystring */,
+      "cookie" /* Cookie */,
+      "navigator" /* Navigator */,
+      "htmlTag" /* HtmlTag */
+    ],
+    lookupQuerystring: "locale",
+    lookupCookie: middleware.cookieName,
+    htmlTag: document.documentElement
+  };
+};
+const isLocalStorageAvailable = () => {
+  try {
+    if (typeof window === "undefined")
+      return false;
+    const testKey = "intlayer.translate.boo";
+    window.localStorage.setItem(testKey, "foo");
+    window.localStorage.removeItem(testKey);
+    return true;
+  } catch {
+    return false;
+  }
+};
+const isSessionStorageAvailable = () => {
+  try {
+    if (typeof window === "undefined")
+      return false;
+    const testKey = "intlayer.translate.boo";
+    window.sessionStorage.setItem(testKey, "foo");
+    window.sessionStorage.removeItem(testKey);
+    return true;
+  } catch {
+    return false;
+  }
+};
+const detectLanguage = (order, options) => {
+  const detected = {};
+  const queryStringDetector = () => {
+    if (typeof window === "undefined")
+      return;
+    const search = window.location.search || "";
+    const params = new URLSearchParams(search);
+    const value = params.get(options.lookupQuerystring ?? "");
+    if (value) {
+      detected["querystring" /* Querystring */] = value;
+    }
+  };
+  const cookieDetector = () => {
+    if (typeof document === "undefined")
+      return;
+    const cookies = document.cookie.split(";");
+    const cookieName = `${options.lookupCookie ?? ""}=`;
+    const cookie = cookies.find((c) => c.trim().startsWith(cookieName));
+    if (cookie) {
+      const value = cookie.split("=")[1].trim();
+      detected["cookie" /* Cookie */] = value;
+    }
+  };
+  const localStorageDetector = () => {
+    if (!isLocalStorageAvailable())
+      return;
+    const value = window.localStorage.getItem(options.lookupLocalStorage ?? "");
+    if (value) {
+      detected["localStorage" /* LocalStorage */] = value;
+    }
+  };
+  const sessionStorageDetector = () => {
+    if (!isSessionStorageAvailable())
+      return;
+    const value = window.sessionStorage.getItem(
+      options.lookupSessionStorage ?? ""
+    );
+    if (value) {
+      detected["sessionStorage" /* SessionStorage */] = value;
+    }
+  };
+  const navigatorDetector = () => {
+    if (typeof navigator === "undefined")
+      return;
+    if (navigator.language) {
+      detected["navigator" /* Navigator */] = navigator.language;
+    }
+  };
+  const htmlTagDetector = () => {
+    const htmlTag = options.htmlTag;
+    if (htmlTag && typeof htmlTag.getAttribute === "function") {
+      const lang = htmlTag.getAttribute("lang");
+      if (lang) {
+        detected["htmlTag" /* HtmlTag */] = lang;
+      }
+    }
+  };
+  const detectors = {
+    ["querystring" /* Querystring */]: queryStringDetector,
+    ["cookie" /* Cookie */]: cookieDetector,
+    ["localStorage" /* LocalStorage */]: localStorageDetector,
+    ["sessionStorage" /* SessionStorage */]: sessionStorageDetector,
+    ["navigator" /* Navigator */]: navigatorDetector,
+    ["htmlTag" /* HtmlTag */]: htmlTagDetector
+  };
+  order.forEach((detectorName) => {
+    detectors[detectorName]?.();
+  });
+  return detected;
+};
+const getFirstAvailableLocale = (locales, order) => {
+  const { internationalization } = getConfiguration();
+  for (const detector of order) {
+    const localesArray = [locales[detector]].flat();
+    for (const locale of localesArray) {
+      if (locale && (internationalization.locales ?? localeList).includes(locale)) {
+        return locale;
+      } else if (locale?.includes("-") && (internationalization.locales ?? localeList).includes(
+        locale.split("-")[0]
+      )) {
+        return locale.split("-")[0];
+      }
+    }
+  }
+  return internationalization.defaultLocale;
+};
+const getBrowserLocale = (userOptions = {}) => {
+  const options = { ...getDefaultsOptions(), ...userOptions };
+  const locales = detectLanguage(options.order ?? [], options);
+  return getFirstAvailableLocale(locales, options.order ?? []);
+};
+export {
+  LanguageDetector,
+  getBrowserLocale
+};
+//# sourceMappingURL=getBrowserLocale.mjs.map

package/dist/esm/client/getBrowserLocale.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/getBrowserLocale.tsx"],"sourcesContent":["import { getConfiguration, type Locales } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\n\nexport enum LanguageDetector {\n  Querystring = 'querystring',\n  Cookie = 'cookie',\n  LocalStorage = 'localStorage',\n  SessionStorage = 'sessionStorage',\n  Navigator = 'navigator',\n  HtmlTag = 'htmlTag',\n}\n\n// Default settings for the language detector\ntype LanguageDetectorOptions = {\n  order?: LanguageDetector[];\n  lookupQuerystring?: string;\n  lookupCookie?: string;\n  lookupLocalStorage?: string;\n  lookupSessionStorage?: string;\n  excludeCacheFor?: string[];\n  htmlTag?: HTMLElement | null;\n};\n\nconst getDefaultsOptions = (): LanguageDetectorOptions => {\n  const { middleware } = getConfiguration();\n\n  return {\n    order: [\n      LanguageDetector.Querystring,\n      LanguageDetector.Cookie,\n      LanguageDetector.Navigator,\n      LanguageDetector.HtmlTag,\n    ],\n    lookupQuerystring: 'locale',\n    lookupCookie: middleware.cookieName,\n    htmlTag: document.documentElement,\n  };\n};\n\n// Helper functions for various checks and operations\nconst isLocalStorageAvailable = (): boolean => {\n  try {\n    if (typeof window === 'undefined') return false;\n    const testKey = 'intlayer.translate.boo';\n    window.localStorage.setItem(testKey, 'foo');\n    window.localStorage.removeItem(testKey);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\nconst isSessionStorageAvailable = (): boolean => {\n  try {\n    if (typeof window === 'undefined') return false;\n    const testKey = 'intlayer.translate.boo';\n    window.sessionStorage.setItem(testKey, 'foo');\n    window.sessionStorage.removeItem(testKey);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\n// Function to detect language using different detectors\nconst detectLanguage = (\n  order: string[],\n  options: LanguageDetectorOptions\n): Record<LanguageDetector, Locales | Locales[]> => {\n  const detected: Record<LanguageDetector, Locales | Locales[]> = {} as Record<\n    LanguageDetector,\n    Locales | Locales[]\n  >;\n\n  const queryStringDetector = () => {\n    if (typeof window === 'undefined') return;\n    const search = window.location.search || '';\n    const params = new URLSearchParams(search);\n    const value = params.get(options.lookupQuerystring ?? '');\n    if (value) {\n      detected[LanguageDetector.Querystring] = value as Locales;\n    }\n  };\n\n  const cookieDetector = () => {\n    if (typeof document === 'undefined') return;\n    const cookies = document.cookie.split(';');\n    const cookieName = `${options.lookupCookie ?? ''}=`;\n    const cookie = cookies.find((c) => c.trim().startsWith(cookieName));\n    if (cookie) {\n      const value = cookie.split('=')[1].trim();\n\n      detected[LanguageDetector.Cookie] = value as Locales;\n    }\n  };\n\n  const localStorageDetector = () => {\n    if (!isLocalStorageAvailable()) return;\n    const value = window.localStorage.getItem(options.lookupLocalStorage ?? '');\n    if (value) {\n      detected[LanguageDetector.LocalStorage] = value as Locales;\n    }\n  };\n\n  const sessionStorageDetector = () => {\n    if (!isSessionStorageAvailable()) return;\n    const value = window.sessionStorage.getItem(\n      options.lookupSessionStorage ?? ''\n    );\n    if (value) {\n      detected[LanguageDetector.SessionStorage] = value as Locales;\n    }\n  };\n\n  const navigatorDetector = () => {\n    if (typeof navigator === 'undefined') return;\n\n    if (navigator.language) {\n      detected[LanguageDetector.Navigator] = navigator.language as Locales;\n    }\n  };\n\n  const htmlTagDetector = () => {\n    const htmlTag = options.htmlTag;\n    if (htmlTag && typeof htmlTag.getAttribute === 'function') {\n      const lang = htmlTag.getAttribute('lang');\n      if (lang) {\n        detected[LanguageDetector.HtmlTag] = lang as Locales;\n      }\n    }\n  };\n\n  // Map detector names to their corresponding functions\n  const detectors: Record<string, () => void> = {\n    [LanguageDetector.Querystring]: queryStringDetector,\n    [LanguageDetector.Cookie]: cookieDetector,\n    [LanguageDetector.LocalStorage]: localStorageDetector,\n    [LanguageDetector.SessionStorage]: sessionStorageDetector,\n    [LanguageDetector.Navigator]: navigatorDetector,\n    [LanguageDetector.HtmlTag]: htmlTagDetector,\n  };\n\n  // Use the provided order to run each detector\n  order.forEach((detectorName) => {\n    detectors[detectorName]?.();\n  });\n\n  return detected;\n};\n\nconst getFirstAvailableLocale = (\n  locales: Record<LanguageDetector, Locales | Locales[]>,\n  order: LanguageDetector[]\n): Locales => {\n  const { internationalization } = getConfiguration();\n\n  for (const detector of order) {\n    const localesArray = [locales[detector]].flat() as Locales[];\n\n    for (const locale of localesArray) {\n      if (\n        locale &&\n        (internationalization.locales ?? localeList).includes(locale)\n      ) {\n        return locale;\n      } else if (\n        locale?.includes('-') &&\n        (internationalization.locales ?? localeList).includes(\n          locale.split('-')[0] as Locales\n        )\n      ) {\n        return locale.split('-')[0] as Locales;\n      }\n    }\n  }\n\n  return internationalization.defaultLocale;\n};\n\n/**\n * Core language detector function\n * const detectedLanguages = detectLanguage(['LanguageDetector.Cookie', 'LanguageDetector.LocalStorage'], { lookupCookie: 'myCookie' });\n */\nexport const getBrowserLocale = (\n  userOptions: LanguageDetectorOptions | undefined = {}\n): Locales => {\n  const options = { ...getDefaultsOptions(), ...userOptions };\n\n  const locales = detectLanguage(options.order ?? [], options);\n\n  return getFirstAvailableLocale(locales, options.order ?? []);\n};\n"],"mappings":"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","names":["LanguageDetector"]}

package/dist/esm/client/index.d.mts

@@ -1,8 +1,10 @@
-export { LocaleClientContext, LocaleClientContextProvider, LocaleClientContextProviderProps, useLocaleContext } from './LocaleClientContextProvider.mjs';
+export { IntlayerClientContext as IntlayerClient, IntlayerClientProvider, IntlayerClientProviderProps, useIntlayerContext } from './IntlayerClientProvider.mjs';
 export { useIntlayer } from './useIntlayer.mjs';
+export { useLocaleBase } from './useLocaleBase.mjs';
 export { useLocale } from './useLocale.mjs';
 export { useTraduction } from './useTraduction.mjs';
 export { localeCookie, setLocaleCookie, useLocaleCookie } from './useLocaleCookie.mjs';
+export { getBrowserLocale } from './getBrowserLocale.mjs';
 import 'react';
 import '@intlayer/config/client';
 import '../useIntlayerBase.mjs';

package/dist/esm/client/index.mjs

@@ -1,9 +1,11 @@
+import "../chunk-ZNCO4QRF.mjs";
 import {
-  LocaleClientContext,
-  useLocaleContext,
-  LocaleClientContextProvider
-} from './LocaleClientContextProvider.mjs';
+  IntlayerClientContext,
+  useIntlayerContext,
+  IntlayerClientProvider
+} from './IntlayerClientProvider.mjs';
 import { useIntlayer } from './useIntlayer.mjs';
+import { useLocaleBase } from './useLocaleBase.mjs';
 import { useLocale } from './useLocale.mjs';
 import { useTraduction } from './useTraduction.mjs';
 import {
@@ -11,14 +13,17 @@ import {
   localeCookie,
   setLocaleCookie
 } from './useLocaleCookie.mjs';
+import { getBrowserLocale } from './getBrowserLocale.mjs';
 export {
-  LocaleClientContext,
-  LocaleClientContextProvider,
+  IntlayerClientContext as IntlayerClient,
+  IntlayerClientProvider,
+  getBrowserLocale,
   localeCookie,
   setLocaleCookie,
   useIntlayer,
+  useIntlayerContext,
   useLocale,
-  useLocaleContext,
+  useLocaleBase,
   useLocaleCookie,
   useTraduction
 };

package/dist/esm/client/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["export type { LocaleClientContextProviderProps } from './LocaleClientContextProvider';\nexport {\n  LocaleClientContext,\n  useLocaleContext,\n  LocaleClientContextProvider,\n} from './LocaleClientContextProvider';\nexport { useIntlayer } from './useIntlayer';\nexport { useLocale } from './useLocale';\nexport { useTraduction } from './useTraduction';\nexport {\n  useLocaleCookie,\n  localeCookie,\n  setLocaleCookie,\n} from './useLocaleCookie';\n"],"mappings":"AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
+{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["export type { IntlayerClientProviderProps } from './IntlayerClientProvider';\nexport {\n  IntlayerClientContext as IntlayerClient,\n  useIntlayerContext,\n  IntlayerClientProvider,\n} from './IntlayerClientProvider';\nexport { useIntlayer } from './useIntlayer';\nexport { useLocaleBase } from './useLocaleBase';\nexport { useLocale } from './useLocale';\nexport { useTraduction } from './useTraduction';\nexport {\n  useLocaleCookie,\n  localeCookie,\n  setLocaleCookie,\n} from './useLocaleCookie';\nexport { getBrowserLocale } from './getBrowserLocale';\n"],"mappings":";AACA;AAAA,EAC2B;AAAA,EACzB;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;","names":[]}

package/dist/esm/client/useContent.d.mts

@@ -2,10 +2,13 @@ import * as _intlayer_config_client from '@intlayer/config/client';
 import * as intlayer from 'intlayer';
 import { LanguageContent } from '@intlayer/core';
 
+/**
+ * On the client side, hook to get the translation content based on the locale
+ */
 declare const useContent: <Content>(languageContent: LanguageContent<Content>) => {
     locale: intlayer.Locales;
     content: Content;
-    t: <Content_1>(languageContent: Partial<Record<_intlayer_config_client.LocalesValues, Content_1>>) => Content_1;
+    t: <Content_1 = string>(languageContent: Partial<Record<_intlayer_config_client.LocalesValues, Content_1>>) => Content_1;
 };
 
 export { useContent };

package/dist/esm/client/useContent.mjs

@@ -1,7 +1,8 @@
-import { useLocale } from './useLocale.mjs';
+import "../chunk-ZNCO4QRF.mjs";
+import { useLocaleBase } from './useLocaleBase.mjs';
 import { useTraduction } from './useTraduction.mjs';
 const useContent = (languageContent) => {
-  const { locale } = useLocale();
+  const { locale } = useLocaleBase();
   const content = useTraduction(languageContent);
   return {
     locale,

package/dist/esm/client/useContent.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useContent.ts"],"sourcesContent":["import type { LanguageContent } from '@intlayer/core';\nimport { useLocale } from './useLocale';\nimport { useTraduction } from './useTraduction';\n\nexport const useContent = <Content>(\n  languageContent: LanguageContent<Content>\n) => {\n  const { locale } = useLocale();\n\n  const content = useTraduction(languageContent);\n\n  return {\n    locale,\n    content,\n    t: useTraduction,\n  };\n};\n"],"mappings":"AACA,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAEvB,MAAM,aAAa,CACxB,oBACG;AACH,QAAM,EAAE,OAAO,IAAI,UAAU;AAE7B,QAAM,UAAU,cAAc,eAAe;AAE7C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AACF;","names":[]}
+{"version":3,"sources":["../../../src/client/useContent.ts"],"sourcesContent":["import type { LanguageContent } from '@intlayer/core';\nimport { useLocaleBase } from './useLocaleBase';\nimport { useTraduction } from './useTraduction';\n\n/**\n * On the client side, hook to get the translation content based on the locale\n */\nexport const useContent = <Content>(\n  languageContent: LanguageContent<Content>\n) => {\n  const { locale } = useLocaleBase();\n\n  const content = useTraduction(languageContent);\n\n  return {\n    locale,\n    content,\n    t: useTraduction,\n  };\n};\n"],"mappings":";AACA,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAKvB,MAAM,aAAa,CACxB,oBACG;AACH,QAAM,EAAE,OAAO,IAAI,cAAc;AAEjC,QAAM,UAAU,cAAc,eAAe;AAE7C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AACF;","names":[]}

package/dist/esm/client/useIntlayer.d.mts

@@ -2,6 +2,11 @@ import { UseIntlayer } from '../useIntlayerBase.mjs';
 import '@intlayer/config/client';
 import 'intlayer';
 
+/**
+ * On the client side, Hook that picking one dictionary by its id and return the content
+ *
+ * If the locale is not provided, it will use the locale from the client context
+ */
 declare const useIntlayer: UseIntlayer;
 
 export { useIntlayer };

package/dist/esm/client/useIntlayer.mjs

@@ -1,11 +1,12 @@
 "use client";
+import "../chunk-ZNCO4QRF.mjs";
 import { useContext } from "react";
 import {
   useIntlayerBase
 } from '../useIntlayerBase.mjs';
-import { LocaleClientContext } from './LocaleClientContextProvider.mjs';
+import { IntlayerClientContext } from './IntlayerClientProvider.mjs';
 const useIntlayer = (id, locale) => {
-  const { locale: currentLocale } = useContext(LocaleClientContext);
+  const { locale: currentLocale } = useContext(IntlayerClientContext);
   const localeTarget = locale ?? currentLocale;
   return useIntlayerBase(id, localeTarget);
 };

package/dist/esm/client/useIntlayer.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useIntlayer.ts"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport { useContext } from 'react';\nimport {\n  type DictionaryKeys,\n  useIntlayerBase,\n  type UseIntlayer,\n} from '../useIntlayerBase';\nimport { LocaleClientContext } from './LocaleClientContextProvider';\n\nexport const useIntlayer: UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => {\n  const { locale: currentLocale } = useContext(LocaleClientContext);\n  const localeTarget = locale ?? currentLocale;\n\n  return useIntlayerBase(id, localeTarget);\n};\n"],"mappings":";AAGA,SAAS,kBAAkB;AAC3B;AAAA,EAEE;AAAA,OAEK;AACP,SAAS,2BAA2B;AAE7B,MAAM,cAA2B,CACtC,IACA,WACG;AACH,QAAM,EAAE,QAAQ,cAAc,IAAI,WAAW,mBAAmB;AAChE,QAAM,eAAe,UAAU;AAE/B,SAAO,gBAAgB,IAAI,YAAY;AACzC;","names":[]}
+{"version":3,"sources":["../../../src/client/useIntlayer.ts"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport { useContext } from 'react';\nimport {\n  type DictionaryKeys,\n  useIntlayerBase,\n  type UseIntlayer,\n} from '../useIntlayerBase';\nimport { IntlayerClientContext } from './IntlayerClientProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its id and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useIntlayer: UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = locale ?? currentLocale;\n\n  return useIntlayerBase(id, localeTarget);\n};\n"],"mappings":";;AAGA,SAAS,kBAAkB;AAC3B;AAAA,EAEE;AAAA,OAEK;AACP,SAAS,6BAA6B;AAO/B,MAAM,cAA2B,CACtC,IACA,WACG;AACH,QAAM,EAAE,QAAQ,cAAc,IAAI,WAAW,qBAAqB;AAClE,QAAM,eAAe,UAAU;AAE/B,SAAO,gBAAgB,IAAI,YAAY;AACzC;","names":[]}

package/dist/esm/client/useLocale.d.mts

@@ -1,10 +1,14 @@
 import * as _intlayer_config_client from '@intlayer/config/client';
 
+/**
+ * On the client side, hook to get the current locale and all related fields
+ */
 declare const useLocale: () => {
     locale: _intlayer_config_client.Locales;
     defaultLocale: _intlayer_config_client.Locales;
     availableLocales: _intlayer_config_client.Locales[];
     localeList: _intlayer_config_client.Locales[];
+    setLocale: (newLocale: _intlayer_config_client.Locales) => void;
 };
 
 export { useLocale };

package/dist/esm/client/useLocale.mjs

@@ -1,11 +1,12 @@
 "use client";
-import { intlayerIntlConfiguration } from "@intlayer/config/client";
+import "../chunk-ZNCO4QRF.mjs";
+import { getConfiguration } from "@intlayer/config/client";
 import { localeList } from "@intlayer/core";
 import { useContext } from "react";
-import { LocaleClientContext } from './LocaleClientContextProvider.mjs';
-const { defaultLocale, locales: availableLocales } = intlayerIntlConfiguration;
+import { IntlayerClientContext } from './IntlayerClientProvider.mjs';
 const useLocale = () => {
-  const { locale } = useContext(LocaleClientContext);
+  const { defaultLocale, locales: availableLocales } = getConfiguration().internationalization;
+  const { locale, setLocale } = useContext(IntlayerClientContext);
   return {
     locale,
     // Current locale
@@ -13,8 +14,10 @@ const useLocale = () => {
     // Principal locale defined in config
     availableLocales,
     // List of the available locales defined in config
-    localeList
+    localeList,
     // List of all available locales
+    setLocale
+    // Function to set the locale
   };
 };
 export {

package/dist/esm/client/useLocale.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["'use client';\n\nimport { intlayerIntlConfiguration } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { LocaleClientContext } from './LocaleClientContextProvider';\n\nconst { defaultLocale, locales: availableLocales } = intlayerIntlConfiguration;\n\nexport const useLocale = () => {\n  const { locale } = useContext(LocaleClientContext);\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    localeList, // List of all available locales\n  };\n};\n"],"mappings":";AAEA,SAAS,iCAAiC;AAC1C,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AAEpC,MAAM,EAAE,eAAe,SAAS,iBAAiB,IAAI;AAE9C,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,OAAO,IAAI,WAAW,mBAAmB;AAEjD,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["'use client';\n\nimport { getConfiguration } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerClientProvider';\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocale = () => {\n  const { defaultLocale, locales: availableLocales } =\n    getConfiguration().internationalization;\n  const { locale, setLocale } = useContext(IntlayerClientContext);\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    localeList, // List of all available locales\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;AAEA,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AAK/B,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,eAAe,SAAS,iBAAiB,IAC/C,iBAAiB,EAAE;AACrB,QAAM,EAAE,QAAQ,UAAU,IAAI,WAAW,qBAAqB;AAE9D,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":[]}

package/dist/esm/client/useLocaleBase.d.mts

@@ -0,0 +1,14 @@
+import * as _intlayer_config_client from '@intlayer/config/client';
+
+/**
+ * On the client side, hook to get the current locale and all related fields
+ */
+declare const useLocaleBase: () => {
+    locale: _intlayer_config_client.Locales;
+    defaultLocale: _intlayer_config_client.Locales;
+    availableLocales: _intlayer_config_client.Locales[];
+    localeList: _intlayer_config_client.Locales[];
+    setLocale: (newLocale: _intlayer_config_client.Locales) => void;
+};
+
+export { useLocaleBase };

package/dist/esm/client/useLocaleBase.mjs

@@ -0,0 +1,26 @@
+"use client";
+import "../chunk-ZNCO4QRF.mjs";
+import { getConfiguration } from "@intlayer/config/client";
+import { localeList } from "@intlayer/core";
+import { useContext } from "react";
+import { IntlayerClientContext } from './IntlayerClientProvider.mjs';
+const { defaultLocale, locales: availableLocales } = getConfiguration().internationalization;
+const useLocaleBase = () => {
+  const { locale, setLocale } = useContext(IntlayerClientContext);
+  return {
+    locale,
+    // Current locale
+    defaultLocale,
+    // Principal locale defined in config
+    availableLocales,
+    // List of the available locales defined in config
+    localeList,
+    // List of all available locales
+    setLocale
+    // Function to set the locale
+  };
+};
+export {
+  useLocaleBase
+};
+//# sourceMappingURL=useLocaleBase.mjs.map

package/dist/esm/client/useLocaleBase.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/useLocaleBase.ts"],"sourcesContent":["'use client';\n\nimport { getConfiguration } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerClientProvider';\n\nconst { defaultLocale, locales: availableLocales } =\n  getConfiguration().internationalization;\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocaleBase = () => {\n  const { locale, setLocale } = useContext(IntlayerClientContext);\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    localeList, // List of all available locales\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;AAEA,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AAEtC,MAAM,EAAE,eAAe,SAAS,iBAAiB,IAC/C,iBAAiB,EAAE;AAKd,MAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,QAAQ,UAAU,IAAI,WAAW,qBAAqB;AAE9D,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":[]}

package/dist/esm/client/useLocaleCookie.d.mts

@@ -1,7 +1,16 @@
 import { Locales } from '@intlayer/config/client';
 
+/**
+ * Get the locale cookie
+ */
 declare const localeCookie: Locales | undefined;
+/**
+ * Set the locale cookie
+ */
 declare const setLocaleCookie: (locale: Locales) => void;
+/**
+ * Hook that provides the locale cookie and a function to set it
+ */
 declare const useLocaleCookie: () => {
     localeCookie: Locales | undefined;
     setLocaleCookie: (locale: Locales) => void;

package/dist/esm/client/useLocaleCookie.mjs

@@ -1,8 +1,7 @@
-import {
-  intlayerMiddlewareConfiguration
-} from "@intlayer/config/client";
+import "../chunk-ZNCO4QRF.mjs";
+import { getConfiguration } from "@intlayer/config/client";
 import Cookies from "js-cookie";
-const { cookieName } = intlayerMiddlewareConfiguration;
+const { cookieName } = getConfiguration().middleware;
 const cookieAttributes = {
   path: "/",
   expires: void 0,

package/dist/esm/client/useLocaleCookie.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useLocaleCookie.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport {\n  type Locales,\n  intlayerMiddlewareConfiguration,\n} from '@intlayer/config/client';\nimport Cookies from 'js-cookie';\n\nconst { cookieName } = intlayerMiddlewareConfiguration;\n\nconst cookieAttributes: Cookies.CookieAttributes = {\n  path: '/',\n  expires: undefined,\n  domain: undefined,\n  secure: false,\n  sameSite: 'strict',\n};\n\nexport const localeCookie = Cookies.get(cookieName) as Locales | undefined;\n\nexport const setLocaleCookie = (locale: Locales) => {\n  Cookies.set(cookieName, locale, cookieAttributes);\n};\n\nexport const useLocaleCookie = () => ({\n  localeCookie,\n  setLocaleCookie,\n});\n"],"mappings":"AACA;AAAA,EAEE;AAAA,OACK;AACP,OAAO,aAAa;AAEpB,MAAM,EAAE,WAAW,IAAI;AAEvB,MAAM,mBAA6C;AAAA,EACjD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AACZ;AAEO,MAAM,eAAe,QAAQ,IAAI,UAAU;AAE3C,MAAM,kBAAkB,CAAC,WAAoB;AAClD,UAAQ,IAAI,YAAY,QAAQ,gBAAgB;AAClD;AAEO,MAAM,kBAAkB,OAAO;AAAA,EACpC;AAAA,EACA;AACF;","names":[]}
+{"version":3,"sources":["../../../src/client/useLocaleCookie.ts"],"sourcesContent":["import { type Locales, getConfiguration } from '@intlayer/config/client';\nimport Cookies from 'js-cookie';\n\nconst { cookieName } = getConfiguration().middleware;\n\nconst cookieAttributes: Cookies.CookieAttributes = {\n  path: '/',\n  expires: undefined,\n  domain: undefined,\n  secure: false,\n  sameSite: 'strict',\n};\n\n/**\n * Get the locale cookie\n */\nexport const localeCookie = Cookies.get(cookieName) as Locales | undefined;\n\n/**\n * Set the locale cookie\n */\nexport const setLocaleCookie = (locale: Locales) => {\n  Cookies.set(cookieName, locale, cookieAttributes);\n};\n\n/**\n * Hook that provides the locale cookie and a function to set it\n */\nexport const useLocaleCookie = () => ({\n  localeCookie,\n  setLocaleCookie,\n});\n"],"mappings":";AAAA,SAAuB,wBAAwB;AAC/C,OAAO,aAAa;AAEpB,MAAM,EAAE,WAAW,IAAI,iBAAiB,EAAE;AAE1C,MAAM,mBAA6C;AAAA,EACjD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AACZ;AAKO,MAAM,eAAe,QAAQ,IAAI,UAAU;AAK3C,MAAM,kBAAkB,CAAC,WAAoB;AAClD,UAAQ,IAAI,YAAY,QAAQ,gBAAgB;AAClD;AAKO,MAAM,kBAAkB,OAAO;AAAA,EACpC;AAAA,EACA;AACF;","names":[]}

package/dist/esm/client/useTraduction.d.mts

@@ -1,5 +1,26 @@
 import { LanguageContent } from '@intlayer/core';
 
-declare const useTraduction: <Content>(languageContent: LanguageContent<Content>) => Content;
+/**
+ * On the client side, Hook that picking one dictionary by its id and return the content.
+ *
+ * If not locale found, it will return the content related to the default locale.
+ *
+ * Return either the content editor, or the content itself depending on the configuration.
+ *
+ * Usage:
+ *
+ * ```tsx
+ * const content = useTraduction<string>({
+ *  en: 'Hello',
+ *  fr: 'Bonjour',
+ * }, 'fr');
+ * // 'Bonjour'
+ * ```
+ *
+ * Using TypeScript:
+ * - this function will require each locale to be defined if defined in the project configuration.
+ * - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.
+ */
+declare const useTraduction: <Content = string>(languageContent: LanguageContent<Content>) => Content;
 
 export { useTraduction };

package/dist/esm/client/useTraduction.mjs

@@ -1,8 +1,9 @@
+import "../chunk-ZNCO4QRF.mjs";
 import { useContext } from "react";
 import { getTranslation } from '../getTranslation.mjs';
-import { LocaleClientContext } from './LocaleClientContextProvider.mjs';
+import { IntlayerClientContext } from './IntlayerClientProvider.mjs';
 const useTraduction = (languageContent) => {
-  const { locale } = useContext(LocaleClientContext);
+  const { locale } = useContext(IntlayerClientContext);
   return getTranslation(languageContent, locale);
 };
 export {

package/dist/esm/client/useTraduction.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useTraduction.ts"],"sourcesContent":["import type { LanguageContent } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { getTranslation } from '../getTranslation';\nimport { LocaleClientContext } from './LocaleClientContextProvider';\n\nexport const useTraduction = <Content>(\n  languageContent: LanguageContent<Content>\n): Content => {\n  const { locale } = useContext(LocaleClientContext);\n\n  return getTranslation(languageContent, locale);\n};\n"],"mappings":"AACA,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AAE7B,MAAM,gBAAgB,CAC3B,oBACY;AACZ,QAAM,EAAE,OAAO,IAAI,WAAW,mBAAmB;AAEjD,SAAO,eAAe,iBAAiB,MAAM;AAC/C;","names":[]}
+{"version":3,"sources":["../../../src/client/useTraduction.ts"],"sourcesContent":["import type { LanguageContent } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { getTranslation } from '../getTranslation';\nimport { IntlayerClientContext } from './IntlayerClientProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its id and return the content.\n *\n * If not locale found, it will return the content related to the default locale.\n *\n * Return either the content editor, or the content itself depending on the configuration.\n *\n * Usage:\n *\n * ```tsx\n * const content = useTraduction<string>({\n *  en: 'Hello',\n *  fr: 'Bonjour',\n * }, 'fr');\n * // 'Bonjour'\n * ```\n *\n * Using TypeScript:\n * - this function will require each locale to be defined if defined in the project configuration.\n * - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.\n */\nexport const useTraduction = <Content = string>(\n  languageContent: LanguageContent<Content>\n): Content => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return getTranslation(languageContent, locale);\n};\n"],"mappings":";AACA,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AAuB/B,MAAM,gBAAgB,CAC3B,oBACY;AACZ,QAAM,EAAE,OAAO,IAAI,WAAW,qBAAqB;AAEnD,SAAO,eAAe,iBAAiB,MAAM;AAC/C;","names":[]}

package/dist/esm/craco/craco.config.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/esm/craco/craco.config.mjs

@@ -0,0 +1,17 @@
+import {
+  __commonJS
+} from '../chunk-ZNCO4QRF.mjs';
+import * as intlayerPlugin from './intlayerCracoPlugin.mjs';
+var require_craco_config = __commonJS({
+  "src/craco/craco.config.ts"(exports, module) {
+    module.exports = {
+      plugins: [
+        {
+          plugin: intlayerPlugin
+        }
+      ]
+    };
+  }
+});
+export default require_craco_config();
+//# sourceMappingURL=craco.config.mjs.map

package/dist/esm/craco/craco.config.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/craco/craco.config.ts"],"sourcesContent":["import type { CracoConfig } from '@craco/types';\nimport * as intlayerPlugin from './intlayerCracoPlugin';\n\n// Usage Example\nmodule.exports = {\n  plugins: [\n    {\n      plugin: intlayerPlugin,\n    },\n  ],\n} satisfies CracoConfig;\n"],"mappings":";;;AACA,YAAY,oBAAoB;AADhC;AAAA;AAIA,WAAO,UAAU;AAAA,MACf,SAAS;AAAA,QACP;AAAA,UACE,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA;AAAA;","names":[]}

package/dist/esm/craco/intlayerCracoPlugin.d.mts

@@ -0,0 +1,26 @@
+import { WebpackConfigOverride, CracoConfigOverride, CracoConfig, CracoPlugin } from '@craco/types';
+import { Configuration } from 'webpack';
+
+declare const overrideWebpackConfig: ({ webpackConfig, }: WebpackConfigOverride) => Configuration;
+declare const overrideCracoConfig: ({ cracoConfig, }: CracoConfigOverride) => CracoConfig;
+/**
+ * A CRACO plugin that adds the IntLayer configuration to the webpack configuration and sets the environment variables.
+ *
+ * Usage:
+ *
+ * ```ts
+ * const cracoConfig: CracoConfig = {
+ *  plugins: [
+ *   {
+ *    plugin: intlayerCracoPlugin(),
+ *   },
+ *  ],
+ * };
+ *
+ * export default cracoConfig;
+ * ```
+ *
+ */
+declare const plugin: CracoPlugin;
+
+export { overrideCracoConfig, overrideWebpackConfig, plugin };