preact-intlayer 5.5.5 → 5.5.7

package/dist/esm/client/useLocaleBase.mjs

@@ -0,0 +1,22 @@
+"use client";
+import configuration from "@intlayer/config/built";
+import { useContext } from "preact/hooks";
+import { IntlayerClientContext } from "./IntlayerProvider.mjs";
+const { defaultLocale, locales: availableLocales } = configuration.internationalization;
+const useLocaleBase = () => {
+  const { locale, setLocale } = useContext(IntlayerClientContext);
+  return {
+    locale,
+    // Current locale
+    defaultLocale,
+    // Principal locale defined in config
+    availableLocales,
+    // List of the available locales defined in config
+    setLocale
+    // Function to set the locale
+  };
+};
+export {
+  useLocaleBase
+};
+//# sourceMappingURL=useLocaleBase.mjs.map

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

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

package/dist/esm/client/useLocaleCookie.mjs

@@ -0,0 +1,24 @@
+import configuration from "@intlayer/config/built";
+import Cookies from "js-cookie";
+const { cookieName } = configuration.middleware;
+const cookieAttributes = {
+  path: "/",
+  expires: void 0,
+  domain: void 0,
+  secure: false,
+  sameSite: "strict"
+};
+const localeCookie = Cookies.get(cookieName);
+const setLocaleCookie = (locale) => {
+  Cookies.set(cookieName, locale, cookieAttributes);
+};
+const useLocaleCookie = () => ({
+  localeCookie,
+  setLocaleCookie
+});
+export {
+  localeCookie,
+  setLocaleCookie,
+  useLocaleCookie
+};
+//# sourceMappingURL=useLocaleCookie.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/useLocaleCookie.ts"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/config/client';\n\nimport Cookies from 'js-cookie';\n\nconst { cookieName } = configuration.middleware;\n\nconst cookieAttributes: Cookies.CookieAttributes = {\n  path: '/',\n  expires: undefined,\n  domain: undefined,\n  secure: false,\n  sameSite: 'strict',\n};\n\n/**\n * Get the locale cookie\n */\nexport const localeCookie = Cookies.get(cookieName) as unknown as\n  | LocalesValues\n  | undefined;\n\n/**\n * Set the locale cookie\n */\nexport const setLocaleCookie = (locale: LocalesValues) => {\n  Cookies.set(cookieName, locale, cookieAttributes);\n};\n\n/**\n * Hook that provides the locale cookie and a function to set it\n */\nexport const useLocaleCookie = () => ({\n  localeCookie,\n  setLocaleCookie,\n});\n"],"mappings":"AAAA,OAAO,mBAAmB;AAG1B,OAAO,aAAa;AAEpB,MAAM,EAAE,WAAW,IAAI,cAAc;AAErC,MAAM,mBAA6C;AAAA,EACjD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AACZ;AAKO,MAAM,eAAe,QAAQ,IAAI,UAAU;AAO3C,MAAM,kBAAkB,CAAC,WAA0B;AACxD,UAAQ,IAAI,YAAY,QAAQ,gBAAgB;AAClD;AAKO,MAAM,kBAAkB,OAAO;AAAA,EACpC;AAAA,EACA;AACF;","names":[]}

package/dist/esm/client/useTraduction.mjs

@@ -0,0 +1,11 @@
+import { getTranslation } from "@intlayer/core";
+import { useContext } from "preact/hooks";
+import { IntlayerClientContext } from "./IntlayerProvider.mjs";
+const useTranslation = (languageContent) => {
+  const { locale } = useContext(IntlayerClientContext);
+  return getTranslation(languageContent, locale);
+};
+export {
+  useTranslation
+};
+//# sourceMappingURL=useTraduction.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/useTraduction.ts"],"sourcesContent":["import { getTranslation, type LanguageContent } from '@intlayer/core';\nimport { useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its id and return the content.\n *\n * If not locale found, it will return the content related to the default locale.\n *\n * Return either the content editor, or the content itself depending on the configuration.\n *\n * Usage:\n *\n * ```tsx\n * const content = useTranslation<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 useTranslation = <Content = string>(\n  languageContent: LanguageContent<Content>\n): Content => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return getTranslation(languageContent, locale);\n};\n"],"mappings":"AAAA,SAAS,sBAA4C;AACrD,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AAuB/B,MAAM,iBAAiB,CAC5B,oBACY;AACZ,QAAM,EAAE,OAAO,IAAI,WAAW,qBAAqB;AAEnD,SAAO,eAAe,iBAAiB,MAAM;AAC/C;","names":[]}

package/dist/esm/editor/ChangedContentContext.mjs

@@ -0,0 +1,55 @@
+"use client";
+import { jsx } from "preact/jsx-runtime";
+import {
+  createContext,
+  useContext,
+  useState
+} from "preact/compat";
+const ChangedContentStateContext = createContext(void 0);
+const ChangedContentActionsContext = createContext(void 0);
+const ChangedContentProvider = ({ children }) => {
+  const [changedContent, setChangedContentState] = useState(
+    {}
+  );
+  const setChangedContent = (dictionaryKey, newValue) => {
+    setChangedContentState((prev) => ({
+      ...prev,
+      [dictionaryKey]: {
+        ...prev?.[dictionaryKey],
+        content: newValue
+      }
+    }));
+  };
+  return /* @__PURE__ */ jsx(
+    ChangedContentStateContext.Provider,
+    {
+      value: {
+        changedContent
+      },
+      children: /* @__PURE__ */ jsx(
+        ChangedContentActionsContext.Provider,
+        {
+          value: {
+            setChangedContent
+          },
+          children
+        }
+      )
+    }
+  );
+};
+const useChangedContentActions = () => {
+  const context = useContext(ChangedContentActionsContext);
+  return context;
+};
+const useChangedContent = () => {
+  const stateContext = useContext(ChangedContentStateContext);
+  const actionContext = useChangedContentActions();
+  return { ...stateContext, ...actionContext };
+};
+export {
+  ChangedContentProvider,
+  useChangedContent,
+  useChangedContentActions
+};
+//# sourceMappingURL=ChangedContentContext.mjs.map

package/dist/esm/editor/ChangedContentContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/editor/ChangedContentContext.tsx"],"sourcesContent":["'use client';\n\nimport type { Dictionary } from '@intlayer/core';\nimport {\n  createContext,\n  useContext,\n  useState,\n  type FC,\n  type PropsWithChildren,\n} from 'preact/compat';\nimport type { DictionaryContent } from './DictionariesRecordContext';\n\ntype ChangedContentStateContextType = {\n  changedContent: Record<Dictionary['key'], Dictionary> | undefined;\n};\n\nconst ChangedContentStateContext = createContext<\n  ChangedContentStateContextType | undefined\n>(undefined);\n\ntype ChangedContentActionsContextType = {\n  setChangedContent: (\n    dictionaryKey: Dictionary['key'],\n    newValue: Dictionary['content']\n  ) => void;\n};\n\nconst ChangedContentActionsContext = createContext<\n  ChangedContentActionsContextType | undefined\n>(undefined);\n\nexport const ChangedContentProvider: FC<PropsWithChildren> = ({ children }) => {\n  const [changedContent, setChangedContentState] = useState<DictionaryContent>(\n    {}\n  );\n\n  const setChangedContent = (\n    dictionaryKey: Dictionary['key'],\n    newValue: Dictionary['content']\n  ) => {\n    setChangedContentState((prev) => ({\n      ...prev,\n      [dictionaryKey]: {\n        ...prev?.[dictionaryKey],\n        content: newValue,\n      },\n    }));\n  };\n\n  return (\n    <ChangedContentStateContext.Provider\n      value={{\n        changedContent,\n      }}\n    >\n      <ChangedContentActionsContext.Provider\n        value={{\n          setChangedContent,\n        }}\n      >\n        {children}\n      </ChangedContentActionsContext.Provider>\n    </ChangedContentStateContext.Provider>\n  );\n};\n\nexport const useChangedContentActions = () => {\n  const context = useContext(ChangedContentActionsContext);\n\n  return context;\n};\n\nexport const useChangedContent = () => {\n  const stateContext = useContext(ChangedContentStateContext);\n  const actionContext = useChangedContentActions();\n\n  return { ...stateContext, ...actionContext };\n};\n"],"mappings":";AAuDM;AApDN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAOP,MAAM,6BAA6B,cAEjC,MAAS;AASX,MAAM,+BAA+B,cAEnC,MAAS;AAEJ,MAAM,yBAAgD,CAAC,EAAE,SAAS,MAAM;AAC7E,QAAM,CAAC,gBAAgB,sBAAsB,IAAI;AAAA,IAC/C,CAAC;AAAA,EACH;AAEA,QAAM,oBAAoB,CACxB,eACA,aACG;AACH,2BAAuB,CAAC,UAAU;AAAA,MAChC,GAAG;AAAA,MACH,CAAC,aAAa,GAAG;AAAA,QACf,GAAG,OAAO,aAAa;AAAA,QACvB,SAAS;AAAA,MACX;AAAA,IACF,EAAE;AAAA,EACJ;AAEA,SACE;AAAA,IAAC,2BAA2B;AAAA,IAA3B;AAAA,MACC,OAAO;AAAA,QACL;AAAA,MACF;AAAA,MAEA;AAAA,QAAC,6BAA6B;AAAA,QAA7B;AAAA,UACC,OAAO;AAAA,YACL;AAAA,UACF;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;AAEO,MAAM,2BAA2B,MAAM;AAC5C,QAAM,UAAU,WAAW,4BAA4B;AAEvD,SAAO;AACT;AAEO,MAAM,oBAAoB,MAAM;AACrC,QAAM,eAAe,WAAW,0BAA0B;AAC1D,QAAM,gBAAgB,yBAAyB;AAE/C,SAAO,EAAE,GAAG,cAAc,GAAG,cAAc;AAC7C;","names":[]}

package/dist/esm/editor/CommunicatorContext.mjs

@@ -0,0 +1,33 @@
+"use client";
+import { jsx } from "preact/jsx-runtime";
+import configuration from "@intlayer/config/built";
+import {
+  createContext
+} from "preact";
+import { useContext, useMemo, useRef } from "preact/hooks";
+import { v4 as uuid } from "uuid";
+const { editor } = configuration;
+const CommunicatorContext = createContext({
+  postMessage: () => null,
+  allowedOrigins: [
+    editor?.applicationURL,
+    editor?.editorURL,
+    editor?.cmsURL
+  ],
+  senderId: ""
+});
+const CommunicatorProvider = ({ children, allowedOrigins, postMessage }) => {
+  const senderIdRef = useRef(uuid());
+  const value = useMemo(
+    () => ({ postMessage, allowedOrigins, senderId: senderIdRef.current }),
+    [postMessage, allowedOrigins]
+    // senderIdRef.current is stable
+  );
+  return /* @__PURE__ */ jsx(CommunicatorContext.Provider, { value, children });
+};
+const useCommunicator = () => useContext(CommunicatorContext);
+export {
+  CommunicatorProvider,
+  useCommunicator
+};
+//# sourceMappingURL=CommunicatorContext.mjs.map

package/dist/esm/editor/CommunicatorContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/editor/CommunicatorContext.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\n\nimport {\n  createContext,\n  type ComponentChildren,\n  type FunctionComponent,\n} from 'preact';\nimport { useContext, useMemo, useRef } from 'preact/hooks';\nimport { v4 as uuid } from 'uuid'; // if you prefer a UUID library\n\nexport type UseCrossPlatformStateProps = {\n  postMessage: typeof window.postMessage;\n  allowedOrigins?: string[];\n  senderId: string;\n};\n\nconst { editor } = configuration;\n\nconst CommunicatorContext = createContext<UseCrossPlatformStateProps>({\n  postMessage: () => null,\n  allowedOrigins: [\n    editor?.applicationURL,\n    editor?.editorURL,\n    editor?.cmsURL,\n  ] as string[],\n  senderId: '',\n});\n\nexport type CommunicatorProviderProps = {\n  children?: ComponentChildren;\n  postMessage: typeof window.postMessage;\n  allowedOrigins?: string[];\n};\n\nexport const CommunicatorProvider: FunctionComponent<\n  CommunicatorProviderProps\n> = ({ children, allowedOrigins, postMessage }) => {\n  // Create a stable, unique ID for the lifetime of this app/iframe instance.\n  const senderIdRef = useRef(uuid());\n\n  const value = useMemo(\n    () => ({ postMessage, allowedOrigins, senderId: senderIdRef.current }),\n    [postMessage, allowedOrigins] // senderIdRef.current is stable\n  );\n\n  return (\n    <CommunicatorContext.Provider value={value}>\n      {children}\n    </CommunicatorContext.Provider>\n  );\n};\n\nexport const useCommunicator = () => useContext(CommunicatorContext);\n"],"mappings":";AAgDI;AA9CJ,OAAO,mBAAmB;AAE1B;AAAA,EACE;AAAA,OAGK;AACP,SAAS,YAAY,SAAS,cAAc;AAC5C,SAAS,MAAM,YAAY;AAQ3B,MAAM,EAAE,OAAO,IAAI;AAEnB,MAAM,sBAAsB,cAA0C;AAAA,EACpE,aAAa,MAAM;AAAA,EACnB,gBAAgB;AAAA,IACd,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AACZ,CAAC;AAQM,MAAM,uBAET,CAAC,EAAE,UAAU,gBAAgB,YAAY,MAAM;AAEjD,QAAM,cAAc,OAAO,KAAK,CAAC;AAEjC,QAAM,QAAQ;AAAA,IACZ,OAAO,EAAE,aAAa,gBAAgB,UAAU,YAAY,QAAQ;AAAA,IACpE,CAAC,aAAa,cAAc;AAAA;AAAA,EAC9B;AAEA,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAC3B,UACH;AAEJ;AAEO,MAAM,kBAAkB,MAAM,WAAW,mBAAmB;","names":[]}

package/dist/esm/editor/ConfigurationContext.mjs

@@ -0,0 +1,27 @@
+"use client";
+import { jsx } from "preact/jsx-runtime";
+import { MessageKey } from "@intlayer/editor";
+import {
+  createContext,
+  useContext
+} from "preact/compat";
+import { useCrossFrameState } from "./useCrossFrameState.mjs";
+const ConfigurationStatesContext = createContext(
+  void 0
+);
+const useConfigurationState = () => useCrossFrameState(
+  MessageKey.INTLAYER_CONFIGURATION,
+  void 0,
+  {
+    receive: false,
+    emit: true
+  }
+);
+const ConfigurationProvider = ({ children, configuration }) => /* @__PURE__ */ jsx(ConfigurationStatesContext.Provider, { value: configuration, children });
+const useConfiguration = () => useContext(ConfigurationStatesContext);
+export {
+  ConfigurationProvider,
+  useConfiguration,
+  useConfigurationState
+};
+//# sourceMappingURL=ConfigurationContext.mjs.map

package/dist/esm/editor/ConfigurationContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/editor/ConfigurationContext.tsx"],"sourcesContent":["'use client';\n\nimport { type IntlayerConfig } from '@intlayer/config/client';\nimport { MessageKey } from '@intlayer/editor';\nimport {\n  type FC,\n  type PropsWithChildren,\n  createContext,\n  useContext,\n} from 'preact/compat';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nconst ConfigurationStatesContext = createContext<IntlayerConfig | undefined>(\n  undefined\n);\n\nexport const useConfigurationState = () =>\n  useCrossFrameState<IntlayerConfig>(\n    MessageKey.INTLAYER_CONFIGURATION,\n    undefined,\n    {\n      receive: false,\n      emit: true,\n    }\n  );\n\nexport type ConfigurationProviderProps = {\n  configuration?: IntlayerConfig;\n};\n\nexport const ConfigurationProvider: FC<\n  PropsWithChildren<ConfigurationProviderProps>\n> = ({ children, configuration }) => (\n  <ConfigurationStatesContext.Provider value={configuration}>\n    {children}\n  </ConfigurationStatesContext.Provider>\n);\n\nexport const useConfiguration = () => useContext(ConfigurationStatesContext);\n"],"mappings":";AAiCE;AA9BF,SAAS,kBAAkB;AAC3B;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AACP,SAAS,0BAA0B;AAEnC,MAAM,6BAA6B;AAAA,EACjC;AACF;AAEO,MAAM,wBAAwB,MACnC;AAAA,EACE,WAAW;AAAA,EACX;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF;AAMK,MAAM,wBAET,CAAC,EAAE,UAAU,cAAc,MAC7B,oBAAC,2BAA2B,UAA3B,EAAoC,OAAO,eACzC,UACH;AAGK,MAAM,mBAAmB,MAAM,WAAW,0BAA0B;","names":[]}

package/dist/esm/editor/ContentSelectorWrapper.mjs

@@ -0,0 +1,45 @@
+"use client";
+import { jsx } from "preact/jsx-runtime";
+import { isSameKeyPath } from "@intlayer/core";
+import {
+  useCallback,
+  useMemo
+} from "preact/compat";
+import { useIntlayerContext } from "../client/index.mjs";
+import { ContentSelector } from "../UI/ContentSelector.mjs";
+import { useEditorEnabled } from "./EditorEnabledContext.mjs";
+import { useFocusDictionary } from "./FocusDictionaryContext.mjs";
+const ContentSelectorWrapperContent = ({
+  children,
+  dictionaryKey,
+  keyPath
+}) => {
+  const { focusedContent, setFocusedContent } = useFocusDictionary();
+  const handleSelect = useCallback(
+    () => setFocusedContent({
+      dictionaryKey,
+      keyPath
+    }),
+    [dictionaryKey, keyPath]
+  );
+  const isSelected = useMemo(
+    () => (focusedContent?.dictionaryKey === dictionaryKey && (focusedContent?.keyPath?.length ?? 0) > 0 && isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ?? false,
+    [focusedContent, keyPath, dictionaryKey]
+  );
+  return /* @__PURE__ */ jsx(ContentSelector, { onPress: handleSelect, isSelecting: isSelected, children });
+};
+const ContentSelectorRenderer = ({
+  children,
+  ...props
+}) => {
+  const { enabled } = useEditorEnabled();
+  const { disableEditor } = useIntlayerContext();
+  if (enabled && !disableEditor) {
+    return /* @__PURE__ */ jsx(ContentSelectorWrapperContent, { ...props, children });
+  }
+  return children;
+};
+export {
+  ContentSelectorRenderer
+};
+//# sourceMappingURL=ContentSelectorWrapper.mjs.map

package/dist/esm/editor/ContentSelectorWrapper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/editor/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { type NodeProps, isSameKeyPath } from '@intlayer/core';\nimport {\n  type FC,\n  type HTMLAttributes,\n  useCallback,\n  useMemo,\n} from 'preact/compat';\nimport { useIntlayerContext } from '../client';\nimport { ContentSelector } from '../UI/ContentSelector';\nimport { useEditorEnabled } from './EditorEnabledContext';\nimport { useFocusDictionary } from './FocusDictionaryContext';\n\nexport type ContentSelectorWrapperProps = NodeProps &\n  Omit<HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst ContentSelectorWrapperContent: FC<ContentSelectorWrapperProps> = ({\n  children,\n  dictionaryKey,\n  keyPath,\n}) => {\n  const { focusedContent, setFocusedContent } = useFocusDictionary();\n\n  const handleSelect = useCallback(\n    () =>\n      setFocusedContent({\n        dictionaryKey,\n        keyPath,\n      }),\n    [dictionaryKey, keyPath]\n  );\n\n  const isSelected = useMemo(\n    () =>\n      (focusedContent?.dictionaryKey === dictionaryKey &&\n        (focusedContent?.keyPath?.length ?? 0) > 0 &&\n        isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ??\n      false,\n    [focusedContent, keyPath, dictionaryKey]\n  );\n\n  return (\n    <ContentSelector onPress={handleSelect} isSelecting={isSelected}>\n      {children}\n    </ContentSelector>\n  );\n};\n\nexport const ContentSelectorRenderer: FC<ContentSelectorWrapperProps> = ({\n  children,\n  ...props\n}) => {\n  const { enabled } = useEditorEnabled();\n  const { disableEditor } = useIntlayerContext();\n\n  if (enabled && !disableEditor) {\n    return (\n      <ContentSelectorWrapperContent {...props}>\n        {children}\n      </ContentSelectorWrapperContent>\n    );\n  }\n\n  return children;\n};\n"],"mappings":";AA2CI;AAzCJ,SAAyB,qBAAqB;AAC9C;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AACP,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AAKnC,MAAM,gCAAiE,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,gBAAgB,kBAAkB,IAAI,mBAAmB;AAEjE,QAAM,eAAe;AAAA,IACnB,MACE,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,eAAe,OAAO;AAAA,EACzB;AAEA,QAAM,aAAa;AAAA,IACjB,OACG,gBAAgB,kBAAkB,kBAChC,gBAAgB,SAAS,UAAU,KAAK,KACzC,cAAc,gBAAgB,WAAW,CAAC,GAAG,OAAO,MACtD;AAAA,IACF,CAAC,gBAAgB,SAAS,aAAa;AAAA,EACzC;AAEA,SACE,oBAAC,mBAAgB,SAAS,cAAc,aAAa,YAClD,UACH;AAEJ;AAEO,MAAM,0BAA2D,CAAC;AAAA,EACvE;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,QAAQ,IAAI,iBAAiB;AACrC,QAAM,EAAE,cAAc,IAAI,mBAAmB;AAE7C,MAAI,WAAW,CAAC,eAAe;AAC7B,WACE,oBAAC,iCAA+B,GAAG,OAChC,UACH;AAAA,EAEJ;AAEA,SAAO;AACT;","names":[]}

package/dist/esm/editor/DictionariesRecordContext.mjs

@@ -0,0 +1,55 @@
+"use client";
+import { jsx } from "preact/jsx-runtime";
+import { MessageKey } from "@intlayer/editor";
+import {
+  createContext,
+  useContext,
+  useMemo
+} from "preact/compat";
+import { useCrossFrameState } from "./useCrossFrameState.mjs";
+const DictionariesRecordStatesContext = createContext(void 0);
+const DictionariesRecordActionsContext = createContext(void 0);
+const DictionariesRecordProvider = ({
+  children
+}) => {
+  const [localeDictionaries, setLocaleDictionaries] = useCrossFrameState(
+    MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED,
+    void 0
+  );
+  const stateValue = useMemo(
+    () => ({
+      localeDictionaries: localeDictionaries ?? {}
+    }),
+    [localeDictionaries]
+  );
+  const actionValue = useMemo(
+    () => ({
+      setLocaleDictionaries,
+      setLocaleDictionary: (dictionary) => {
+        setLocaleDictionaries((dictionaries) => ({
+          ...dictionaries,
+          [dictionary.key]: dictionary
+        }));
+      }
+    }),
+    [setLocaleDictionaries]
+  );
+  return /* @__PURE__ */ jsx(DictionariesRecordStatesContext.Provider, { value: stateValue, children: /* @__PURE__ */ jsx(DictionariesRecordActionsContext.Provider, { value: actionValue, children }) });
+};
+const useDictionariesRecordActions = () => useContext(DictionariesRecordActionsContext);
+const useDictionariesRecord = () => {
+  const actionsContext = useDictionariesRecordActions();
+  const statesContext = useContext(DictionariesRecordStatesContext);
+  if (!statesContext) {
+    throw new Error(
+      "useDictionariesRecordStates must be used within a DictionariesRecordProvider"
+    );
+  }
+  return { ...statesContext, ...actionsContext };
+};
+export {
+  DictionariesRecordProvider,
+  useDictionariesRecord,
+  useDictionariesRecordActions
+};
+//# sourceMappingURL=DictionariesRecordContext.mjs.map

package/dist/esm/editor/DictionariesRecordContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/editor/DictionariesRecordContext.tsx"],"sourcesContent":["'use client';\n\nimport type { Dictionary } from '@intlayer/core';\nimport { MessageKey } from '@intlayer/editor';\nimport {\n  createContext,\n  useContext,\n  useMemo,\n  type Dispatch,\n  type FC,\n  type PropsWithChildren,\n  type SetStateAction,\n} from 'preact/compat';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nexport type DictionaryContent = Record<Dictionary['key'], Dictionary>;\n\ntype DictionariesRecordStatesContextType = {\n  localeDictionaries: DictionaryContent;\n};\ntype DictionariesRecordActionsContextType = {\n  setLocaleDictionaries: Dispatch<SetStateAction<DictionaryContent>>;\n  setLocaleDictionary: (dictionary: Dictionary) => void;\n};\n\nconst DictionariesRecordStatesContext = createContext<\n  DictionariesRecordStatesContextType | undefined\n>(undefined);\nconst DictionariesRecordActionsContext = createContext<\n  DictionariesRecordActionsContextType | undefined\n>(undefined);\n\nexport const DictionariesRecordProvider: FC<PropsWithChildren> = ({\n  children,\n}) => {\n  const [localeDictionaries, setLocaleDictionaries] =\n    useCrossFrameState<DictionaryContent>(\n      MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED,\n      undefined\n    );\n\n  const stateValue = useMemo(\n    () => ({\n      localeDictionaries: localeDictionaries ?? {},\n    }),\n    [localeDictionaries]\n  );\n\n  const actionValue = useMemo(\n    () => ({\n      setLocaleDictionaries,\n      setLocaleDictionary: (dictionary: Dictionary) => {\n        setLocaleDictionaries((dictionaries) => ({\n          ...dictionaries,\n          [dictionary.key]: dictionary,\n        }));\n      },\n    }),\n    [setLocaleDictionaries]\n  );\n\n  return (\n    <DictionariesRecordStatesContext.Provider value={stateValue}>\n      <DictionariesRecordActionsContext.Provider value={actionValue}>\n        {children}\n      </DictionariesRecordActionsContext.Provider>\n    </DictionariesRecordStatesContext.Provider>\n  );\n};\n\nexport const useDictionariesRecordActions = () =>\n  useContext(DictionariesRecordActionsContext);\n\nexport const useDictionariesRecord = () => {\n  const actionsContext = useDictionariesRecordActions();\n  const statesContext = useContext(DictionariesRecordStatesContext);\n\n  if (!statesContext) {\n    throw new Error(\n      'useDictionariesRecordStates must be used within a DictionariesRecordProvider'\n    );\n  }\n\n  return { ...statesContext, ...actionsContext };\n};\n"],"mappings":";AA+DM;AA5DN,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAKK;AACP,SAAS,0BAA0B;AAYnC,MAAM,kCAAkC,cAEtC,MAAS;AACX,MAAM,mCAAmC,cAEvC,MAAS;AAEJ,MAAM,6BAAoD,CAAC;AAAA,EAChE;AACF,MAAM;AACJ,QAAM,CAAC,oBAAoB,qBAAqB,IAC9C;AAAA,IACE,WAAW;AAAA,IACX;AAAA,EACF;AAEF,QAAM,aAAa;AAAA,IACjB,OAAO;AAAA,MACL,oBAAoB,sBAAsB,CAAC;AAAA,IAC7C;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAEA,QAAM,cAAc;AAAA,IAClB,OAAO;AAAA,MACL;AAAA,MACA,qBAAqB,CAAC,eAA2B;AAC/C,8BAAsB,CAAC,kBAAkB;AAAA,UACvC,GAAG;AAAA,UACH,CAAC,WAAW,GAAG,GAAG;AAAA,QACpB,EAAE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,CAAC,qBAAqB;AAAA,EACxB;AAEA,SACE,oBAAC,gCAAgC,UAAhC,EAAyC,OAAO,YAC/C,8BAAC,iCAAiC,UAAjC,EAA0C,OAAO,aAC/C,UACH,GACF;AAEJ;AAEO,MAAM,+BAA+B,MAC1C,WAAW,gCAAgC;AAEtC,MAAM,wBAAwB,MAAM;AACzC,QAAM,iBAAiB,6BAA6B;AACpD,QAAM,gBAAgB,WAAW,+BAA+B;AAEhE,MAAI,CAAC,eAAe;AAClB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,SAAO,EAAE,GAAG,eAAe,GAAG,eAAe;AAC/C;","names":[]}

package/dist/esm/editor/EditedContentContext.mjs

@@ -0,0 +1,198 @@
+"use client";
+import { jsx } from "preact/jsx-runtime";
+import {
+  editDictionaryByKeyPath,
+  getContentNodeByKeyPath,
+  renameContentNodeByKeyPath
+} from "@intlayer/core";
+import { MessageKey } from "@intlayer/editor";
+import {
+  createContext,
+  useContext
+} from "preact/compat";
+import {
+  useDictionariesRecord
+} from "./DictionariesRecordContext.mjs";
+import { useCrossFrameMessageListener } from "./useCrossFrameMessageListener.mjs";
+import { useCrossFrameState } from "./useCrossFrameState.mjs";
+const EditedContentStateContext = createContext(void 0);
+const usePostEditedContentState = (onEventTriggered) => useCrossFrameMessageListener(
+  `${MessageKey.INTLAYER_EDITED_CONTENT_CHANGED}/post`,
+  onEventTriggered
+);
+const useGetEditedContentState = (onEventTriggered) => useCrossFrameMessageListener(
+  `${MessageKey.INTLAYER_EDITED_CONTENT_CHANGED}/get`,
+  onEventTriggered
+);
+const EditedContentActionsContext = createContext(void 0);
+const resolveState = (state, prevState) => typeof state === "function" ? state(prevState) : state;
+const EditedContentProvider = ({ children }) => {
+  const { localeDictionaries } = useDictionariesRecord();
+  const [editedContent, setEditedContentState] = useCrossFrameState(
+    MessageKey.INTLAYER_EDITED_CONTENT_CHANGED
+  );
+  const setEditedDictionary = (newValue) => {
+    let updatedDictionaries = resolveState(newValue);
+    setEditedContentState((prev) => {
+      updatedDictionaries = resolveState(
+        newValue,
+        prev?.[updatedDictionaries.key]
+      );
+      return {
+        ...prev,
+        [updatedDictionaries.key]: updatedDictionaries
+      };
+    });
+    return updatedDictionaries;
+  };
+  const setEditedContent = (dictionaryKey, newValue) => {
+    setEditedContentState((prev) => ({
+      ...prev,
+      [dictionaryKey]: {
+        ...prev?.[dictionaryKey],
+        content: newValue
+      }
+    }));
+  };
+  const addEditedContent = (dictionaryKey, newValue, keyPath = [], overwrite = true) => {
+    setEditedContentState((prev) => {
+      const originalContent = localeDictionaries[dictionaryKey]?.content;
+      const currentContent = structuredClone(
+        prev?.[dictionaryKey]?.content ?? originalContent
+      );
+      let newKeyPath = keyPath;
+      if (!overwrite) {
+        let index = 0;
+        const otherKeyPath = keyPath.slice(0, -1);
+        const lastKeyPath = keyPath[keyPath.length - 1];
+        let finalKey = lastKeyPath.key;
+        while (typeof getContentNodeByKeyPath(currentContent, newKeyPath) !== "undefined") {
+          index++;
+          finalKey = index === 0 ? lastKeyPath.key : `${lastKeyPath.key} (${index})`;
+          newKeyPath = [
+            ...otherKeyPath,
+            { ...lastKeyPath, key: finalKey }
+          ];
+        }
+      }
+      const updatedContent = editDictionaryByKeyPath(
+        currentContent,
+        newKeyPath,
+        newValue
+      );
+      return {
+        ...prev,
+        [dictionaryKey]: {
+          ...prev?.[dictionaryKey],
+          content: updatedContent
+        }
+      };
+    });
+  };
+  const renameEditedContent = (dictionaryKey, newKey, keyPath = []) => {
+    setEditedContentState((prev) => {
+      const originalContent = localeDictionaries[dictionaryKey]?.content;
+      const currentContent = structuredClone(
+        prev?.[dictionaryKey]?.content ?? originalContent
+      );
+      const contentWithNewField = renameContentNodeByKeyPath(
+        currentContent,
+        newKey,
+        keyPath
+      );
+      return {
+        ...prev,
+        [dictionaryKey]: {
+          ...prev?.[dictionaryKey],
+          content: contentWithNewField
+        }
+      };
+    });
+  };
+  const removeEditedContent = (dictionaryKey, keyPath) => {
+    setEditedContentState((prev) => {
+      const originalContent = localeDictionaries[dictionaryKey]?.content;
+      const currentContent = structuredClone(
+        prev?.[dictionaryKey]?.content ?? originalContent
+      );
+      const initialContent = getContentNodeByKeyPath(originalContent, keyPath);
+      const restoredContent = editDictionaryByKeyPath(
+        currentContent,
+        keyPath,
+        initialContent
+      );
+      return {
+        ...prev,
+        [dictionaryKey]: {
+          ...prev?.[dictionaryKey],
+          content: restoredContent
+        }
+      };
+    });
+  };
+  const restoreEditedContent = (dictionaryKey) => {
+    setEditedContentState((prev) => {
+      const updated = { ...prev };
+      delete updated[dictionaryKey];
+      return updated;
+    });
+  };
+  const clearEditedDictionaryContent = (dictionaryKey) => {
+    setEditedContentState((prev) => {
+      const filtered = Object.entries(prev).reduce((acc, [key, value]) => {
+        if (key === dictionaryKey) {
+          return acc;
+        }
+        return { ...acc, [key]: value };
+      }, {});
+      return filtered;
+    });
+  };
+  const clearEditedContent = () => {
+    setEditedContentState({});
+  };
+  const getEditedContentValue = (dictionaryKey, keyPath) => {
+    const currentContent = editedContent?.[dictionaryKey]?.content ?? {};
+    return getContentNodeByKeyPath(currentContent, keyPath);
+  };
+  return /* @__PURE__ */ jsx(
+    EditedContentStateContext.Provider,
+    {
+      value: {
+        editedContent
+      },
+      children: /* @__PURE__ */ jsx(
+        EditedContentActionsContext.Provider,
+        {
+          value: {
+            setEditedContentState,
+            setEditedDictionary,
+            setEditedContent,
+            addEditedContent,
+            renameEditedContent,
+            removeEditedContent,
+            restoreEditedContent,
+            clearEditedDictionaryContent,
+            clearEditedContent,
+            getEditedContentValue
+          },
+          children
+        }
+      )
+    }
+  );
+};
+const useEditedContentActions = () => useContext(EditedContentActionsContext);
+const useEditedContent = () => {
+  const stateContext = useContext(EditedContentStateContext);
+  const actionContext = useEditedContentActions();
+  return { ...stateContext, ...actionContext };
+};
+export {
+  EditedContentProvider,
+  useEditedContent,
+  useEditedContentActions,
+  useGetEditedContentState,
+  usePostEditedContentState
+};
+//# sourceMappingURL=EditedContentContext.mjs.map

package/dist/esm/editor/EditedContentContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/editor/EditedContentContext.tsx"],"sourcesContent":["'use client';\n\nimport {\n  editDictionaryByKeyPath,\n  getContentNodeByKeyPath,\n  renameContentNodeByKeyPath,\n  type ContentNode,\n  type Dictionary,\n  type KeyPath,\n} from '@intlayer/core';\nimport { MessageKey } from '@intlayer/editor';\nimport {\n  createContext,\n  useContext,\n  type Dispatch,\n  type FC,\n  type PropsWithChildren,\n  type SetStateAction,\n} from 'preact/compat';\nimport {\n  useDictionariesRecord,\n  type DictionaryContent,\n} from './DictionariesRecordContext';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\nimport { useCrossFrameState } from './useCrossFrameState';\n\ntype EditedContentStateContextType = {\n  editedContent: Record<Dictionary['key'], Dictionary> | undefined;\n};\n\nconst EditedContentStateContext = createContext<\n  EditedContentStateContextType | undefined\n>(undefined);\n\nexport const usePostEditedContentState = <S,>(\n  onEventTriggered?: (data: S) => void\n) =>\n  useCrossFrameMessageListener(\n    `${MessageKey.INTLAYER_EDITED_CONTENT_CHANGED}/post`,\n    onEventTriggered\n  );\n\nexport const useGetEditedContentState = <S,>(\n  onEventTriggered?: (data: S) => void\n) =>\n  useCrossFrameMessageListener(\n    `${MessageKey.INTLAYER_EDITED_CONTENT_CHANGED}/get`,\n    onEventTriggered\n  );\n\ntype EditedContentActionsContextType = {\n  setEditedContentState: (\n    editedContent: Record<Dictionary['key'], Dictionary>\n  ) => void;\n  setEditedDictionary: Dispatch<SetStateAction<Dictionary>>;\n  setEditedContent: (\n    dictionaryKey: Dictionary['key'],\n    newValue: Dictionary['content']\n  ) => void;\n  addEditedContent: (\n    dictionaryKey: Dictionary['key'],\n    newValue: ContentNode<any>,\n    keyPath?: KeyPath[],\n    overwrite?: boolean\n  ) => void;\n  renameEditedContent: (\n    dictionaryKey: Dictionary['key'],\n    newKey: KeyPath['key'],\n    keyPath?: KeyPath[]\n  ) => void;\n  removeEditedContent: (\n    dictionaryKey: Dictionary['key'],\n    keyPath: KeyPath[]\n  ) => void;\n  restoreEditedContent: (dictionaryKey: Dictionary['key']) => void;\n  clearEditedDictionaryContent: (dictionaryKey: Dictionary['key']) => void;\n  clearEditedContent: () => void;\n  getEditedContentValue: (\n    dictionaryKey: Dictionary['key'],\n    keyPath: KeyPath[]\n  ) => ContentNode | undefined;\n};\n\nconst EditedContentActionsContext = createContext<\n  EditedContentActionsContextType | undefined\n>(undefined);\n\nconst resolveState = <S,>(state?: SetStateAction<S>, prevState?: S): S =>\n  typeof state === 'function'\n    ? (state as (prevState?: S) => S)(prevState)\n    : (state as S);\n\nexport const EditedContentProvider: FC<PropsWithChildren> = ({ children }) => {\n  const { localeDictionaries } = useDictionariesRecord();\n\n  const [editedContent, setEditedContentState] =\n    useCrossFrameState<DictionaryContent>(\n      MessageKey.INTLAYER_EDITED_CONTENT_CHANGED\n    );\n\n  const setEditedDictionary: Dispatch<SetStateAction<Dictionary>> = (\n    newValue\n  ) => {\n    let updatedDictionaries: Dictionary = resolveState(newValue);\n\n    setEditedContentState((prev) => {\n      updatedDictionaries = resolveState(\n        newValue,\n        prev?.[updatedDictionaries.key]\n      );\n\n      return {\n        ...prev,\n        [updatedDictionaries.key]: updatedDictionaries,\n      };\n    });\n\n    return updatedDictionaries;\n  };\n\n  const setEditedContent = (\n    dictionaryKey: Dictionary['key'],\n    newValue: Dictionary['content']\n  ) => {\n    setEditedContentState((prev) => ({\n      ...prev,\n      [dictionaryKey]: {\n        ...prev?.[dictionaryKey],\n        content: newValue,\n      },\n    }));\n  };\n\n  const addEditedContent = (\n    dictionaryKey: Dictionary['key'],\n    newValue: ContentNode,\n    keyPath: KeyPath[] = [],\n    overwrite: boolean = true\n  ) => {\n    setEditedContentState((prev) => {\n      // Get the starting content: edited version if available, otherwise a deep copy of the original\n      const originalContent = localeDictionaries[dictionaryKey]?.content;\n      const currentContent = structuredClone(\n        prev?.[dictionaryKey]?.content ?? originalContent\n      );\n\n      let newKeyPath = keyPath;\n      if (!overwrite) {\n        // Find a unique key based on the keyPath provided\n        let index = 0;\n        const otherKeyPath = keyPath.slice(0, -1);\n        const lastKeyPath: KeyPath = keyPath[keyPath.length - 1];\n        let finalKey = lastKeyPath.key;\n\n        // Loop until we find a key that does not exist\n        while (\n          typeof getContentNodeByKeyPath(currentContent, newKeyPath) !==\n          'undefined'\n        ) {\n          index++;\n          finalKey =\n            index === 0 ? lastKeyPath.key : `${lastKeyPath.key} (${index})`;\n          newKeyPath = [\n            ...otherKeyPath,\n            { ...lastKeyPath, key: finalKey } as KeyPath,\n          ];\n        }\n      }\n\n      const updatedContent = editDictionaryByKeyPath(\n        currentContent,\n        newKeyPath,\n        newValue\n      );\n\n      return {\n        ...prev,\n        [dictionaryKey]: {\n          ...prev?.[dictionaryKey],\n          content: updatedContent as Dictionary['content'],\n        },\n      };\n    });\n  };\n\n  const renameEditedContent = (\n    dictionaryKey: Dictionary['key'],\n    newKey: KeyPath['key'],\n    keyPath: KeyPath[] = []\n  ) => {\n    setEditedContentState((prev) => {\n      // Retrieve the base content: use edited version if available, otherwise deep copy of original\n      const originalContent = localeDictionaries[dictionaryKey]?.content;\n      const currentContent = structuredClone(\n        prev?.[dictionaryKey]?.content ?? originalContent\n      );\n\n      const contentWithNewField = renameContentNodeByKeyPath(\n        currentContent,\n        newKey,\n        keyPath\n      );\n\n      return {\n        ...prev,\n        [dictionaryKey]: {\n          ...prev?.[dictionaryKey],\n          content: contentWithNewField as Dictionary['content'],\n        },\n      };\n    });\n  };\n\n  const removeEditedContent = (\n    dictionaryKey: Dictionary['key'],\n    keyPath: KeyPath[]\n  ) => {\n    setEditedContentState((prev) => {\n      // Retrieve the original content as reference\n      const originalContent = localeDictionaries[dictionaryKey]?.content;\n      const currentContent = structuredClone(\n        prev?.[dictionaryKey]?.content ?? originalContent\n      );\n\n      // Get the initial value from the original dictionary content\n      const initialContent = getContentNodeByKeyPath(originalContent, keyPath);\n\n      // Restore the value at the given keyPath\n      const restoredContent = editDictionaryByKeyPath(\n        currentContent,\n        keyPath,\n        initialContent\n      );\n\n      return {\n        ...prev,\n        [dictionaryKey]: {\n          ...prev?.[dictionaryKey],\n          content: restoredContent as Dictionary['content'],\n        },\n      };\n    });\n  };\n\n  const restoreEditedContent = (dictionaryKey: Dictionary['key']) => {\n    setEditedContentState((prev) => {\n      const updated = { ...prev };\n      delete updated[dictionaryKey];\n      return updated;\n    });\n  };\n\n  const clearEditedDictionaryContent = (dictionaryKey: Dictionary['key']) => {\n    setEditedContentState((prev) => {\n      const filtered = Object.entries(prev).reduce((acc, [key, value]) => {\n        if (key === dictionaryKey) {\n          return acc;\n        }\n        return { ...acc, [key]: value };\n      }, {} as DictionaryContent);\n      return filtered;\n    });\n  };\n\n  const clearEditedContent = () => {\n    setEditedContentState({});\n  };\n\n  const getEditedContentValue = (\n    dictionaryKey: Dictionary['key'],\n    keyPath: KeyPath[]\n  ): ContentNode | undefined => {\n    const currentContent = editedContent?.[dictionaryKey]?.content ?? {};\n    return getContentNodeByKeyPath(currentContent, keyPath);\n  };\n\n  return (\n    <EditedContentStateContext.Provider\n      value={{\n        editedContent,\n      }}\n    >\n      <EditedContentActionsContext.Provider\n        value={{\n          setEditedContentState,\n          setEditedDictionary,\n          setEditedContent,\n          addEditedContent,\n          renameEditedContent,\n          removeEditedContent,\n          restoreEditedContent,\n          clearEditedDictionaryContent,\n          clearEditedContent,\n          getEditedContentValue,\n        }}\n      >\n        {children}\n      </EditedContentActionsContext.Provider>\n    </EditedContentStateContext.Provider>\n  );\n};\n\nexport const useEditedContentActions = () =>\n  useContext(EditedContentActionsContext);\n\nexport const useEditedContent = () => {\n  const stateContext = useContext(EditedContentStateContext);\n  const actionContext = useEditedContentActions();\n\n  return { ...stateContext, ...actionContext };\n};\n"],"mappings":"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","names":[]}

package/dist/esm/editor/EditorEnabledContext.mjs

@@ -0,0 +1,39 @@
+"use client";
+import { jsx } from "preact/jsx-runtime";
+import { MessageKey } from "@intlayer/editor";
+import {
+  createContext,
+  useContext
+} from "preact/compat";
+import { useCrossFrameMessageListener } from "./useCrossFrameMessageListener.mjs";
+import {
+  useCrossFrameState
+} from "./useCrossFrameState.mjs";
+const EditorEnabledContext = createContext({
+  enabled: false
+});
+const useEditorEnabledState = (options) => useCrossFrameState(MessageKey.INTLAYER_EDITOR_ENABLED, false, options);
+const usePostEditorEnabledState = (onEventTriggered) => useCrossFrameMessageListener(
+  `${MessageKey.INTLAYER_EDITOR_ENABLED}/post`,
+  onEventTriggered
+);
+const useGetEditorEnabledState = (onEventTriggered) => useCrossFrameMessageListener(
+  `${MessageKey.INTLAYER_EDITOR_ENABLED}/get`,
+  onEventTriggered
+);
+const EditorEnabledProvider = ({ children }) => {
+  const [isEnabled] = useEditorEnabledState({
+    emit: false,
+    receive: true
+  });
+  return /* @__PURE__ */ jsx(EditorEnabledContext.Provider, { value: { enabled: isEnabled }, children });
+};
+const useEditorEnabled = () => useContext(EditorEnabledContext);
+export {
+  EditorEnabledProvider,
+  useEditorEnabled,
+  useEditorEnabledState,
+  useGetEditorEnabledState,
+  usePostEditorEnabledState
+};
+//# sourceMappingURL=EditorEnabledContext.mjs.map

package/dist/esm/editor/EditorEnabledContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/editor/EditorEnabledContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport {\n  createContext,\n  useContext,\n  type FC,\n  type PropsWithChildren,\n} from 'preact/compat';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\nimport {\n  useCrossFrameState,\n  type CrossFrameStateOptions,\n} from './useCrossFrameState';\n\nexport type EditorEnabledStateProps = {\n  enabled: boolean;\n};\n\nconst EditorEnabledContext = createContext<EditorEnabledStateProps>({\n  enabled: false,\n});\n\nexport const useEditorEnabledState = (options?: CrossFrameStateOptions) =>\n  useCrossFrameState(MessageKey.INTLAYER_EDITOR_ENABLED, false, options);\n\nexport const usePostEditorEnabledState = <S,>(\n  onEventTriggered?: (data: S) => void\n) =>\n  useCrossFrameMessageListener(\n    `${MessageKey.INTLAYER_EDITOR_ENABLED}/post`,\n    onEventTriggered\n  );\n\nexport const useGetEditorEnabledState = <S,>(\n  onEventTriggered?: (data: S) => void\n) =>\n  useCrossFrameMessageListener(\n    `${MessageKey.INTLAYER_EDITOR_ENABLED}/get`,\n    onEventTriggered\n  );\n\nexport const EditorEnabledProvider: FC<PropsWithChildren> = ({ children }) => {\n  const [isEnabled] = useEditorEnabledState({\n    emit: false,\n    receive: true,\n  });\n\n  return (\n    <EditorEnabledContext.Provider value={{ enabled: isEnabled }}>\n      {children}\n    </EditorEnabledContext.Provider>\n  );\n};\n\nexport const useEditorEnabled = () => useContext(EditorEnabledContext);\n"],"mappings":";AAiDI;AA/CJ,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AACP,SAAS,oCAAoC;AAC7C;AAAA,EACE;AAAA,OAEK;AAMP,MAAM,uBAAuB,cAAuC;AAAA,EAClE,SAAS;AACX,CAAC;AAEM,MAAM,wBAAwB,CAAC,YACpC,mBAAmB,WAAW,yBAAyB,OAAO,OAAO;AAEhE,MAAM,4BAA4B,CACvC,qBAEA;AAAA,EACE,GAAG,WAAW,uBAAuB;AAAA,EACrC;AACF;AAEK,MAAM,2BAA2B,CACtC,qBAEA;AAAA,EACE,GAAG,WAAW,uBAAuB;AAAA,EACrC;AACF;AAEK,MAAM,wBAA+C,CAAC,EAAE,SAAS,MAAM;AAC5E,QAAM,CAAC,SAAS,IAAI,sBAAsB;AAAA,IACxC,MAAM;AAAA,IACN,SAAS;AAAA,EACX,CAAC;AAED,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,SAAS,UAAU,GACxD,UACH;AAEJ;AAEO,MAAM,mBAAmB,MAAM,WAAW,oBAAoB;","names":[]}