react-intlayer 1.2.0 → 2.0.0

package/dist/cjs/processDictionary/index.d.ts

@@ -1,11 +1,12 @@
 import { Locales } from '@intlayer/config/client';
-import { ContentValue, TransformedContentValue, Content, TransformedContent } from './contentDictionary.d.js';
-import '@intlayer/core';
+import { KeyPath } from '@intlayer/core';
+import { ContentValue, TransformedContentValue, Content, TransformedContent } from './contentDictionary.js';
+import 'react';
 
-declare const processNode: (field: ContentValue | undefined, locale: Locales) => TransformedContentValue;
+declare const processNode: (field: ContentValue | undefined, locale: Locales, dictionaryId: string, dictionaryPath: string, keyPath?: KeyPath[]) => TransformedContentValue;
 /**
  * Function that process a dictionary and return the result to be used in the application.
  */
-declare const processDictionary: (content: Content, locale?: Locales) => TransformedContent;
+declare const processDictionary: (content: Content, dictionaryId: string, dictionaryPath: string, keyPath?: KeyPath[], locale?: Locales) => TransformedContent;
 
 export { processDictionary, processNode };

package/dist/cjs/server/IntlayerServerProvider.cjs

@@ -28,7 +28,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@intlayer/config/client");
 var import_serverContext = require('./serverContext.cjs');
 const IntlayerServerContext = (0, import_serverContext.createServerContext)(
-  import_client.intlayerIntlConfiguration.defaultLocale
+  (0, import_client.getConfiguration)().internationalization.defaultLocale
 );
 const useIntlayer = () => (0, import_serverContext.getServerContext)(IntlayerServerContext);
 const locale = (0, import_serverContext.getServerContext)(IntlayerServerContext);

package/dist/cjs/server/IntlayerServerProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/server/IntlayerServerProvider.tsx"],"sourcesContent":["import {\n  type Locales,\n  intlayerIntlConfiguration,\n} from '@intlayer/config/client';\nimport type { FC, PropsWithChildren } from 'react';\nimport { createServerContext, getServerContext } from './serverContext';\n\n/**\n * Context that store the current locale on the server side\n */\nexport const IntlayerServerContext = createServerContext<Locales>(\n  intlayerIntlConfiguration.defaultLocale\n);\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayer = () => getServerContext(IntlayerServerContext);\n\n/**\n * Get the current locale\n */\nexport const locale = getServerContext(IntlayerServerContext);\n\nexport type IntlayerServerProviderProps = PropsWithChildren & {\n  locale: Locales;\n};\n\n/**\n * Provider that store the current locale on the server side\n */\nexport const IntlayerServerProvider: FC<IntlayerServerProviderProps> = ({\n  children,\n  locale,\n}) => (\n  <IntlayerServerContext.Provider value={locale}>\n    {children}\n  </IntlayerServerContext.Provider>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCE;AAnCF,oBAGO;AAEP,2BAAsD;AAK/C,MAAM,4BAAwB;AAAA,EACnC,wCAA0B;AAC5B;AAKO,MAAM,cAAc,UAAM,uCAAiB,qBAAqB;AAKhE,MAAM,aAAS,uCAAiB,qBAAqB;AASrD,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,QAAAA;AACF,MACE,4CAAC,sBAAsB,UAAtB,EAA+B,OAAOA,SACpC,UACH;","names":["locale"]}
+{"version":3,"sources":["../../../src/server/IntlayerServerProvider.tsx"],"sourcesContent":["import { type Locales, getConfiguration } from '@intlayer/config/client';\nimport type { FC, PropsWithChildren } from 'react';\nimport { createServerContext, getServerContext } from './serverContext';\n\n/**\n * Context that store the current locale on the server side\n */\nexport const IntlayerServerContext = createServerContext<Locales>(\n  getConfiguration().internationalization.defaultLocale\n);\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayer = () => getServerContext(IntlayerServerContext);\n\n/**\n * Get the current locale\n */\nexport const locale = getServerContext(IntlayerServerContext);\n\nexport type IntlayerServerProviderProps = PropsWithChildren & {\n  locale: Locales;\n};\n\n/**\n * Provider that store the current locale on the server side\n */\nexport const IntlayerServerProvider: FC<IntlayerServerProviderProps> = ({\n  children,\n  locale,\n}) => (\n  <IntlayerServerContext.Provider value={locale}>\n    {children}\n  </IntlayerServerContext.Provider>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCE;AAhCF,oBAA+C;AAE/C,2BAAsD;AAK/C,MAAM,4BAAwB;AAAA,MACnC,gCAAiB,EAAE,qBAAqB;AAC1C;AAKO,MAAM,cAAc,UAAM,uCAAiB,qBAAqB;AAKhE,MAAM,aAAS,uCAAiB,qBAAqB;AASrD,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,QAAAA;AACF,MACE,4CAAC,sBAAsB,UAAtB,EAA+B,OAAOA,SACpC,UACH;","names":["locale"]}

package/dist/cjs/server/getLocaleTranslation.cjs

@@ -29,7 +29,7 @@ const getLocaleTranslation = (languageContent) => {
   const locale = (0, import_serverContext.getServerContext)(import_IntlayerServerProvider.IntlayerServerContext);
   const content = (0, import_core.getTranslationContent)(
     languageContent,
-    locale ?? import_client.intlayerIntlConfiguration.defaultLocale
+    locale ?? (0, import_client.getConfiguration)().internationalization.defaultLocale
   );
   return {
     locale,

package/dist/cjs/server/getLocaleTranslation.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/server/getLocaleTranslation.ts"],"sourcesContent":["import { intlayerIntlConfiguration } from '@intlayer/config/client';\nimport { type LanguageContent, getTranslationContent } from '@intlayer/core';\nimport { IntlayerServerContext } from './IntlayerServerProvider';\nimport { getServerContext } from './serverContext';\n\n/**\n * On the server side, get the translation content based on the locale\n */\nexport const getLocaleTranslation = <Content>(\n  languageContent: LanguageContent<Content>\n) => {\n  const locale = getServerContext(IntlayerServerContext);\n  const content = getTranslationContent<Content>(\n    languageContent,\n    locale ?? intlayerIntlConfiguration.defaultLocale\n  );\n\n  return {\n    locale,\n    content,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA0C;AAC1C,kBAA4D;AAC5D,oCAAsC;AACtC,2BAAiC;AAK1B,MAAM,uBAAuB,CAClC,oBACG;AACH,QAAM,aAAS,uCAAiB,mDAAqB;AACrD,QAAM,cAAU;AAAA,IACd;AAAA,IACA,UAAU,wCAA0B;AAAA,EACtC;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../src/server/getLocaleTranslation.ts"],"sourcesContent":["import { getConfiguration } from '@intlayer/config/client';\nimport { type LanguageContent, getTranslationContent } from '@intlayer/core';\nimport { IntlayerServerContext } from './IntlayerServerProvider';\nimport { getServerContext } from './serverContext';\n\n/**\n * On the server side, get the translation content based on the locale\n */\nexport const getLocaleTranslation = <Content>(\n  languageContent: LanguageContent<Content>\n) => {\n  const locale = getServerContext(IntlayerServerContext);\n  const content = getTranslationContent<Content>(\n    languageContent,\n    locale ?? getConfiguration().internationalization.defaultLocale\n  );\n\n  return {\n    locale,\n    content,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAiC;AACjC,kBAA4D;AAC5D,oCAAsC;AACtC,2BAAiC;AAK1B,MAAM,uBAAuB,CAClC,oBACG;AACH,QAAM,aAAS,uCAAiB,mDAAqB;AACrD,QAAM,cAAU;AAAA,IACd;AAAA,IACA,cAAU,gCAAiB,EAAE,qBAAqB;AAAA,EACpD;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/server/useTraduction.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/server/useTraduction.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport type { LanguageContent } from '@intlayer/core';\nimport { getTranslation } from '../getTranslation';\nimport { IntlayerServerContext } from './IntlayerServerProvider';\nimport { getServerContext } from './serverContext';\n\n/**\n * On the server side, hook to get the translation content based on the locale\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 * const content = getTranslation<string>({\n * en: 'Hello',\n * fr: 'Bonjour',\n * },\n * 'fr');\n * // 'Bonjour'\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) => {\n  const locale = getServerContext<Locales>(IntlayerServerContext);\n\n  return getTranslation(languageContent, locale);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,4BAA+B;AAC/B,oCAAsC;AACtC,2BAAiC;AAsB1B,MAAM,gBAAgB,CAC3B,oBACG;AACH,QAAM,aAAS,uCAA0B,mDAAqB;AAE9D,aAAO,sCAAe,iBAAiB,MAAM;AAC/C;","names":[]}
+{"version":3,"sources":["../../../src/server/useTraduction.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport type { LanguageContent } from '@intlayer/core';\nimport { getTranslation } from '../getTranslation';\nimport { IntlayerServerContext } from './IntlayerServerProvider';\nimport { getServerContext } from './serverContext';\n\n/**\n * On the server side, hook to get the translation content based on the locale\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 * ```ts\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) => {\n  const locale = getServerContext<Locales>(IntlayerServerContext);\n\n  return getTranslation(languageContent, locale);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,4BAA+B;AAC/B,oCAAsC;AACtC,2BAAiC;AAuB1B,MAAM,gBAAgB,CAC3B,oBACG;AACH,QAAM,aAAS,uCAA0B,mDAAqB;AAE9D,aAAO,sCAAe,iBAAiB,MAAM;AAC/C;","names":[]}

package/dist/cjs/server/useTraduction.d.ts

@@ -9,12 +9,13 @@ import { LanguageContent } from '@intlayer/core';
  *
  * Usage:
  *
- * const content = getTranslation<string>({
+ * ```ts
+ * const content = useTraduction<string>({
  * en: 'Hello',
  * fr: 'Bonjour',
- * },
- * 'fr');
+ * }, 'fr');
  * // 'Bonjour'
+ * ```
  *
  * Using TypeScript:
  * - this function will require each locale to be defined if defined in the project configuration.

package/dist/cjs/useIntlayerBase.cjs

@@ -37,6 +37,9 @@ const useIntlayerBase = (id, locale) => {
   const dictionary = import_dictionaries_entry.default[id];
   return (0, import_processDictionary.processDictionary)(
     dictionary,
+    id,
+    dictionary.filePath,
+    [],
     locale
   );
 };

package/dist/cjs/useIntlayerBase.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/useIntlayerBase.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\n/**\n * @intlayer/dictionaries-entry is a package that only returns the dictionary entry path.\n * Using an external package allow to alias it in the bundle configuration (such as webpack).\n * The alias allow hot reload the app (such as nextjs) on any dictionary change.\n */\nimport dictionaries from '@intlayer/dictionaries-entry';\nimport type { IntlayerDictionaryTypesConnector } from 'intlayer';\nimport type { Content } from './processDictionary/contentDictionary';\nimport { processDictionary } from './processDictionary/index';\n\nexport type StringFallback<T> = T extends never ? string : T; // If no keys are found, return string to disable error, and accept any string as dictionary key\nexport type DictionaryKeys = StringFallback<\n  keyof IntlayerDictionaryTypesConnector\n>;\n\nexport type UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => IntlayerDictionaryTypesConnector[T];\n\n/**\n * Hook that picking one dictionary by its id and return the content.\n */\nexport const useIntlayerBase: UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => {\n  const dictionary: Content = dictionaries[id];\n\n  return processDictionary(\n    dictionary,\n    locale\n  ) as IntlayerDictionaryTypesConnector[T];\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,gCAAyB;AAGzB,+BAAkC;AAe3B,MAAM,kBAA+B,CAC1C,IACA,WACG;AACH,QAAM,aAAsB,0BAAAA,QAAa,EAAE;AAE3C,aAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;","names":["dictionaries"]}
+{"version":3,"sources":["../../src/useIntlayerBase.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\n/**\n * @intlayer/dictionaries-entry is a package that only returns the dictionary entry path.\n * Using an external package allow to alias it in the bundle configuration (such as webpack).\n * The alias allow hot reload the app (such as nextjs) on any dictionary change.\n */\nimport dictionaries from '@intlayer/dictionaries-entry';\nimport type { IntlayerDictionaryTypesConnector } from 'intlayer';\nimport type { Content } from './processDictionary/contentDictionary';\nimport { processDictionary } from './processDictionary/index';\n\nexport type StringFallback<T> = T extends never ? string : T; // If no keys are found, return string to disable error, and accept any string as dictionary key\nexport type DictionaryKeys = StringFallback<\n  keyof IntlayerDictionaryTypesConnector\n>;\n\nexport type UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => IntlayerDictionaryTypesConnector[T];\n\n/**\n * Hook that picking one dictionary by its id and return the content.\n */\nexport const useIntlayerBase: UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => {\n  const dictionary: Content = dictionaries[id];\n\n  return processDictionary(\n    dictionary,\n    id,\n    dictionary.filePath as string,\n    [],\n    locale\n  ) as IntlayerDictionaryTypesConnector[T];\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,gCAAyB;AAGzB,+BAAkC;AAe3B,MAAM,kBAA+B,CAC1C,IACA,WACG;AACH,QAAM,aAAsB,0BAAAA,QAAa,EAAE;AAE3C,aAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,CAAC;AAAA,IACD;AAAA,EACF;AACF;","names":["dictionaries"]}

package/dist/cjs/vite/intlayerPlugin.cjs

@@ -0,0 +1,60 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var intlayerPlugin_exports = {};
+__export(intlayerPlugin_exports, {
+  intLayerPlugin: () => intLayerPlugin
+});
+module.exports = __toCommonJS(intlayerPlugin_exports);
+var import_path = require("path");
+var import_chokidar = require("@intlayer/chokidar");
+var import_config = require("@intlayer/config");
+var import_vite = require("vite");
+const import_meta = {};
+const intLayerPlugin = (_pluginOptions = {}) => ({
+  name: "vite-intlayer-plugin",
+  config: (config, { mode }) => {
+    const intlayerConfig = (0, import_config.getConfiguration)();
+    const env = (0, import_config.formatEnvVariable)("vite");
+    process.env = { ...process.env, ...(0, import_vite.loadEnv)(mode, process.cwd()), ...env };
+    const { mainDir, baseDir } = intlayerConfig.content;
+    const dictionariesPath = (0, import_path.join)(mainDir, "dictionaries.mjs");
+    const relativeDictionariesPath = (0, import_path.relative)(baseDir, dictionariesPath);
+    config.resolve = {
+      ...config.resolve,
+      alias: {
+        ...config.resolve?.alias,
+        "@intlayer/dictionaries-entry": (0, import_path.resolve)(relativeDictionariesPath)
+      }
+    };
+    return config;
+  },
+  buildStart: () => {
+    (0, import_chokidar.watch)({
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      persistent: import_meta.env === "development"
+    });
+  },
+  configureServer: () => {
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  intLayerPlugin
+});
+//# sourceMappingURL=intlayerPlugin.cjs.map

package/dist/cjs/vite/intlayerPlugin.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/vite/intlayerPlugin.ts"],"sourcesContent":["import { join, relative, resolve } from 'path';\nimport { watch } from '@intlayer/chokidar';\nimport { getConfiguration, formatEnvVariable } from '@intlayer/config';\nimport { loadEnv, type Plugin } from 'vite';\n\n// Plugin options type definition\ntype PluginOptions = {\n  // Custom options for your plugin, if any\n};\n\n/**\n *\n * A Vite plugin that integrates IntLayer configuration into the build process\n *\n * ```ts\n * // Example usage of the plugin in a Vite configuration\n * export default defineConfig({\n *   plugins: [ intLayerPlugin() ],\n * });\n * ```\n *  */\nexport const intLayerPlugin = (_pluginOptions: PluginOptions = {}): Plugin => ({\n  name: 'vite-intlayer-plugin',\n\n  config: (config, { mode }) => {\n    const intlayerConfig = getConfiguration();\n\n    // Set all configuration values as environment variables\n    const env = formatEnvVariable('vite');\n\n    process.env = { ...process.env, ...loadEnv(mode, process.cwd()), ...env };\n\n    const { mainDir, baseDir } = intlayerConfig.content;\n    const dictionariesPath = join(mainDir, 'dictionaries.mjs');\n    const relativeDictionariesPath = relative(baseDir, dictionariesPath);\n\n    // Update Vite's resolve alias\n    config.resolve = {\n      ...config.resolve,\n      alias: {\n        ...config.resolve?.alias,\n        '@intlayer/dictionaries-entry': resolve(relativeDictionariesPath),\n      },\n    };\n\n    return config;\n  },\n\n  buildStart: () => {\n    // Code to run when Vite build starts\n    watch({\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      persistent: (import.meta as any).env === 'development',\n    });\n  },\n  configureServer: () => {\n    // Custom server configuration, if needed\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAwC;AACxC,sBAAsB;AACtB,oBAAoD;AACpD,kBAAqC;AAHrC;AAqBO,MAAM,iBAAiB,CAAC,iBAAgC,CAAC,OAAe;AAAA,EAC7E,MAAM;AAAA,EAEN,QAAQ,CAAC,QAAQ,EAAE,KAAK,MAAM;AAC5B,UAAM,qBAAiB,gCAAiB;AAGxC,UAAM,UAAM,iCAAkB,MAAM;AAEpC,YAAQ,MAAM,EAAE,GAAG,QAAQ,KAAK,OAAG,qBAAQ,MAAM,QAAQ,IAAI,CAAC,GAAG,GAAG,IAAI;AAExE,UAAM,EAAE,SAAS,QAAQ,IAAI,eAAe;AAC5C,UAAM,uBAAmB,kBAAK,SAAS,kBAAkB;AACzD,UAAM,+BAA2B,sBAAS,SAAS,gBAAgB;AAGnE,WAAO,UAAU;AAAA,MACf,GAAG,OAAO;AAAA,MACV,OAAO;AAAA,QACL,GAAG,OAAO,SAAS;AAAA,QACnB,oCAAgC,qBAAQ,wBAAwB;AAAA,MAClE;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,YAAY,MAAM;AAEhB,+BAAM;AAAA;AAAA,MAEJ,YAAa,YAAoB,QAAQ;AAAA,IAC3C,CAAC;AAAA,EACH;AAAA,EACA,iBAAiB,MAAM;AAAA,EAEvB;AACF;","names":[]}

package/dist/cjs/vite/intlayerPlugin.d.ts

@@ -0,0 +1,17 @@
+import { Plugin } from 'vite';
+
+type PluginOptions = {};
+/**
+ *
+ * A Vite plugin that integrates IntLayer configuration into the build process
+ *
+ * ```ts
+ * // Example usage of the plugin in a Vite configuration
+ * export default defineConfig({
+ *   plugins: [ intLayerPlugin() ],
+ * });
+ * ```
+ *  */
+declare const intLayerPlugin: (_pluginOptions?: PluginOptions) => Plugin;
+
+export { intLayerPlugin };

package/dist/esm/IntlayerProvider.mjs

@@ -1,12 +1,13 @@
+import "./chunk-ZNCO4QRF.mjs";
 import { jsx } from "react/jsx-runtime";
-import { intlayerIntlConfiguration } from "@intlayer/config/client";
+import { getConfiguration } from "@intlayer/config/client";
 import {
   IntlayerClientProvider
 } from './client/IntlayerClientProvider.mjs';
 import {
   IntlayerServerProvider
 } from './server/IntlayerServerProvider.mjs';
-const defaultLocale = intlayerIntlConfiguration.defaultLocale;
+const { defaultLocale } = getConfiguration().internationalization;
 const IntlayerProvider = ({
   children,
   locale = defaultLocale

package/dist/esm/IntlayerProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/IntlayerProvider.tsx"],"sourcesContent":["import { intlayerIntlConfiguration } from '@intlayer/config/client';\nimport type { FC } from 'react';\nimport {\n  IntlayerClientProvider,\n  type IntlayerClientProviderProps,\n} from './client/IntlayerClientProvider';\nimport {\n  IntlayerServerProvider,\n  type IntlayerServerProviderProps,\n} from './server/IntlayerServerProvider';\n\nconst defaultLocale = intlayerIntlConfiguration.defaultLocale;\n\ntype IntlayerProviderProps = IntlayerClientProviderProps &\n  IntlayerServerProviderProps;\n\nexport const IntlayerProvider: FC<IntlayerProviderProps> = ({\n  children,\n  locale = defaultLocale,\n}) => (\n  <IntlayerServerProvider locale={locale}>\n    <IntlayerClientProvider locale={locale}>{children}</IntlayerClientProvider>\n  </IntlayerServerProvider>\n);\n"],"mappings":"AAqBI;AArBJ,SAAS,iCAAiC;AAE1C;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAEK;AAEP,MAAM,gBAAgB,0BAA0B;AAKzC,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,SAAS;AACX,MACE,oBAAC,0BAAuB,QACtB,8BAAC,0BAAuB,QAAiB,UAAS,GACpD;","names":[]}
+{"version":3,"sources":["../../src/IntlayerProvider.tsx"],"sourcesContent":["import { getConfiguration } from '@intlayer/config/client';\nimport type { FC } from 'react';\nimport {\n  IntlayerClientProvider,\n  type IntlayerClientProviderProps,\n} from './client/IntlayerClientProvider';\nimport {\n  IntlayerServerProvider,\n  type IntlayerServerProviderProps,\n} from './server/IntlayerServerProvider';\n\nconst { defaultLocale } = getConfiguration().internationalization;\n\ntype IntlayerProviderProps = IntlayerClientProviderProps &\n  IntlayerServerProviderProps;\n\nexport const IntlayerProvider: FC<IntlayerProviderProps> = ({\n  children,\n  locale = defaultLocale,\n}) => (\n  <IntlayerServerProvider locale={locale}>\n    <IntlayerClientProvider locale={locale}>{children}</IntlayerClientProvider>\n  </IntlayerServerProvider>\n);\n"],"mappings":";AAqBI;AArBJ,SAAS,wBAAwB;AAEjC;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAEK;AAEP,MAAM,EAAE,cAAc,IAAI,iBAAiB,EAAE;AAKtC,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,SAAS;AACX,MACE,oBAAC,0BAAuB,QACtB,8BAAC,0BAAuB,QAAiB,UAAS,GACpD;","names":[]}

package/dist/esm/chunk-ZNCO4QRF.mjs

@@ -0,0 +1,9 @@
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+
+export {
+  __commonJS
+};
+//# sourceMappingURL=chunk-ZNCO4QRF.mjs.map

package/dist/esm/cli/react-intlayer.d.mts

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/dist/esm/cli/react-intlayer.mjs

@@ -0,0 +1,45 @@
+#!/usr/bin/env node
+import spawn from "cross-spawn";
+const args = process.argv.slice(2);
+const scriptIndex = args.findIndex(
+  (x) => x === "build" || x === "start" || x === "test"
+);
+const script = scriptIndex === -1 ? args[0] : args[scriptIndex];
+switch (script) {
+  case "build":
+  case "start":
+  case "test": {
+    const nodeArgs = scriptIndex > 0 ? args.slice(0, scriptIndex) : [];
+    const scriptPath = require.resolve(`@craco/craco/dist/scripts/${script}`);
+    const scriptArgs = args.slice(scriptIndex + 1);
+    const processArgs = nodeArgs.concat(scriptPath).concat([
+      ...scriptArgs,
+      "--config",
+      "./node_modules/react-intlayer/dist/cjs/craco/craco.config.cjs"
+    ]);
+    const child = spawn.sync("node", processArgs, { stdio: "inherit" });
+    if (child.signal) {
+      if (child.signal === "SIGKILL") {
+        console.info(`
+                The build failed because the process exited too early.
+                This probably means the system ran out of memory or someone called
+                \`kill -9\` on the process.
+            `);
+      } else if (child.signal === "SIGTERM") {
+        console.info(`
+                The build failed because the process exited too early.
+                Someone might have called  \`kill\` or \`killall\`, or the system could
+                be shutting down.
+            `);
+      }
+      process.exit(1);
+    }
+    process.exit(child.status ?? void 0);
+    break;
+  }
+  default:
+    console.info(`Unknown script "${script}".`);
+    console.info("Perhaps you need to update craco?");
+    break;
+}
+//# sourceMappingURL=react-intlayer.mjs.map

package/dist/esm/cli/react-intlayer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/cli/react-intlayer.ts"],"sourcesContent":["#!/usr/bin/env node\n\n/**\n * To make the setup easier, we are using craco to override the webpack configuration.\n * This script is used to run the craco scripts with the custom configuration.\n *\n * The script is based on the original craco script from create-react-app.\n */\n\nimport spawn from 'cross-spawn';\n\nconst args = process.argv.slice(2);\nconst scriptIndex = args.findIndex(\n  (x) => x === 'build' || x === 'start' || x === 'test'\n);\nconst script = scriptIndex === -1 ? args[0] : args[scriptIndex];\n\nswitch (script) {\n  case 'build':\n  case 'start':\n  case 'test': {\n    const nodeArgs = scriptIndex > 0 ? args.slice(0, scriptIndex) : [];\n    const scriptPath = require.resolve(`@craco/craco/dist/scripts/${script}`);\n    const scriptArgs = args.slice(scriptIndex + 1);\n    const processArgs = nodeArgs\n      .concat(scriptPath)\n      .concat([\n        ...scriptArgs,\n        '--config',\n        './node_modules/react-intlayer/dist/cjs/craco/craco.config.cjs',\n      ]);\n\n    const child = spawn.sync('node', processArgs, { stdio: 'inherit' });\n\n    if (child.signal) {\n      if (child.signal === 'SIGKILL') {\n        console.info(`\n                The build failed because the process exited too early.\n                This probably means the system ran out of memory or someone called\n                \\`kill -9\\` on the process.\n            `);\n      } else if (child.signal === 'SIGTERM') {\n        console.info(`\n                The build failed because the process exited too early.\n                Someone might have called  \\`kill\\` or \\`killall\\`, or the system could\n                be shutting down.\n            `);\n      }\n\n      process.exit(1);\n    }\n\n    process.exit(child.status ?? undefined);\n    break;\n  }\n  default:\n    console.info(`Unknown script \"${script}\".`);\n    console.info('Perhaps you need to update craco?');\n    break;\n}\n"],"mappings":";AASA,OAAO,WAAW;AAElB,MAAM,OAAO,QAAQ,KAAK,MAAM,CAAC;AACjC,MAAM,cAAc,KAAK;AAAA,EACvB,CAAC,MAAM,MAAM,WAAW,MAAM,WAAW,MAAM;AACjD;AACA,MAAM,SAAS,gBAAgB,KAAK,KAAK,CAAC,IAAI,KAAK,WAAW;AAE9D,QAAQ,QAAQ;AAAA,EACd,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK,QAAQ;AACX,UAAM,WAAW,cAAc,IAAI,KAAK,MAAM,GAAG,WAAW,IAAI,CAAC;AACjE,UAAM,aAAa,QAAQ,QAAQ,6BAA6B,MAAM,EAAE;AACxE,UAAM,aAAa,KAAK,MAAM,cAAc,CAAC;AAC7C,UAAM,cAAc,SACjB,OAAO,UAAU,EACjB,OAAO;AAAA,MACN,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IACF,CAAC;AAEH,UAAM,QAAQ,MAAM,KAAK,QAAQ,aAAa,EAAE,OAAO,UAAU,CAAC;AAElE,QAAI,MAAM,QAAQ;AAChB,UAAI,MAAM,WAAW,WAAW;AAC9B,gBAAQ,KAAK;AAAA;AAAA;AAAA;AAAA,aAIR;AAAA,MACP,WAAW,MAAM,WAAW,WAAW;AACrC,gBAAQ,KAAK;AAAA;AAAA;AAAA;AAAA,aAIR;AAAA,MACP;AAEA,cAAQ,KAAK,CAAC;AAAA,IAChB;AAEA,YAAQ,KAAK,MAAM,UAAU,MAAS;AACtC;AAAA,EACF;AAAA,EACA;AACE,YAAQ,KAAK,mBAAmB,MAAM,IAAI;AAC1C,YAAQ,KAAK,mCAAmC;AAChD;AACJ;","names":[]}

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

@@ -0,0 +1,6 @@
+import { ContentEditionLayoutProps } from 'intlayer-editor/client';
+import { FC } from 'react';
+
+declare const ContentEditionLayout: FC<ContentEditionLayoutProps>;
+
+export { ContentEditionLayout };

package/dist/esm/client/ContentEditionLayout.mjs

@@ -0,0 +1,11 @@
+import "../chunk-ZNCO4QRF.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
+import {
+  ContentEditionLayout as ContentEditionLayoutBase
+} from "intlayer-editor/client";
+const BlankLayout = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
+const ContentEditionLayout = typeof ContentEditionLayoutBase === "undefined" ? BlankLayout : ContentEditionLayoutBase;
+export {
+  ContentEditionLayout
+};
+//# sourceMappingURL=ContentEditionLayout.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/ContentEditionLayout.tsx"],"sourcesContent":["import {\n  ContentEditionLayout as ContentEditionLayoutBase,\n  type ContentEditionLayoutProps,\n} from 'intlayer-editor/client';\nimport type { FC } from 'react';\n\nconst BlankLayout: FC<ContentEditionLayoutProps> = ({ children }) => (\n  <>{children}</>\n);\n\n// intlayer-editor is an optional dependency. If it's not installed, return the blank layout\nexport const ContentEditionLayout: FC<ContentEditionLayoutProps> =\n  typeof ContentEditionLayoutBase === 'undefined'\n    ? BlankLayout\n    : (ContentEditionLayoutBase as typeof ContentEditionLayout);\n"],"mappings":";AAOE;AAPF;AAAA,EACE,wBAAwB;AAAA,OAEnB;AAGP,MAAM,cAA6C,CAAC,EAAE,SAAS,MAC7D,gCAAG,UAAS;AAIP,MAAM,uBACX,OAAO,6BAA6B,cAChC,cACC;","names":[]}

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

@@ -4,6 +4,7 @@ import { Locales } from '@intlayer/config/client';
 
 type IntlayerValue = {
     locale: Locales;
+    setLocale: (newLocale: Locales) => void;
 };
 /**
  * Context that store the current locale on the client side
@@ -14,7 +15,7 @@ declare const IntlayerClientContext: react.Context<IntlayerValue>;
  */
 declare const useIntlayerContext: () => IntlayerValue;
 type IntlayerClientProviderProps = PropsWithChildren & {
-    locale: Locales;
+    locale?: Locales;
 };
 /**
  * Provider that store the current locale on the client side

package/dist/esm/client/IntlayerClientProvider.mjs

@@ -1,21 +1,56 @@
 "use client";
+import "../chunk-ZNCO4QRF.mjs";
 import { jsx } from "react/jsx-runtime";
-import {
-  intlayerIntlConfiguration
-} from "@intlayer/config/client";
+import { getConfiguration } from "@intlayer/config/client";
 import {
   createContext,
-  useContext
+  useContext,
+  useMemo,
+  useState,
+  useCallback
 } from "react";
-import { localeCookie } from './useLocaleCookie.mjs';
+import { ContentEditionLayout } from './ContentEditionLayout.mjs';
+import { localeCookie, setLocaleCookie } from './useLocaleCookie.mjs';
 const IntlayerClientContext = createContext({
-  locale: localeCookie ?? intlayerIntlConfiguration.defaultLocale
+  locale: localeCookie ?? getConfiguration().internationalization.defaultLocale,
+  setLocale: () => null
 });
 const useIntlayerContext = () => useContext(IntlayerClientContext);
 const IntlayerClientProvider = ({
   locale,
   children
-}) => /* @__PURE__ */ jsx(IntlayerClientContext.Provider, { value: { 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: /* @__PURE__ */ jsx(
+    ContentEditionLayout,
+    {
+      locale: currentLocale,
+      setLocale,
+      localeList: availableLocales,
+      children
+    }
+  ) });
+};
 export {
   IntlayerClientContext,
   IntlayerClientProvider,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/IntlayerClientProvider.tsx"],"sourcesContent":["'use client';\n\nimport {\n  intlayerIntlConfiguration,\n  type Locales,\n} from '@intlayer/config/client';\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  type FC,\n} from 'react';\nimport { localeCookie } from './useLocaleCookie';\n\ntype IntlayerValue = {\n  locale: Locales;\n};\n\n/**\n * Context that store the current locale on the client side\n */\nexport const IntlayerClientContext = createContext<IntlayerValue>({\n  locale: localeCookie ?? intlayerIntlConfiguration.defaultLocale,\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  <IntlayerClientContext.Provider value={{ locale }}>\n    {children}\n  </IntlayerClientContext.Provider>\n);\n"],"mappings":";AAyCE;AAvCF;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EAEE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,oBAAoB;AAStB,MAAM,wBAAwB,cAA6B;AAAA,EAChE,QAAQ,gBAAgB,0BAA0B;AACpD,CAAC;AAKM,MAAM,qBAAqB,MAAM,WAAW,qBAAqB;AASjE,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AACF,MACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,EAAE,OAAO,GAC7C,UACH;","names":[]}
+{"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 { ContentEditionLayout } from './ContentEditionLayout';\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      <ContentEditionLayout\n        locale={currentLocale}\n        setLocale={setLocale}\n        localeList={availableLocales}\n      >\n        {children}\n      </ContentEditionLayout>\n    </IntlayerClientContext.Provider>\n  );\n};\n"],"mappings":";;AAyEM;AAvEN,SAAS,wBAAsC;AAC/C;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;AACrC,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,OAC9B;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA,YAAY;AAAA,MAEX;AAAA;AAAA,EACH,GACF;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 { 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';