@intlayer/editor-react 9.6.0 → 9.7.1

package/dist/cjs/ConfigurationContext.cjs

@@ -1,10 +1,10 @@
 'use client';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_EditorStateContext = require('./EditorStateContext.cjs');
+const require_EditorStateContext = require("./EditorStateContext.cjs");
 let react = require("react");
 
-//#region src/ConfigurationContext.tsx
+// src/ConfigurationContext.tsx
 /**
 * Returns the Intlayer configuration held by the editor state manager.
 */
@@ -20,6 +20,5 @@ const useConfiguration = () => {
 	return configuration;
 };
 
-//#endregion
 exports.useConfiguration = useConfiguration;
 //# sourceMappingURL=ConfigurationContext.cjs.map

package/dist/cjs/DictionariesRecordContext.cjs

@@ -1,10 +1,10 @@
 'use client';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_EditorStateContext = require('./EditorStateContext.cjs');
+const require_EditorStateContext = require("./EditorStateContext.cjs");
 let react = require("react");
 
-//#region src/DictionariesRecordContext.tsx
+// src/DictionariesRecordContext.tsx
 const useDictionariesRecord = () => {
 	const manager = require_EditorStateContext.useEditorStateManager();
 	const [localeDictionaries, setLocaleDictionariesState] = (0, react.useState)(manager?.localeDictionaries.value ?? {});
@@ -28,7 +28,6 @@ const useDictionariesRecordActions = () => {
 	};
 };
 
-//#endregion
 exports.useDictionariesRecord = useDictionariesRecord;
 exports.useDictionariesRecordActions = useDictionariesRecordActions;
 //# sourceMappingURL=DictionariesRecordContext.cjs.map

package/dist/cjs/EditedContentContext.cjs

@@ -1,13 +1,17 @@
 'use client';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_EditorStateContext = require('./EditorStateContext.cjs');
+const require_EditorStateContext = require("./EditorStateContext.cjs");
 let react = require("react");
 
-//#region src/EditedContentContext.tsx
+// src/EditedContentContext.tsx
+/**
+* Returns the edited content actions. Memoized on the manager so they can be
+* used as effect dependencies without a compiler.
+*/
 const useEditedContentActions = () => {
 	const manager = require_EditorStateContext.useEditorStateManager();
-	return {
+	return (0, react.useMemo)(() => ({
 		setEditedContentState: (value) => manager?.editedContent.set(value),
 		setEditedDictionary: (dict) => manager?.setEditedDictionary(dict),
 		setEditedContent: (localId, value) => manager?.setEditedContent(localId, value),
@@ -16,7 +20,7 @@ const useEditedContentActions = () => {
 		removeEditedContent: (localId, keyPath) => manager?.removeContent(localId, keyPath),
 		restoreEditedContent: (localId) => manager?.restoreContent(localId),
 		getEditedContentValue: (localIdOrKey, keyPath) => manager?.getContentValue(localIdOrKey, keyPath)
-	};
+	}), [manager]);
 };
 const useEditedContent = () => {
 	const manager = require_EditorStateContext.useEditorStateManager();
@@ -33,7 +37,6 @@ const useEditedContent = () => {
 	};
 };
 
-//#endregion
 exports.useEditedContent = useEditedContent;
 exports.useEditedContentActions = useEditedContentActions;
 //# sourceMappingURL=EditedContentContext.cjs.map

package/dist/cjs/EditedContentContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditedContentContext.cjs","names":["useEditorStateManager","useState"],"sources":["../../src/EditedContentContext.tsx"],"sourcesContent":["'use client';\n\nimport type { DictionaryContent } from '@intlayer/editor';\nimport type {\n  ContentNode,\n  Dictionary,\n  LocalDictionaryId,\n} from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { useEffect, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type { DictionaryContent } from '@intlayer/editor';\n\ntype EditedContentActionsContextType = {\n  setEditedContentState: (editedContent: DictionaryContent) => void;\n  setEditedDictionary: (dict: Dictionary) => void;\n  setEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newValue: Dictionary['content']\n  ) => void;\n  addEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newValue: ContentNode<any>,\n    keyPath?: KeyPath[],\n    overwrite?: boolean\n  ) => void;\n  renameEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newKey: KeyPath['key'],\n    keyPath?: KeyPath[]\n  ) => void;\n  removeEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    keyPath: KeyPath[]\n  ) => void;\n  restoreEditedContent: (localDictionaryId: LocalDictionaryId) => void;\n  getEditedContentValue: (\n    localDictionaryIdOrKey: LocalDictionaryId | Dictionary['key'] | string,\n    keyPath: KeyPath[]\n  ) => ContentNode | undefined;\n};\n\nexport const useEditedContentActions = (): EditedContentActionsContextType => {\n  const manager = useEditorStateManager();\n\n  return {\n    setEditedContentState: (value: DictionaryContent) =>\n      manager?.editedContent.set(value),\n    setEditedDictionary: (dict: Dictionary) =>\n      manager?.setEditedDictionary(dict),\n    setEditedContent: (\n      localId: LocalDictionaryId,\n      value: Dictionary['content']\n    ) => manager?.setEditedContent(localId, value),\n    addEditedContent: (localId, value, keyPath, overwrite) =>\n      manager?.addContent(localId, value, keyPath, overwrite),\n    renameEditedContent: (localId, newKey, keyPath) =>\n      manager?.renameContent(localId, newKey, keyPath),\n    removeEditedContent: (localId, keyPath) =>\n      manager?.removeContent(localId, keyPath),\n    restoreEditedContent: (localId) => manager?.restoreContent(localId),\n    getEditedContentValue: (localIdOrKey, keyPath) =>\n      manager?.getContentValue(localIdOrKey, keyPath),\n  };\n};\n\nexport const useEditedContent = () => {\n  const manager = useEditorStateManager();\n  const [editedContent, setEditedContentState] = useState<\n    DictionaryContent | undefined\n  >(manager?.editedContent.value);\n\n  useEffect(() => {\n    if (!manager) return;\n    const handler = (e: Event) =>\n      setEditedContentState((e as CustomEvent<DictionaryContent>).detail);\n    manager.editedContent.addEventListener('change', handler);\n    return () => manager.editedContent.removeEventListener('change', handler);\n  }, [manager]);\n\n  const actions = useEditedContentActions();\n  return { editedContent, ...actions };\n};\n"],"mappings":";;;;;;;AA2CA,MAAa,gCAAiE;CAC5E,MAAM,UAAUA,iDAAsB;CAEtC,OAAO;EACL,wBAAwB,UACtB,SAAS,cAAc,IAAI,KAAK;EAClC,sBAAsB,SACpB,SAAS,oBAAoB,IAAI;EACnC,mBACE,SACA,UACG,SAAS,iBAAiB,SAAS,KAAK;EAC7C,mBAAmB,SAAS,OAAO,SAAS,cAC1C,SAAS,WAAW,SAAS,OAAO,SAAS,SAAS;EACxD,sBAAsB,SAAS,QAAQ,YACrC,SAAS,cAAc,SAAS,QAAQ,OAAO;EACjD,sBAAsB,SAAS,YAC7B,SAAS,cAAc,SAAS,OAAO;EACzC,uBAAuB,YAAY,SAAS,eAAe,OAAO;EAClE,wBAAwB,cAAc,YACpC,SAAS,gBAAgB,cAAc,OAAO;CAClD;AACF;AAEA,MAAa,yBAAyB;CACpC,MAAM,UAAUA,iDAAsB;CACtC,MAAM,CAAC,eAAe,6BAAyBC,gBAE7C,SAAS,cAAc,KAAK;CAE9B,2BAAgB;EACd,IAAI,CAAC,SAAS;EACd,MAAM,WAAW,MACf,sBAAuB,EAAqC,MAAM;EACpE,QAAQ,cAAc,iBAAiB,UAAU,OAAO;EACxD,aAAa,QAAQ,cAAc,oBAAoB,UAAU,OAAO;CAC1E,GAAG,CAAC,OAAO,CAAC;CAGZ,OAAO;EAAE;EAAe,GADR,wBACiB;CAAE;AACrC"}
+{"version":3,"file":"EditedContentContext.cjs","names":["useEditorStateManager","useMemo","useState"],"sources":["../../src/EditedContentContext.tsx"],"sourcesContent":["'use client';\n\nimport type { DictionaryContent } from '@intlayer/editor';\nimport type {\n  ContentNode,\n  Dictionary,\n  LocalDictionaryId,\n} from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { useEffect, useMemo, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type { DictionaryContent } from '@intlayer/editor';\n\ntype EditedContentActionsContextType = {\n  setEditedContentState: (editedContent: DictionaryContent) => void;\n  setEditedDictionary: (dict: Dictionary) => void;\n  setEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newValue: Dictionary['content']\n  ) => void;\n  addEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newValue: ContentNode<any>,\n    keyPath?: KeyPath[],\n    overwrite?: boolean\n  ) => void;\n  renameEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newKey: KeyPath['key'],\n    keyPath?: KeyPath[]\n  ) => void;\n  removeEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    keyPath: KeyPath[]\n  ) => void;\n  restoreEditedContent: (localDictionaryId: LocalDictionaryId) => void;\n  getEditedContentValue: (\n    localDictionaryIdOrKey: LocalDictionaryId | Dictionary['key'] | string,\n    keyPath: KeyPath[]\n  ) => ContentNode | undefined;\n};\n\n/**\n * Returns the edited content actions. Memoized on the manager so they can be\n * used as effect dependencies without a compiler.\n */\nexport const useEditedContentActions = (): EditedContentActionsContextType => {\n  const manager = useEditorStateManager();\n\n  return useMemo<EditedContentActionsContextType>(\n    () => ({\n      setEditedContentState: (value: DictionaryContent) =>\n        manager?.editedContent.set(value),\n      setEditedDictionary: (dict: Dictionary) =>\n        manager?.setEditedDictionary(dict),\n      setEditedContent: (\n        localId: LocalDictionaryId,\n        value: Dictionary['content']\n      ) => manager?.setEditedContent(localId, value),\n      addEditedContent: (localId, value, keyPath, overwrite) =>\n        manager?.addContent(localId, value, keyPath, overwrite),\n      renameEditedContent: (localId, newKey, keyPath) =>\n        manager?.renameContent(localId, newKey, keyPath),\n      removeEditedContent: (localId, keyPath) =>\n        manager?.removeContent(localId, keyPath),\n      restoreEditedContent: (localId) => manager?.restoreContent(localId),\n      getEditedContentValue: (localIdOrKey, keyPath) =>\n        manager?.getContentValue(localIdOrKey, keyPath),\n    }),\n    [manager]\n  );\n};\n\nexport const useEditedContent = () => {\n  const manager = useEditorStateManager();\n  const [editedContent, setEditedContentState] = useState<\n    DictionaryContent | undefined\n  >(manager?.editedContent.value);\n\n  useEffect(() => {\n    if (!manager) return;\n    const handler = (e: Event) =>\n      setEditedContentState((e as CustomEvent<DictionaryContent>).detail);\n    manager.editedContent.addEventListener('change', handler);\n    return () => manager.editedContent.removeEventListener('change', handler);\n  }, [manager]);\n\n  const actions = useEditedContentActions();\n  return { editedContent, ...actions };\n};\n"],"mappings":";;;;;;;;;;;AA+CA,MAAa,gCAAiE;CAC5E,MAAM,UAAUA,iDAAsB;CAEtC,WAAOC,sBACE;EACL,wBAAwB,UACtB,SAAS,cAAc,IAAI,KAAK;EAClC,sBAAsB,SACpB,SAAS,oBAAoB,IAAI;EACnC,mBACE,SACA,UACG,SAAS,iBAAiB,SAAS,KAAK;EAC7C,mBAAmB,SAAS,OAAO,SAAS,cAC1C,SAAS,WAAW,SAAS,OAAO,SAAS,SAAS;EACxD,sBAAsB,SAAS,QAAQ,YACrC,SAAS,cAAc,SAAS,QAAQ,OAAO;EACjD,sBAAsB,SAAS,YAC7B,SAAS,cAAc,SAAS,OAAO;EACzC,uBAAuB,YAAY,SAAS,eAAe,OAAO;EAClE,wBAAwB,cAAc,YACpC,SAAS,gBAAgB,cAAc,OAAO;CAClD,IACA,CAAC,OAAO,CACV;AACF;AAEA,MAAa,yBAAyB;CACpC,MAAM,UAAUD,iDAAsB;CACtC,MAAM,CAAC,eAAe,6BAAyBE,gBAE7C,SAAS,cAAc,KAAK;CAE9B,2BAAgB;EACd,IAAI,CAAC,SAAS;EACd,MAAM,WAAW,MACf,sBAAuB,EAAqC,MAAM;EACpE,QAAQ,cAAc,iBAAiB,UAAU,OAAO;EACxD,aAAa,QAAQ,cAAc,oBAAoB,UAAU,OAAO;CAC1E,GAAG,CAAC,OAAO,CAAC;CAGZ,OAAO;EAAE;EAAe,GADR,wBACiB;CAAE;AACrC"}

package/dist/cjs/EditorEnabledContext.cjs

@@ -1,10 +1,10 @@
 'use client';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_EditorStateContext = require('./EditorStateContext.cjs');
+const require_EditorStateContext = require("./EditorStateContext.cjs");
 let react = require("react");
 
-//#region src/EditorEnabledContext.tsx
+// src/EditorEnabledContext.tsx
 /**
 * Returns the current editor-enabled state, kept in sync with the shared
 * EditorStateManager. Replaces the old EditorEnabledContext + EditorEnabledProvider.
@@ -26,10 +26,9 @@ const useEditorEnabled = () => {
 */
 const useEditorPingClient = () => {
 	const manager = require_EditorStateContext.useEditorStateManager();
-	return () => manager?.pingClient();
+	return (0, react.useCallback)(() => manager?.pingClient(), [manager]);
 };
 
-//#endregion
 exports.useEditorEnabled = useEditorEnabled;
 exports.useEditorPingClient = useEditorPingClient;
 //# sourceMappingURL=EditorEnabledContext.cjs.map

package/dist/cjs/EditorEnabledContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditorEnabledContext.cjs","names":["useEditorStateManager","useState"],"sources":["../../src/EditorEnabledContext.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type EditorEnabledStateProps = {\n  enabled: boolean;\n};\n\n/**\n * Returns the current editor-enabled state, kept in sync with the shared\n * EditorStateManager. Replaces the old EditorEnabledContext + EditorEnabledProvider.\n */\nexport const useEditorEnabled = (): EditorEnabledStateProps => {\n  const manager = useEditorStateManager();\n  const [enabled, setEnabled] = useState<boolean>(\n    manager?.editorEnabled.value ?? false\n  );\n\n  useEffect(() => {\n    if (!manager) return;\n\n    const handler = (e: Event) =>\n      setEnabled((e as CustomEvent<boolean>).detail);\n    manager.editorEnabled.addEventListener('change', handler);\n    return () => manager.editorEnabled.removeEventListener('change', handler);\n  }, [manager]);\n\n  return { enabled };\n};\n\n/**\n * Returns a function that re-pings the client via ARE_YOU_THERE.\n * Use this as the onClick for an \"Enable Editor\" / reconnect button.\n */\nexport const useEditorPingClient = (): (() => void) => {\n  const manager = useEditorStateManager();\n\n  return () => manager?.pingClient();\n};\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,yBAAkD;CAC7D,MAAM,UAAUA,iDAAsB;CACtC,MAAM,CAAC,SAAS,kBAAcC,gBAC5B,SAAS,cAAc,SAAS,KAClC;CAEA,2BAAgB;EACd,IAAI,CAAC,SAAS;EAEd,MAAM,WAAW,MACf,WAAY,EAA2B,MAAM;EAC/C,QAAQ,cAAc,iBAAiB,UAAU,OAAO;EACxD,aAAa,QAAQ,cAAc,oBAAoB,UAAU,OAAO;CAC1E,GAAG,CAAC,OAAO,CAAC;CAEZ,OAAO,EAAE,QAAQ;AACnB;;;;;AAMA,MAAa,4BAA0C;CACrD,MAAM,UAAUD,iDAAsB;CAEtC,aAAa,SAAS,WAAW;AACnC"}
+{"version":3,"file":"EditorEnabledContext.cjs","names":["useEditorStateManager","useState","useCallback"],"sources":["../../src/EditorEnabledContext.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type EditorEnabledStateProps = {\n  enabled: boolean;\n};\n\n/**\n * Returns the current editor-enabled state, kept in sync with the shared\n * EditorStateManager. Replaces the old EditorEnabledContext + EditorEnabledProvider.\n */\nexport const useEditorEnabled = (): EditorEnabledStateProps => {\n  const manager = useEditorStateManager();\n  const [enabled, setEnabled] = useState<boolean>(\n    manager?.editorEnabled.value ?? false\n  );\n\n  useEffect(() => {\n    if (!manager) return;\n\n    const handler = (e: Event) =>\n      setEnabled((e as CustomEvent<boolean>).detail);\n    manager.editorEnabled.addEventListener('change', handler);\n    return () => manager.editorEnabled.removeEventListener('change', handler);\n  }, [manager]);\n\n  return { enabled };\n};\n\n/**\n * Returns a function that re-pings the client via ARE_YOU_THERE.\n * Use this as the onClick for an \"Enable Editor\" / reconnect button.\n */\nexport const useEditorPingClient = (): (() => void) => {\n  const manager = useEditorStateManager();\n\n  return useCallback(() => manager?.pingClient(), [manager]);\n};\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,yBAAkD;CAC7D,MAAM,UAAUA,iDAAsB;CACtC,MAAM,CAAC,SAAS,kBAAcC,gBAC5B,SAAS,cAAc,SAAS,KAClC;CAEA,2BAAgB;EACd,IAAI,CAAC,SAAS;EAEd,MAAM,WAAW,MACf,WAAY,EAA2B,MAAM;EAC/C,QAAQ,cAAc,iBAAiB,UAAU,OAAO;EACxD,aAAa,QAAQ,cAAc,oBAAoB,UAAU,OAAO;CAC1E,GAAG,CAAC,OAAO,CAAC;CAEZ,OAAO,EAAE,QAAQ;AACnB;;;;;AAMA,MAAa,4BAA0C;CACrD,MAAM,UAAUD,iDAAsB;CAEtC,WAAOE,yBAAkB,SAAS,WAAW,GAAG,CAAC,OAAO,CAAC;AAC3D"}

package/dist/cjs/EditorProvider.cjs

@@ -1,12 +1,12 @@
 'use client';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_EditorStateContext = require('./EditorStateContext.cjs');
+const require_EditorStateContext = require("./EditorStateContext.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _intlayer_editor = require("@intlayer/editor");
 
-//#region src/EditorProvider.tsx
+// src/EditorProvider.tsx
 /**
 * EditorProvider creates and manages the lifecycle of an EditorStateManager,
 * provides it to all descendants, and registers the Lit web components.
@@ -41,6 +41,5 @@ const EditorProvider = ({ children, configuration, postMessage, allowedOrigins }
 	});
 };
 
-//#endregion
 exports.EditorProvider = EditorProvider;
 //# sourceMappingURL=EditorProvider.cjs.map

package/dist/cjs/EditorStateContext.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 
-//#region src/EditorStateContext.tsx
+// src/EditorStateContext.tsx
 const EditorStateContext = (0, react.createContext)(null);
 const EditorStateProvider = ({ children, manager }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EditorStateContext.Provider, {
 	value: manager,
@@ -12,7 +12,6 @@ const EditorStateProvider = ({ children, manager }) => /* @__PURE__ */ (0, react
 });
 const useEditorStateManager = () => (0, react.useContext)(EditorStateContext);
 
-//#endregion
 exports.EditorStateProvider = EditorStateProvider;
 exports.useEditorStateManager = useEditorStateManager;
 //# sourceMappingURL=EditorStateContext.cjs.map

package/dist/cjs/FocusDictionaryContext.cjs

@@ -1,10 +1,10 @@
 'use client';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_EditorStateContext = require('./EditorStateContext.cjs');
+const require_EditorStateContext = require("./EditorStateContext.cjs");
 let react = require("react");
 
-//#region src/FocusDictionaryContext.tsx
+// src/FocusDictionaryContext.tsx
 /**
 * Returns the content focused in the editor, shared with the client frame.
 */
@@ -24,6 +24,5 @@ const useFocusDictionary = () => {
 	};
 };
 
-//#endregion
 exports.useFocusDictionary = useFocusDictionary;
 //# sourceMappingURL=FocusDictionaryContext.cjs.map

package/dist/cjs/index.cjs

@@ -1,26 +1,31 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_EditorStateContext = require('./EditorStateContext.cjs');
-const require_DictionariesRecordContext = require('./DictionariesRecordContext.cjs');
-const require_useCrossFrameState = require('./useCrossFrameState.cjs');
-const require_useCrossURLPathState = require('./useCrossURLPathState.cjs');
-const require_EditedContentContext = require('./EditedContentContext.cjs');
-const require_useEditedContentPersistence = require('./useEditedContentPersistence.cjs');
-const require_useEditorLocale = require('./useEditorLocale.cjs');
-const require_ConfigurationContext = require('./ConfigurationContext.cjs');
-const require_EditorEnabledContext = require('./EditorEnabledContext.cjs');
-const require_EditorProvider = require('./EditorProvider.cjs');
-const require_FocusDictionaryContext = require('./FocusDictionaryContext.cjs');
-const require_useFocusUnmergedDictionary = require('./useFocusUnmergedDictionary.cjs');
+const require_ConfigurationContext = require("./ConfigurationContext.cjs");
+const require_DictionariesRecordContext = require("./DictionariesRecordContext.cjs");
+const require_EditedContentContext = require("./EditedContentContext.cjs");
+const require_EditorEnabledContext = require("./EditorEnabledContext.cjs");
+const require_EditorProvider = require("./EditorProvider.cjs");
+const require_EditorStateContext = require("./EditorStateContext.cjs");
+const require_FocusDictionaryContext = require("./FocusDictionaryContext.cjs");
+const require_useCrossFrameState = require("./useCrossFrameState.cjs");
+const require_useCrossURLPathState = require("./useCrossURLPathState.cjs");
+const require_useEditedContentPersistence = require("./useEditedContentPersistence.cjs");
+const require_useEditorLocale = require("./useEditorLocale.cjs");
+const require_useFocusUnmergedDictionary = require("./useFocusUnmergedDictionary.cjs");
+const require_useFrameConnectionStatus = require("./useFrameConnectionStatus.cjs");
+const require_useFrameReconnection = require("./useFrameReconnection.cjs");
 let _intlayer_editor = require("@intlayer/editor");
 
 exports.EditorProvider = require_EditorProvider.EditorProvider;
 exports.EditorStateProvider = require_EditorStateContext.EditorStateProvider;
-Object.defineProperty(exports, 'MessageKey', {
+exports.FRAME_CONNECTION_TIMEOUT_MS = require_useFrameConnectionStatus.FRAME_CONNECTION_TIMEOUT_MS;
+exports.FRAME_RECONNECTION_INTERVAL_MS = require_useFrameReconnection.FRAME_RECONNECTION_INTERVAL_MS;
+Object.defineProperty(exports, "MessageKey", {
   enumerable: true,
   get: function () {
     return _intlayer_editor.MessageKey;
   }
 });
+exports.isApplicationReachable = require_useFrameReconnection.isApplicationReachable;
 exports.useConfiguration = require_ConfigurationContext.useConfiguration;
 exports.useCrossFrameState = require_useCrossFrameState.useCrossFrameState;
 exports.useCrossURLPathState = require_useCrossURLPathState.useCrossURLPathState;
@@ -34,4 +39,6 @@ exports.useEditorLocale = require_useEditorLocale.useEditorLocale;
 exports.useEditorPingClient = require_EditorEnabledContext.useEditorPingClient;
 exports.useEditorStateManager = require_EditorStateContext.useEditorStateManager;
 exports.useFocusDictionary = require_FocusDictionaryContext.useFocusDictionary;
-exports.useFocusUnmergedDictionary = require_useFocusUnmergedDictionary.useFocusUnmergedDictionary;
+exports.useFocusUnmergedDictionary = require_useFocusUnmergedDictionary.useFocusUnmergedDictionary;
+exports.useFrameConnectionStatus = require_useFrameConnectionStatus.useFrameConnectionStatus;
+exports.useFrameReconnection = require_useFrameReconnection.useFrameReconnection;

package/dist/cjs/useCrossFrameState.cjs

@@ -1,10 +1,10 @@
 'use client';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_EditorStateContext = require('./EditorStateContext.cjs');
+const require_EditorStateContext = require("./EditorStateContext.cjs");
 let react = require("react");
 
-//#region src/useCrossFrameState.tsx
+// src/useCrossFrameState.tsx
 /**
 * Returns the latest value another frame posted under `key`.
 */
@@ -15,6 +15,5 @@ const useCrossFrameState = (key, initialValue) => {
 	return value;
 };
 
-//#endregion
 exports.useCrossFrameState = useCrossFrameState;
 //# sourceMappingURL=useCrossFrameState.cjs.map

package/dist/cjs/useCrossURLPathState.cjs

@@ -1,15 +1,14 @@
 'use client';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_useCrossFrameState = require('./useCrossFrameState.cjs');
+const require_useCrossFrameState = require("./useCrossFrameState.cjs");
 let _intlayer_editor = require("@intlayer/editor");
 
-//#region src/useCrossURLPathState.tsx
+// src/useCrossURLPathState.tsx
 /**
 * Returns the path currently displayed by the client application.
 */
 const useCrossURLPathState = () => require_useCrossFrameState.useCrossFrameState(_intlayer_editor.MessageKey.INTLAYER_URL_CHANGE, void 0);
 
-//#endregion
 exports.useCrossURLPathState = useCrossURLPathState;
 //# sourceMappingURL=useCrossURLPathState.cjs.map

package/dist/cjs/useEditedContentPersistence.cjs

@@ -1,10 +1,10 @@
 'use client';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_EditedContentContext = require('./EditedContentContext.cjs');
+const require_EditedContentContext = require("./EditedContentContext.cjs");
 let react = require("react");
 
-//#region src/useEditedContentPersistence.tsx
+// src/useEditedContentPersistence.tsx
 const EDITED_CONTENT_STORAGE_KEY = "INTLAYER_EDITED_CONTENT_CHANGED";
 /**
 * Persists the edited content in localStorage, and restores it on mount so
@@ -28,6 +28,5 @@ const useEditedContentPersistence = () => {
 	}, [editedContent]);
 };
 
-//#endregion
 exports.useEditedContentPersistence = useEditedContentPersistence;
 //# sourceMappingURL=useEditedContentPersistence.cjs.map

package/dist/cjs/useEditorLocale.cjs

@@ -1,10 +1,10 @@
 'use client';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_EditorStateContext = require('./EditorStateContext.cjs');
+const require_EditorStateContext = require("./EditorStateContext.cjs");
 let react = require("react");
 
-//#region src/useEditorLocale.tsx
+// src/useEditorLocale.tsx
 const useEditorLocale = () => {
 	const manager = require_EditorStateContext.useEditorStateManager();
 	const [locale, setLocale] = (0, react.useState)(manager?.currentLocale.value);
@@ -17,6 +17,5 @@ const useEditorLocale = () => {
 	return locale;
 };
 
-//#endregion
 exports.useEditorLocale = useEditorLocale;
 //# sourceMappingURL=useEditorLocale.cjs.map

package/dist/cjs/useFocusUnmergedDictionary.cjs

@@ -1,13 +1,13 @@
 'use client';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_DictionariesRecordContext = require('./DictionariesRecordContext.cjs');
-const require_useEditorLocale = require('./useEditorLocale.cjs');
-const require_FocusDictionaryContext = require('./FocusDictionaryContext.cjs');
+const require_DictionariesRecordContext = require("./DictionariesRecordContext.cjs");
+const require_FocusDictionaryContext = require("./FocusDictionaryContext.cjs");
+const require_useEditorLocale = require("./useEditorLocale.cjs");
 let react = require("react");
 let _intlayer_core_dictionaryManipulator = require("@intlayer/core/dictionaryManipulator");
 
-//#region src/useFocusUnmergedDictionary.tsx
+// src/useFocusUnmergedDictionary.tsx
 /**
 * Converts merged keypath format to unmerged format.
 * Merged: [{type: "translation", key: "fr"}, {type: "object", key: "title"}]
@@ -46,6 +46,5 @@ const useFocusUnmergedDictionary = () => {
 	};
 };
 
-//#endregion
 exports.useFocusUnmergedDictionary = useFocusUnmergedDictionary;
 //# sourceMappingURL=useFocusUnmergedDictionary.cjs.map

package/dist/cjs/useFrameConnectionStatus.cjs

@@ -0,0 +1,43 @@
+'use client';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_EditorEnabledContext = require("./EditorEnabledContext.cjs");
+let react = require("react");
+
+// src/useFrameConnectionStatus.ts
+/** Delay after a frame load before an unanswered handshake counts as failed. */
+const FRAME_CONNECTION_TIMEOUT_MS = 5e3;
+/**
+* Detects an application frame that never connects to the editor.
+* A frame blocked by the application's framing policy still fires `load` on
+* an empty error page that the parent cannot inspect, so the missing
+* handshake is the only signal available.
+*/
+const useFrameConnectionStatus = (timeoutMs = FRAME_CONNECTION_TIMEOUT_MS) => {
+	const { enabled } = require_EditorEnabledContext.useEditorEnabled();
+	const [loadCount, setLoadCount] = (0, react.useState)(0);
+	const [isTimedOut, setIsTimedOut] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		if (enabled || loadCount === 0) return;
+		const timeout = setTimeout(() => setIsTimedOut(true), timeoutMs);
+		return () => clearTimeout(timeout);
+	}, [
+		enabled,
+		loadCount,
+		timeoutMs
+	]);
+	const handleFrameLoad = (0, react.useCallback)(() => {
+		setIsTimedOut(false);
+		setLoadCount((count) => count + 1);
+	}, []);
+	const dismiss = (0, react.useCallback)(() => setIsTimedOut(false), []);
+	return {
+		isConnectionFailed: isTimedOut && !enabled,
+		handleFrameLoad,
+		dismiss
+	};
+};
+
+exports.FRAME_CONNECTION_TIMEOUT_MS = FRAME_CONNECTION_TIMEOUT_MS;
+exports.useFrameConnectionStatus = useFrameConnectionStatus;
+//# sourceMappingURL=useFrameConnectionStatus.cjs.map

package/dist/cjs/useFrameConnectionStatus.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFrameConnectionStatus.cjs","names":["useEditorEnabled","useState","useCallback"],"sources":["../../src/useFrameConnectionStatus.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\nimport { useEditorEnabled } from './EditorEnabledContext';\n\n/** Delay after a frame load before an unanswered handshake counts as failed. */\nexport const FRAME_CONNECTION_TIMEOUT_MS = 5_000;\n\nexport type FrameConnectionStatus = {\n  /**\n   * The frame loaded but its client never answered the handshake: the page\n   * refused to be framed (CSP `frame-ancestors`, `X-Frame-Options`), or it\n   * does not run the editor client.\n   */\n  isConnectionFailed: boolean;\n  /** To call on every `load` event of the application frame. */\n  handleFrameLoad: () => void;\n  /** Hides the failure until the next load. */\n  dismiss: () => void;\n};\n\n/**\n * Detects an application frame that never connects to the editor.\n * A frame blocked by the application's framing policy still fires `load` on\n * an empty error page that the parent cannot inspect, so the missing\n * handshake is the only signal available.\n */\nexport const useFrameConnectionStatus = (\n  timeoutMs: number = FRAME_CONNECTION_TIMEOUT_MS\n): FrameConnectionStatus => {\n  const { enabled } = useEditorEnabled();\n  const [loadCount, setLoadCount] = useState(0);\n  const [isTimedOut, setIsTimedOut] = useState(false);\n\n  useEffect(() => {\n    if (enabled || loadCount === 0) return;\n\n    const timeout = setTimeout(() => setIsTimedOut(true), timeoutMs);\n\n    return () => clearTimeout(timeout);\n  }, [enabled, loadCount, timeoutMs]);\n\n  const handleFrameLoad = useCallback(() => {\n    setIsTimedOut(false);\n    setLoadCount((count) => count + 1);\n  }, []);\n\n  const dismiss = useCallback(() => setIsTimedOut(false), []);\n\n  return {\n    isConnectionFailed: isTimedOut && !enabled,\n    handleFrameLoad,\n    dismiss,\n  };\n};\n"],"mappings":";;;;;;;;AAMA,MAAa,8BAA8B;;;;;;;AAqB3C,MAAa,4BACX,YAAoB,gCACM;CAC1B,MAAM,EAAE,YAAYA,8CAAiB;CACrC,MAAM,CAAC,WAAW,oBAAgBC,gBAAS,CAAC;CAC5C,MAAM,CAAC,YAAY,qBAAiBA,gBAAS,KAAK;CAElD,2BAAgB;EACd,IAAI,WAAW,cAAc,GAAG;EAEhC,MAAM,UAAU,iBAAiB,cAAc,IAAI,GAAG,SAAS;EAE/D,aAAa,aAAa,OAAO;CACnC,GAAG;EAAC;EAAS;EAAW;CAAS,CAAC;CAElC,MAAM,sBAAkBC,yBAAkB;EACxC,cAAc,KAAK;EACnB,cAAc,UAAU,QAAQ,CAAC;CACnC,GAAG,CAAC,CAAC;CAEL,MAAM,cAAUA,yBAAkB,cAAc,KAAK,GAAG,CAAC,CAAC;CAE1D,OAAO;EACL,oBAAoB,cAAc,CAAC;EACnC;EACA;CACF;AACF"}

package/dist/cjs/useFrameReconnection.cjs

@@ -0,0 +1,62 @@
+'use client';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+let react = require("react");
+
+// src/useFrameReconnection.ts
+/** Delay between two probes of a disconnected application. */
+const FRAME_RECONNECTION_INTERVAL_MS = 3e3;
+/**
+* Whether the application answers. `no-cors` resolves on any HTTP answer and
+* only rejects on a network failure: the editor origin is rarely in the
+* application's CORS allowlist.
+*/
+const isApplicationReachable = (applicationURL) => fetch(applicationURL, {
+	method: "HEAD",
+	mode: "no-cors",
+	cache: "no-store"
+}).then(() => true).catch(() => false);
+/**
+* Reconnects a disconnected application frame: the frame is reloaded once
+* when the application still answers (e.g. it reloaded while its dev server
+* restarted), then each time it answers again after being unreachable.
+*/
+const useFrameReconnection = ({ applicationURL, isDisconnected, reloadFrame, intervalMs = FRAME_RECONNECTION_INTERVAL_MS }) => {
+	const hasReloadedRef = (0, react.useRef)(false);
+	const reloadFrameRef = (0, react.useRef)(reloadFrame);
+	reloadFrameRef.current = reloadFrame;
+	(0, react.useEffect)(() => {
+		if (!isDisconnected) {
+			hasReloadedRef.current = false;
+			return;
+		}
+		if (!applicationURL) return;
+		let isCancelled = false;
+		const probe = async () => {
+			const isReachable = await isApplicationReachable(applicationURL);
+			if (isCancelled) return;
+			if (!isReachable) {
+				hasReloadedRef.current = false;
+				return;
+			}
+			if (hasReloadedRef.current) return;
+			hasReloadedRef.current = true;
+			reloadFrameRef.current();
+		};
+		probe();
+		const interval = setInterval(() => void probe(), intervalMs);
+		return () => {
+			isCancelled = true;
+			clearInterval(interval);
+		};
+	}, [
+		applicationURL,
+		isDisconnected,
+		intervalMs
+	]);
+};
+
+exports.FRAME_RECONNECTION_INTERVAL_MS = FRAME_RECONNECTION_INTERVAL_MS;
+exports.isApplicationReachable = isApplicationReachable;
+exports.useFrameReconnection = useFrameReconnection;
+//# sourceMappingURL=useFrameReconnection.cjs.map

package/dist/cjs/useFrameReconnection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFrameReconnection.cjs","names":["useRef"],"sources":["../../src/useFrameReconnection.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef } from 'react';\n\n/** Delay between two probes of a disconnected application. */\nexport const FRAME_RECONNECTION_INTERVAL_MS = 3_000;\n\n/**\n * Whether the application answers. `no-cors` resolves on any HTTP answer and\n * only rejects on a network failure: the editor origin is rarely in the\n * application's CORS allowlist.\n */\nexport const isApplicationReachable = (\n  applicationURL: string\n): Promise<boolean> =>\n  fetch(applicationURL, { method: 'HEAD', mode: 'no-cors', cache: 'no-store' })\n    .then(() => true)\n    .catch(() => false);\n\nexport type FrameReconnectionOptions = {\n  applicationURL: string | undefined;\n  /** The frame lost (or never got) its connection to the editor. */\n  isDisconnected: boolean;\n  /** Reloads the application frame. */\n  reloadFrame: () => void;\n  intervalMs?: number;\n};\n\n/**\n * Reconnects a disconnected application frame: the frame is reloaded once\n * when the application still answers (e.g. it reloaded while its dev server\n * restarted), then each time it answers again after being unreachable.\n */\nexport const useFrameReconnection = ({\n  applicationURL,\n  isDisconnected,\n  reloadFrame,\n  intervalMs = FRAME_RECONNECTION_INTERVAL_MS,\n}: FrameReconnectionOptions): void => {\n  // Kept across probes: one reload per reachable period, so a frame that\n  // never connects (framing refused, editor disabled) is not reloaded forever\n  const hasReloadedRef = useRef(false);\n  const reloadFrameRef = useRef(reloadFrame);\n  reloadFrameRef.current = reloadFrame;\n\n  useEffect(() => {\n    if (!isDisconnected) {\n      hasReloadedRef.current = false;\n      return;\n    }\n\n    if (!applicationURL) return;\n\n    let isCancelled = false;\n\n    const probe = async () => {\n      const isReachable = await isApplicationReachable(applicationURL);\n\n      if (isCancelled) return;\n\n      if (!isReachable) {\n        hasReloadedRef.current = false;\n        return;\n      }\n\n      if (hasReloadedRef.current) return;\n\n      hasReloadedRef.current = true;\n      reloadFrameRef.current();\n    };\n\n    void probe();\n    const interval = setInterval(() => void probe(), intervalMs);\n\n    return () => {\n      isCancelled = true;\n      clearInterval(interval);\n    };\n  }, [applicationURL, isDisconnected, intervalMs]);\n};\n"],"mappings":";;;;;;;AAKA,MAAa,iCAAiC;;;;;;AAO9C,MAAa,0BACX,mBAEA,MAAM,gBAAgB;CAAE,QAAQ;CAAQ,MAAM;CAAW,OAAO;AAAW,CAAC,CAAC,CAC1E,WAAW,IAAI,CAAC,CAChB,YAAY,KAAK;;;;;;AAgBtB,MAAa,wBAAwB,EACnC,gBACA,gBACA,aACA,aAAa,qCACuB;CAGpC,MAAM,qBAAiBA,cAAO,KAAK;CACnC,MAAM,qBAAiBA,cAAO,WAAW;CACzC,eAAe,UAAU;CAEzB,2BAAgB;EACd,IAAI,CAAC,gBAAgB;GACnB,eAAe,UAAU;GACzB;EACF;EAEA,IAAI,CAAC,gBAAgB;EAErB,IAAI,cAAc;EAElB,MAAM,QAAQ,YAAY;GACxB,MAAM,cAAc,MAAM,uBAAuB,cAAc;GAE/D,IAAI,aAAa;GAEjB,IAAI,CAAC,aAAa;IAChB,eAAe,UAAU;IACzB;GACF;GAEA,IAAI,eAAe,SAAS;GAE5B,eAAe,UAAU;GACzB,eAAe,QAAQ;EACzB;EAEA,AAAK,MAAM;EACX,MAAM,WAAW,kBAAkB,KAAK,MAAM,GAAG,UAAU;EAE3D,aAAa;GACX,cAAc;GACd,cAAc,QAAQ;EACxB;CACF,GAAG;EAAC;EAAgB;EAAgB;CAAU,CAAC;AACjD"}

package/dist/esm/ConfigurationContext.mjs

@@ -3,7 +3,7 @@
 import { useEditorStateManager } from "./EditorStateContext.mjs";
 import { useEffect, useState } from "react";
 
-//#region src/ConfigurationContext.tsx
+// src/ConfigurationContext.tsx
 /**
 * Returns the Intlayer configuration held by the editor state manager.
 */
@@ -19,6 +19,5 @@ const useConfiguration = () => {
 	return configuration;
 };
 
-//#endregion
 export { useConfiguration };
 //# sourceMappingURL=ConfigurationContext.mjs.map

package/dist/esm/DictionariesRecordContext.mjs

@@ -3,7 +3,7 @@
 import { useEditorStateManager } from "./EditorStateContext.mjs";
 import { useCallback, useEffect, useState } from "react";
 
-//#region src/DictionariesRecordContext.tsx
+// src/DictionariesRecordContext.tsx
 const useDictionariesRecord = () => {
 	const manager = useEditorStateManager();
 	const [localeDictionaries, setLocaleDictionariesState] = useState(manager?.localeDictionaries.value ?? {});
@@ -27,6 +27,5 @@ const useDictionariesRecordActions = () => {
 	};
 };
 
-//#endregion
 export { useDictionariesRecord, useDictionariesRecordActions };
 //# sourceMappingURL=DictionariesRecordContext.mjs.map

package/dist/esm/EditedContentContext.mjs

@@ -1,12 +1,16 @@
 'use client';
 
 import { useEditorStateManager } from "./EditorStateContext.mjs";
-import { useEffect, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 
-//#region src/EditedContentContext.tsx
+// src/EditedContentContext.tsx
+/**
+* Returns the edited content actions. Memoized on the manager so they can be
+* used as effect dependencies without a compiler.
+*/
 const useEditedContentActions = () => {
 	const manager = useEditorStateManager();
-	return {
+	return useMemo(() => ({
 		setEditedContentState: (value) => manager?.editedContent.set(value),
 		setEditedDictionary: (dict) => manager?.setEditedDictionary(dict),
 		setEditedContent: (localId, value) => manager?.setEditedContent(localId, value),
@@ -15,7 +19,7 @@ const useEditedContentActions = () => {
 		removeEditedContent: (localId, keyPath) => manager?.removeContent(localId, keyPath),
 		restoreEditedContent: (localId) => manager?.restoreContent(localId),
 		getEditedContentValue: (localIdOrKey, keyPath) => manager?.getContentValue(localIdOrKey, keyPath)
-	};
+	}), [manager]);
 };
 const useEditedContent = () => {
 	const manager = useEditorStateManager();
@@ -32,6 +36,5 @@ const useEditedContent = () => {
 	};
 };
 
-//#endregion
 export { useEditedContent, useEditedContentActions };
 //# sourceMappingURL=EditedContentContext.mjs.map

package/dist/esm/EditedContentContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditedContentContext.mjs","names":[],"sources":["../../src/EditedContentContext.tsx"],"sourcesContent":["'use client';\n\nimport type { DictionaryContent } from '@intlayer/editor';\nimport type {\n  ContentNode,\n  Dictionary,\n  LocalDictionaryId,\n} from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { useEffect, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type { DictionaryContent } from '@intlayer/editor';\n\ntype EditedContentActionsContextType = {\n  setEditedContentState: (editedContent: DictionaryContent) => void;\n  setEditedDictionary: (dict: Dictionary) => void;\n  setEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newValue: Dictionary['content']\n  ) => void;\n  addEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newValue: ContentNode<any>,\n    keyPath?: KeyPath[],\n    overwrite?: boolean\n  ) => void;\n  renameEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newKey: KeyPath['key'],\n    keyPath?: KeyPath[]\n  ) => void;\n  removeEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    keyPath: KeyPath[]\n  ) => void;\n  restoreEditedContent: (localDictionaryId: LocalDictionaryId) => void;\n  getEditedContentValue: (\n    localDictionaryIdOrKey: LocalDictionaryId | Dictionary['key'] | string,\n    keyPath: KeyPath[]\n  ) => ContentNode | undefined;\n};\n\nexport const useEditedContentActions = (): EditedContentActionsContextType => {\n  const manager = useEditorStateManager();\n\n  return {\n    setEditedContentState: (value: DictionaryContent) =>\n      manager?.editedContent.set(value),\n    setEditedDictionary: (dict: Dictionary) =>\n      manager?.setEditedDictionary(dict),\n    setEditedContent: (\n      localId: LocalDictionaryId,\n      value: Dictionary['content']\n    ) => manager?.setEditedContent(localId, value),\n    addEditedContent: (localId, value, keyPath, overwrite) =>\n      manager?.addContent(localId, value, keyPath, overwrite),\n    renameEditedContent: (localId, newKey, keyPath) =>\n      manager?.renameContent(localId, newKey, keyPath),\n    removeEditedContent: (localId, keyPath) =>\n      manager?.removeContent(localId, keyPath),\n    restoreEditedContent: (localId) => manager?.restoreContent(localId),\n    getEditedContentValue: (localIdOrKey, keyPath) =>\n      manager?.getContentValue(localIdOrKey, keyPath),\n  };\n};\n\nexport const useEditedContent = () => {\n  const manager = useEditorStateManager();\n  const [editedContent, setEditedContentState] = useState<\n    DictionaryContent | undefined\n  >(manager?.editedContent.value);\n\n  useEffect(() => {\n    if (!manager) return;\n    const handler = (e: Event) =>\n      setEditedContentState((e as CustomEvent<DictionaryContent>).detail);\n    manager.editedContent.addEventListener('change', handler);\n    return () => manager.editedContent.removeEventListener('change', handler);\n  }, [manager]);\n\n  const actions = useEditedContentActions();\n  return { editedContent, ...actions };\n};\n"],"mappings":";;;;;;AA2CA,MAAa,gCAAiE;CAC5E,MAAM,UAAU,sBAAsB;CAEtC,OAAO;EACL,wBAAwB,UACtB,SAAS,cAAc,IAAI,KAAK;EAClC,sBAAsB,SACpB,SAAS,oBAAoB,IAAI;EACnC,mBACE,SACA,UACG,SAAS,iBAAiB,SAAS,KAAK;EAC7C,mBAAmB,SAAS,OAAO,SAAS,cAC1C,SAAS,WAAW,SAAS,OAAO,SAAS,SAAS;EACxD,sBAAsB,SAAS,QAAQ,YACrC,SAAS,cAAc,SAAS,QAAQ,OAAO;EACjD,sBAAsB,SAAS,YAC7B,SAAS,cAAc,SAAS,OAAO;EACzC,uBAAuB,YAAY,SAAS,eAAe,OAAO;EAClE,wBAAwB,cAAc,YACpC,SAAS,gBAAgB,cAAc,OAAO;CAClD;AACF;AAEA,MAAa,yBAAyB;CACpC,MAAM,UAAU,sBAAsB;CACtC,MAAM,CAAC,eAAe,yBAAyB,SAE7C,SAAS,cAAc,KAAK;CAE9B,gBAAgB;EACd,IAAI,CAAC,SAAS;EACd,MAAM,WAAW,MACf,sBAAuB,EAAqC,MAAM;EACpE,QAAQ,cAAc,iBAAiB,UAAU,OAAO;EACxD,aAAa,QAAQ,cAAc,oBAAoB,UAAU,OAAO;CAC1E,GAAG,CAAC,OAAO,CAAC;CAGZ,OAAO;EAAE;EAAe,GADR,wBACiB;CAAE;AACrC"}
+{"version":3,"file":"EditedContentContext.mjs","names":[],"sources":["../../src/EditedContentContext.tsx"],"sourcesContent":["'use client';\n\nimport type { DictionaryContent } from '@intlayer/editor';\nimport type {\n  ContentNode,\n  Dictionary,\n  LocalDictionaryId,\n} from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { useEffect, useMemo, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type { DictionaryContent } from '@intlayer/editor';\n\ntype EditedContentActionsContextType = {\n  setEditedContentState: (editedContent: DictionaryContent) => void;\n  setEditedDictionary: (dict: Dictionary) => void;\n  setEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newValue: Dictionary['content']\n  ) => void;\n  addEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newValue: ContentNode<any>,\n    keyPath?: KeyPath[],\n    overwrite?: boolean\n  ) => void;\n  renameEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    newKey: KeyPath['key'],\n    keyPath?: KeyPath[]\n  ) => void;\n  removeEditedContent: (\n    localDictionaryId: LocalDictionaryId,\n    keyPath: KeyPath[]\n  ) => void;\n  restoreEditedContent: (localDictionaryId: LocalDictionaryId) => void;\n  getEditedContentValue: (\n    localDictionaryIdOrKey: LocalDictionaryId | Dictionary['key'] | string,\n    keyPath: KeyPath[]\n  ) => ContentNode | undefined;\n};\n\n/**\n * Returns the edited content actions. Memoized on the manager so they can be\n * used as effect dependencies without a compiler.\n */\nexport const useEditedContentActions = (): EditedContentActionsContextType => {\n  const manager = useEditorStateManager();\n\n  return useMemo<EditedContentActionsContextType>(\n    () => ({\n      setEditedContentState: (value: DictionaryContent) =>\n        manager?.editedContent.set(value),\n      setEditedDictionary: (dict: Dictionary) =>\n        manager?.setEditedDictionary(dict),\n      setEditedContent: (\n        localId: LocalDictionaryId,\n        value: Dictionary['content']\n      ) => manager?.setEditedContent(localId, value),\n      addEditedContent: (localId, value, keyPath, overwrite) =>\n        manager?.addContent(localId, value, keyPath, overwrite),\n      renameEditedContent: (localId, newKey, keyPath) =>\n        manager?.renameContent(localId, newKey, keyPath),\n      removeEditedContent: (localId, keyPath) =>\n        manager?.removeContent(localId, keyPath),\n      restoreEditedContent: (localId) => manager?.restoreContent(localId),\n      getEditedContentValue: (localIdOrKey, keyPath) =>\n        manager?.getContentValue(localIdOrKey, keyPath),\n    }),\n    [manager]\n  );\n};\n\nexport const useEditedContent = () => {\n  const manager = useEditorStateManager();\n  const [editedContent, setEditedContentState] = useState<\n    DictionaryContent | undefined\n  >(manager?.editedContent.value);\n\n  useEffect(() => {\n    if (!manager) return;\n    const handler = (e: Event) =>\n      setEditedContentState((e as CustomEvent<DictionaryContent>).detail);\n    manager.editedContent.addEventListener('change', handler);\n    return () => manager.editedContent.removeEventListener('change', handler);\n  }, [manager]);\n\n  const actions = useEditedContentActions();\n  return { editedContent, ...actions };\n};\n"],"mappings":";;;;;;;;;;AA+CA,MAAa,gCAAiE;CAC5E,MAAM,UAAU,sBAAsB;CAEtC,OAAO,eACE;EACL,wBAAwB,UACtB,SAAS,cAAc,IAAI,KAAK;EAClC,sBAAsB,SACpB,SAAS,oBAAoB,IAAI;EACnC,mBACE,SACA,UACG,SAAS,iBAAiB,SAAS,KAAK;EAC7C,mBAAmB,SAAS,OAAO,SAAS,cAC1C,SAAS,WAAW,SAAS,OAAO,SAAS,SAAS;EACxD,sBAAsB,SAAS,QAAQ,YACrC,SAAS,cAAc,SAAS,QAAQ,OAAO;EACjD,sBAAsB,SAAS,YAC7B,SAAS,cAAc,SAAS,OAAO;EACzC,uBAAuB,YAAY,SAAS,eAAe,OAAO;EAClE,wBAAwB,cAAc,YACpC,SAAS,gBAAgB,cAAc,OAAO;CAClD,IACA,CAAC,OAAO,CACV;AACF;AAEA,MAAa,yBAAyB;CACpC,MAAM,UAAU,sBAAsB;CACtC,MAAM,CAAC,eAAe,yBAAyB,SAE7C,SAAS,cAAc,KAAK;CAE9B,gBAAgB;EACd,IAAI,CAAC,SAAS;EACd,MAAM,WAAW,MACf,sBAAuB,EAAqC,MAAM;EACpE,QAAQ,cAAc,iBAAiB,UAAU,OAAO;EACxD,aAAa,QAAQ,cAAc,oBAAoB,UAAU,OAAO;CAC1E,GAAG,CAAC,OAAO,CAAC;CAGZ,OAAO;EAAE;EAAe,GADR,wBACiB;CAAE;AACrC"}

package/dist/esm/EditorEnabledContext.mjs

@@ -1,9 +1,9 @@
 'use client';
 
 import { useEditorStateManager } from "./EditorStateContext.mjs";
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 
-//#region src/EditorEnabledContext.tsx
+// src/EditorEnabledContext.tsx
 /**
 * Returns the current editor-enabled state, kept in sync with the shared
 * EditorStateManager. Replaces the old EditorEnabledContext + EditorEnabledProvider.
@@ -25,9 +25,8 @@ const useEditorEnabled = () => {
 */
 const useEditorPingClient = () => {
 	const manager = useEditorStateManager();
-	return () => manager?.pingClient();
+	return useCallback(() => manager?.pingClient(), [manager]);
 };
 
-//#endregion
 export { useEditorEnabled, useEditorPingClient };
 //# sourceMappingURL=EditorEnabledContext.mjs.map

package/dist/esm/EditorEnabledContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditorEnabledContext.mjs","names":[],"sources":["../../src/EditorEnabledContext.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type EditorEnabledStateProps = {\n  enabled: boolean;\n};\n\n/**\n * Returns the current editor-enabled state, kept in sync with the shared\n * EditorStateManager. Replaces the old EditorEnabledContext + EditorEnabledProvider.\n */\nexport const useEditorEnabled = (): EditorEnabledStateProps => {\n  const manager = useEditorStateManager();\n  const [enabled, setEnabled] = useState<boolean>(\n    manager?.editorEnabled.value ?? false\n  );\n\n  useEffect(() => {\n    if (!manager) return;\n\n    const handler = (e: Event) =>\n      setEnabled((e as CustomEvent<boolean>).detail);\n    manager.editorEnabled.addEventListener('change', handler);\n    return () => manager.editorEnabled.removeEventListener('change', handler);\n  }, [manager]);\n\n  return { enabled };\n};\n\n/**\n * Returns a function that re-pings the client via ARE_YOU_THERE.\n * Use this as the onClick for an \"Enable Editor\" / reconnect button.\n */\nexport const useEditorPingClient = (): (() => void) => {\n  const manager = useEditorStateManager();\n\n  return () => manager?.pingClient();\n};\n"],"mappings":";;;;;;;;;;AAaA,MAAa,yBAAkD;CAC7D,MAAM,UAAU,sBAAsB;CACtC,MAAM,CAAC,SAAS,cAAc,SAC5B,SAAS,cAAc,SAAS,KAClC;CAEA,gBAAgB;EACd,IAAI,CAAC,SAAS;EAEd,MAAM,WAAW,MACf,WAAY,EAA2B,MAAM;EAC/C,QAAQ,cAAc,iBAAiB,UAAU,OAAO;EACxD,aAAa,QAAQ,cAAc,oBAAoB,UAAU,OAAO;CAC1E,GAAG,CAAC,OAAO,CAAC;CAEZ,OAAO,EAAE,QAAQ;AACnB;;;;;AAMA,MAAa,4BAA0C;CACrD,MAAM,UAAU,sBAAsB;CAEtC,aAAa,SAAS,WAAW;AACnC"}
+{"version":3,"file":"EditorEnabledContext.mjs","names":[],"sources":["../../src/EditorEnabledContext.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type EditorEnabledStateProps = {\n  enabled: boolean;\n};\n\n/**\n * Returns the current editor-enabled state, kept in sync with the shared\n * EditorStateManager. Replaces the old EditorEnabledContext + EditorEnabledProvider.\n */\nexport const useEditorEnabled = (): EditorEnabledStateProps => {\n  const manager = useEditorStateManager();\n  const [enabled, setEnabled] = useState<boolean>(\n    manager?.editorEnabled.value ?? false\n  );\n\n  useEffect(() => {\n    if (!manager) return;\n\n    const handler = (e: Event) =>\n      setEnabled((e as CustomEvent<boolean>).detail);\n    manager.editorEnabled.addEventListener('change', handler);\n    return () => manager.editorEnabled.removeEventListener('change', handler);\n  }, [manager]);\n\n  return { enabled };\n};\n\n/**\n * Returns a function that re-pings the client via ARE_YOU_THERE.\n * Use this as the onClick for an \"Enable Editor\" / reconnect button.\n */\nexport const useEditorPingClient = (): (() => void) => {\n  const manager = useEditorStateManager();\n\n  return useCallback(() => manager?.pingClient(), [manager]);\n};\n"],"mappings":";;;;;;;;;;AAaA,MAAa,yBAAkD;CAC7D,MAAM,UAAU,sBAAsB;CACtC,MAAM,CAAC,SAAS,cAAc,SAC5B,SAAS,cAAc,SAAS,KAClC;CAEA,gBAAgB;EACd,IAAI,CAAC,SAAS;EAEd,MAAM,WAAW,MACf,WAAY,EAA2B,MAAM;EAC/C,QAAQ,cAAc,iBAAiB,UAAU,OAAO;EACxD,aAAa,QAAQ,cAAc,oBAAoB,UAAU,OAAO;CAC1E,GAAG,CAAC,OAAO,CAAC;CAEZ,OAAO,EAAE,QAAQ;AACnB;;;;;AAMA,MAAa,4BAA0C;CACrD,MAAM,UAAU,sBAAsB;CAEtC,OAAO,kBAAkB,SAAS,WAAW,GAAG,CAAC,OAAO,CAAC;AAC3D"}

package/dist/esm/EditorProvider.mjs

@@ -5,7 +5,7 @@ import { useEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { EditorStateManager, defineIntlayerElements, setGlobalEditorManager } from "@intlayer/editor";
 
-//#region src/EditorProvider.tsx
+// src/EditorProvider.tsx
 /**
 * EditorProvider creates and manages the lifecycle of an EditorStateManager,
 * provides it to all descendants, and registers the Lit web components.
@@ -40,6 +40,5 @@ const EditorProvider = ({ children, configuration, postMessage, allowedOrigins }
 	});
 };
 
-//#endregion
 export { EditorProvider };
 //# sourceMappingURL=EditorProvider.mjs.map