preact-intlayer 5.5.5 → 5.5.7

package/dist/esm/IntlayerNode.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/IntlayerNode.tsx"],"sourcesContent":["import type { NodeProps } from '@intlayer/core';\nimport {\n  type ComponentChildren,\n  Fragment,\n  type VNode,\n  h,\n  isValidElement,\n} from 'preact';\n\nexport type IntlayerNode<\n  T = NodeProps['children'],\n  AdditionalProps = {},\n> = VNode & {\n  value: T;\n} & AdditionalProps;\n\ntype RenderIntlayerNodeProps<T> = {\n  value: T;\n  children: ComponentChildren;\n  additionalProps?: { [key: string]: any };\n};\n\nexport const renderIntlayerNode = <\n  T extends number | string | boolean | undefined | null,\n>({\n  children,\n  value,\n  additionalProps,\n}: RenderIntlayerNodeProps<T>): IntlayerNode<T> => {\n  // If children is not a valid VNode, wrap it in a fragment\n  const element: VNode<any> = isValidElement(children)\n    ? children\n    : h(Fragment, {}, children);\n\n  // Return a Proxy that pretends to be the original element\n  // but also has a .value getter.\n  return new Proxy(element as VNode, {\n    get(target, prop, receiver) {\n      if (prop === 'value') {\n        return value;\n      }\n\n      if (\n        additionalProps &&\n        Object.keys(additionalProps).includes(prop as string)\n      ) {\n        return additionalProps[prop as keyof typeof additionalProps];\n      }\n\n      return Reflect.get(target, prop, receiver);\n    },\n  }) as IntlayerNode<T>;\n};\n"],"mappings":"AACA;AAAA,EAEE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAeA,MAAM,qBAAqB,CAEhC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAmD;AAEjD,QAAM,UAAsB,eAAe,QAAQ,IAC/C,WACA,EAAE,UAAU,CAAC,GAAG,QAAQ;AAI5B,SAAO,IAAI,MAAM,SAAkB;AAAA,IACjC,IAAI,QAAQ,MAAM,UAAU;AAC1B,UAAI,SAAS,SAAS;AACpB,eAAO;AAAA,MACT;AAEA,UACE,mBACA,OAAO,KAAK,eAAe,EAAE,SAAS,IAAc,GACpD;AACA,eAAO,gBAAgB,IAAoC;AAAA,MAC7D;AAEA,aAAO,QAAQ,IAAI,QAAQ,MAAM,QAAQ;AAAA,IAC3C;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/esm/UI/ContentSelector.mjs

@@ -0,0 +1,103 @@
+"use client";
+import { jsx } from "preact/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "preact/hooks";
+const DEFAULT_PRESS_DETECT_DURATION = 250;
+const ContentSelector = ({
+  children,
+  onPress: onSelect,
+  onClickOutside: onUnselect,
+  pressDuration = DEFAULT_PRESS_DETECT_DURATION,
+  isSelecting: isSelectingProp,
+  ...props
+}) => {
+  const divRef = useRef(null);
+  const [isHovered, setIsHovered] = useState(false);
+  const [isSelectingState, setIsSelectingState] = useState(isSelectingProp);
+  const pressTimerRef = useRef(null);
+  const isChildrenString = typeof children === "string";
+  const handleOnLongPress = () => {
+    setIsSelectingState(true);
+    onSelect();
+  };
+  const startPressTimer = () => {
+    pressTimerRef.current = setTimeout(() => {
+      handleOnLongPress();
+    }, pressDuration);
+  };
+  const clearPressTimer = () => {
+    if (pressTimerRef.current) {
+      clearTimeout(pressTimerRef.current);
+      pressTimerRef.current = null;
+    }
+  };
+  const handleMouseDown = () => {
+    clearPressTimer();
+    startPressTimer();
+  };
+  const handleMouseEnter = () => {
+    setIsHovered(true);
+  };
+  const handleMouseUp = () => {
+    setIsHovered(false);
+    clearPressTimer();
+  };
+  const handleClickOutside = useCallback(
+    (event) => {
+      if (divRef.current && !divRef.current.contains(event.target)) {
+        setIsSelectingState(false);
+        onUnselect?.();
+      }
+    },
+    [onUnselect]
+  );
+  useEffect(() => {
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [handleClickOutside]);
+  const handleOnClick = (e) => {
+    if (isSelectingState) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+  };
+  const handleOnBlur = () => {
+    setIsSelectingState(false);
+  };
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      style: {
+        display: isChildrenString ? "inline" : "inline-block",
+        cursor: "pointer",
+        userSelect: "none",
+        borderRadius: "0.375rem",
+        outlineWidth: "2px",
+        outlineOffset: "4px",
+        outlineStyle: "solid",
+        outlineColor: isSelectingProp || isSelectingState || isHovered ? "inherit" : "transparent",
+        transition: "all 100ms 50ms ease-in-out"
+      },
+      role: "button",
+      tabIndex: 0,
+      onKeyUp: () => null,
+      onClick: handleOnClick,
+      onMouseDown: handleMouseDown,
+      onMouseUp: handleMouseUp,
+      onMouseLeave: handleMouseUp,
+      onTouchStart: handleMouseDown,
+      onTouchEnd: handleMouseUp,
+      onTouchCancel: handleMouseUp,
+      onBlur: handleOnBlur,
+      onMouseEnter: handleMouseEnter,
+      ref: divRef,
+      ...props,
+      children
+    }
+  );
+};
+export {
+  ContentSelector
+};
+//# sourceMappingURL=ContentSelector.mjs.map

package/dist/esm/UI/ContentSelector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/UI/ContentSelector.tsx"],"sourcesContent":["'use client';\n\nimport { FC, HTMLAttributes, MouseEventHandler } from 'preact/compat';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nconst DEFAULT_PRESS_DETECT_DURATION = 250;\n\ntype ContentSelectorProps = {\n  onPress: () => void;\n  onClickOutside?: () => void;\n  pressDuration?: number;\n  isSelecting?: boolean;\n} & Omit<HTMLAttributes<HTMLDivElement>, 'content'>;\n\nexport const ContentSelector: FC<ContentSelectorProps> = ({\n  children,\n  onPress: onSelect,\n  onClickOutside: onUnselect,\n  pressDuration = DEFAULT_PRESS_DETECT_DURATION,\n  isSelecting: isSelectingProp,\n  ...props\n}) => {\n  const divRef = useRef<HTMLDivElement>(null);\n  const [isHovered, setIsHovered] = useState(false);\n  const [isSelectingState, setIsSelectingState] = useState(isSelectingProp);\n  const pressTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isChildrenString = typeof children === 'string';\n\n  const handleOnLongPress = () => {\n    setIsSelectingState(true);\n    onSelect();\n  };\n\n  const startPressTimer = () => {\n    pressTimerRef.current = setTimeout(() => {\n      handleOnLongPress();\n    }, pressDuration);\n  };\n\n  const clearPressTimer = () => {\n    if (pressTimerRef.current) {\n      clearTimeout(pressTimerRef.current);\n      pressTimerRef.current = null;\n    }\n  };\n\n  const handleMouseDown = () => {\n    clearPressTimer(); // Ensure any previous timer is cleared\n    startPressTimer();\n  };\n\n  const handleMouseEnter = () => {\n    setIsHovered(true);\n  };\n\n  const handleMouseUp = () => {\n    setIsHovered(false);\n    clearPressTimer();\n  };\n\n  // Use useCallback to ensure the function identity remains stable\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (divRef.current && !divRef.current.contains(event.target as Node)) {\n        setIsSelectingState(false);\n        onUnselect?.();\n      }\n    },\n    [onUnselect]\n  );\n\n  useEffect(() => {\n    // Attach click outside listener\n    document.addEventListener('mousedown', handleClickOutside);\n\n    return () => {\n      // Cleanup\n      document.removeEventListener('mousedown', handleClickOutside);\n      // clearPressTimer(); // Ensure to clear the timer when component unmounts\n    };\n  }, [handleClickOutside]);\n\n  const handleOnClick: MouseEventHandler<HTMLDivElement> = (e) => {\n    if (isSelectingState) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  };\n\n  const handleOnBlur = () => {\n    // Stop editing when the element loses focus\n    setIsSelectingState(false);\n  };\n\n  return (\n    <span\n      style={{\n        display: isChildrenString ? 'inline' : 'inline-block',\n        cursor: 'pointer',\n        userSelect: 'none',\n        borderRadius: '0.375rem',\n        outlineWidth: '2px',\n        outlineOffset: '4px',\n        outlineStyle: 'solid',\n        outlineColor:\n          isSelectingProp || isSelectingState || isHovered\n            ? 'inherit'\n            : 'transparent',\n        transition: 'all 100ms 50ms ease-in-out',\n      }}\n      role=\"button\"\n      tabIndex={0}\n      onKeyUp={() => null}\n      onClick={handleOnClick}\n      onMouseDown={handleMouseDown}\n      onMouseUp={handleMouseUp}\n      onMouseLeave={handleMouseUp}\n      onTouchStart={handleMouseDown}\n      onTouchEnd={handleMouseUp}\n      onTouchCancel={handleMouseUp}\n      onBlur={handleOnBlur}\n      onMouseEnter={handleMouseEnter}\n      ref={divRef}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n"],"mappings":";AA+FI;AA5FJ,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AAEzD,MAAM,gCAAgC;AAS/B,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,GAAG;AACL,MAAM;AACJ,QAAM,SAAS,OAAuB,IAAI;AAC1C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,eAAe;AACxE,QAAM,gBAAgB,OAA6C,IAAI;AACvE,QAAM,mBAAmB,OAAO,aAAa;AAE7C,QAAM,oBAAoB,MAAM;AAC9B,wBAAoB,IAAI;AACxB,aAAS;AAAA,EACX;AAEA,QAAM,kBAAkB,MAAM;AAC5B,kBAAc,UAAU,WAAW,MAAM;AACvC,wBAAkB;AAAA,IACpB,GAAG,aAAa;AAAA,EAClB;AAEA,QAAM,kBAAkB,MAAM;AAC5B,QAAI,cAAc,SAAS;AACzB,mBAAa,cAAc,OAAO;AAClC,oBAAc,UAAU;AAAA,IAC1B;AAAA,EACF;AAEA,QAAM,kBAAkB,MAAM;AAC5B,oBAAgB;AAChB,oBAAgB;AAAA,EAClB;AAEA,QAAM,mBAAmB,MAAM;AAC7B,iBAAa,IAAI;AAAA,EACnB;AAEA,QAAM,gBAAgB,MAAM;AAC1B,iBAAa,KAAK;AAClB,oBAAgB;AAAA,EAClB;AAGA,QAAM,qBAAqB;AAAA,IACzB,CAAC,UAAsB;AACrB,UAAI,OAAO,WAAW,CAAC,OAAO,QAAQ,SAAS,MAAM,MAAc,GAAG;AACpE,4BAAoB,KAAK;AACzB,qBAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,YAAU,MAAM;AAEd,aAAS,iBAAiB,aAAa,kBAAkB;AAEzD,WAAO,MAAM;AAEX,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAE9D;AAAA,EACF,GAAG,CAAC,kBAAkB,CAAC;AAEvB,QAAM,gBAAmD,CAAC,MAAM;AAC9D,QAAI,kBAAkB;AACpB,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAAA,IACpB;AAAA,EACF;AAEA,QAAM,eAAe,MAAM;AAEzB,wBAAoB,KAAK;AAAA,EAC3B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS,mBAAmB,WAAW;AAAA,QACvC,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,cAAc;AAAA,QACd,cAAc;AAAA,QACd,eAAe;AAAA,QACf,cAAc;AAAA,QACd,cACE,mBAAmB,oBAAoB,YACnC,YACA;AAAA,QACN,YAAY;AAAA,MACd;AAAA,MACA,MAAK;AAAA,MACL,UAAU;AAAA,MACV,SAAS,MAAM;AAAA,MACf,SAAS;AAAA,MACT,aAAa;AAAA,MACb,WAAW;AAAA,MACX,cAAc;AAAA,MACd,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,KAAK;AAAA,MACJ,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/esm/client/IntlayerProvider.mjs

@@ -0,0 +1,63 @@
+"use client";
+import { jsx } from "preact/jsx-runtime";
+import configuration from "@intlayer/config/built";
+import { localeResolver } from "@intlayer/core";
+import { MessageKey } from "@intlayer/editor";
+import {
+  createContext
+} from "preact";
+import { useContext } from "preact/hooks";
+import { IntlayerEditorProvider } from "../editor/IntlayerEditorProvider.mjs";
+import { useCrossFrameState } from "../editor/useCrossFrameState.mjs";
+import { localeCookie, setLocaleCookie } from "./useLocaleCookie.mjs";
+const IntlayerClientContext = createContext({
+  locale: localeCookie ?? configuration?.internationalization?.defaultLocale,
+  setLocale: () => null,
+  disableEditor: false
+});
+const useIntlayerContext = () => useContext(IntlayerClientContext);
+const IntlayerProviderContent = ({
+  locale: localeProp,
+  defaultLocale: defaultLocaleProp,
+  children,
+  setLocale: setLocaleProp,
+  disableEditor
+}) => {
+  const { internationalization } = configuration ?? {};
+  const { defaultLocale: defaultLocaleConfig, locales: availableLocales } = internationalization ?? {};
+  const defaultLocale = localeProp ?? localeCookie ?? defaultLocaleProp ?? defaultLocaleConfig;
+  const [currentLocale, setCurrentLocale] = useCrossFrameState(
+    MessageKey.INTLAYER_CURRENT_LOCALE,
+    defaultLocale
+  );
+  const setLocaleBase = (newLocale) => {
+    if (currentLocale.toString() === newLocale.toString()) return;
+    if (!availableLocales?.map(String).includes(newLocale)) {
+      console.error(`Locale ${newLocale} is not available`);
+      return;
+    }
+    setCurrentLocale(newLocale);
+    setLocaleCookie(newLocale);
+  };
+  const setLocale = setLocaleProp ?? setLocaleBase;
+  const resolvedLocale = localeResolver(localeProp ?? currentLocale);
+  return /* @__PURE__ */ jsx(
+    IntlayerClientContext.Provider,
+    {
+      value: {
+        locale: resolvedLocale,
+        setLocale,
+        disableEditor
+      },
+      children
+    }
+  );
+};
+const IntlayerProvider = (props) => /* @__PURE__ */ jsx(IntlayerEditorProvider, { children: /* @__PURE__ */ jsx(IntlayerProviderContent, { ...props }) });
+export {
+  IntlayerClientContext,
+  IntlayerProvider,
+  IntlayerProviderContent,
+  useIntlayerContext
+};
+//# sourceMappingURL=IntlayerProvider.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/IntlayerProvider.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/config/client';\nimport { localeResolver } from '@intlayer/core';\nimport { MessageKey } from '@intlayer/editor';\nimport {\n  type ComponentChild,\n  createContext,\n  type FunctionComponent,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\nimport { IntlayerEditorProvider } from '../editor/IntlayerEditorProvider';\nimport { useCrossFrameState } from '../editor/useCrossFrameState';\nimport { localeCookie, setLocaleCookie } from './useLocaleCookie';\n\ntype IntlayerValue = {\n  locale: LocalesValues;\n  setLocale: (newLocale: LocalesValues) => void;\n  disableEditor?: boolean;\n};\n\n/**\n * Context that store the current locale on the client side\n */\nexport const IntlayerClientContext = createContext<IntlayerValue>({\n  locale: localeCookie ?? configuration?.internationalization?.defaultLocale,\n  setLocale: () => null,\n  disableEditor: false,\n});\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayerContext = () => useContext(IntlayerClientContext);\n\nexport type IntlayerProviderProps = {\n  children?: ComponentChild;\n  locale?: LocalesValues;\n  defaultLocale?: LocalesValues;\n  setLocale?: (locale: LocalesValues) => void;\n  disableEditor?: boolean;\n};\n\n/**\n * Provider that store the current locale on the client side\n */\nexport const IntlayerProviderContent: FunctionComponent<\n  IntlayerProviderProps\n> = ({\n  locale: localeProp,\n  defaultLocale: defaultLocaleProp,\n  children,\n  setLocale: setLocaleProp,\n  disableEditor,\n}) => {\n  const { internationalization } = configuration ?? {};\n  const { defaultLocale: defaultLocaleConfig, locales: availableLocales } =\n    internationalization ?? {};\n\n  const defaultLocale =\n    localeProp ?? localeCookie ?? defaultLocaleProp ?? defaultLocaleConfig;\n\n  const [currentLocale, setCurrentLocale] = useCrossFrameState(\n    MessageKey.INTLAYER_CURRENT_LOCALE,\n    defaultLocale\n  );\n\n  const setLocaleBase = (newLocale: LocalesValues) => {\n    if (currentLocale.toString() === newLocale.toString()) return;\n\n    if (!availableLocales?.map(String).includes(newLocale)) {\n      console.error(`Locale ${newLocale} is not available`);\n      return;\n    }\n\n    setCurrentLocale(newLocale); // Update state\n    setLocaleCookie(newLocale); // Optionally set cookie for persistence\n  };\n\n  const setLocale = setLocaleProp ?? setLocaleBase;\n\n  const resolvedLocale = localeResolver(localeProp ?? currentLocale);\n\n  return (\n    <IntlayerClientContext.Provider\n      value={{\n        locale: resolvedLocale,\n        setLocale,\n        disableEditor,\n      }}\n    >\n      {children}\n    </IntlayerClientContext.Provider>\n  );\n};\n\nexport const IntlayerProvider: FunctionComponent<IntlayerProviderProps> = (\n  props\n) => (\n  <IntlayerEditorProvider>\n    <IntlayerProviderContent {...props} />\n  </IntlayerEditorProvider>\n);\n"],"mappings":";AAqFI;AAnFJ,OAAO,mBAAmB;AAE1B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B;AAAA,EAEE;AAAA,OAEK;AACP,SAAS,kBAAkB;AAC3B,SAAS,8BAA8B;AACvC,SAAS,0BAA0B;AACnC,SAAS,cAAc,uBAAuB;AAWvC,MAAM,wBAAwB,cAA6B;AAAA,EAChE,QAAQ,gBAAgB,eAAe,sBAAsB;AAAA,EAC7D,WAAW,MAAM;AAAA,EACjB,eAAe;AACjB,CAAC;AAKM,MAAM,qBAAqB,MAAM,WAAW,qBAAqB;AAajE,MAAM,0BAET,CAAC;AAAA,EACH,QAAQ;AAAA,EACR,eAAe;AAAA,EACf;AAAA,EACA,WAAW;AAAA,EACX;AACF,MAAM;AACJ,QAAM,EAAE,qBAAqB,IAAI,iBAAiB,CAAC;AACnD,QAAM,EAAE,eAAe,qBAAqB,SAAS,iBAAiB,IACpE,wBAAwB,CAAC;AAE3B,QAAM,gBACJ,cAAc,gBAAgB,qBAAqB;AAErD,QAAM,CAAC,eAAe,gBAAgB,IAAI;AAAA,IACxC,WAAW;AAAA,IACX;AAAA,EACF;AAEA,QAAM,gBAAgB,CAAC,cAA6B;AAClD,QAAI,cAAc,SAAS,MAAM,UAAU,SAAS,EAAG;AAEvD,QAAI,CAAC,kBAAkB,IAAI,MAAM,EAAE,SAAS,SAAS,GAAG;AACtD,cAAQ,MAAM,UAAU,SAAS,mBAAmB;AACpD;AAAA,IACF;AAEA,qBAAiB,SAAS;AAC1B,oBAAgB,SAAS;AAAA,EAC3B;AAEA,QAAM,YAAY,iBAAiB;AAEnC,QAAM,iBAAiB,eAAe,cAAc,aAAa;AAEjE,SACE;AAAA,IAAC,sBAAsB;AAAA,IAAtB;AAAA,MACC,OAAO;AAAA,QACL,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEO,MAAM,mBAA6D,CACxE,UAEA,oBAAC,0BACC,8BAAC,2BAAyB,GAAG,OAAO,GACtC;","names":[]}

package/dist/esm/client/getBrowserLocale.mjs

@@ -0,0 +1,138 @@
+import configuration from "@intlayer/config/built";
+import { Locales } from "@intlayer/config/client";
+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 } = configuration;
+  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 } = configuration;
+  for (const detector of order) {
+    const localesArray = [locales[detector]].flat();
+    for (const locale of localesArray) {
+      if (locale && (internationalization?.locales).includes(locale)) {
+        return locale;
+      } else if (locale?.includes("-") && (internationalization?.locales).includes(
+        locale.split("-")[0]
+      )) {
+        return locale.split("-")[0];
+      }
+    }
+  }
+  return internationalization?.defaultLocale ?? Locales.ENGLISH;
+};
+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 configuration from '@intlayer/config/built';\nimport { Locales } from '@intlayer/config/client';\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 } = configuration;\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 } = configuration;\n\n  for (const detector of order) {\n    const localesArray = [locales[detector]].flat();\n\n    for (const locale of localesArray) {\n      if (locale && (internationalization?.locales).includes(locale)) {\n        return locale;\n      } else if (\n        locale?.includes('-') &&\n        (internationalization?.locales).includes(\n          locale.split('-')[0] as Locales\n        )\n      ) {\n        return locale.split('-')[0] as Locales;\n      }\n    }\n  }\n\n  return internationalization?.defaultLocale ?? Locales.ENGLISH;\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.mjs

@@ -0,0 +1,39 @@
+import { getBrowserLocale } from "./getBrowserLocale.mjs";
+import {
+  IntlayerClientContext,
+  IntlayerProvider,
+  IntlayerProviderContent,
+  useIntlayerContext
+} from "./IntlayerProvider.mjs";
+import { t } from "./t.mjs";
+import { useDictionary } from "./useDictionary.mjs";
+import { useDictionaryDynamic } from "./useDictionaryDynamic.mjs";
+import { useIntlayer } from "./useIntlayer.mjs";
+import { useIntlayerAsync } from "./useIntlayerAsync.mjs";
+import { useLoadDynamic } from "./useLoadDynamic.mjs";
+import { useLocale } from "./useLocale.mjs";
+import { useLocaleBase } from "./useLocaleBase.mjs";
+import {
+  localeCookie,
+  setLocaleCookie,
+  useLocaleCookie
+} from "./useLocaleCookie.mjs";
+export {
+  IntlayerClientContext,
+  IntlayerProvider,
+  IntlayerProviderContent,
+  getBrowserLocale,
+  localeCookie,
+  setLocaleCookie,
+  t,
+  useDictionary,
+  useDictionaryDynamic,
+  useIntlayer,
+  useIntlayerAsync,
+  useIntlayerContext,
+  useLoadDynamic,
+  useLocale,
+  useLocaleBase,
+  useLocaleCookie
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["export { getBrowserLocale } from './getBrowserLocale';\nexport {\n  IntlayerClientContext,\n  IntlayerProvider,\n  IntlayerProviderContent,\n  useIntlayerContext,\n  type IntlayerProviderProps,\n} from './IntlayerProvider';\nexport { t } from './t';\nexport { useDictionary } from './useDictionary';\nexport { useDictionaryDynamic } from './useDictionaryDynamic';\nexport { useIntlayer } from './useIntlayer';\nexport { useIntlayerAsync } from './useIntlayerAsync';\nexport { useLoadDynamic } from './useLoadDynamic';\nexport { useLocale } from './useLocale';\nexport { useLocaleBase } from './useLocaleBase';\nexport {\n  localeCookie,\n  setLocaleCookie,\n  useLocaleCookie,\n} from './useLocaleCookie';\n"],"mappings":"AAAA,SAAS,wBAAwB;AACjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,SAAS;AAClB,SAAS,qBAAqB;AAC9B,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/esm/client/t.mjs

@@ -0,0 +1,13 @@
+"use client";
+import { getTranslation } from "@intlayer/core";
+import { useContext } from "preact/hooks";
+import { IntlayerClientContext } from "./IntlayerProvider.mjs";
+const t = (multilangContent, locale) => {
+  const { locale: currentLocale } = useContext(IntlayerClientContext);
+  const localeTarget = locale ?? currentLocale;
+  return getTranslation(multilangContent, localeTarget);
+};
+export {
+  t
+};
+//# sourceMappingURL=t.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/t.ts"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport { type LanguageContent, getTranslation } from '@intlayer/core';\nimport { useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, this function returns the translation of the provided multilang content.\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const t = <Content = string>(\n  multilangContent: LanguageContent<Content>,\n  locale?: Locales\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = locale ?? currentLocale;\n\n  return getTranslation<Content>(multilangContent, localeTarget);\n};\n"],"mappings":";AAGA,SAA+B,sBAAsB;AACrD,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AAO/B,MAAM,IAAI,CACf,kBACA,WACG;AACH,QAAM,EAAE,QAAQ,cAAc,IAAI,WAAW,qBAAqB;AAClE,QAAM,eAAe,UAAU;AAE/B,SAAO,eAAwB,kBAAkB,YAAY;AAC/D;","names":[]}

package/dist/esm/client/useContent.mjs

@@ -0,0 +1,15 @@
+import { useLocaleBase } from "./useLocaleBase.mjs";
+import { useTranslation } from "./useTraduction.mjs";
+const useContent = (languageContent) => {
+  const { locale } = useLocaleBase();
+  const content = useTranslation(languageContent);
+  return {
+    locale,
+    content,
+    t: useTranslation
+  };
+};
+export {
+  useContent
+};
+//# sourceMappingURL=useContent.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/useContent.ts"],"sourcesContent":["import type { LanguageContent } from '@intlayer/core';\nimport { useLocaleBase } from './useLocaleBase';\nimport { useTranslation } 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 = useTranslation(languageContent);\n\n  return {\n    locale,\n    content,\n    t: useTranslation,\n  };\n};\n"],"mappings":"AACA,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAKxB,MAAM,aAAa,CACxB,oBACG;AACH,QAAM,EAAE,OAAO,IAAI,cAAc;AAEjC,QAAM,UAAU,eAAe,eAAe;AAE9C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AACF;","names":[]}

package/dist/esm/client/useDictionary.mjs

@@ -0,0 +1,18 @@
+"use client";
+import { useContext } from "preact/hooks";
+import { useChangedContent } from "../editor/ChangedContentContext.mjs";
+import { getDictionary } from "../getDictionary.mjs";
+import { IntlayerClientContext } from "./IntlayerProvider.mjs";
+const useDictionary = (dictionary, locale) => {
+  const { locale: currentLocale } = useContext(IntlayerClientContext);
+  const localeTarget = locale ?? currentLocale;
+  const { changedContent } = useChangedContent();
+  if (changedContent?.[dictionary.key]) {
+    return getDictionary(changedContent?.[dictionary.key], localeTarget);
+  }
+  return getDictionary(dictionary, localeTarget);
+};
+export {
+  useDictionary
+};
+//# sourceMappingURL=useDictionary.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/useDictionary.ts"],"sourcesContent":["'use client';\n\nimport type { LocalesValues } from '@intlayer/config/client';\nimport type { Dictionary } from '@intlayer/core';\nimport { useContext } from 'preact/hooks';\nimport { useChangedContent } from '../editor/ChangedContentContext';\nimport { getDictionary } from '../getDictionary';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionary = <T extends Dictionary>(\n  dictionary: T,\n  locale?: LocalesValues\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = locale ?? currentLocale;\n  const { changedContent } = useChangedContent();\n\n  if (changedContent?.[dictionary.key]) {\n    // @ts-ignore fix instantiation is excessively deep and possibly infinite\n    return getDictionary(changedContent?.[dictionary.key], localeTarget);\n  }\n\n  return getDictionary<T, LocalesValues>(dictionary, localeTarget);\n};\n"],"mappings":";AAIA,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;AAO/B,MAAM,gBAAgB,CAC3B,YACA,WACG;AACH,QAAM,EAAE,QAAQ,cAAc,IAAI,WAAW,qBAAqB;AAClE,QAAM,eAAe,UAAU;AAC/B,QAAM,EAAE,eAAe,IAAI,kBAAkB;AAE7C,MAAI,iBAAiB,WAAW,GAAG,GAAG;AAEpC,WAAO,cAAc,iBAAiB,WAAW,GAAG,GAAG,YAAY;AAAA,EACrE;AAEA,SAAO,cAAgC,YAAY,YAAY;AACjE;","names":[]}

package/dist/esm/client/useDictionaryDynamic.mjs

@@ -0,0 +1,18 @@
+"use client";
+import { useContext } from "preact/hooks";
+import { IntlayerClientContext } from "./IntlayerProvider.mjs";
+import { useDictionary } from "./useDictionary.mjs";
+import { useLoadDynamic } from "./useLoadDynamic.mjs";
+const useDictionaryDynamic = (dictionaryPromise, key, locale) => {
+  const { locale: currentLocale } = useContext(IntlayerClientContext);
+  const localeTarget = locale ?? currentLocale;
+  const dictionary = useLoadDynamic(
+    `${String(key)}.${localeTarget}`,
+    dictionaryPromise[localeTarget]()
+  );
+  return useDictionary(dictionary, localeTarget);
+};
+export {
+  useDictionaryDynamic
+};
+//# sourceMappingURL=useDictionaryDynamic.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/useDictionaryDynamic.ts"],"sourcesContent":["'use client';\n\nimport type { LocalesValues } from '@intlayer/config/client';\nimport type {\n  Dictionary,\n  DictionaryKeys,\n  LanguageContent,\n} from '@intlayer/core';\nimport { useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { useDictionary } from './useDictionary';\nimport { useLoadDynamic } from './useLoadDynamic';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryDynamic = <\n  T extends Dictionary,\n  K extends DictionaryKeys,\n>(\n  dictionaryPromise: LanguageContent<() => Promise<T>>,\n  key: K,\n  locale?: LocalesValues\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = locale ?? currentLocale;\n\n  const dictionary = useLoadDynamic<T>(\n    `${String(key)}.${localeTarget}`,\n    dictionaryPromise[localeTarget]!()\n  ) as T;\n\n  return useDictionary(dictionary, localeTarget);\n};\n"],"mappings":";AAQA,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAOxB,MAAM,uBAAuB,CAIlC,mBACA,KACA,WACG;AACH,QAAM,EAAE,QAAQ,cAAc,IAAI,WAAW,qBAAqB;AAClE,QAAM,eAAe,UAAU;AAE/B,QAAM,aAAa;AAAA,IACjB,GAAG,OAAO,GAAG,CAAC,IAAI,YAAY;AAAA,IAC9B,kBAAkB,YAAY,EAAG;AAAA,EACnC;AAEA,SAAO,cAAc,YAAY,YAAY;AAC/C;","names":[]}

package/dist/esm/client/useIntlayer.mjs

@@ -0,0 +1,19 @@
+"use client";
+import { useContext } from "preact/hooks";
+import { useChangedContent } from "../editor/ChangedContentContext.mjs";
+import { getDictionary } from "../getDictionary.mjs";
+import { getIntlayer } from "../getIntlayer.mjs";
+import { IntlayerClientContext } from "./IntlayerProvider.mjs";
+const useIntlayer = (key, locale) => {
+  const { locale: currentLocale } = useContext(IntlayerClientContext);
+  const { changedContent } = useChangedContent();
+  const localeTarget = locale ?? currentLocale;
+  if (changedContent?.[key]) {
+    return getDictionary(changedContent?.[key], localeTarget);
+  }
+  return getIntlayer(key, localeTarget);
+};
+export {
+  useIntlayer
+};
+//# sourceMappingURL=useIntlayer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/useIntlayer.ts"],"sourcesContent":["'use client';\n\nimport type { LocalesValues } from '@intlayer/config/client';\nimport type { DictionaryKeys } from '@intlayer/core';\n// @ts-ignore intlayer declared for module augmentation\nimport type { IntlayerDictionaryTypesConnector } from 'intlayer';\nimport { useContext } from 'preact/hooks';\nimport { useChangedContent } from '../editor/ChangedContentContext';\nimport { getDictionary } from '../getDictionary';\nimport { getIntlayer } from '../getIntlayer';\nimport type { DeepTransformContent } from '../plugins';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its key 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 = <T extends DictionaryKeys>(\n  key: T,\n  locale?: LocalesValues\n): DeepTransformContent<IntlayerDictionaryTypesConnector[T]['content']> => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const { changedContent } = useChangedContent();\n  const localeTarget = locale ?? currentLocale;\n\n  if (changedContent?.[key as unknown as keyof typeof changedContent]) {\n    // @ts-ignore fix instantiation is excessively deep and possibly infinite\n    return getDictionary(changedContent?.[key], localeTarget);\n  }\n\n  return getIntlayer(key, localeTarget);\n};\n"],"mappings":";AAMA,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAE5B,SAAS,6BAA6B;AAO/B,MAAM,cAAc,CACzB,KACA,WACyE;AACzE,QAAM,EAAE,QAAQ,cAAc,IAAI,WAAW,qBAAqB;AAClE,QAAM,EAAE,eAAe,IAAI,kBAAkB;AAC7C,QAAM,eAAe,UAAU;AAE/B,MAAI,iBAAiB,GAA6C,GAAG;AAEnE,WAAO,cAAc,iBAAiB,GAAG,GAAG,YAAY;AAAA,EAC1D;AAEA,SAAO,YAAY,KAAK,YAAY;AACtC;","names":[]}

package/dist/esm/client/useIntlayerAsync.mjs

@@ -0,0 +1,33 @@
+"use client";
+import {
+  getIntlayer,
+  getIntlayerAsync
+} from "@intlayer/core";
+import { useContext, useEffect, useMemo, useState } from "preact/hooks";
+import { IntlayerClientContext } from "./IntlayerProvider.mjs";
+const useIntlayerAsync = (key, locale) => {
+  const { locale: currentLocale } = useContext(IntlayerClientContext);
+  const localeTarget = locale ?? currentLocale;
+  const localeDictionary = getIntlayer(key, localeTarget);
+  const [distantDictionary, setDistantDictionary] = useState(void 0);
+  const [isLoading, setIsLoading] = useState(false);
+  useEffect(() => {
+    setIsLoading(true);
+    getIntlayerAsync(key).then((distantDictionary2) => {
+      if (distantDictionary2) {
+        setDistantDictionary(distantDictionary2);
+      }
+    }).finally(() => {
+      setIsLoading(false);
+    });
+  }, []);
+  const dictionary = useMemo(
+    () => distantDictionary ?? localeDictionary,
+    [distantDictionary, localeDictionary]
+  );
+  return { ...dictionary, isLoading };
+};
+export {
+  useIntlayerAsync
+};
+//# sourceMappingURL=useIntlayerAsync.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/useIntlayerAsync.ts"],"sourcesContent":["'use client';\n\nimport type { LocalesValues } from '@intlayer/config/client';\nimport {\n  type DictionaryKeys,\n  getIntlayer,\n  getIntlayerAsync,\n} from '@intlayer/core';\nimport { useContext, useEffect, useMemo, useState } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its key and return the content\n *\n * This hook will prerender the locale dictionary and fetch simultaneously the distant dictionaries to hydrate it.\n *\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useIntlayerAsync = <T extends DictionaryKeys>(\n  key: T,\n  locale?: LocalesValues\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = locale ?? currentLocale;\n  const localeDictionary = getIntlayer(key, localeTarget);\n  const [distantDictionary, setDistantDictionary] = useState<\n    typeof localeDictionary | null | undefined\n  >(undefined);\n  const [isLoading, setIsLoading] = useState(false);\n\n  useEffect(() => {\n    setIsLoading(true);\n\n    getIntlayerAsync(key)\n      .then((distantDictionary) => {\n        if (distantDictionary) {\n          setDistantDictionary(distantDictionary);\n        }\n      })\n      .finally(() => {\n        setIsLoading(false);\n      });\n  }, []);\n\n  const dictionary = useMemo(\n    () => distantDictionary ?? localeDictionary,\n    [distantDictionary, localeDictionary]\n  );\n\n  return { ...(dictionary as object), isLoading } as typeof localeDictionary & {\n    isLoading: boolean;\n  };\n};\n"],"mappings":";AAGA;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY,WAAW,SAAS,gBAAgB;AACzD,SAAS,6BAA6B;AAU/B,MAAM,mBAAmB,CAC9B,KACA,WACG;AACH,QAAM,EAAE,QAAQ,cAAc,IAAI,WAAW,qBAAqB;AAClE,QAAM,eAAe,UAAU;AAC/B,QAAM,mBAAmB,YAAY,KAAK,YAAY;AACtD,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAEhD,MAAS;AACX,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,YAAU,MAAM;AACd,iBAAa,IAAI;AAEjB,qBAAiB,GAAG,EACjB,KAAK,CAACA,uBAAsB;AAC3B,UAAIA,oBAAmB;AACrB,6BAAqBA,kBAAiB;AAAA,MACxC;AAAA,IACF,CAAC,EACA,QAAQ,MAAM;AACb,mBAAa,KAAK;AAAA,IACpB,CAAC;AAAA,EACL,GAAG,CAAC,CAAC;AAEL,QAAM,aAAa;AAAA,IACjB,MAAM,qBAAqB;AAAA,IAC3B,CAAC,mBAAmB,gBAAgB;AAAA,EACtC;AAEA,SAAO,EAAE,GAAI,YAAuB,UAAU;AAGhD;","names":["distantDictionary"]}

package/dist/esm/client/useLoadDynamic.mjs

@@ -0,0 +1,32 @@
+const createSuspender = (promise) => {
+  let status = "pending";
+  let result;
+  const suspender = promise.then(
+    (r) => {
+      status = "success";
+      result = r;
+    },
+    (e) => {
+      status = "error";
+      result = e;
+    }
+  );
+  return {
+    read() {
+      if (status === "pending") throw suspender;
+      if (status === "error") throw result;
+      return result;
+    }
+  };
+};
+const cache = /* @__PURE__ */ new Map();
+const useLoadDynamic = (key, promise) => {
+  if (!cache.has(key)) {
+    cache.set(key, createSuspender(promise));
+  }
+  return cache.get(key).read();
+};
+export {
+  useLoadDynamic
+};
+//# sourceMappingURL=useLoadDynamic.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/useLoadDynamic.ts"],"sourcesContent":["type Status = 'pending' | 'success' | 'error';\n\nconst createSuspender = <T>(promise: Promise<T>) => {\n  let status: Status = 'pending';\n  let result: T;\n  const suspender = promise.then(\n    (r) => {\n      status = 'success';\n      result = r;\n    },\n    (e) => {\n      status = 'error';\n      result = e as any;\n    }\n  );\n\n  return {\n    read() {\n      if (status === 'pending') throw suspender;\n      if (status === 'error') throw result;\n      return result!;\n    },\n  };\n};\n\nconst cache = new Map<string, ReturnType<typeof createSuspender>>();\n\nexport const useLoadDynamic = <T>(key: string, promise: Promise<T>): T => {\n  if (!cache.has(key)) {\n    cache.set(key, createSuspender(promise));\n  }\n\n  return (cache.get(key)! as ReturnType<typeof createSuspender>).read() as T;\n};\n"],"mappings":"AAEA,MAAM,kBAAkB,CAAI,YAAwB;AAClD,MAAI,SAAiB;AACrB,MAAI;AACJ,QAAM,YAAY,QAAQ;AAAA,IACxB,CAAC,MAAM;AACL,eAAS;AACT,eAAS;AAAA,IACX;AAAA,IACA,CAAC,MAAM;AACL,eAAS;AACT,eAAS;AAAA,IACX;AAAA,EACF;AAEA,SAAO;AAAA,IACL,OAAO;AACL,UAAI,WAAW,UAAW,OAAM;AAChC,UAAI,WAAW,QAAS,OAAM;AAC9B,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEA,MAAM,QAAQ,oBAAI,IAAgD;AAE3D,MAAM,iBAAiB,CAAI,KAAa,YAA2B;AACxE,MAAI,CAAC,MAAM,IAAI,GAAG,GAAG;AACnB,UAAM,IAAI,KAAK,gBAAgB,OAAO,CAAC;AAAA,EACzC;AAEA,SAAQ,MAAM,IAAI,GAAG,EAA0C,KAAK;AACtE;","names":[]}

package/dist/esm/client/useLocale.mjs

@@ -0,0 +1,35 @@
+"use client";
+import configuration from "@intlayer/config/built";
+import { useContext } from "preact/hooks";
+import { IntlayerClientContext } from "./IntlayerProvider.mjs";
+import { useLocaleCookie } from "./useLocaleCookie.mjs";
+const useLocale = ({ onLocaleChange } = {}) => {
+  const { defaultLocale, locales: availableLocales } = configuration?.internationalization ?? {};
+  const { locale, setLocale: setLocaleState } = useContext(
+    IntlayerClientContext
+  );
+  const { setLocaleCookie } = useLocaleCookie();
+  const setLocale = (locale2) => {
+    if (!availableLocales?.map(String).includes(locale2)) {
+      console.error(`Locale ${locale2} is not available`);
+      return;
+    }
+    setLocaleState(locale2);
+    setLocaleCookie(locale2);
+    onLocaleChange?.(locale2);
+  };
+  return {
+    locale,
+    // Current locale
+    defaultLocale,
+    // Principal locale defined in config
+    availableLocales,
+    // List of the available locales defined in config
+    setLocale
+    // Function to set the locale
+  };
+};
+export {
+  useLocale
+};
+//# sourceMappingURL=useLocale.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/config/client';\nimport { useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { useLocaleCookie } from './useLocaleCookie';\n\ntype useLocaleProps = {\n  onLocaleChange?: (locale: LocalesValues) => void;\n};\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocale = ({ onLocaleChange }: useLocaleProps = {}) => {\n  const { defaultLocale, locales: availableLocales } =\n    configuration?.internationalization ?? {};\n\n  const { locale, setLocale: setLocaleState } = useContext(\n    IntlayerClientContext\n  );\n  const { setLocaleCookie } = useLocaleCookie();\n\n  const setLocale = (locale: LocalesValues) => {\n    if (!availableLocales?.map(String).includes(locale)) {\n      console.error(`Locale ${locale} is not available`);\n      return;\n    }\n\n    setLocaleState(locale);\n    setLocaleCookie(locale);\n    onLocaleChange?.(locale);\n  };\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    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";AAEA,OAAO,mBAAmB;AAE1B,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AASzB,MAAM,YAAY,CAAC,EAAE,eAAe,IAAoB,CAAC,MAAM;AACpE,QAAM,EAAE,eAAe,SAAS,iBAAiB,IAC/C,eAAe,wBAAwB,CAAC;AAE1C,QAAM,EAAE,QAAQ,WAAW,eAAe,IAAI;AAAA,IAC5C;AAAA,EACF;AACA,QAAM,EAAE,gBAAgB,IAAI,gBAAgB;AAE5C,QAAM,YAAY,CAACA,YAA0B;AAC3C,QAAI,CAAC,kBAAkB,IAAI,MAAM,EAAE,SAASA,OAAM,GAAG;AACnD,cAAQ,MAAM,UAAUA,OAAM,mBAAmB;AACjD;AAAA,IACF;AAEA,mBAAeA,OAAM;AACrB,oBAAgBA,OAAM;AACtB,qBAAiBA,OAAM;AAAA,EACzB;AAEA,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":["locale"]}