@intlayer/editor 8.9.8 → 8.10.0-canary.1

package/README.md

@@ -67,6 +67,7 @@ With **per-locale content files**, **TypeScript autocompletion**, **tree-shakabl
 | <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/mcp.png?raw=true" alt="Feature" width="700">                                 | **MCP Server Integration**<br><br>Provides an MCP (Model Context Protocol) server for IDE automation, enabling seamless content management and i18n workflows directly within your development environment. <br><br> - [MCP Server](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/mcp_server.md)                                                                                                                                                            |
 | <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/vscode_extension.png?raw=true" alt="Feature" width="700">                    | **VSCode Extension**<br><br>Intlayer provides a VSCode extension to help you manage your content and translations, building your dictionaries, translating your content, and more. <br><br> - [VSCode Extension](https://intlayer.org/doc/vs-code-extension)                                                                                                                                                                                                                |
 | <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/interoperability.png?raw=true" alt="Feature" width="700">                    | **Interoperability**<br><br>Allow interoperability with react-i18next, next-i18next, next-intl, react-intl, vue-i18n. <br><br> - [Intlayer and react-intl](https://intlayer.org/blog/intlayer-with-react-intl) <br> - [Intlayer and next-intl](https://intlayer.org/blog/intlayer-with-next-intl) <br> - [Intlayer and next-i18next](https://intlayer.org/blog/intlayer-with-next-i18next) <br> - [Intlayer and vue-i18n](https://intlayer.org/blog/intlayer-with-vue-i18n) |
+| <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/benchmark.png?raw=true" alt="Feature" width="700">                           | **Performances & Benchmark**<br><br>Uses advanced tree-shaking and dynamic loading to boost performances and keep the solution as light as possible. <br><br> - [Performances & Benchmark](https://intlayer.org/doc/benchmark)                                                                                                                                                                                                                                              |
 
 ---
 
@@ -249,6 +250,19 @@ Explore our comprehensive documentation to get started with Intlayer and learn h
 </ul>
 </details>
 
+## Multilingual content management system
+
+More than an i18n library, Intlayer is a complete **multilingual content management system**. A full CMS is available for free at [app.intlayer.org](https://app.intlayer.org).
+
+Intlayer connects **developers**, **copywriters**, and **AI agents** in one workflow for creating and maintaining multilingual websites effortlessly.Intlayer replaces the following stack in a single solution:
+
+- i18n solutions (e.g. `i18next`, `next-intl`, `vue-i18n`)
+- TMSs (Translation Management Systems) (e.g. Crowdin, Phrase, Lokalise)
+- Feature flags
+- Headless CMSs (e.g. Contentful, Strapi, Sanity)
+
+![CMS Preview](https://github.com/aymericzip/intlayer/blob/main/docs/assets/CMS.png?raw=true)
+
 ## 🌐 Readme in other languages
 
 <p align="center">

package/dist/cjs/core/EditorStateManager.cjs

@@ -3,6 +3,8 @@ const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
 const require_messageKey = require('../messageKey.cjs');
 const require_core_CrossFrameMessenger = require('./CrossFrameMessenger.cjs');
 const require_core_CrossFrameStateManager = require('./CrossFrameStateManager.cjs');
+const require_core_editedContentBus = require('./editedContentBus.cjs');
+const require_core_focusedContentBus = require('./focusedContentBus.cjs');
 const require_core_IframeClickInterceptor = require('./IframeClickInterceptor.cjs');
 const require_core_UrlStateManager = require('./UrlStateManager.cjs');
 let _intlayer_types_nodeType = require("@intlayer/types/nodeType");
@@ -26,6 +28,7 @@ var EditorStateManager = class {
 	editedContent;
 	configuration;
 	currentLocale;
+	displayedDictionaryKeys;
 	_urlManager;
 	_iframeInterceptor;
 	_mode;
@@ -33,6 +36,15 @@ var EditorStateManager = class {
 	_unsubAreYouThere = null;
 	_unsubActivate = null;
 	_unsubClientReady = null;
+	_displayedKeysObserver = null;
+	_displayedKeysTimer = null;
+	_displayedKeysListeners = [];
+	_editedContentFromBus = false;
+	_unsubGlobalEditedContent = null;
+	_editedContentBusHandler = null;
+	_focusedContentFromBus = false;
+	_unsubGlobalFocusedContent = null;
+	_focusedContentBusHandler = null;
 	constructor(config) {
 		this._mode = config.mode;
 		this._configuration = config.configuration;
@@ -58,6 +70,11 @@ var EditorStateManager = class {
 			emit: config.mode === "client",
 			receive: config.mode === "editor"
 		});
+		this.displayedDictionaryKeys = new require_core_CrossFrameStateManager.CrossFrameStateManager("INTLAYER_DISPLAYED_DICTIONARY_KEYS", this.messenger, {
+			emit: config.mode === "client",
+			receive: config.mode === "editor",
+			initialValue: []
+		});
 		this._urlManager = new require_core_UrlStateManager.UrlStateManager(this.messenger);
 		this._iframeInterceptor = new require_core_IframeClickInterceptor.IframeClickInterceptor(this.messenger);
 	}
@@ -69,10 +86,14 @@ var EditorStateManager = class {
 		this.editedContent.start();
 		this.configuration.start();
 		this.currentLocale.start();
+		this.displayedDictionaryKeys.start();
+		this._startEditedContentBusSync();
+		this._startFocusedContentBusSync();
 		if (this._mode === "client") {
 			this._urlManager.start();
 			this._iframeInterceptor.startInterceptor();
 			this._loadDictionaries();
+			this._startDisplayedDictionariesTracking();
 			this.messenger.send(`${"INTLAYER_EDITED_CONTENT_CHANGED"}/get`);
 			if (this._configuration?.editor?.enabled !== false) this._setupActivationHandshake();
 		} else {
@@ -94,6 +115,10 @@ var EditorStateManager = class {
 		this.editedContent.stop();
 		this.configuration.stop();
 		this.currentLocale.stop();
+		this.displayedDictionaryKeys.stop();
+		this._stopDisplayedDictionariesTracking();
+		this._stopEditedContentBusSync();
+		this._stopFocusedContentBusSync();
 		this._urlManager.stop();
 		this._iframeInterceptor.stopInterceptor();
 		this._iframeInterceptor.stopMerger();
@@ -224,6 +249,96 @@ var EditorStateManager = class {
 			if (node) return node;
 		}
 	}
+	_startEditedContentBusSync() {
+		this._editedContentBusHandler = (e) => {
+			if (this._editedContentFromBus) return;
+			const content = e.detail;
+			require_core_editedContentBus.setGlobalEditedContent(content, this.messenger.senderId);
+		};
+		this.editedContent.addEventListener("change", this._editedContentBusHandler);
+		this._unsubGlobalEditedContent = require_core_editedContentBus.subscribeToGlobalEditedContent((content, sourceId) => {
+			if (sourceId === this.messenger.senderId) return;
+			this._editedContentFromBus = true;
+			this.editedContent.set(content);
+			this._editedContentFromBus = false;
+		});
+		const existing = require_core_editedContentBus.getGlobalEditedContent();
+		if (Object.keys(existing).length > 0) {
+			this._editedContentFromBus = true;
+			this.editedContent.set(existing);
+			this._editedContentFromBus = false;
+		}
+	}
+	_stopEditedContentBusSync() {
+		if (this._editedContentBusHandler) {
+			this.editedContent.removeEventListener("change", this._editedContentBusHandler);
+			this._editedContentBusHandler = null;
+		}
+		this._unsubGlobalEditedContent?.();
+		this._unsubGlobalEditedContent = null;
+	}
+	_startFocusedContentBusSync() {
+		this._focusedContentBusHandler = (e) => {
+			if (this._focusedContentFromBus) return;
+			const content = e.detail;
+			require_core_focusedContentBus.setGlobalFocusedContent(content, this.messenger.senderId);
+		};
+		this.focusedContent.addEventListener("change", this._focusedContentBusHandler);
+		this._unsubGlobalFocusedContent = require_core_focusedContentBus.subscribeToGlobalFocusedContent((content, sourceId) => {
+			if (sourceId === this.messenger.senderId) return;
+			this._focusedContentFromBus = true;
+			this.focusedContent.set(content);
+			this._focusedContentFromBus = false;
+		});
+		const existing = require_core_focusedContentBus.getGlobalFocusedContent();
+		if (existing !== void 0) {
+			this._focusedContentFromBus = true;
+			this.focusedContent.set(existing);
+			this._focusedContentFromBus = false;
+		}
+	}
+	_stopFocusedContentBusSync() {
+		if (this._focusedContentBusHandler) {
+			this.focusedContent.removeEventListener("change", this._focusedContentBusHandler);
+			this._focusedContentBusHandler = null;
+		}
+		this._unsubGlobalFocusedContent?.();
+		this._unsubGlobalFocusedContent = null;
+	}
+	_scanDisplayedDictionaryKeys() {
+		if (typeof document === "undefined") return;
+		const elements = document.querySelectorAll("intlayer-content-selector-wrapper[dictionary-key]");
+		const keys = Array.from(new Set(Array.from(elements).map((el) => el.getAttribute("dictionary-key") ?? "").filter(Boolean)));
+		this.displayedDictionaryKeys.set(keys);
+	}
+	_startDisplayedDictionariesTracking() {
+		if (typeof document === "undefined" || typeof MutationObserver === "undefined") return;
+		const schedule = () => {
+			if (this._displayedKeysTimer) clearTimeout(this._displayedKeysTimer);
+			this._displayedKeysTimer = setTimeout(() => this._scanDisplayedDictionaryKeys(), 100);
+		};
+		this._displayedKeysObserver = new MutationObserver(schedule);
+		this._displayedKeysObserver.observe(document.body, {
+			childList: true,
+			subtree: true
+		});
+		for (const evt of ["locationchange", "popstate"]) {
+			const listener = schedule;
+			window.addEventListener(evt, listener);
+			this._displayedKeysListeners.push([evt, listener]);
+		}
+		this._scanDisplayedDictionaryKeys();
+	}
+	_stopDisplayedDictionariesTracking() {
+		this._displayedKeysObserver?.disconnect();
+		this._displayedKeysObserver = null;
+		if (this._displayedKeysTimer) {
+			clearTimeout(this._displayedKeysTimer);
+			this._displayedKeysTimer = null;
+		}
+		for (const [evt, listener] of this._displayedKeysListeners) window.removeEventListener(evt, listener);
+		this._displayedKeysListeners = [];
+	}
 	/**
 	* EDITOR mode: listen for CLIENT_READY and respond with EDITOR_ACTIVATE.
 	* Also pings the client immediately in case it loaded before the editor.

package/dist/cjs/core/EditorStateManager.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditorStateManager.cjs","names":["CrossFrameMessenger","CrossFrameStateManager","UrlStateManager","IframeClickInterceptor","NodeTypes"],"sources":["../../../src/core/EditorStateManager.ts"],"sourcesContent":["import {\n  editDictionaryByKeyPath,\n  getContentNodeByKeyPath,\n  renameContentNodeByKeyPath,\n} from '@intlayer/core/dictionaryManipulator';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport type {\n  ContentNode,\n  Dictionary,\n  LocalDictionaryId,\n} from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport { MessageKey } from '../messageKey';\nimport {\n  CrossFrameMessenger,\n  type MessengerConfig,\n} from './CrossFrameMessenger';\nimport { CrossFrameStateManager } from './CrossFrameStateManager';\nimport { IframeClickInterceptor } from './IframeClickInterceptor';\nimport { UrlStateManager } from './UrlStateManager';\n\nexport type DictionaryContent = Record<LocalDictionaryId, Dictionary>;\n\nexport type FileContent = {\n  dictionaryKey: string;\n  dictionaryLocalId?: LocalDictionaryId;\n  keyPath?: KeyPath[];\n};\n\nexport type EditorStateManagerConfig = {\n  /** 'client' = the app running inside the iframe; 'editor' = the editor wrapping the app */\n  mode: 'editor' | 'client';\n  /** Cross-frame messaging configuration */\n  messenger: MessengerConfig;\n  /** Optional initial Intlayer configuration to broadcast */\n  configuration?: IntlayerConfig;\n};\n\n/**\n * EditorStateManager is the single entry point for all Intlayer editor state.\n * It is framework-agnostic: instantiate one instance at the root of the application\n * and subscribe to its EventTarget-based events from any framework adapter.\n *\n * Replaces all context providers, hooks and store files across React, Preact,\n * Solid, Svelte, and Vue integrations.\n */\nexport class EditorStateManager {\n  readonly messenger: CrossFrameMessenger;\n  readonly editorEnabled: CrossFrameStateManager<boolean>;\n  readonly focusedContent: CrossFrameStateManager<FileContent | null>;\n  readonly localeDictionaries: CrossFrameStateManager<DictionaryContent>;\n  readonly editedContent: CrossFrameStateManager<DictionaryContent>;\n  readonly configuration: CrossFrameStateManager<IntlayerConfig>;\n  readonly currentLocale: CrossFrameStateManager<Locale | undefined>;\n\n  private readonly _urlManager: UrlStateManager;\n  private readonly _iframeInterceptor: IframeClickInterceptor;\n  private readonly _mode: 'editor' | 'client';\n  private readonly _configuration: IntlayerConfig | undefined;\n\n  // Client-mode handshake subscribers\n  private _unsubAreYouThere: (() => void) | null = null;\n  private _unsubActivate: (() => void) | null = null;\n  // Editor-mode handshake subscriber\n  private _unsubClientReady: (() => void) | null = null;\n\n  constructor(config: EditorStateManagerConfig) {\n    this._mode = config.mode;\n    this._configuration = config.configuration;\n\n    this.messenger = new CrossFrameMessenger(config.messenger);\n\n    this.editorEnabled = new CrossFrameStateManager<boolean>(\n      MessageKey.INTLAYER_EDITOR_ENABLED,\n      this.messenger,\n      { emit: false, receive: true, initialValue: false }\n    );\n\n    this.focusedContent = new CrossFrameStateManager<FileContent | null>(\n      MessageKey.INTLAYER_FOCUSED_CONTENT_CHANGED,\n      this.messenger,\n      { emit: true, receive: true, initialValue: null }\n    );\n\n    this.localeDictionaries = new CrossFrameStateManager<DictionaryContent>(\n      MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED,\n      this.messenger\n    );\n\n    this.editedContent = new CrossFrameStateManager<DictionaryContent>(\n      MessageKey.INTLAYER_EDITED_CONTENT_CHANGED,\n      this.messenger\n    );\n\n    this.configuration = new CrossFrameStateManager<IntlayerConfig>(\n      MessageKey.INTLAYER_CONFIGURATION,\n      this.messenger,\n      {\n        emit: true,\n        receive: false,\n        ...(config.configuration ? { initialValue: config.configuration } : {}),\n      }\n    );\n\n    // Client emits its locale to the editor; editor receives it.\n    this.currentLocale = new CrossFrameStateManager<Locale>(\n      MessageKey.INTLAYER_CURRENT_LOCALE,\n      this.messenger,\n      {\n        emit: config.mode === 'client',\n        receive: config.mode === 'editor',\n      }\n    );\n\n    this._urlManager = new UrlStateManager(this.messenger);\n    this._iframeInterceptor = new IframeClickInterceptor(this.messenger);\n  }\n\n  start(): void {\n    this.messenger.start();\n    this.editorEnabled.start();\n    this.focusedContent.start();\n    this.localeDictionaries.start();\n    this.editedContent.start();\n    this.configuration.start();\n    this.currentLocale.start();\n\n    if (this._mode === 'client') {\n      this._urlManager.start();\n      this._iframeInterceptor.startInterceptor();\n      this._loadDictionaries();\n      // Request current edited content from the editor\n      this.messenger.send(`${MessageKey.INTLAYER_EDITED_CONTENT_CHANGED}/get`);\n      // Activation handshake: only participate if editor.enabled !== false\n      if (this._configuration?.editor?.enabled !== false) {\n        this._setupActivationHandshake();\n      }\n    } else {\n      this._iframeInterceptor.startMerger();\n      this._setupEditorHandshake();\n    }\n  }\n\n  stop(): void {\n    this._unsubAreYouThere?.();\n    this._unsubActivate?.();\n    this._unsubClientReady?.();\n    this._unsubAreYouThere = null;\n    this._unsubActivate = null;\n    this._unsubClientReady = null;\n    this.messenger.stop();\n    this.editorEnabled.stop();\n    this.focusedContent.stop();\n    this.localeDictionaries.stop();\n    this.editedContent.stop();\n    this.configuration.stop();\n    this.currentLocale.stop();\n    this._urlManager.stop();\n    this._iframeInterceptor.stopInterceptor();\n    this._iframeInterceptor.stopMerger();\n  }\n\n  // ─── Handshake helpers ───────────────────────────────────────────────────────\n\n  /**\n   * EDITOR mode: re-send ARE_YOU_THERE to attempt re-connection with the client.\n   * Call this when the user clicks \"Enable Editor\" or when the iframe reloads.\n   */\n  pingClient(): void {\n    if (this._mode !== 'editor') return;\n\n    this.messenger.send(MessageKey.INTLAYER_ARE_YOU_THERE);\n  }\n\n  // ─── Focus helpers ──────────────────────────────────────────────────────────\n\n  setFocusedContentKeyPath(keyPath: KeyPath[]): void {\n    const filtered = keyPath.filter(\n      (key) => key.type !== NodeTypes.TRANSLATION\n    );\n    const prev = this.focusedContent.value;\n\n    if (!prev) return;\n\n    this.focusedContent.set({ ...prev, keyPath: filtered });\n  }\n\n  // ─── Dictionary record helpers ───────────────────────────────────────────\n\n  setLocaleDictionary(dictionary: Dictionary): void {\n    if (!dictionary.localId) return;\n    const current = this.localeDictionaries.value ?? {};\n\n    this.localeDictionaries.set({\n      ...current,\n      [dictionary.localId as LocalDictionaryId]: dictionary,\n    });\n  }\n\n  // ─── Edited content helpers ───────────────────────────────────────────────\n\n  setEditedDictionary(newDict: Dictionary): void {\n    if (!newDict.localId) {\n      console.error('setEditedDictionary: missing localId', newDict);\n      return;\n    }\n    const current = this.editedContent.value ?? {};\n\n    this.editedContent.set({\n      ...current,\n      [newDict.localId as LocalDictionaryId]: newDict,\n    });\n  }\n\n  setEditedContent(\n    localDictionaryId: LocalDictionaryId,\n    newValue: Dictionary['content']\n  ): void {\n    const current = this.editedContent.value ?? {};\n\n    this.editedContent.set({\n      ...current,\n      [localDictionaryId]: {\n        ...current[localDictionaryId],\n        content: newValue,\n      },\n    });\n  }\n\n  addContent(\n    localDictionaryId: LocalDictionaryId,\n    newValue: ContentNode,\n    keyPath: KeyPath[] = [],\n    overwrite = true\n  ): void {\n    const current = this.editedContent.value ?? {};\n    const localeDicts = this.localeDictionaries.value ?? {};\n\n    const originalContent = localeDicts[localDictionaryId]?.content;\n    const currentContent = structuredClone(\n      current[localDictionaryId]?.content ?? originalContent\n    );\n\n    let newKeyPath = keyPath;\n    if (!overwrite) {\n      let index = 0;\n\n      const otherKeyPath = keyPath.slice(0, -1);\n      const lastKeyPath = keyPath[keyPath.length - 1];\n\n      let finalKey = lastKeyPath.key;\n\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    this.editedContent.set({\n      ...current,\n      [localDictionaryId]: {\n        ...current[localDictionaryId],\n        content: updatedContent as Dictionary['content'],\n      },\n    });\n  }\n\n  renameContent(\n    localDictionaryId: LocalDictionaryId,\n    newKey: KeyPath['key'],\n    keyPath: KeyPath[] = []\n  ): void {\n    const current = this.editedContent.value ?? {};\n    const localeDicts = this.localeDictionaries.value ?? {};\n    const originalContent = localeDicts[localDictionaryId]?.content;\n    const currentContent = structuredClone(\n      current[localDictionaryId]?.content ?? originalContent\n    );\n    const updated = renameContentNodeByKeyPath(currentContent, newKey, keyPath);\n\n    this.editedContent.set({\n      ...current,\n      [localDictionaryId]: {\n        ...current[localDictionaryId],\n        content: updated as Dictionary['content'],\n      },\n    });\n  }\n\n  removeContent(\n    localDictionaryId: LocalDictionaryId,\n    keyPath: KeyPath[]\n  ): void {\n    const current = this.editedContent.value ?? {};\n    const localeDicts = this.localeDictionaries.value ?? {};\n    const originalContent = localeDicts[localDictionaryId]?.content;\n    const currentContent = structuredClone(\n      current[localDictionaryId]?.content ?? originalContent\n    );\n    const initialContent = getContentNodeByKeyPath(originalContent, keyPath);\n    const restored = editDictionaryByKeyPath(\n      currentContent,\n      keyPath,\n      initialContent\n    );\n\n    this.editedContent.set({\n      ...current,\n      [localDictionaryId]: {\n        ...current[localDictionaryId],\n        content: restored as Dictionary['content'],\n      },\n    });\n  }\n\n  restoreContent(localDictionaryId: LocalDictionaryId): void {\n    const current = this.editedContent.value ?? {};\n    const updated = { ...current };\n\n    delete updated[localDictionaryId];\n\n    this.editedContent.set(updated);\n  }\n\n  clearContent(localDictionaryId: LocalDictionaryId): void {\n    const current = this.editedContent.value ?? {};\n    const filtered = { ...current };\n\n    delete filtered[localDictionaryId];\n\n    this.editedContent.set(filtered);\n  }\n\n  clearAllContent(): void {\n    this.editedContent.set({});\n  }\n\n  getContentValue(\n    localDictionaryIdOrKey: LocalDictionaryId | string,\n    keyPath: KeyPath[]\n  ): ContentNode | undefined {\n    const edited = this.editedContent.value;\n    if (!edited) return undefined;\n\n    const filteredKeyPath = keyPath.filter(\n      (key) => key.type !== NodeTypes.TRANSLATION\n    );\n\n    // Only use edited content entries whose localId is known to this client.\n    // This prevents stale edits from other apps (different framework demos) from\n    // being applied when the editor sends back its stored editedContent.\n    const localeDicts = this.localeDictionaries.value;\n\n    const isDictionaryId =\n      localDictionaryIdOrKey.includes(':local:') ||\n      localDictionaryIdOrKey.includes(':remote:');\n\n    if (isDictionaryId) {\n      // If localeDictionaries is loaded, verify this localId belongs to us\n      if (localeDicts && !(localDictionaryIdOrKey in localeDicts)) {\n        return undefined;\n      }\n      const content =\n        edited[localDictionaryIdOrKey as LocalDictionaryId]?.content ?? {};\n\n      return getContentNodeByKeyPath(\n        content,\n        filteredKeyPath,\n        this.currentLocale.value\n      );\n    }\n\n    const matchingIds = Object.keys(edited).filter(\n      (key) =>\n        key.startsWith(`${localDictionaryIdOrKey}:`) &&\n        // If localeDictionaries is loaded, only include known localIds\n        (!localeDicts || key in localeDicts)\n    );\n\n    for (const localId of matchingIds) {\n      const content = edited[localId as LocalDictionaryId]?.content ?? {};\n      const node = getContentNodeByKeyPath(\n        content,\n        filteredKeyPath,\n        this.currentLocale.value\n      );\n      if (node) return node;\n    }\n\n    return undefined;\n  }\n\n  /**\n   * EDITOR mode: listen for CLIENT_READY and respond with EDITOR_ACTIVATE.\n   * Also pings the client immediately in case it loaded before the editor.\n   */\n  private _setupEditorHandshake(): void {\n    // When the client announces it is ready, activate it\n    this._unsubClientReady = this.messenger.subscribe(\n      MessageKey.INTLAYER_CLIENT_READY,\n      () => {\n        this.editorEnabled.set(true);\n        this.messenger.send(MessageKey.INTLAYER_EDITOR_ACTIVATE);\n      }\n    );\n\n    // Ping any already-running client (covers editor-opens-after-client scenario)\n    this.messenger.send(MessageKey.INTLAYER_ARE_YOU_THERE);\n  }\n\n  private _setupActivationHandshake(): void {\n    // Announce to the editor that the client is ready\n    this.messenger.send(MessageKey.INTLAYER_CLIENT_READY);\n\n    // Respond to \"are you there?\" pings from the editor\n    this._unsubAreYouThere = this.messenger.subscribe(\n      MessageKey.INTLAYER_ARE_YOU_THERE,\n      () => {\n        this.messenger.send(MessageKey.INTLAYER_CLIENT_READY);\n      }\n    );\n\n    // When the editor activates us, enable the selector and broadcast state\n    this._unsubActivate = this.messenger.subscribe(\n      MessageKey.INTLAYER_EDITOR_ACTIVATE,\n      () => {\n        this.editorEnabled.set(true);\n        this._broadcastData();\n      }\n    );\n  }\n\n  private _broadcastData(): void {\n    const configVal = this.configuration.value;\n\n    if (configVal) {\n      this.messenger.send(\n        `${MessageKey.INTLAYER_CONFIGURATION}/post`,\n        configVal\n      );\n    }\n    const localeVal = this.currentLocale.value;\n\n    if (localeVal) {\n      this.messenger.send(\n        `${MessageKey.INTLAYER_CURRENT_LOCALE}/post`,\n        localeVal\n      );\n    }\n    const dicts = this.localeDictionaries.value;\n\n    if (dicts) {\n      this.messenger.send(\n        `${MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED}/post`,\n        dicts\n      );\n    }\n  }\n\n  private async _loadDictionaries(): Promise<void> {\n    try {\n      const mod = await import('@intlayer/unmerged-dictionaries-entry');\n      const unmergedDictionaries = mod.getUnmergedDictionaries();\n      const dictionariesList = Object.fromEntries(\n        Object.values(unmergedDictionaries)\n          .flat()\n          .map((dictionary) => [dictionary.localId, dictionary])\n      ) as DictionaryContent;\n\n      this.localeDictionaries.set(dictionariesList);\n\n      // If the editor already activated us before dictionaries finished loading,\n      // re-broadcast now so the editor receives the dictionaries.\n      if (this.editorEnabled.value) {\n        this._broadcastData();\n      }\n    } catch (e) {\n      // Dynamic entry not available (expected in editor mode or when not configured)\n      console.warn('[intlayer] Failed to load unmerged dictionaries:', e);\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"EditorStateManager.cjs","names":["CrossFrameMessenger","CrossFrameStateManager","UrlStateManager","IframeClickInterceptor","NodeTypes","subscribeToGlobalEditedContent","getGlobalEditedContent","subscribeToGlobalFocusedContent","getGlobalFocusedContent"],"sources":["../../../src/core/EditorStateManager.ts"],"sourcesContent":["import {\n  editDictionaryByKeyPath,\n  getContentNodeByKeyPath,\n  renameContentNodeByKeyPath,\n} from '@intlayer/core/dictionaryManipulator';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport type {\n  ContentNode,\n  Dictionary,\n  LocalDictionaryId,\n} from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport { MessageKey } from '../messageKey';\nimport {\n  CrossFrameMessenger,\n  type MessengerConfig,\n} from './CrossFrameMessenger';\nimport { CrossFrameStateManager } from './CrossFrameStateManager';\nimport {\n  getGlobalEditedContent,\n  setGlobalEditedContent,\n  subscribeToGlobalEditedContent,\n} from './editedContentBus';\nimport {\n  getGlobalFocusedContent,\n  setGlobalFocusedContent,\n  subscribeToGlobalFocusedContent,\n} from './focusedContentBus';\nimport { IframeClickInterceptor } from './IframeClickInterceptor';\nimport { UrlStateManager } from './UrlStateManager';\n\nexport type DictionaryContent = Record<LocalDictionaryId, Dictionary>;\n\nexport type FileContent = {\n  dictionaryKey: string;\n  dictionaryLocalId?: LocalDictionaryId;\n  keyPath?: KeyPath[];\n};\n\nexport type EditorStateManagerConfig = {\n  /** 'client' = the app running inside the iframe; 'editor' = the editor wrapping the app */\n  mode: 'editor' | 'client';\n  /** Cross-frame messaging configuration */\n  messenger: MessengerConfig;\n  /** Optional initial Intlayer configuration to broadcast */\n  configuration?: IntlayerConfig;\n};\n\n/**\n * EditorStateManager is the single entry point for all Intlayer editor state.\n * It is framework-agnostic: instantiate one instance at the root of the application\n * and subscribe to its EventTarget-based events from any framework adapter.\n *\n * Replaces all context providers, hooks and store files across React, Preact,\n * Solid, Svelte, and Vue integrations.\n */\nexport class EditorStateManager {\n  readonly messenger: CrossFrameMessenger;\n  readonly editorEnabled: CrossFrameStateManager<boolean>;\n  readonly focusedContent: CrossFrameStateManager<FileContent | null>;\n  readonly localeDictionaries: CrossFrameStateManager<DictionaryContent>;\n  readonly editedContent: CrossFrameStateManager<DictionaryContent>;\n  readonly configuration: CrossFrameStateManager<IntlayerConfig>;\n  readonly currentLocale: CrossFrameStateManager<Locale | undefined>;\n  readonly displayedDictionaryKeys: CrossFrameStateManager<string[]>;\n\n  private readonly _urlManager: UrlStateManager;\n  private readonly _iframeInterceptor: IframeClickInterceptor;\n  private readonly _mode: 'editor' | 'client';\n  private readonly _configuration: IntlayerConfig | undefined;\n\n  // Client-mode handshake subscribers\n  private _unsubAreYouThere: (() => void) | null = null;\n  private _unsubActivate: (() => void) | null = null;\n  // Editor-mode handshake subscriber\n  private _unsubClientReady: (() => void) | null = null;\n\n  // Client-mode displayed-keys tracking\n  private _displayedKeysObserver: MutationObserver | null = null;\n  private _displayedKeysTimer: ReturnType<typeof setTimeout> | null = null;\n  private _displayedKeysListeners: Array<[string, EventListener]> = [];\n\n  // Global editedContent bus sync\n  private _editedContentFromBus = false;\n  private _unsubGlobalEditedContent: (() => void) | null = null;\n  private _editedContentBusHandler: ((e: Event) => void) | null = null;\n\n  // Global focusedContent bus sync\n  private _focusedContentFromBus = false;\n  private _unsubGlobalFocusedContent: (() => void) | null = null;\n  private _focusedContentBusHandler: ((e: Event) => void) | null = null;\n\n  constructor(config: EditorStateManagerConfig) {\n    this._mode = config.mode;\n    this._configuration = config.configuration;\n\n    this.messenger = new CrossFrameMessenger(config.messenger);\n\n    this.editorEnabled = new CrossFrameStateManager<boolean>(\n      MessageKey.INTLAYER_EDITOR_ENABLED,\n      this.messenger,\n      { emit: false, receive: true, initialValue: false }\n    );\n\n    this.focusedContent = new CrossFrameStateManager<FileContent | null>(\n      MessageKey.INTLAYER_FOCUSED_CONTENT_CHANGED,\n      this.messenger,\n      { emit: true, receive: true, initialValue: null }\n    );\n\n    this.localeDictionaries = new CrossFrameStateManager<DictionaryContent>(\n      MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED,\n      this.messenger\n    );\n\n    this.editedContent = new CrossFrameStateManager<DictionaryContent>(\n      MessageKey.INTLAYER_EDITED_CONTENT_CHANGED,\n      this.messenger\n    );\n\n    this.configuration = new CrossFrameStateManager<IntlayerConfig>(\n      MessageKey.INTLAYER_CONFIGURATION,\n      this.messenger,\n      {\n        emit: true,\n        receive: false,\n        ...(config.configuration ? { initialValue: config.configuration } : {}),\n      }\n    );\n\n    // Client emits its locale to the editor; editor receives it.\n    this.currentLocale = new CrossFrameStateManager<Locale>(\n      MessageKey.INTLAYER_CURRENT_LOCALE,\n      this.messenger,\n      {\n        emit: config.mode === 'client',\n        receive: config.mode === 'editor',\n      }\n    );\n\n    // Client emits displayed dictionary keys; editor receives them.\n    this.displayedDictionaryKeys = new CrossFrameStateManager<string[]>(\n      MessageKey.INTLAYER_DISPLAYED_DICTIONARY_KEYS,\n      this.messenger,\n      {\n        emit: config.mode === 'client',\n        receive: config.mode === 'editor',\n        initialValue: [],\n      }\n    );\n\n    this._urlManager = new UrlStateManager(this.messenger);\n    this._iframeInterceptor = new IframeClickInterceptor(this.messenger);\n  }\n\n  start(): void {\n    this.messenger.start();\n    this.editorEnabled.start();\n    this.focusedContent.start();\n    this.localeDictionaries.start();\n    this.editedContent.start();\n    this.configuration.start();\n    this.currentLocale.start();\n    this.displayedDictionaryKeys.start();\n    this._startEditedContentBusSync();\n    this._startFocusedContentBusSync();\n\n    if (this._mode === 'client') {\n      this._urlManager.start();\n      this._iframeInterceptor.startInterceptor();\n      this._loadDictionaries();\n      this._startDisplayedDictionariesTracking();\n      // Request current edited content from the editor\n      this.messenger.send(`${MessageKey.INTLAYER_EDITED_CONTENT_CHANGED}/get`);\n      // Activation handshake: only participate if editor.enabled !== false\n      if (this._configuration?.editor?.enabled !== false) {\n        this._setupActivationHandshake();\n      }\n    } else {\n      this._iframeInterceptor.startMerger();\n      this._setupEditorHandshake();\n    }\n  }\n\n  stop(): void {\n    this._unsubAreYouThere?.();\n    this._unsubActivate?.();\n    this._unsubClientReady?.();\n    this._unsubAreYouThere = null;\n    this._unsubActivate = null;\n    this._unsubClientReady = null;\n    this.messenger.stop();\n    this.editorEnabled.stop();\n    this.focusedContent.stop();\n    this.localeDictionaries.stop();\n    this.editedContent.stop();\n    this.configuration.stop();\n    this.currentLocale.stop();\n    this.displayedDictionaryKeys.stop();\n    this._stopDisplayedDictionariesTracking();\n    this._stopEditedContentBusSync();\n    this._stopFocusedContentBusSync();\n    this._urlManager.stop();\n    this._iframeInterceptor.stopInterceptor();\n    this._iframeInterceptor.stopMerger();\n  }\n\n  // ─── Handshake helpers ───────────────────────────────────────────────────────\n\n  /**\n   * EDITOR mode: re-send ARE_YOU_THERE to attempt re-connection with the client.\n   * Call this when the user clicks \"Enable Editor\" or when the iframe reloads.\n   */\n  pingClient(): void {\n    if (this._mode !== 'editor') return;\n\n    this.messenger.send(MessageKey.INTLAYER_ARE_YOU_THERE);\n  }\n\n  // ─── Focus helpers ──────────────────────────────────────────────────────────\n\n  setFocusedContentKeyPath(keyPath: KeyPath[]): void {\n    const filtered = keyPath.filter(\n      (key) => key.type !== NodeTypes.TRANSLATION\n    );\n    const prev = this.focusedContent.value;\n\n    if (!prev) return;\n\n    this.focusedContent.set({ ...prev, keyPath: filtered });\n  }\n\n  // ─── Dictionary record helpers ───────────────────────────────────────────\n\n  setLocaleDictionary(dictionary: Dictionary): void {\n    if (!dictionary.localId) return;\n    const current = this.localeDictionaries.value ?? {};\n\n    this.localeDictionaries.set({\n      ...current,\n      [dictionary.localId as LocalDictionaryId]: dictionary,\n    });\n  }\n\n  // ─── Edited content helpers ───────────────────────────────────────────────\n\n  setEditedDictionary(newDict: Dictionary): void {\n    if (!newDict.localId) {\n      console.error('setEditedDictionary: missing localId', newDict);\n      return;\n    }\n    const current = this.editedContent.value ?? {};\n\n    this.editedContent.set({\n      ...current,\n      [newDict.localId as LocalDictionaryId]: newDict,\n    });\n  }\n\n  setEditedContent(\n    localDictionaryId: LocalDictionaryId,\n    newValue: Dictionary['content']\n  ): void {\n    const current = this.editedContent.value ?? {};\n\n    this.editedContent.set({\n      ...current,\n      [localDictionaryId]: {\n        ...current[localDictionaryId],\n        content: newValue,\n      },\n    });\n  }\n\n  addContent(\n    localDictionaryId: LocalDictionaryId,\n    newValue: ContentNode,\n    keyPath: KeyPath[] = [],\n    overwrite = true\n  ): void {\n    const current = this.editedContent.value ?? {};\n    const localeDicts = this.localeDictionaries.value ?? {};\n\n    const originalContent = localeDicts[localDictionaryId]?.content;\n    const currentContent = structuredClone(\n      current[localDictionaryId]?.content ?? originalContent\n    );\n\n    let newKeyPath = keyPath;\n    if (!overwrite) {\n      let index = 0;\n\n      const otherKeyPath = keyPath.slice(0, -1);\n      const lastKeyPath = keyPath[keyPath.length - 1];\n\n      let finalKey = lastKeyPath.key;\n\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    this.editedContent.set({\n      ...current,\n      [localDictionaryId]: {\n        ...current[localDictionaryId],\n        content: updatedContent as Dictionary['content'],\n      },\n    });\n  }\n\n  renameContent(\n    localDictionaryId: LocalDictionaryId,\n    newKey: KeyPath['key'],\n    keyPath: KeyPath[] = []\n  ): void {\n    const current = this.editedContent.value ?? {};\n    const localeDicts = this.localeDictionaries.value ?? {};\n    const originalContent = localeDicts[localDictionaryId]?.content;\n    const currentContent = structuredClone(\n      current[localDictionaryId]?.content ?? originalContent\n    );\n    const updated = renameContentNodeByKeyPath(currentContent, newKey, keyPath);\n\n    this.editedContent.set({\n      ...current,\n      [localDictionaryId]: {\n        ...current[localDictionaryId],\n        content: updated as Dictionary['content'],\n      },\n    });\n  }\n\n  removeContent(\n    localDictionaryId: LocalDictionaryId,\n    keyPath: KeyPath[]\n  ): void {\n    const current = this.editedContent.value ?? {};\n    const localeDicts = this.localeDictionaries.value ?? {};\n    const originalContent = localeDicts[localDictionaryId]?.content;\n    const currentContent = structuredClone(\n      current[localDictionaryId]?.content ?? originalContent\n    );\n    const initialContent = getContentNodeByKeyPath(originalContent, keyPath);\n    const restored = editDictionaryByKeyPath(\n      currentContent,\n      keyPath,\n      initialContent\n    );\n\n    this.editedContent.set({\n      ...current,\n      [localDictionaryId]: {\n        ...current[localDictionaryId],\n        content: restored as Dictionary['content'],\n      },\n    });\n  }\n\n  restoreContent(localDictionaryId: LocalDictionaryId): void {\n    const current = this.editedContent.value ?? {};\n    const updated = { ...current };\n\n    delete updated[localDictionaryId];\n\n    this.editedContent.set(updated);\n  }\n\n  clearContent(localDictionaryId: LocalDictionaryId): void {\n    const current = this.editedContent.value ?? {};\n    const filtered = { ...current };\n\n    delete filtered[localDictionaryId];\n\n    this.editedContent.set(filtered);\n  }\n\n  clearAllContent(): void {\n    this.editedContent.set({});\n  }\n\n  getContentValue(\n    localDictionaryIdOrKey: LocalDictionaryId | string,\n    keyPath: KeyPath[]\n  ): ContentNode | undefined {\n    const edited = this.editedContent.value;\n    if (!edited) return undefined;\n\n    const filteredKeyPath = keyPath.filter(\n      (key) => key.type !== NodeTypes.TRANSLATION\n    );\n\n    // Only use edited content entries whose localId is known to this client.\n    // This prevents stale edits from other apps (different framework demos) from\n    // being applied when the editor sends back its stored editedContent.\n    const localeDicts = this.localeDictionaries.value;\n\n    const isDictionaryId =\n      localDictionaryIdOrKey.includes(':local:') ||\n      localDictionaryIdOrKey.includes(':remote:');\n\n    if (isDictionaryId) {\n      // If localeDictionaries is loaded, verify this localId belongs to us\n      if (localeDicts && !(localDictionaryIdOrKey in localeDicts)) {\n        return undefined;\n      }\n      const content =\n        edited[localDictionaryIdOrKey as LocalDictionaryId]?.content ?? {};\n\n      return getContentNodeByKeyPath(\n        content,\n        filteredKeyPath,\n        this.currentLocale.value\n      );\n    }\n\n    const matchingIds = Object.keys(edited).filter(\n      (key) =>\n        key.startsWith(`${localDictionaryIdOrKey}:`) &&\n        // If localeDictionaries is loaded, only include known localIds\n        (!localeDicts || key in localeDicts)\n    );\n\n    for (const localId of matchingIds) {\n      const content = edited[localId as LocalDictionaryId]?.content ?? {};\n      const node = getContentNodeByKeyPath(\n        content,\n        filteredKeyPath,\n        this.currentLocale.value\n      );\n      if (node) return node;\n    }\n\n    return undefined;\n  }\n\n  // ─── Global editedContent bus sync ───────────────────────────────────────\n\n  private _startEditedContentBusSync(): void {\n    // Push local changes to the global bus (loop-guarded)\n    this._editedContentBusHandler = (e: Event) => {\n      if (this._editedContentFromBus) return;\n      const content = (e as CustomEvent<DictionaryContent>).detail;\n      setGlobalEditedContent(content, this.messenger.senderId);\n    };\n    this.editedContent.addEventListener(\n      'change',\n      this._editedContentBusHandler\n    );\n\n    // Receive bus changes from other managers\n    this._unsubGlobalEditedContent = subscribeToGlobalEditedContent(\n      (content, sourceId) => {\n        if (sourceId === this.messenger.senderId) return;\n        this._editedContentFromBus = true;\n        this.editedContent.set(content);\n        this._editedContentFromBus = false;\n      }\n    );\n\n    // Seed local value from the bus if bus already has content\n    const existing = getGlobalEditedContent();\n    if (Object.keys(existing).length > 0) {\n      this._editedContentFromBus = true;\n      this.editedContent.set(existing);\n      this._editedContentFromBus = false;\n    }\n  }\n\n  private _stopEditedContentBusSync(): void {\n    if (this._editedContentBusHandler) {\n      this.editedContent.removeEventListener(\n        'change',\n        this._editedContentBusHandler\n      );\n      this._editedContentBusHandler = null;\n    }\n    this._unsubGlobalEditedContent?.();\n    this._unsubGlobalEditedContent = null;\n  }\n\n  // ─── Global focusedContent bus sync ──────────────────────────────────────\n\n  private _startFocusedContentBusSync(): void {\n    this._focusedContentBusHandler = (e: Event) => {\n      if (this._focusedContentFromBus) return;\n      const content = (e as CustomEvent<FileContent | null>).detail;\n      setGlobalFocusedContent(content, this.messenger.senderId);\n    };\n    this.focusedContent.addEventListener(\n      'change',\n      this._focusedContentBusHandler\n    );\n\n    this._unsubGlobalFocusedContent = subscribeToGlobalFocusedContent(\n      (content, sourceId) => {\n        if (sourceId === this.messenger.senderId) return;\n        this._focusedContentFromBus = true;\n        this.focusedContent.set(content);\n        this._focusedContentFromBus = false;\n      }\n    );\n\n    const existing = getGlobalFocusedContent();\n    if (existing !== undefined) {\n      this._focusedContentFromBus = true;\n      this.focusedContent.set(existing);\n      this._focusedContentFromBus = false;\n    }\n  }\n\n  private _stopFocusedContentBusSync(): void {\n    if (this._focusedContentBusHandler) {\n      this.focusedContent.removeEventListener(\n        'change',\n        this._focusedContentBusHandler\n      );\n      this._focusedContentBusHandler = null;\n    }\n    this._unsubGlobalFocusedContent?.();\n    this._unsubGlobalFocusedContent = null;\n  }\n\n  // ─── Displayed dictionaries tracking (client mode only) ──────────────────\n\n  private _scanDisplayedDictionaryKeys(): void {\n    if (typeof document === 'undefined') return;\n    const elements = document.querySelectorAll(\n      'intlayer-content-selector-wrapper[dictionary-key]'\n    );\n    const keys = Array.from(\n      new Set(\n        Array.from(elements)\n          .map((el) => el.getAttribute('dictionary-key') ?? '')\n          .filter(Boolean)\n      )\n    );\n    this.displayedDictionaryKeys.set(keys);\n  }\n\n  private _startDisplayedDictionariesTracking(): void {\n    if (\n      typeof document === 'undefined' ||\n      typeof MutationObserver === 'undefined'\n    )\n      return;\n\n    const schedule = () => {\n      if (this._displayedKeysTimer) clearTimeout(this._displayedKeysTimer);\n      this._displayedKeysTimer = setTimeout(\n        () => this._scanDisplayedDictionaryKeys(),\n        100\n      );\n    };\n\n    this._displayedKeysObserver = new MutationObserver(schedule);\n    this._displayedKeysObserver.observe(document.body, {\n      childList: true,\n      subtree: true,\n    });\n\n    for (const evt of ['locationchange', 'popstate'] as const) {\n      const listener = schedule as EventListener;\n      window.addEventListener(evt, listener);\n      this._displayedKeysListeners.push([evt, listener]);\n    }\n\n    this._scanDisplayedDictionaryKeys();\n  }\n\n  private _stopDisplayedDictionariesTracking(): void {\n    this._displayedKeysObserver?.disconnect();\n    this._displayedKeysObserver = null;\n    if (this._displayedKeysTimer) {\n      clearTimeout(this._displayedKeysTimer);\n      this._displayedKeysTimer = null;\n    }\n    for (const [evt, listener] of this._displayedKeysListeners) {\n      window.removeEventListener(evt, listener);\n    }\n    this._displayedKeysListeners = [];\n  }\n\n  // ─── Handshake helpers ───────────────────────────────────────────────────────\n\n  /**\n   * EDITOR mode: listen for CLIENT_READY and respond with EDITOR_ACTIVATE.\n   * Also pings the client immediately in case it loaded before the editor.\n   */\n  private _setupEditorHandshake(): void {\n    // When the client announces it is ready, activate it\n    this._unsubClientReady = this.messenger.subscribe(\n      MessageKey.INTLAYER_CLIENT_READY,\n      () => {\n        this.editorEnabled.set(true);\n        this.messenger.send(MessageKey.INTLAYER_EDITOR_ACTIVATE);\n      }\n    );\n\n    // Ping any already-running client (covers editor-opens-after-client scenario)\n    this.messenger.send(MessageKey.INTLAYER_ARE_YOU_THERE);\n  }\n\n  private _setupActivationHandshake(): void {\n    // Announce to the editor that the client is ready\n    this.messenger.send(MessageKey.INTLAYER_CLIENT_READY);\n\n    // Respond to \"are you there?\" pings from the editor\n    this._unsubAreYouThere = this.messenger.subscribe(\n      MessageKey.INTLAYER_ARE_YOU_THERE,\n      () => {\n        this.messenger.send(MessageKey.INTLAYER_CLIENT_READY);\n      }\n    );\n\n    // When the editor activates us, enable the selector and broadcast state\n    this._unsubActivate = this.messenger.subscribe(\n      MessageKey.INTLAYER_EDITOR_ACTIVATE,\n      () => {\n        this.editorEnabled.set(true);\n        this._broadcastData();\n      }\n    );\n  }\n\n  private _broadcastData(): void {\n    const configVal = this.configuration.value;\n\n    if (configVal) {\n      this.messenger.send(\n        `${MessageKey.INTLAYER_CONFIGURATION}/post`,\n        configVal\n      );\n    }\n    const localeVal = this.currentLocale.value;\n\n    if (localeVal) {\n      this.messenger.send(\n        `${MessageKey.INTLAYER_CURRENT_LOCALE}/post`,\n        localeVal\n      );\n    }\n    const dicts = this.localeDictionaries.value;\n\n    if (dicts) {\n      this.messenger.send(\n        `${MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED}/post`,\n        dicts\n      );\n    }\n  }\n\n  private async _loadDictionaries(): Promise<void> {\n    try {\n      const mod = await import('@intlayer/unmerged-dictionaries-entry');\n      const unmergedDictionaries = mod.getUnmergedDictionaries();\n      const dictionariesList = Object.fromEntries(\n        Object.values(unmergedDictionaries)\n          .flat()\n          .map((dictionary) => [dictionary.localId, dictionary])\n      ) as DictionaryContent;\n\n      this.localeDictionaries.set(dictionariesList);\n\n      // If the editor already activated us before dictionaries finished loading,\n      // re-broadcast now so the editor receives the dictionaries.\n      if (this.editorEnabled.value) {\n        this._broadcastData();\n      }\n    } catch (e) {\n      // Dynamic entry not available (expected in editor mode or when not configured)\n      console.warn('[intlayer] Failed to load unmerged dictionaries:', e);\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/core/editedContentBus.cjs

@@ -0,0 +1,37 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+//#region src/core/editedContentBus.ts
+const BUS_KEY = "__intlayer_edited_content_bus__";
+const BUS_EVENTS_KEY = "__intlayer_edited_content_bus_events__";
+const getBusTarget = () => {
+	if (typeof window === "undefined") return new EventTarget();
+	const w = window;
+	if (!w[BUS_EVENTS_KEY]) w[BUS_EVENTS_KEY] = new EventTarget();
+	return w[BUS_EVENTS_KEY];
+};
+const getGlobalEditedContent = () => {
+	if (typeof window === "undefined") return {};
+	return window[BUS_KEY] ?? {};
+};
+const setGlobalEditedContent = (content, sourceId) => {
+	if (typeof window !== "undefined") window[BUS_KEY] = content;
+	getBusTarget().dispatchEvent(new CustomEvent("change", { detail: {
+		content,
+		sourceId
+	} }));
+};
+const subscribeToGlobalEditedContent = (cb) => {
+	const handler = (e) => {
+		const { content, sourceId } = e.detail;
+		cb(content, sourceId);
+	};
+	const target = getBusTarget();
+	target.addEventListener("change", handler);
+	return () => target.removeEventListener("change", handler);
+};
+
+//#endregion
+exports.getGlobalEditedContent = getGlobalEditedContent;
+exports.setGlobalEditedContent = setGlobalEditedContent;
+exports.subscribeToGlobalEditedContent = subscribeToGlobalEditedContent;
+//# sourceMappingURL=editedContentBus.cjs.map

package/dist/cjs/core/editedContentBus.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"editedContentBus.cjs","names":[],"sources":["../../../src/core/editedContentBus.ts"],"sourcesContent":["import type { DictionaryContent } from './EditorStateManager';\n\nconst BUS_KEY = '__intlayer_edited_content_bus__';\nconst BUS_EVENTS_KEY = '__intlayer_edited_content_bus_events__';\n\ntype WindowWithBus = typeof window & {\n  [BUS_KEY]?: DictionaryContent;\n  [BUS_EVENTS_KEY]?: EventTarget;\n};\n\ntype BusEvent = { content: DictionaryContent; sourceId?: string };\n\nconst getBusTarget = (): EventTarget => {\n  if (typeof window === 'undefined') return new EventTarget();\n  const w = window as WindowWithBus;\n  if (!w[BUS_EVENTS_KEY]) w[BUS_EVENTS_KEY] = new EventTarget();\n  return w[BUS_EVENTS_KEY]!;\n};\n\nexport const getGlobalEditedContent = (): DictionaryContent => {\n  if (typeof window === 'undefined') return {};\n  return (window as WindowWithBus)[BUS_KEY] ?? {};\n};\n\nexport const setGlobalEditedContent = (\n  content: DictionaryContent,\n  sourceId?: string\n): void => {\n  if (typeof window !== 'undefined') {\n    (window as WindowWithBus)[BUS_KEY] = content;\n  }\n  getBusTarget().dispatchEvent(\n    new CustomEvent<BusEvent>('change', { detail: { content, sourceId } })\n  );\n};\n\nexport const subscribeToGlobalEditedContent = (\n  cb: (content: DictionaryContent, sourceId?: string) => void\n): (() => void) => {\n  const handler = (e: Event) => {\n    const { content, sourceId } = (e as CustomEvent<BusEvent>).detail;\n    cb(content, sourceId);\n  };\n  const target = getBusTarget();\n  target.addEventListener('change', handler);\n  return () => target.removeEventListener('change', handler);\n};\n"],"mappings":";;;AAEA,MAAM,UAAU;AAChB,MAAM,iBAAiB;AASvB,MAAM,qBAAkC;CACtC,IAAI,OAAO,WAAW,aAAa,OAAO,IAAI,YAAY;CAC1D,MAAM,IAAI;CACV,IAAI,CAAC,EAAE,iBAAiB,EAAE,kBAAkB,IAAI,YAAY;CAC5D,OAAO,EAAE;AACX;AAEA,MAAa,+BAAkD;CAC7D,IAAI,OAAO,WAAW,aAAa,OAAO,CAAC;CAC3C,OAAQ,OAAyB,YAAY,CAAC;AAChD;AAEA,MAAa,0BACX,SACA,aACS;CACT,IAAI,OAAO,WAAW,aACpB,AAAC,OAAyB,WAAW;CAEvC,aAAa,EAAE,cACb,IAAI,YAAsB,UAAU,EAAE,QAAQ;EAAE;EAAS;CAAS,EAAE,CAAC,CACvE;AACF;AAEA,MAAa,kCACX,OACiB;CACjB,MAAM,WAAW,MAAa;EAC5B,MAAM,EAAE,SAAS,aAAc,EAA4B;EAC3D,GAAG,SAAS,QAAQ;CACtB;CACA,MAAM,SAAS,aAAa;CAC5B,OAAO,iBAAiB,UAAU,OAAO;CACzC,aAAa,OAAO,oBAAoB,UAAU,OAAO;AAC3D"}

package/dist/cjs/core/focusedContentBus.cjs

@@ -0,0 +1,43 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+//#region src/core/focusedContentBus.ts
+const BUS_KEY = "__intlayer_focused_content_bus__";
+const BUS_EVENTS_KEY = "__intlayer_focused_content_bus_events__";
+const getBusTarget = () => {
+	if (typeof window === "undefined") return new EventTarget();
+	const w = window;
+	if (!w[BUS_EVENTS_KEY]) w[BUS_EVENTS_KEY] = new EventTarget();
+	return w[BUS_EVENTS_KEY];
+};
+const getGlobalFocusedContent = () => {
+	if (typeof window === "undefined") return void 0;
+	const w = window;
+	if (!w.__intlayer_focused_content_bus_set__) return void 0;
+	return w[BUS_KEY] ?? null;
+};
+const setGlobalFocusedContent = (content, sourceId) => {
+	if (typeof window !== "undefined") {
+		const w = window;
+		w[BUS_KEY] = content;
+		w.__intlayer_focused_content_bus_set__ = true;
+	}
+	getBusTarget().dispatchEvent(new CustomEvent("change", { detail: {
+		content,
+		sourceId
+	} }));
+};
+const subscribeToGlobalFocusedContent = (cb) => {
+	const handler = (e) => {
+		const { content, sourceId } = e.detail;
+		cb(content, sourceId);
+	};
+	const target = getBusTarget();
+	target.addEventListener("change", handler);
+	return () => target.removeEventListener("change", handler);
+};
+
+//#endregion
+exports.getGlobalFocusedContent = getGlobalFocusedContent;
+exports.setGlobalFocusedContent = setGlobalFocusedContent;
+exports.subscribeToGlobalFocusedContent = subscribeToGlobalFocusedContent;
+//# sourceMappingURL=focusedContentBus.cjs.map

package/dist/cjs/core/focusedContentBus.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusedContentBus.cjs","names":[],"sources":["../../../src/core/focusedContentBus.ts"],"sourcesContent":["import type { FileContent } from './EditorStateManager';\n\nconst BUS_KEY = '__intlayer_focused_content_bus__';\nconst BUS_EVENTS_KEY = '__intlayer_focused_content_bus_events__';\n\ntype WindowWithBus = typeof window & {\n  [BUS_KEY]?: FileContent | null;\n  [BUS_EVENTS_KEY]?: EventTarget;\n  __intlayer_focused_content_bus_set__?: boolean;\n};\n\ntype BusEvent = { content: FileContent | null; sourceId?: string };\n\nconst getBusTarget = (): EventTarget => {\n  if (typeof window === 'undefined') return new EventTarget();\n  const w = window as WindowWithBus;\n  if (!w[BUS_EVENTS_KEY]) w[BUS_EVENTS_KEY] = new EventTarget();\n  return w[BUS_EVENTS_KEY]!;\n};\n\nexport const getGlobalFocusedContent = (): FileContent | null | undefined => {\n  if (typeof window === 'undefined') return undefined;\n  const w = window as WindowWithBus;\n  if (!w.__intlayer_focused_content_bus_set__) return undefined;\n  return w[BUS_KEY] ?? null;\n};\n\nexport const setGlobalFocusedContent = (\n  content: FileContent | null,\n  sourceId?: string\n): void => {\n  if (typeof window !== 'undefined') {\n    const w = window as WindowWithBus;\n    w[BUS_KEY] = content;\n    w.__intlayer_focused_content_bus_set__ = true;\n  }\n  getBusTarget().dispatchEvent(\n    new CustomEvent<BusEvent>('change', { detail: { content, sourceId } })\n  );\n};\n\nexport const subscribeToGlobalFocusedContent = (\n  cb: (content: FileContent | null, sourceId?: string) => void\n): (() => void) => {\n  const handler = (e: Event) => {\n    const { content, sourceId } = (e as CustomEvent<BusEvent>).detail;\n    cb(content, sourceId);\n  };\n  const target = getBusTarget();\n  target.addEventListener('change', handler);\n  return () => target.removeEventListener('change', handler);\n};\n"],"mappings":";;;AAEA,MAAM,UAAU;AAChB,MAAM,iBAAiB;AAUvB,MAAM,qBAAkC;CACtC,IAAI,OAAO,WAAW,aAAa,OAAO,IAAI,YAAY;CAC1D,MAAM,IAAI;CACV,IAAI,CAAC,EAAE,iBAAiB,EAAE,kBAAkB,IAAI,YAAY;CAC5D,OAAO,EAAE;AACX;AAEA,MAAa,gCAAgE;CAC3E,IAAI,OAAO,WAAW,aAAa,OAAO;CAC1C,MAAM,IAAI;CACV,IAAI,CAAC,EAAE,sCAAsC,OAAO;CACpD,OAAO,EAAE,YAAY;AACvB;AAEA,MAAa,2BACX,SACA,aACS;CACT,IAAI,OAAO,WAAW,aAAa;EACjC,MAAM,IAAI;EACV,EAAE,WAAW;EACb,EAAE,uCAAuC;CAC3C;CACA,aAAa,EAAE,cACb,IAAI,YAAsB,UAAU,EAAE,QAAQ;EAAE;EAAS;CAAS,EAAE,CAAC,CACvE;AACF;AAEA,MAAa,mCACX,OACiB;CACjB,MAAM,WAAW,MAAa;EAC5B,MAAM,EAAE,SAAS,aAAc,EAA4B;EAC3D,GAAG,SAAS,QAAQ;CACtB;CACA,MAAM,SAAS,aAAa;CAC5B,OAAO,iBAAiB,UAAU,OAAO;CACzC,aAAa,OAAO,oBAAoB,UAAU,OAAO;AAC3D"}

package/dist/cjs/core/index.cjs

@@ -2,6 +2,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_core_globalManager = require('./globalManager.cjs');
 const require_core_CrossFrameMessenger = require('./CrossFrameMessenger.cjs');
 const require_core_CrossFrameStateManager = require('./CrossFrameStateManager.cjs');
+const require_core_editedContentBus = require('./editedContentBus.cjs');
+const require_core_focusedContentBus = require('./focusedContentBus.cjs');
 const require_core_IframeClickInterceptor = require('./IframeClickInterceptor.cjs');
 const require_core_UrlStateManager = require('./UrlStateManager.cjs');
 const require_core_EditorStateManager = require('./EditorStateManager.cjs');
@@ -13,8 +15,14 @@ exports.EditorStateManager = require_core_EditorStateManager.EditorStateManager;
 exports.IframeClickInterceptor = require_core_IframeClickInterceptor.IframeClickInterceptor;
 exports.UrlStateManager = require_core_UrlStateManager.UrlStateManager;
 exports.buildClientMessengerConfig = require_core_initEditorClient.buildClientMessengerConfig;
+exports.getGlobalEditedContent = require_core_editedContentBus.getGlobalEditedContent;
 exports.getGlobalEditorManager = require_core_globalManager.getGlobalEditorManager;
+exports.getGlobalFocusedContent = require_core_focusedContentBus.getGlobalFocusedContent;
 exports.initEditorClient = require_core_initEditorClient.initEditorClient;
 exports.onGlobalEditorManagerChange = require_core_globalManager.onGlobalEditorManagerChange;
+exports.setGlobalEditedContent = require_core_editedContentBus.setGlobalEditedContent;
 exports.setGlobalEditorManager = require_core_globalManager.setGlobalEditorManager;
-exports.stopEditorClient = require_core_initEditorClient.stopEditorClient;
+exports.setGlobalFocusedContent = require_core_focusedContentBus.setGlobalFocusedContent;
+exports.stopEditorClient = require_core_initEditorClient.stopEditorClient;
+exports.subscribeToGlobalEditedContent = require_core_editedContentBus.subscribeToGlobalEditedContent;
+exports.subscribeToGlobalFocusedContent = require_core_focusedContentBus.subscribeToGlobalFocusedContent;

package/dist/cjs/index.cjs

@@ -7,6 +7,8 @@ const require_components_ContentSelectorWrapper = require('./components/ContentS
 const require_components_EditedContent = require('./components/EditedContent.cjs');
 const require_core_CrossFrameMessenger = require('./core/CrossFrameMessenger.cjs');
 const require_core_CrossFrameStateManager = require('./core/CrossFrameStateManager.cjs');
+const require_core_editedContentBus = require('./core/editedContentBus.cjs');
+const require_core_focusedContentBus = require('./core/focusedContentBus.cjs');
 const require_core_IframeClickInterceptor = require('./core/IframeClickInterceptor.cjs');
 const require_core_UrlStateManager = require('./core/UrlStateManager.cjs');
 const require_core_EditorStateManager = require('./core/EditorStateManager.cjs');
@@ -30,9 +32,15 @@ exports.defineIntlayerContentSelectorWrapper = require_components_ContentSelecto
 exports.defineIntlayerEditedContent = require_components_EditedContent.defineIntlayerEditedContent;
 exports.defineIntlayerEditorElement = require_components_IntlayerEditor.defineIntlayerEditorElement;
 exports.defineIntlayerElements = require_components_ContentSelector.defineIntlayerElements;
+exports.getGlobalEditedContent = require_core_editedContentBus.getGlobalEditedContent;
 exports.getGlobalEditorManager = require_core_globalManager.getGlobalEditorManager;
+exports.getGlobalFocusedContent = require_core_focusedContentBus.getGlobalFocusedContent;
 exports.initEditorClient = require_core_initEditorClient.initEditorClient;
 exports.mergeIframeClick = require_mergeIframeClick.mergeIframeClick;
 exports.onGlobalEditorManagerChange = require_core_globalManager.onGlobalEditorManagerChange;
+exports.setGlobalEditedContent = require_core_editedContentBus.setGlobalEditedContent;
 exports.setGlobalEditorManager = require_core_globalManager.setGlobalEditorManager;
-exports.stopEditorClient = require_core_initEditorClient.stopEditorClient;
+exports.setGlobalFocusedContent = require_core_focusedContentBus.setGlobalFocusedContent;
+exports.stopEditorClient = require_core_initEditorClient.stopEditorClient;
+exports.subscribeToGlobalEditedContent = require_core_editedContentBus.subscribeToGlobalEditedContent;
+exports.subscribeToGlobalFocusedContent = require_core_focusedContentBus.subscribeToGlobalFocusedContent;

package/dist/cjs/messageKey.cjs

@@ -23,6 +23,8 @@ let MessageKey = /* @__PURE__ */ function(MessageKey) {
 	MessageKey["INTLAYER_EDITED_CONTENT_CHANGED"] = "INTLAYER_EDITED_CONTENT_CHANGED";
 	/** Client → editor: Helper to sync iframe client reactivity on click client */
 	MessageKey["INTLAYER_IFRAME_CLICKED"] = "INTLAYER_IFRAME_CLICKED";
+	/** Client → editor: list of dictionary keys currently rendered in the iframe */
+	MessageKey["INTLAYER_DISPLAYED_DICTIONARY_KEYS"] = "INTLAYER_DISPLAYED_DICTIONARY_KEYS";
 	return MessageKey;
 }({});
 

package/dist/cjs/messageKey.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"messageKey.cjs","names":[],"sources":["../../src/messageKey.ts"],"sourcesContent":["export enum MessageKey {\n  /** Client → editor: announces the client is ready (also used as response to ARE_YOU_THERE) */\n  INTLAYER_CLIENT_READY = 'INTLAYER_CLIENT_READY',\n  /** Editor → client: asks if the client is still alive */\n  INTLAYER_ARE_YOU_THERE = 'INTLAYER_ARE_YOU_THERE',\n  /** Editor → client: instructs the client to activate the editor selector */\n  INTLAYER_EDITOR_ACTIVATE = 'INTLAYER_EDITOR_ACTIVATE',\n  /** Client → editor: instructs the editor that the client is enabled */\n  INTLAYER_EDITOR_ENABLED = 'INTLAYER_EDITOR_ENABLED',\n\n  /** Client → editor: send information related the app */\n  INTLAYER_CONFIGURATION = 'INTLAYER_CONFIGURATION',\n  INTLAYER_CURRENT_LOCALE = 'INTLAYER_CURRENT_LOCALE',\n  INTLAYER_URL_CHANGE = 'INTLAYER_URL_CHANGE',\n\n  /** Client → editor: load and update content */\n  INTLAYER_LOCALE_DICTIONARIES_CHANGED = 'INTLAYER_LOCALE_DICTIONARIES_CHANGED',\n  INTLAYER_DISTANT_DICTIONARIES_CHANGED = 'INTLAYER_DISTANT_DICTIONARIES_CHANGED',\n\n  /** Client → editor & Editor → client: Update focus and changed content */\n  INTLAYER_HOVERED_CONTENT_CHANGED = 'INTLAYER_HOVERED_CONTENT_CHANGED',\n  INTLAYER_FOCUSED_CONTENT_CHANGED = 'INTLAYER_FOCUSED_CONTENT_CHANGED',\n  INTLAYER_EDITED_CONTENT_CHANGED = 'INTLAYER_EDITED_CONTENT_CHANGED',\n\n  /** Client → editor: Helper to sync iframe client reactivity on click client */\n  INTLAYER_IFRAME_CLICKED = 'INTLAYER_IFRAME_CLICKED',\n}\n"],"mappings":";;;AAAA,IAAY,aAAL;;CAEL;;CAEA;;CAEA;;CAEA;;CAGA;CACA;CACA;;CAGA;CACA;;CAGA;CACA;CACA;;CAGA;;AACF"}
+{"version":3,"file":"messageKey.cjs","names":[],"sources":["../../src/messageKey.ts"],"sourcesContent":["export enum MessageKey {\n  /** Client → editor: announces the client is ready (also used as response to ARE_YOU_THERE) */\n  INTLAYER_CLIENT_READY = 'INTLAYER_CLIENT_READY',\n  /** Editor → client: asks if the client is still alive */\n  INTLAYER_ARE_YOU_THERE = 'INTLAYER_ARE_YOU_THERE',\n  /** Editor → client: instructs the client to activate the editor selector */\n  INTLAYER_EDITOR_ACTIVATE = 'INTLAYER_EDITOR_ACTIVATE',\n  /** Client → editor: instructs the editor that the client is enabled */\n  INTLAYER_EDITOR_ENABLED = 'INTLAYER_EDITOR_ENABLED',\n\n  /** Client → editor: send information related the app */\n  INTLAYER_CONFIGURATION = 'INTLAYER_CONFIGURATION',\n  INTLAYER_CURRENT_LOCALE = 'INTLAYER_CURRENT_LOCALE',\n  INTLAYER_URL_CHANGE = 'INTLAYER_URL_CHANGE',\n\n  /** Client → editor: load and update content */\n  INTLAYER_LOCALE_DICTIONARIES_CHANGED = 'INTLAYER_LOCALE_DICTIONARIES_CHANGED',\n  INTLAYER_DISTANT_DICTIONARIES_CHANGED = 'INTLAYER_DISTANT_DICTIONARIES_CHANGED',\n\n  /** Client → editor & Editor → client: Update focus and changed content */\n  INTLAYER_HOVERED_CONTENT_CHANGED = 'INTLAYER_HOVERED_CONTENT_CHANGED',\n  INTLAYER_FOCUSED_CONTENT_CHANGED = 'INTLAYER_FOCUSED_CONTENT_CHANGED',\n  INTLAYER_EDITED_CONTENT_CHANGED = 'INTLAYER_EDITED_CONTENT_CHANGED',\n\n  /** Client → editor: Helper to sync iframe client reactivity on click client */\n  INTLAYER_IFRAME_CLICKED = 'INTLAYER_IFRAME_CLICKED',\n\n  /** Client → editor: list of dictionary keys currently rendered in the iframe */\n  INTLAYER_DISPLAYED_DICTIONARY_KEYS = 'INTLAYER_DISPLAYED_DICTIONARY_KEYS',\n}\n"],"mappings":";;;AAAA,IAAY,aAAL;;CAEL;;CAEA;;CAEA;;CAEA;;CAGA;CACA;CACA;;CAGA;CACA;;CAGA;CACA;CACA;;CAGA;;CAGA;;AACF"}

package/dist/esm/core/EditorStateManager.mjs

@@ -1,6 +1,8 @@
 import { MessageKey } from "../messageKey.mjs";
 import { CrossFrameMessenger } from "./CrossFrameMessenger.mjs";
 import { CrossFrameStateManager } from "./CrossFrameStateManager.mjs";
+import { getGlobalEditedContent, setGlobalEditedContent, subscribeToGlobalEditedContent } from "./editedContentBus.mjs";
+import { getGlobalFocusedContent, setGlobalFocusedContent, subscribeToGlobalFocusedContent } from "./focusedContentBus.mjs";
 import { IframeClickInterceptor } from "./IframeClickInterceptor.mjs";
 import { UrlStateManager } from "./UrlStateManager.mjs";
 import * as NodeTypes from "@intlayer/types/nodeType";
@@ -23,6 +25,7 @@ var EditorStateManager = class {
 	editedContent;
 	configuration;
 	currentLocale;
+	displayedDictionaryKeys;
 	_urlManager;
 	_iframeInterceptor;
 	_mode;
@@ -30,6 +33,15 @@ var EditorStateManager = class {
 	_unsubAreYouThere = null;
 	_unsubActivate = null;
 	_unsubClientReady = null;
+	_displayedKeysObserver = null;
+	_displayedKeysTimer = null;
+	_displayedKeysListeners = [];
+	_editedContentFromBus = false;
+	_unsubGlobalEditedContent = null;
+	_editedContentBusHandler = null;
+	_focusedContentFromBus = false;
+	_unsubGlobalFocusedContent = null;
+	_focusedContentBusHandler = null;
 	constructor(config) {
 		this._mode = config.mode;
 		this._configuration = config.configuration;
@@ -55,6 +67,11 @@ var EditorStateManager = class {
 			emit: config.mode === "client",
 			receive: config.mode === "editor"
 		});
+		this.displayedDictionaryKeys = new CrossFrameStateManager("INTLAYER_DISPLAYED_DICTIONARY_KEYS", this.messenger, {
+			emit: config.mode === "client",
+			receive: config.mode === "editor",
+			initialValue: []
+		});
 		this._urlManager = new UrlStateManager(this.messenger);
 		this._iframeInterceptor = new IframeClickInterceptor(this.messenger);
 	}
@@ -66,10 +83,14 @@ var EditorStateManager = class {
 		this.editedContent.start();
 		this.configuration.start();
 		this.currentLocale.start();
+		this.displayedDictionaryKeys.start();
+		this._startEditedContentBusSync();
+		this._startFocusedContentBusSync();
 		if (this._mode === "client") {
 			this._urlManager.start();
 			this._iframeInterceptor.startInterceptor();
 			this._loadDictionaries();
+			this._startDisplayedDictionariesTracking();
 			this.messenger.send(`${"INTLAYER_EDITED_CONTENT_CHANGED"}/get`);
 			if (this._configuration?.editor?.enabled !== false) this._setupActivationHandshake();
 		} else {
@@ -91,6 +112,10 @@ var EditorStateManager = class {
 		this.editedContent.stop();
 		this.configuration.stop();
 		this.currentLocale.stop();
+		this.displayedDictionaryKeys.stop();
+		this._stopDisplayedDictionariesTracking();
+		this._stopEditedContentBusSync();
+		this._stopFocusedContentBusSync();
 		this._urlManager.stop();
 		this._iframeInterceptor.stopInterceptor();
 		this._iframeInterceptor.stopMerger();
@@ -221,6 +246,96 @@ var EditorStateManager = class {
 			if (node) return node;
 		}
 	}
+	_startEditedContentBusSync() {
+		this._editedContentBusHandler = (e) => {
+			if (this._editedContentFromBus) return;
+			const content = e.detail;
+			setGlobalEditedContent(content, this.messenger.senderId);
+		};
+		this.editedContent.addEventListener("change", this._editedContentBusHandler);
+		this._unsubGlobalEditedContent = subscribeToGlobalEditedContent((content, sourceId) => {
+			if (sourceId === this.messenger.senderId) return;
+			this._editedContentFromBus = true;
+			this.editedContent.set(content);
+			this._editedContentFromBus = false;
+		});
+		const existing = getGlobalEditedContent();
+		if (Object.keys(existing).length > 0) {
+			this._editedContentFromBus = true;
+			this.editedContent.set(existing);
+			this._editedContentFromBus = false;
+		}
+	}
+	_stopEditedContentBusSync() {
+		if (this._editedContentBusHandler) {
+			this.editedContent.removeEventListener("change", this._editedContentBusHandler);
+			this._editedContentBusHandler = null;
+		}
+		this._unsubGlobalEditedContent?.();
+		this._unsubGlobalEditedContent = null;
+	}
+	_startFocusedContentBusSync() {
+		this._focusedContentBusHandler = (e) => {
+			if (this._focusedContentFromBus) return;
+			const content = e.detail;
+			setGlobalFocusedContent(content, this.messenger.senderId);
+		};
+		this.focusedContent.addEventListener("change", this._focusedContentBusHandler);
+		this._unsubGlobalFocusedContent = subscribeToGlobalFocusedContent((content, sourceId) => {
+			if (sourceId === this.messenger.senderId) return;
+			this._focusedContentFromBus = true;
+			this.focusedContent.set(content);
+			this._focusedContentFromBus = false;
+		});
+		const existing = getGlobalFocusedContent();
+		if (existing !== void 0) {
+			this._focusedContentFromBus = true;
+			this.focusedContent.set(existing);
+			this._focusedContentFromBus = false;
+		}
+	}
+	_stopFocusedContentBusSync() {
+		if (this._focusedContentBusHandler) {
+			this.focusedContent.removeEventListener("change", this._focusedContentBusHandler);
+			this._focusedContentBusHandler = null;
+		}
+		this._unsubGlobalFocusedContent?.();
+		this._unsubGlobalFocusedContent = null;
+	}
+	_scanDisplayedDictionaryKeys() {
+		if (typeof document === "undefined") return;
+		const elements = document.querySelectorAll("intlayer-content-selector-wrapper[dictionary-key]");
+		const keys = Array.from(new Set(Array.from(elements).map((el) => el.getAttribute("dictionary-key") ?? "").filter(Boolean)));
+		this.displayedDictionaryKeys.set(keys);
+	}
+	_startDisplayedDictionariesTracking() {
+		if (typeof document === "undefined" || typeof MutationObserver === "undefined") return;
+		const schedule = () => {
+			if (this._displayedKeysTimer) clearTimeout(this._displayedKeysTimer);
+			this._displayedKeysTimer = setTimeout(() => this._scanDisplayedDictionaryKeys(), 100);
+		};
+		this._displayedKeysObserver = new MutationObserver(schedule);
+		this._displayedKeysObserver.observe(document.body, {
+			childList: true,
+			subtree: true
+		});
+		for (const evt of ["locationchange", "popstate"]) {
+			const listener = schedule;
+			window.addEventListener(evt, listener);
+			this._displayedKeysListeners.push([evt, listener]);
+		}
+		this._scanDisplayedDictionaryKeys();
+	}
+	_stopDisplayedDictionariesTracking() {
+		this._displayedKeysObserver?.disconnect();
+		this._displayedKeysObserver = null;
+		if (this._displayedKeysTimer) {
+			clearTimeout(this._displayedKeysTimer);
+			this._displayedKeysTimer = null;
+		}
+		for (const [evt, listener] of this._displayedKeysListeners) window.removeEventListener(evt, listener);
+		this._displayedKeysListeners = [];
+	}
 	/**
 	* EDITOR mode: listen for CLIENT_READY and respond with EDITOR_ACTIVATE.
 	* Also pings the client immediately in case it loaded before the editor.

package/dist/esm/core/EditorStateManager.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditorStateManager.mjs","names":[],"sources":["../../../src/core/EditorStateManager.ts"],"sourcesContent":["import {\n  editDictionaryByKeyPath,\n  getContentNodeByKeyPath,\n  renameContentNodeByKeyPath,\n} from '@intlayer/core/dictionaryManipulator';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport type {\n  ContentNode,\n  Dictionary,\n  LocalDictionaryId,\n} from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport { MessageKey } from '../messageKey';\nimport {\n  CrossFrameMessenger,\n  type MessengerConfig,\n} from './CrossFrameMessenger';\nimport { CrossFrameStateManager } from './CrossFrameStateManager';\nimport { IframeClickInterceptor } from './IframeClickInterceptor';\nimport { UrlStateManager } from './UrlStateManager';\n\nexport type DictionaryContent = Record<LocalDictionaryId, Dictionary>;\n\nexport type FileContent = {\n  dictionaryKey: string;\n  dictionaryLocalId?: LocalDictionaryId;\n  keyPath?: KeyPath[];\n};\n\nexport type EditorStateManagerConfig = {\n  /** 'client' = the app running inside the iframe; 'editor' = the editor wrapping the app */\n  mode: 'editor' | 'client';\n  /** Cross-frame messaging configuration */\n  messenger: MessengerConfig;\n  /** Optional initial Intlayer configuration to broadcast */\n  configuration?: IntlayerConfig;\n};\n\n/**\n * EditorStateManager is the single entry point for all Intlayer editor state.\n * It is framework-agnostic: instantiate one instance at the root of the application\n * and subscribe to its EventTarget-based events from any framework adapter.\n *\n * Replaces all context providers, hooks and store files across React, Preact,\n * Solid, Svelte, and Vue integrations.\n */\nexport class EditorStateManager {\n  readonly messenger: CrossFrameMessenger;\n  readonly editorEnabled: CrossFrameStateManager<boolean>;\n  readonly focusedContent: CrossFrameStateManager<FileContent | null>;\n  readonly localeDictionaries: CrossFrameStateManager<DictionaryContent>;\n  readonly editedContent: CrossFrameStateManager<DictionaryContent>;\n  readonly configuration: CrossFrameStateManager<IntlayerConfig>;\n  readonly currentLocale: CrossFrameStateManager<Locale | undefined>;\n\n  private readonly _urlManager: UrlStateManager;\n  private readonly _iframeInterceptor: IframeClickInterceptor;\n  private readonly _mode: 'editor' | 'client';\n  private readonly _configuration: IntlayerConfig | undefined;\n\n  // Client-mode handshake subscribers\n  private _unsubAreYouThere: (() => void) | null = null;\n  private _unsubActivate: (() => void) | null = null;\n  // Editor-mode handshake subscriber\n  private _unsubClientReady: (() => void) | null = null;\n\n  constructor(config: EditorStateManagerConfig) {\n    this._mode = config.mode;\n    this._configuration = config.configuration;\n\n    this.messenger = new CrossFrameMessenger(config.messenger);\n\n    this.editorEnabled = new CrossFrameStateManager<boolean>(\n      MessageKey.INTLAYER_EDITOR_ENABLED,\n      this.messenger,\n      { emit: false, receive: true, initialValue: false }\n    );\n\n    this.focusedContent = new CrossFrameStateManager<FileContent | null>(\n      MessageKey.INTLAYER_FOCUSED_CONTENT_CHANGED,\n      this.messenger,\n      { emit: true, receive: true, initialValue: null }\n    );\n\n    this.localeDictionaries = new CrossFrameStateManager<DictionaryContent>(\n      MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED,\n      this.messenger\n    );\n\n    this.editedContent = new CrossFrameStateManager<DictionaryContent>(\n      MessageKey.INTLAYER_EDITED_CONTENT_CHANGED,\n      this.messenger\n    );\n\n    this.configuration = new CrossFrameStateManager<IntlayerConfig>(\n      MessageKey.INTLAYER_CONFIGURATION,\n      this.messenger,\n      {\n        emit: true,\n        receive: false,\n        ...(config.configuration ? { initialValue: config.configuration } : {}),\n      }\n    );\n\n    // Client emits its locale to the editor; editor receives it.\n    this.currentLocale = new CrossFrameStateManager<Locale>(\n      MessageKey.INTLAYER_CURRENT_LOCALE,\n      this.messenger,\n      {\n        emit: config.mode === 'client',\n        receive: config.mode === 'editor',\n      }\n    );\n\n    this._urlManager = new UrlStateManager(this.messenger);\n    this._iframeInterceptor = new IframeClickInterceptor(this.messenger);\n  }\n\n  start(): void {\n    this.messenger.start();\n    this.editorEnabled.start();\n    this.focusedContent.start();\n    this.localeDictionaries.start();\n    this.editedContent.start();\n    this.configuration.start();\n    this.currentLocale.start();\n\n    if (this._mode === 'client') {\n      this._urlManager.start();\n      this._iframeInterceptor.startInterceptor();\n      this._loadDictionaries();\n      // Request current edited content from the editor\n      this.messenger.send(`${MessageKey.INTLAYER_EDITED_CONTENT_CHANGED}/get`);\n      // Activation handshake: only participate if editor.enabled !== false\n      if (this._configuration?.editor?.enabled !== false) {\n        this._setupActivationHandshake();\n      }\n    } else {\n      this._iframeInterceptor.startMerger();\n      this._setupEditorHandshake();\n    }\n  }\n\n  stop(): void {\n    this._unsubAreYouThere?.();\n    this._unsubActivate?.();\n    this._unsubClientReady?.();\n    this._unsubAreYouThere = null;\n    this._unsubActivate = null;\n    this._unsubClientReady = null;\n    this.messenger.stop();\n    this.editorEnabled.stop();\n    this.focusedContent.stop();\n    this.localeDictionaries.stop();\n    this.editedContent.stop();\n    this.configuration.stop();\n    this.currentLocale.stop();\n    this._urlManager.stop();\n    this._iframeInterceptor.stopInterceptor();\n    this._iframeInterceptor.stopMerger();\n  }\n\n  // ─── Handshake helpers ───────────────────────────────────────────────────────\n\n  /**\n   * EDITOR mode: re-send ARE_YOU_THERE to attempt re-connection with the client.\n   * Call this when the user clicks \"Enable Editor\" or when the iframe reloads.\n   */\n  pingClient(): void {\n    if (this._mode !== 'editor') return;\n\n    this.messenger.send(MessageKey.INTLAYER_ARE_YOU_THERE);\n  }\n\n  // ─── Focus helpers ──────────────────────────────────────────────────────────\n\n  setFocusedContentKeyPath(keyPath: KeyPath[]): void {\n    const filtered = keyPath.filter(\n      (key) => key.type !== NodeTypes.TRANSLATION\n    );\n    const prev = this.focusedContent.value;\n\n    if (!prev) return;\n\n    this.focusedContent.set({ ...prev, keyPath: filtered });\n  }\n\n  // ─── Dictionary record helpers ───────────────────────────────────────────\n\n  setLocaleDictionary(dictionary: Dictionary): void {\n    if (!dictionary.localId) return;\n    const current = this.localeDictionaries.value ?? {};\n\n    this.localeDictionaries.set({\n      ...current,\n      [dictionary.localId as LocalDictionaryId]: dictionary,\n    });\n  }\n\n  // ─── Edited content helpers ───────────────────────────────────────────────\n\n  setEditedDictionary(newDict: Dictionary): void {\n    if (!newDict.localId) {\n      console.error('setEditedDictionary: missing localId', newDict);\n      return;\n    }\n    const current = this.editedContent.value ?? {};\n\n    this.editedContent.set({\n      ...current,\n      [newDict.localId as LocalDictionaryId]: newDict,\n    });\n  }\n\n  setEditedContent(\n    localDictionaryId: LocalDictionaryId,\n    newValue: Dictionary['content']\n  ): void {\n    const current = this.editedContent.value ?? {};\n\n    this.editedContent.set({\n      ...current,\n      [localDictionaryId]: {\n        ...current[localDictionaryId],\n        content: newValue,\n      },\n    });\n  }\n\n  addContent(\n    localDictionaryId: LocalDictionaryId,\n    newValue: ContentNode,\n    keyPath: KeyPath[] = [],\n    overwrite = true\n  ): void {\n    const current = this.editedContent.value ?? {};\n    const localeDicts = this.localeDictionaries.value ?? {};\n\n    const originalContent = localeDicts[localDictionaryId]?.content;\n    const currentContent = structuredClone(\n      current[localDictionaryId]?.content ?? originalContent\n    );\n\n    let newKeyPath = keyPath;\n    if (!overwrite) {\n      let index = 0;\n\n      const otherKeyPath = keyPath.slice(0, -1);\n      const lastKeyPath = keyPath[keyPath.length - 1];\n\n      let finalKey = lastKeyPath.key;\n\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    this.editedContent.set({\n      ...current,\n      [localDictionaryId]: {\n        ...current[localDictionaryId],\n        content: updatedContent as Dictionary['content'],\n      },\n    });\n  }\n\n  renameContent(\n    localDictionaryId: LocalDictionaryId,\n    newKey: KeyPath['key'],\n    keyPath: KeyPath[] = []\n  ): void {\n    const current = this.editedContent.value ?? {};\n    const localeDicts = this.localeDictionaries.value ?? {};\n    const originalContent = localeDicts[localDictionaryId]?.content;\n    const currentContent = structuredClone(\n      current[localDictionaryId]?.content ?? originalContent\n    );\n    const updated = renameContentNodeByKeyPath(currentContent, newKey, keyPath);\n\n    this.editedContent.set({\n      ...current,\n      [localDictionaryId]: {\n        ...current[localDictionaryId],\n        content: updated as Dictionary['content'],\n      },\n    });\n  }\n\n  removeContent(\n    localDictionaryId: LocalDictionaryId,\n    keyPath: KeyPath[]\n  ): void {\n    const current = this.editedContent.value ?? {};\n    const localeDicts = this.localeDictionaries.value ?? {};\n    const originalContent = localeDicts[localDictionaryId]?.content;\n    const currentContent = structuredClone(\n      current[localDictionaryId]?.content ?? originalContent\n    );\n    const initialContent = getContentNodeByKeyPath(originalContent, keyPath);\n    const restored = editDictionaryByKeyPath(\n      currentContent,\n      keyPath,\n      initialContent\n    );\n\n    this.editedContent.set({\n      ...current,\n      [localDictionaryId]: {\n        ...current[localDictionaryId],\n        content: restored as Dictionary['content'],\n      },\n    });\n  }\n\n  restoreContent(localDictionaryId: LocalDictionaryId): void {\n    const current = this.editedContent.value ?? {};\n    const updated = { ...current };\n\n    delete updated[localDictionaryId];\n\n    this.editedContent.set(updated);\n  }\n\n  clearContent(localDictionaryId: LocalDictionaryId): void {\n    const current = this.editedContent.value ?? {};\n    const filtered = { ...current };\n\n    delete filtered[localDictionaryId];\n\n    this.editedContent.set(filtered);\n  }\n\n  clearAllContent(): void {\n    this.editedContent.set({});\n  }\n\n  getContentValue(\n    localDictionaryIdOrKey: LocalDictionaryId | string,\n    keyPath: KeyPath[]\n  ): ContentNode | undefined {\n    const edited = this.editedContent.value;\n    if (!edited) return undefined;\n\n    const filteredKeyPath = keyPath.filter(\n      (key) => key.type !== NodeTypes.TRANSLATION\n    );\n\n    // Only use edited content entries whose localId is known to this client.\n    // This prevents stale edits from other apps (different framework demos) from\n    // being applied when the editor sends back its stored editedContent.\n    const localeDicts = this.localeDictionaries.value;\n\n    const isDictionaryId =\n      localDictionaryIdOrKey.includes(':local:') ||\n      localDictionaryIdOrKey.includes(':remote:');\n\n    if (isDictionaryId) {\n      // If localeDictionaries is loaded, verify this localId belongs to us\n      if (localeDicts && !(localDictionaryIdOrKey in localeDicts)) {\n        return undefined;\n      }\n      const content =\n        edited[localDictionaryIdOrKey as LocalDictionaryId]?.content ?? {};\n\n      return getContentNodeByKeyPath(\n        content,\n        filteredKeyPath,\n        this.currentLocale.value\n      );\n    }\n\n    const matchingIds = Object.keys(edited).filter(\n      (key) =>\n        key.startsWith(`${localDictionaryIdOrKey}:`) &&\n        // If localeDictionaries is loaded, only include known localIds\n        (!localeDicts || key in localeDicts)\n    );\n\n    for (const localId of matchingIds) {\n      const content = edited[localId as LocalDictionaryId]?.content ?? {};\n      const node = getContentNodeByKeyPath(\n        content,\n        filteredKeyPath,\n        this.currentLocale.value\n      );\n      if (node) return node;\n    }\n\n    return undefined;\n  }\n\n  /**\n   * EDITOR mode: listen for CLIENT_READY and respond with EDITOR_ACTIVATE.\n   * Also pings the client immediately in case it loaded before the editor.\n   */\n  private _setupEditorHandshake(): void {\n    // When the client announces it is ready, activate it\n    this._unsubClientReady = this.messenger.subscribe(\n      MessageKey.INTLAYER_CLIENT_READY,\n      () => {\n        this.editorEnabled.set(true);\n        this.messenger.send(MessageKey.INTLAYER_EDITOR_ACTIVATE);\n      }\n    );\n\n    // Ping any already-running client (covers editor-opens-after-client scenario)\n    this.messenger.send(MessageKey.INTLAYER_ARE_YOU_THERE);\n  }\n\n  private _setupActivationHandshake(): void {\n    // Announce to the editor that the client is ready\n    this.messenger.send(MessageKey.INTLAYER_CLIENT_READY);\n\n    // Respond to \"are you there?\" pings from the editor\n    this._unsubAreYouThere = this.messenger.subscribe(\n      MessageKey.INTLAYER_ARE_YOU_THERE,\n      () => {\n        this.messenger.send(MessageKey.INTLAYER_CLIENT_READY);\n      }\n    );\n\n    // When the editor activates us, enable the selector and broadcast state\n    this._unsubActivate = this.messenger.subscribe(\n      MessageKey.INTLAYER_EDITOR_ACTIVATE,\n      () => {\n        this.editorEnabled.set(true);\n        this._broadcastData();\n      }\n    );\n  }\n\n  private _broadcastData(): void {\n    const configVal = this.configuration.value;\n\n    if (configVal) {\n      this.messenger.send(\n        `${MessageKey.INTLAYER_CONFIGURATION}/post`,\n        configVal\n      );\n    }\n    const localeVal = this.currentLocale.value;\n\n    if (localeVal) {\n      this.messenger.send(\n        `${MessageKey.INTLAYER_CURRENT_LOCALE}/post`,\n        localeVal\n      );\n    }\n    const dicts = this.localeDictionaries.value;\n\n    if (dicts) {\n      this.messenger.send(\n        `${MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED}/post`,\n        dicts\n      );\n    }\n  }\n\n  private async _loadDictionaries(): Promise<void> {\n    try {\n      const mod = await import('@intlayer/unmerged-dictionaries-entry');\n      const unmergedDictionaries = mod.getUnmergedDictionaries();\n      const dictionariesList = Object.fromEntries(\n        Object.values(unmergedDictionaries)\n          .flat()\n          .map((dictionary) => [dictionary.localId, dictionary])\n      ) as DictionaryContent;\n\n      this.localeDictionaries.set(dictionariesList);\n\n      // If the editor already activated us before dictionaries finished loading,\n      // re-broadcast now so the editor receives the dictionaries.\n      if (this.editorEnabled.value) {\n        this._broadcastData();\n      }\n    } catch (e) {\n      // Dynamic entry not available (expected in editor mode or when not configured)\n      console.warn('[intlayer] Failed to load unmerged dictionaries:', e);\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"EditorStateManager.mjs","names":[],"sources":["../../../src/core/EditorStateManager.ts"],"sourcesContent":["import {\n  editDictionaryByKeyPath,\n  getContentNodeByKeyPath,\n  renameContentNodeByKeyPath,\n} from '@intlayer/core/dictionaryManipulator';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport type {\n  ContentNode,\n  Dictionary,\n  LocalDictionaryId,\n} from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport { MessageKey } from '../messageKey';\nimport {\n  CrossFrameMessenger,\n  type MessengerConfig,\n} from './CrossFrameMessenger';\nimport { CrossFrameStateManager } from './CrossFrameStateManager';\nimport {\n  getGlobalEditedContent,\n  setGlobalEditedContent,\n  subscribeToGlobalEditedContent,\n} from './editedContentBus';\nimport {\n  getGlobalFocusedContent,\n  setGlobalFocusedContent,\n  subscribeToGlobalFocusedContent,\n} from './focusedContentBus';\nimport { IframeClickInterceptor } from './IframeClickInterceptor';\nimport { UrlStateManager } from './UrlStateManager';\n\nexport type DictionaryContent = Record<LocalDictionaryId, Dictionary>;\n\nexport type FileContent = {\n  dictionaryKey: string;\n  dictionaryLocalId?: LocalDictionaryId;\n  keyPath?: KeyPath[];\n};\n\nexport type EditorStateManagerConfig = {\n  /** 'client' = the app running inside the iframe; 'editor' = the editor wrapping the app */\n  mode: 'editor' | 'client';\n  /** Cross-frame messaging configuration */\n  messenger: MessengerConfig;\n  /** Optional initial Intlayer configuration to broadcast */\n  configuration?: IntlayerConfig;\n};\n\n/**\n * EditorStateManager is the single entry point for all Intlayer editor state.\n * It is framework-agnostic: instantiate one instance at the root of the application\n * and subscribe to its EventTarget-based events from any framework adapter.\n *\n * Replaces all context providers, hooks and store files across React, Preact,\n * Solid, Svelte, and Vue integrations.\n */\nexport class EditorStateManager {\n  readonly messenger: CrossFrameMessenger;\n  readonly editorEnabled: CrossFrameStateManager<boolean>;\n  readonly focusedContent: CrossFrameStateManager<FileContent | null>;\n  readonly localeDictionaries: CrossFrameStateManager<DictionaryContent>;\n  readonly editedContent: CrossFrameStateManager<DictionaryContent>;\n  readonly configuration: CrossFrameStateManager<IntlayerConfig>;\n  readonly currentLocale: CrossFrameStateManager<Locale | undefined>;\n  readonly displayedDictionaryKeys: CrossFrameStateManager<string[]>;\n\n  private readonly _urlManager: UrlStateManager;\n  private readonly _iframeInterceptor: IframeClickInterceptor;\n  private readonly _mode: 'editor' | 'client';\n  private readonly _configuration: IntlayerConfig | undefined;\n\n  // Client-mode handshake subscribers\n  private _unsubAreYouThere: (() => void) | null = null;\n  private _unsubActivate: (() => void) | null = null;\n  // Editor-mode handshake subscriber\n  private _unsubClientReady: (() => void) | null = null;\n\n  // Client-mode displayed-keys tracking\n  private _displayedKeysObserver: MutationObserver | null = null;\n  private _displayedKeysTimer: ReturnType<typeof setTimeout> | null = null;\n  private _displayedKeysListeners: Array<[string, EventListener]> = [];\n\n  // Global editedContent bus sync\n  private _editedContentFromBus = false;\n  private _unsubGlobalEditedContent: (() => void) | null = null;\n  private _editedContentBusHandler: ((e: Event) => void) | null = null;\n\n  // Global focusedContent bus sync\n  private _focusedContentFromBus = false;\n  private _unsubGlobalFocusedContent: (() => void) | null = null;\n  private _focusedContentBusHandler: ((e: Event) => void) | null = null;\n\n  constructor(config: EditorStateManagerConfig) {\n    this._mode = config.mode;\n    this._configuration = config.configuration;\n\n    this.messenger = new CrossFrameMessenger(config.messenger);\n\n    this.editorEnabled = new CrossFrameStateManager<boolean>(\n      MessageKey.INTLAYER_EDITOR_ENABLED,\n      this.messenger,\n      { emit: false, receive: true, initialValue: false }\n    );\n\n    this.focusedContent = new CrossFrameStateManager<FileContent | null>(\n      MessageKey.INTLAYER_FOCUSED_CONTENT_CHANGED,\n      this.messenger,\n      { emit: true, receive: true, initialValue: null }\n    );\n\n    this.localeDictionaries = new CrossFrameStateManager<DictionaryContent>(\n      MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED,\n      this.messenger\n    );\n\n    this.editedContent = new CrossFrameStateManager<DictionaryContent>(\n      MessageKey.INTLAYER_EDITED_CONTENT_CHANGED,\n      this.messenger\n    );\n\n    this.configuration = new CrossFrameStateManager<IntlayerConfig>(\n      MessageKey.INTLAYER_CONFIGURATION,\n      this.messenger,\n      {\n        emit: true,\n        receive: false,\n        ...(config.configuration ? { initialValue: config.configuration } : {}),\n      }\n    );\n\n    // Client emits its locale to the editor; editor receives it.\n    this.currentLocale = new CrossFrameStateManager<Locale>(\n      MessageKey.INTLAYER_CURRENT_LOCALE,\n      this.messenger,\n      {\n        emit: config.mode === 'client',\n        receive: config.mode === 'editor',\n      }\n    );\n\n    // Client emits displayed dictionary keys; editor receives them.\n    this.displayedDictionaryKeys = new CrossFrameStateManager<string[]>(\n      MessageKey.INTLAYER_DISPLAYED_DICTIONARY_KEYS,\n      this.messenger,\n      {\n        emit: config.mode === 'client',\n        receive: config.mode === 'editor',\n        initialValue: [],\n      }\n    );\n\n    this._urlManager = new UrlStateManager(this.messenger);\n    this._iframeInterceptor = new IframeClickInterceptor(this.messenger);\n  }\n\n  start(): void {\n    this.messenger.start();\n    this.editorEnabled.start();\n    this.focusedContent.start();\n    this.localeDictionaries.start();\n    this.editedContent.start();\n    this.configuration.start();\n    this.currentLocale.start();\n    this.displayedDictionaryKeys.start();\n    this._startEditedContentBusSync();\n    this._startFocusedContentBusSync();\n\n    if (this._mode === 'client') {\n      this._urlManager.start();\n      this._iframeInterceptor.startInterceptor();\n      this._loadDictionaries();\n      this._startDisplayedDictionariesTracking();\n      // Request current edited content from the editor\n      this.messenger.send(`${MessageKey.INTLAYER_EDITED_CONTENT_CHANGED}/get`);\n      // Activation handshake: only participate if editor.enabled !== false\n      if (this._configuration?.editor?.enabled !== false) {\n        this._setupActivationHandshake();\n      }\n    } else {\n      this._iframeInterceptor.startMerger();\n      this._setupEditorHandshake();\n    }\n  }\n\n  stop(): void {\n    this._unsubAreYouThere?.();\n    this._unsubActivate?.();\n    this._unsubClientReady?.();\n    this._unsubAreYouThere = null;\n    this._unsubActivate = null;\n    this._unsubClientReady = null;\n    this.messenger.stop();\n    this.editorEnabled.stop();\n    this.focusedContent.stop();\n    this.localeDictionaries.stop();\n    this.editedContent.stop();\n    this.configuration.stop();\n    this.currentLocale.stop();\n    this.displayedDictionaryKeys.stop();\n    this._stopDisplayedDictionariesTracking();\n    this._stopEditedContentBusSync();\n    this._stopFocusedContentBusSync();\n    this._urlManager.stop();\n    this._iframeInterceptor.stopInterceptor();\n    this._iframeInterceptor.stopMerger();\n  }\n\n  // ─── Handshake helpers ───────────────────────────────────────────────────────\n\n  /**\n   * EDITOR mode: re-send ARE_YOU_THERE to attempt re-connection with the client.\n   * Call this when the user clicks \"Enable Editor\" or when the iframe reloads.\n   */\n  pingClient(): void {\n    if (this._mode !== 'editor') return;\n\n    this.messenger.send(MessageKey.INTLAYER_ARE_YOU_THERE);\n  }\n\n  // ─── Focus helpers ──────────────────────────────────────────────────────────\n\n  setFocusedContentKeyPath(keyPath: KeyPath[]): void {\n    const filtered = keyPath.filter(\n      (key) => key.type !== NodeTypes.TRANSLATION\n    );\n    const prev = this.focusedContent.value;\n\n    if (!prev) return;\n\n    this.focusedContent.set({ ...prev, keyPath: filtered });\n  }\n\n  // ─── Dictionary record helpers ───────────────────────────────────────────\n\n  setLocaleDictionary(dictionary: Dictionary): void {\n    if (!dictionary.localId) return;\n    const current = this.localeDictionaries.value ?? {};\n\n    this.localeDictionaries.set({\n      ...current,\n      [dictionary.localId as LocalDictionaryId]: dictionary,\n    });\n  }\n\n  // ─── Edited content helpers ───────────────────────────────────────────────\n\n  setEditedDictionary(newDict: Dictionary): void {\n    if (!newDict.localId) {\n      console.error('setEditedDictionary: missing localId', newDict);\n      return;\n    }\n    const current = this.editedContent.value ?? {};\n\n    this.editedContent.set({\n      ...current,\n      [newDict.localId as LocalDictionaryId]: newDict,\n    });\n  }\n\n  setEditedContent(\n    localDictionaryId: LocalDictionaryId,\n    newValue: Dictionary['content']\n  ): void {\n    const current = this.editedContent.value ?? {};\n\n    this.editedContent.set({\n      ...current,\n      [localDictionaryId]: {\n        ...current[localDictionaryId],\n        content: newValue,\n      },\n    });\n  }\n\n  addContent(\n    localDictionaryId: LocalDictionaryId,\n    newValue: ContentNode,\n    keyPath: KeyPath[] = [],\n    overwrite = true\n  ): void {\n    const current = this.editedContent.value ?? {};\n    const localeDicts = this.localeDictionaries.value ?? {};\n\n    const originalContent = localeDicts[localDictionaryId]?.content;\n    const currentContent = structuredClone(\n      current[localDictionaryId]?.content ?? originalContent\n    );\n\n    let newKeyPath = keyPath;\n    if (!overwrite) {\n      let index = 0;\n\n      const otherKeyPath = keyPath.slice(0, -1);\n      const lastKeyPath = keyPath[keyPath.length - 1];\n\n      let finalKey = lastKeyPath.key;\n\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    this.editedContent.set({\n      ...current,\n      [localDictionaryId]: {\n        ...current[localDictionaryId],\n        content: updatedContent as Dictionary['content'],\n      },\n    });\n  }\n\n  renameContent(\n    localDictionaryId: LocalDictionaryId,\n    newKey: KeyPath['key'],\n    keyPath: KeyPath[] = []\n  ): void {\n    const current = this.editedContent.value ?? {};\n    const localeDicts = this.localeDictionaries.value ?? {};\n    const originalContent = localeDicts[localDictionaryId]?.content;\n    const currentContent = structuredClone(\n      current[localDictionaryId]?.content ?? originalContent\n    );\n    const updated = renameContentNodeByKeyPath(currentContent, newKey, keyPath);\n\n    this.editedContent.set({\n      ...current,\n      [localDictionaryId]: {\n        ...current[localDictionaryId],\n        content: updated as Dictionary['content'],\n      },\n    });\n  }\n\n  removeContent(\n    localDictionaryId: LocalDictionaryId,\n    keyPath: KeyPath[]\n  ): void {\n    const current = this.editedContent.value ?? {};\n    const localeDicts = this.localeDictionaries.value ?? {};\n    const originalContent = localeDicts[localDictionaryId]?.content;\n    const currentContent = structuredClone(\n      current[localDictionaryId]?.content ?? originalContent\n    );\n    const initialContent = getContentNodeByKeyPath(originalContent, keyPath);\n    const restored = editDictionaryByKeyPath(\n      currentContent,\n      keyPath,\n      initialContent\n    );\n\n    this.editedContent.set({\n      ...current,\n      [localDictionaryId]: {\n        ...current[localDictionaryId],\n        content: restored as Dictionary['content'],\n      },\n    });\n  }\n\n  restoreContent(localDictionaryId: LocalDictionaryId): void {\n    const current = this.editedContent.value ?? {};\n    const updated = { ...current };\n\n    delete updated[localDictionaryId];\n\n    this.editedContent.set(updated);\n  }\n\n  clearContent(localDictionaryId: LocalDictionaryId): void {\n    const current = this.editedContent.value ?? {};\n    const filtered = { ...current };\n\n    delete filtered[localDictionaryId];\n\n    this.editedContent.set(filtered);\n  }\n\n  clearAllContent(): void {\n    this.editedContent.set({});\n  }\n\n  getContentValue(\n    localDictionaryIdOrKey: LocalDictionaryId | string,\n    keyPath: KeyPath[]\n  ): ContentNode | undefined {\n    const edited = this.editedContent.value;\n    if (!edited) return undefined;\n\n    const filteredKeyPath = keyPath.filter(\n      (key) => key.type !== NodeTypes.TRANSLATION\n    );\n\n    // Only use edited content entries whose localId is known to this client.\n    // This prevents stale edits from other apps (different framework demos) from\n    // being applied when the editor sends back its stored editedContent.\n    const localeDicts = this.localeDictionaries.value;\n\n    const isDictionaryId =\n      localDictionaryIdOrKey.includes(':local:') ||\n      localDictionaryIdOrKey.includes(':remote:');\n\n    if (isDictionaryId) {\n      // If localeDictionaries is loaded, verify this localId belongs to us\n      if (localeDicts && !(localDictionaryIdOrKey in localeDicts)) {\n        return undefined;\n      }\n      const content =\n        edited[localDictionaryIdOrKey as LocalDictionaryId]?.content ?? {};\n\n      return getContentNodeByKeyPath(\n        content,\n        filteredKeyPath,\n        this.currentLocale.value\n      );\n    }\n\n    const matchingIds = Object.keys(edited).filter(\n      (key) =>\n        key.startsWith(`${localDictionaryIdOrKey}:`) &&\n        // If localeDictionaries is loaded, only include known localIds\n        (!localeDicts || key in localeDicts)\n    );\n\n    for (const localId of matchingIds) {\n      const content = edited[localId as LocalDictionaryId]?.content ?? {};\n      const node = getContentNodeByKeyPath(\n        content,\n        filteredKeyPath,\n        this.currentLocale.value\n      );\n      if (node) return node;\n    }\n\n    return undefined;\n  }\n\n  // ─── Global editedContent bus sync ───────────────────────────────────────\n\n  private _startEditedContentBusSync(): void {\n    // Push local changes to the global bus (loop-guarded)\n    this._editedContentBusHandler = (e: Event) => {\n      if (this._editedContentFromBus) return;\n      const content = (e as CustomEvent<DictionaryContent>).detail;\n      setGlobalEditedContent(content, this.messenger.senderId);\n    };\n    this.editedContent.addEventListener(\n      'change',\n      this._editedContentBusHandler\n    );\n\n    // Receive bus changes from other managers\n    this._unsubGlobalEditedContent = subscribeToGlobalEditedContent(\n      (content, sourceId) => {\n        if (sourceId === this.messenger.senderId) return;\n        this._editedContentFromBus = true;\n        this.editedContent.set(content);\n        this._editedContentFromBus = false;\n      }\n    );\n\n    // Seed local value from the bus if bus already has content\n    const existing = getGlobalEditedContent();\n    if (Object.keys(existing).length > 0) {\n      this._editedContentFromBus = true;\n      this.editedContent.set(existing);\n      this._editedContentFromBus = false;\n    }\n  }\n\n  private _stopEditedContentBusSync(): void {\n    if (this._editedContentBusHandler) {\n      this.editedContent.removeEventListener(\n        'change',\n        this._editedContentBusHandler\n      );\n      this._editedContentBusHandler = null;\n    }\n    this._unsubGlobalEditedContent?.();\n    this._unsubGlobalEditedContent = null;\n  }\n\n  // ─── Global focusedContent bus sync ──────────────────────────────────────\n\n  private _startFocusedContentBusSync(): void {\n    this._focusedContentBusHandler = (e: Event) => {\n      if (this._focusedContentFromBus) return;\n      const content = (e as CustomEvent<FileContent | null>).detail;\n      setGlobalFocusedContent(content, this.messenger.senderId);\n    };\n    this.focusedContent.addEventListener(\n      'change',\n      this._focusedContentBusHandler\n    );\n\n    this._unsubGlobalFocusedContent = subscribeToGlobalFocusedContent(\n      (content, sourceId) => {\n        if (sourceId === this.messenger.senderId) return;\n        this._focusedContentFromBus = true;\n        this.focusedContent.set(content);\n        this._focusedContentFromBus = false;\n      }\n    );\n\n    const existing = getGlobalFocusedContent();\n    if (existing !== undefined) {\n      this._focusedContentFromBus = true;\n      this.focusedContent.set(existing);\n      this._focusedContentFromBus = false;\n    }\n  }\n\n  private _stopFocusedContentBusSync(): void {\n    if (this._focusedContentBusHandler) {\n      this.focusedContent.removeEventListener(\n        'change',\n        this._focusedContentBusHandler\n      );\n      this._focusedContentBusHandler = null;\n    }\n    this._unsubGlobalFocusedContent?.();\n    this._unsubGlobalFocusedContent = null;\n  }\n\n  // ─── Displayed dictionaries tracking (client mode only) ──────────────────\n\n  private _scanDisplayedDictionaryKeys(): void {\n    if (typeof document === 'undefined') return;\n    const elements = document.querySelectorAll(\n      'intlayer-content-selector-wrapper[dictionary-key]'\n    );\n    const keys = Array.from(\n      new Set(\n        Array.from(elements)\n          .map((el) => el.getAttribute('dictionary-key') ?? '')\n          .filter(Boolean)\n      )\n    );\n    this.displayedDictionaryKeys.set(keys);\n  }\n\n  private _startDisplayedDictionariesTracking(): void {\n    if (\n      typeof document === 'undefined' ||\n      typeof MutationObserver === 'undefined'\n    )\n      return;\n\n    const schedule = () => {\n      if (this._displayedKeysTimer) clearTimeout(this._displayedKeysTimer);\n      this._displayedKeysTimer = setTimeout(\n        () => this._scanDisplayedDictionaryKeys(),\n        100\n      );\n    };\n\n    this._displayedKeysObserver = new MutationObserver(schedule);\n    this._displayedKeysObserver.observe(document.body, {\n      childList: true,\n      subtree: true,\n    });\n\n    for (const evt of ['locationchange', 'popstate'] as const) {\n      const listener = schedule as EventListener;\n      window.addEventListener(evt, listener);\n      this._displayedKeysListeners.push([evt, listener]);\n    }\n\n    this._scanDisplayedDictionaryKeys();\n  }\n\n  private _stopDisplayedDictionariesTracking(): void {\n    this._displayedKeysObserver?.disconnect();\n    this._displayedKeysObserver = null;\n    if (this._displayedKeysTimer) {\n      clearTimeout(this._displayedKeysTimer);\n      this._displayedKeysTimer = null;\n    }\n    for (const [evt, listener] of this._displayedKeysListeners) {\n      window.removeEventListener(evt, listener);\n    }\n    this._displayedKeysListeners = [];\n  }\n\n  // ─── Handshake helpers ───────────────────────────────────────────────────────\n\n  /**\n   * EDITOR mode: listen for CLIENT_READY and respond with EDITOR_ACTIVATE.\n   * Also pings the client immediately in case it loaded before the editor.\n   */\n  private _setupEditorHandshake(): void {\n    // When the client announces it is ready, activate it\n    this._unsubClientReady = this.messenger.subscribe(\n      MessageKey.INTLAYER_CLIENT_READY,\n      () => {\n        this.editorEnabled.set(true);\n        this.messenger.send(MessageKey.INTLAYER_EDITOR_ACTIVATE);\n      }\n    );\n\n    // Ping any already-running client (covers editor-opens-after-client scenario)\n    this.messenger.send(MessageKey.INTLAYER_ARE_YOU_THERE);\n  }\n\n  private _setupActivationHandshake(): void {\n    // Announce to the editor that the client is ready\n    this.messenger.send(MessageKey.INTLAYER_CLIENT_READY);\n\n    // Respond to \"are you there?\" pings from the editor\n    this._unsubAreYouThere = this.messenger.subscribe(\n      MessageKey.INTLAYER_ARE_YOU_THERE,\n      () => {\n        this.messenger.send(MessageKey.INTLAYER_CLIENT_READY);\n      }\n    );\n\n    // When the editor activates us, enable the selector and broadcast state\n    this._unsubActivate = this.messenger.subscribe(\n      MessageKey.INTLAYER_EDITOR_ACTIVATE,\n      () => {\n        this.editorEnabled.set(true);\n        this._broadcastData();\n      }\n    );\n  }\n\n  private _broadcastData(): void {\n    const configVal = this.configuration.value;\n\n    if (configVal) {\n      this.messenger.send(\n        `${MessageKey.INTLAYER_CONFIGURATION}/post`,\n        configVal\n      );\n    }\n    const localeVal = this.currentLocale.value;\n\n    if (localeVal) {\n      this.messenger.send(\n        `${MessageKey.INTLAYER_CURRENT_LOCALE}/post`,\n        localeVal\n      );\n    }\n    const dicts = this.localeDictionaries.value;\n\n    if (dicts) {\n      this.messenger.send(\n        `${MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED}/post`,\n        dicts\n      );\n    }\n  }\n\n  private async _loadDictionaries(): Promise<void> {\n    try {\n      const mod = await import('@intlayer/unmerged-dictionaries-entry');\n      const unmergedDictionaries = mod.getUnmergedDictionaries();\n      const dictionariesList = Object.fromEntries(\n        Object.values(unmergedDictionaries)\n          .flat()\n          .map((dictionary) => [dictionary.localId, dictionary])\n      ) as DictionaryContent;\n\n      this.localeDictionaries.set(dictionariesList);\n\n      // If the editor already activated us before dictionaries finished loading,\n      // re-broadcast now so the editor receives the dictionaries.\n      if (this.editorEnabled.value) {\n        this._broadcastData();\n      }\n    } catch (e) {\n      // Dynamic entry not available (expected in editor mode or when not configured)\n      console.warn('[intlayer] Failed to load unmerged dictionaries:', e);\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/esm/core/editedContentBus.mjs

@@ -0,0 +1,33 @@
+//#region src/core/editedContentBus.ts
+const BUS_KEY = "__intlayer_edited_content_bus__";
+const BUS_EVENTS_KEY = "__intlayer_edited_content_bus_events__";
+const getBusTarget = () => {
+	if (typeof window === "undefined") return new EventTarget();
+	const w = window;
+	if (!w[BUS_EVENTS_KEY]) w[BUS_EVENTS_KEY] = new EventTarget();
+	return w[BUS_EVENTS_KEY];
+};
+const getGlobalEditedContent = () => {
+	if (typeof window === "undefined") return {};
+	return window[BUS_KEY] ?? {};
+};
+const setGlobalEditedContent = (content, sourceId) => {
+	if (typeof window !== "undefined") window[BUS_KEY] = content;
+	getBusTarget().dispatchEvent(new CustomEvent("change", { detail: {
+		content,
+		sourceId
+	} }));
+};
+const subscribeToGlobalEditedContent = (cb) => {
+	const handler = (e) => {
+		const { content, sourceId } = e.detail;
+		cb(content, sourceId);
+	};
+	const target = getBusTarget();
+	target.addEventListener("change", handler);
+	return () => target.removeEventListener("change", handler);
+};
+
+//#endregion
+export { getGlobalEditedContent, setGlobalEditedContent, subscribeToGlobalEditedContent };
+//# sourceMappingURL=editedContentBus.mjs.map

package/dist/esm/core/editedContentBus.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"editedContentBus.mjs","names":[],"sources":["../../../src/core/editedContentBus.ts"],"sourcesContent":["import type { DictionaryContent } from './EditorStateManager';\n\nconst BUS_KEY = '__intlayer_edited_content_bus__';\nconst BUS_EVENTS_KEY = '__intlayer_edited_content_bus_events__';\n\ntype WindowWithBus = typeof window & {\n  [BUS_KEY]?: DictionaryContent;\n  [BUS_EVENTS_KEY]?: EventTarget;\n};\n\ntype BusEvent = { content: DictionaryContent; sourceId?: string };\n\nconst getBusTarget = (): EventTarget => {\n  if (typeof window === 'undefined') return new EventTarget();\n  const w = window as WindowWithBus;\n  if (!w[BUS_EVENTS_KEY]) w[BUS_EVENTS_KEY] = new EventTarget();\n  return w[BUS_EVENTS_KEY]!;\n};\n\nexport const getGlobalEditedContent = (): DictionaryContent => {\n  if (typeof window === 'undefined') return {};\n  return (window as WindowWithBus)[BUS_KEY] ?? {};\n};\n\nexport const setGlobalEditedContent = (\n  content: DictionaryContent,\n  sourceId?: string\n): void => {\n  if (typeof window !== 'undefined') {\n    (window as WindowWithBus)[BUS_KEY] = content;\n  }\n  getBusTarget().dispatchEvent(\n    new CustomEvent<BusEvent>('change', { detail: { content, sourceId } })\n  );\n};\n\nexport const subscribeToGlobalEditedContent = (\n  cb: (content: DictionaryContent, sourceId?: string) => void\n): (() => void) => {\n  const handler = (e: Event) => {\n    const { content, sourceId } = (e as CustomEvent<BusEvent>).detail;\n    cb(content, sourceId);\n  };\n  const target = getBusTarget();\n  target.addEventListener('change', handler);\n  return () => target.removeEventListener('change', handler);\n};\n"],"mappings":";AAEA,MAAM,UAAU;AAChB,MAAM,iBAAiB;AASvB,MAAM,qBAAkC;CACtC,IAAI,OAAO,WAAW,aAAa,OAAO,IAAI,YAAY;CAC1D,MAAM,IAAI;CACV,IAAI,CAAC,EAAE,iBAAiB,EAAE,kBAAkB,IAAI,YAAY;CAC5D,OAAO,EAAE;AACX;AAEA,MAAa,+BAAkD;CAC7D,IAAI,OAAO,WAAW,aAAa,OAAO,CAAC;CAC3C,OAAQ,OAAyB,YAAY,CAAC;AAChD;AAEA,MAAa,0BACX,SACA,aACS;CACT,IAAI,OAAO,WAAW,aACpB,AAAC,OAAyB,WAAW;CAEvC,aAAa,EAAE,cACb,IAAI,YAAsB,UAAU,EAAE,QAAQ;EAAE;EAAS;CAAS,EAAE,CAAC,CACvE;AACF;AAEA,MAAa,kCACX,OACiB;CACjB,MAAM,WAAW,MAAa;EAC5B,MAAM,EAAE,SAAS,aAAc,EAA4B;EAC3D,GAAG,SAAS,QAAQ;CACtB;CACA,MAAM,SAAS,aAAa;CAC5B,OAAO,iBAAiB,UAAU,OAAO;CACzC,aAAa,OAAO,oBAAoB,UAAU,OAAO;AAC3D"}

package/dist/esm/core/focusedContentBus.mjs

@@ -0,0 +1,39 @@
+//#region src/core/focusedContentBus.ts
+const BUS_KEY = "__intlayer_focused_content_bus__";
+const BUS_EVENTS_KEY = "__intlayer_focused_content_bus_events__";
+const getBusTarget = () => {
+	if (typeof window === "undefined") return new EventTarget();
+	const w = window;
+	if (!w[BUS_EVENTS_KEY]) w[BUS_EVENTS_KEY] = new EventTarget();
+	return w[BUS_EVENTS_KEY];
+};
+const getGlobalFocusedContent = () => {
+	if (typeof window === "undefined") return void 0;
+	const w = window;
+	if (!w.__intlayer_focused_content_bus_set__) return void 0;
+	return w[BUS_KEY] ?? null;
+};
+const setGlobalFocusedContent = (content, sourceId) => {
+	if (typeof window !== "undefined") {
+		const w = window;
+		w[BUS_KEY] = content;
+		w.__intlayer_focused_content_bus_set__ = true;
+	}
+	getBusTarget().dispatchEvent(new CustomEvent("change", { detail: {
+		content,
+		sourceId
+	} }));
+};
+const subscribeToGlobalFocusedContent = (cb) => {
+	const handler = (e) => {
+		const { content, sourceId } = e.detail;
+		cb(content, sourceId);
+	};
+	const target = getBusTarget();
+	target.addEventListener("change", handler);
+	return () => target.removeEventListener("change", handler);
+};
+
+//#endregion
+export { getGlobalFocusedContent, setGlobalFocusedContent, subscribeToGlobalFocusedContent };
+//# sourceMappingURL=focusedContentBus.mjs.map

package/dist/esm/core/focusedContentBus.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusedContentBus.mjs","names":[],"sources":["../../../src/core/focusedContentBus.ts"],"sourcesContent":["import type { FileContent } from './EditorStateManager';\n\nconst BUS_KEY = '__intlayer_focused_content_bus__';\nconst BUS_EVENTS_KEY = '__intlayer_focused_content_bus_events__';\n\ntype WindowWithBus = typeof window & {\n  [BUS_KEY]?: FileContent | null;\n  [BUS_EVENTS_KEY]?: EventTarget;\n  __intlayer_focused_content_bus_set__?: boolean;\n};\n\ntype BusEvent = { content: FileContent | null; sourceId?: string };\n\nconst getBusTarget = (): EventTarget => {\n  if (typeof window === 'undefined') return new EventTarget();\n  const w = window as WindowWithBus;\n  if (!w[BUS_EVENTS_KEY]) w[BUS_EVENTS_KEY] = new EventTarget();\n  return w[BUS_EVENTS_KEY]!;\n};\n\nexport const getGlobalFocusedContent = (): FileContent | null | undefined => {\n  if (typeof window === 'undefined') return undefined;\n  const w = window as WindowWithBus;\n  if (!w.__intlayer_focused_content_bus_set__) return undefined;\n  return w[BUS_KEY] ?? null;\n};\n\nexport const setGlobalFocusedContent = (\n  content: FileContent | null,\n  sourceId?: string\n): void => {\n  if (typeof window !== 'undefined') {\n    const w = window as WindowWithBus;\n    w[BUS_KEY] = content;\n    w.__intlayer_focused_content_bus_set__ = true;\n  }\n  getBusTarget().dispatchEvent(\n    new CustomEvent<BusEvent>('change', { detail: { content, sourceId } })\n  );\n};\n\nexport const subscribeToGlobalFocusedContent = (\n  cb: (content: FileContent | null, sourceId?: string) => void\n): (() => void) => {\n  const handler = (e: Event) => {\n    const { content, sourceId } = (e as CustomEvent<BusEvent>).detail;\n    cb(content, sourceId);\n  };\n  const target = getBusTarget();\n  target.addEventListener('change', handler);\n  return () => target.removeEventListener('change', handler);\n};\n"],"mappings":";AAEA,MAAM,UAAU;AAChB,MAAM,iBAAiB;AAUvB,MAAM,qBAAkC;CACtC,IAAI,OAAO,WAAW,aAAa,OAAO,IAAI,YAAY;CAC1D,MAAM,IAAI;CACV,IAAI,CAAC,EAAE,iBAAiB,EAAE,kBAAkB,IAAI,YAAY;CAC5D,OAAO,EAAE;AACX;AAEA,MAAa,gCAAgE;CAC3E,IAAI,OAAO,WAAW,aAAa,OAAO;CAC1C,MAAM,IAAI;CACV,IAAI,CAAC,EAAE,sCAAsC,OAAO;CACpD,OAAO,EAAE,YAAY;AACvB;AAEA,MAAa,2BACX,SACA,aACS;CACT,IAAI,OAAO,WAAW,aAAa;EACjC,MAAM,IAAI;EACV,EAAE,WAAW;EACb,EAAE,uCAAuC;CAC3C;CACA,aAAa,EAAE,cACb,IAAI,YAAsB,UAAU,EAAE,QAAQ;EAAE;EAAS;CAAS,EAAE,CAAC,CACvE;AACF;AAEA,MAAa,mCACX,OACiB;CACjB,MAAM,WAAW,MAAa;EAC5B,MAAM,EAAE,SAAS,aAAc,EAA4B;EAC3D,GAAG,SAAS,QAAQ;CACtB;CACA,MAAM,SAAS,aAAa;CAC5B,OAAO,iBAAiB,UAAU,OAAO;CACzC,aAAa,OAAO,oBAAoB,UAAU,OAAO;AAC3D"}

package/dist/esm/core/index.mjs

@@ -1,9 +1,11 @@
 import { getGlobalEditorManager, onGlobalEditorManagerChange, setGlobalEditorManager } from "./globalManager.mjs";
 import { CrossFrameMessenger } from "./CrossFrameMessenger.mjs";
 import { CrossFrameStateManager } from "./CrossFrameStateManager.mjs";
+import { getGlobalEditedContent, setGlobalEditedContent, subscribeToGlobalEditedContent } from "./editedContentBus.mjs";
+import { getGlobalFocusedContent, setGlobalFocusedContent, subscribeToGlobalFocusedContent } from "./focusedContentBus.mjs";
 import { IframeClickInterceptor } from "./IframeClickInterceptor.mjs";
 import { UrlStateManager } from "./UrlStateManager.mjs";
 import { EditorStateManager } from "./EditorStateManager.mjs";
 import { buildClientMessengerConfig, initEditorClient, stopEditorClient } from "./initEditorClient.mjs";
 
-export { CrossFrameMessenger, CrossFrameStateManager, EditorStateManager, IframeClickInterceptor, UrlStateManager, buildClientMessengerConfig, getGlobalEditorManager, initEditorClient, onGlobalEditorManagerChange, setGlobalEditorManager, stopEditorClient };
+export { CrossFrameMessenger, CrossFrameStateManager, EditorStateManager, IframeClickInterceptor, UrlStateManager, buildClientMessengerConfig, getGlobalEditedContent, getGlobalEditorManager, getGlobalFocusedContent, initEditorClient, onGlobalEditorManagerChange, setGlobalEditedContent, setGlobalEditorManager, setGlobalFocusedContent, stopEditorClient, subscribeToGlobalEditedContent, subscribeToGlobalFocusedContent };

package/dist/esm/index.mjs

@@ -6,6 +6,8 @@ import { IntlayerContentSelectorWrapperElement, defineIntlayerContentSelectorWra
 import { IntlayerEditedContentElement, defineIntlayerEditedContent } from "./components/EditedContent.mjs";
 import { CrossFrameMessenger } from "./core/CrossFrameMessenger.mjs";
 import { CrossFrameStateManager } from "./core/CrossFrameStateManager.mjs";
+import { getGlobalEditedContent, setGlobalEditedContent, subscribeToGlobalEditedContent } from "./core/editedContentBus.mjs";
+import { getGlobalFocusedContent, setGlobalFocusedContent, subscribeToGlobalFocusedContent } from "./core/focusedContentBus.mjs";
 import { IframeClickInterceptor } from "./core/IframeClickInterceptor.mjs";
 import { UrlStateManager } from "./core/UrlStateManager.mjs";
 import { EditorStateManager } from "./core/EditorStateManager.mjs";
@@ -13,4 +15,4 @@ import { buildClientMessengerConfig, initEditorClient, stopEditorClient } from "
 import { IntlayerEditorElement, defineIntlayerEditorElement } from "./components/IntlayerEditor.mjs";
 import { IntlayerContentSelectorElement, defineIntlayerElements } from "./components/ContentSelector.mjs";
 
-export { CrossFrameMessenger, CrossFrameStateManager, EditorStateManager, IframeClickInterceptor, IntlayerContentSelectorElement, IntlayerContentSelectorWrapperElement, IntlayerEditedContentElement, IntlayerEditorElement, MessageKey, UrlStateManager, buildClientMessengerConfig, compareUrls, defineIntlayerContentSelectorWrapper, defineIntlayerEditedContent, defineIntlayerEditorElement, defineIntlayerElements, getGlobalEditorManager, initEditorClient, mergeIframeClick, onGlobalEditorManagerChange, setGlobalEditorManager, stopEditorClient };
+export { CrossFrameMessenger, CrossFrameStateManager, EditorStateManager, IframeClickInterceptor, IntlayerContentSelectorElement, IntlayerContentSelectorWrapperElement, IntlayerEditedContentElement, IntlayerEditorElement, MessageKey, UrlStateManager, buildClientMessengerConfig, compareUrls, defineIntlayerContentSelectorWrapper, defineIntlayerEditedContent, defineIntlayerEditorElement, defineIntlayerElements, getGlobalEditedContent, getGlobalEditorManager, getGlobalFocusedContent, initEditorClient, mergeIframeClick, onGlobalEditorManagerChange, setGlobalEditedContent, setGlobalEditorManager, setGlobalFocusedContent, stopEditorClient, subscribeToGlobalEditedContent, subscribeToGlobalFocusedContent };

package/dist/esm/messageKey.mjs

@@ -21,6 +21,8 @@ let MessageKey = /* @__PURE__ */ function(MessageKey) {
 	MessageKey["INTLAYER_EDITED_CONTENT_CHANGED"] = "INTLAYER_EDITED_CONTENT_CHANGED";
 	/** Client → editor: Helper to sync iframe client reactivity on click client */
 	MessageKey["INTLAYER_IFRAME_CLICKED"] = "INTLAYER_IFRAME_CLICKED";
+	/** Client → editor: list of dictionary keys currently rendered in the iframe */
+	MessageKey["INTLAYER_DISPLAYED_DICTIONARY_KEYS"] = "INTLAYER_DISPLAYED_DICTIONARY_KEYS";
 	return MessageKey;
 }({});
 

package/dist/esm/messageKey.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"messageKey.mjs","names":[],"sources":["../../src/messageKey.ts"],"sourcesContent":["export enum MessageKey {\n  /** Client → editor: announces the client is ready (also used as response to ARE_YOU_THERE) */\n  INTLAYER_CLIENT_READY = 'INTLAYER_CLIENT_READY',\n  /** Editor → client: asks if the client is still alive */\n  INTLAYER_ARE_YOU_THERE = 'INTLAYER_ARE_YOU_THERE',\n  /** Editor → client: instructs the client to activate the editor selector */\n  INTLAYER_EDITOR_ACTIVATE = 'INTLAYER_EDITOR_ACTIVATE',\n  /** Client → editor: instructs the editor that the client is enabled */\n  INTLAYER_EDITOR_ENABLED = 'INTLAYER_EDITOR_ENABLED',\n\n  /** Client → editor: send information related the app */\n  INTLAYER_CONFIGURATION = 'INTLAYER_CONFIGURATION',\n  INTLAYER_CURRENT_LOCALE = 'INTLAYER_CURRENT_LOCALE',\n  INTLAYER_URL_CHANGE = 'INTLAYER_URL_CHANGE',\n\n  /** Client → editor: load and update content */\n  INTLAYER_LOCALE_DICTIONARIES_CHANGED = 'INTLAYER_LOCALE_DICTIONARIES_CHANGED',\n  INTLAYER_DISTANT_DICTIONARIES_CHANGED = 'INTLAYER_DISTANT_DICTIONARIES_CHANGED',\n\n  /** Client → editor & Editor → client: Update focus and changed content */\n  INTLAYER_HOVERED_CONTENT_CHANGED = 'INTLAYER_HOVERED_CONTENT_CHANGED',\n  INTLAYER_FOCUSED_CONTENT_CHANGED = 'INTLAYER_FOCUSED_CONTENT_CHANGED',\n  INTLAYER_EDITED_CONTENT_CHANGED = 'INTLAYER_EDITED_CONTENT_CHANGED',\n\n  /** Client → editor: Helper to sync iframe client reactivity on click client */\n  INTLAYER_IFRAME_CLICKED = 'INTLAYER_IFRAME_CLICKED',\n}\n"],"mappings":";AAAA,IAAY,aAAL;;CAEL;;CAEA;;CAEA;;CAEA;;CAGA;CACA;CACA;;CAGA;CACA;;CAGA;CACA;CACA;;CAGA;;AACF"}
+{"version":3,"file":"messageKey.mjs","names":[],"sources":["../../src/messageKey.ts"],"sourcesContent":["export enum MessageKey {\n  /** Client → editor: announces the client is ready (also used as response to ARE_YOU_THERE) */\n  INTLAYER_CLIENT_READY = 'INTLAYER_CLIENT_READY',\n  /** Editor → client: asks if the client is still alive */\n  INTLAYER_ARE_YOU_THERE = 'INTLAYER_ARE_YOU_THERE',\n  /** Editor → client: instructs the client to activate the editor selector */\n  INTLAYER_EDITOR_ACTIVATE = 'INTLAYER_EDITOR_ACTIVATE',\n  /** Client → editor: instructs the editor that the client is enabled */\n  INTLAYER_EDITOR_ENABLED = 'INTLAYER_EDITOR_ENABLED',\n\n  /** Client → editor: send information related the app */\n  INTLAYER_CONFIGURATION = 'INTLAYER_CONFIGURATION',\n  INTLAYER_CURRENT_LOCALE = 'INTLAYER_CURRENT_LOCALE',\n  INTLAYER_URL_CHANGE = 'INTLAYER_URL_CHANGE',\n\n  /** Client → editor: load and update content */\n  INTLAYER_LOCALE_DICTIONARIES_CHANGED = 'INTLAYER_LOCALE_DICTIONARIES_CHANGED',\n  INTLAYER_DISTANT_DICTIONARIES_CHANGED = 'INTLAYER_DISTANT_DICTIONARIES_CHANGED',\n\n  /** Client → editor & Editor → client: Update focus and changed content */\n  INTLAYER_HOVERED_CONTENT_CHANGED = 'INTLAYER_HOVERED_CONTENT_CHANGED',\n  INTLAYER_FOCUSED_CONTENT_CHANGED = 'INTLAYER_FOCUSED_CONTENT_CHANGED',\n  INTLAYER_EDITED_CONTENT_CHANGED = 'INTLAYER_EDITED_CONTENT_CHANGED',\n\n  /** Client → editor: Helper to sync iframe client reactivity on click client */\n  INTLAYER_IFRAME_CLICKED = 'INTLAYER_IFRAME_CLICKED',\n\n  /** Client → editor: list of dictionary keys currently rendered in the iframe */\n  INTLAYER_DISPLAYED_DICTIONARY_KEYS = 'INTLAYER_DISPLAYED_DICTIONARY_KEYS',\n}\n"],"mappings":";AAAA,IAAY,aAAL;;CAEL;;CAEA;;CAEA;;CAEA;;CAGA;CACA;CACA;;CAGA;CACA;;CAGA;CACA;CACA;;CAGA;;CAGA;;AACF"}

package/dist/types/core/EditorStateManager.d.ts

@@ -33,6 +33,7 @@ declare class EditorStateManager {
   readonly editedContent: CrossFrameStateManager<DictionaryContent>;
   readonly configuration: CrossFrameStateManager<IntlayerConfig>;
   readonly currentLocale: CrossFrameStateManager<Locale | undefined>;
+  readonly displayedDictionaryKeys: CrossFrameStateManager<string[]>;
   private readonly _urlManager;
   private readonly _iframeInterceptor;
   private readonly _mode;
@@ -40,6 +41,15 @@ declare class EditorStateManager {
   private _unsubAreYouThere;
   private _unsubActivate;
   private _unsubClientReady;
+  private _displayedKeysObserver;
+  private _displayedKeysTimer;
+  private _displayedKeysListeners;
+  private _editedContentFromBus;
+  private _unsubGlobalEditedContent;
+  private _editedContentBusHandler;
+  private _focusedContentFromBus;
+  private _unsubGlobalFocusedContent;
+  private _focusedContentBusHandler;
   constructor(config: EditorStateManagerConfig);
   start(): void;
   stop(): void;
@@ -59,6 +69,13 @@ declare class EditorStateManager {
   clearContent(localDictionaryId: LocalDictionaryId): void;
   clearAllContent(): void;
   getContentValue(localDictionaryIdOrKey: LocalDictionaryId | string, keyPath: KeyPath[]): ContentNode | undefined;
+  private _startEditedContentBusSync;
+  private _stopEditedContentBusSync;
+  private _startFocusedContentBusSync;
+  private _stopFocusedContentBusSync;
+  private _scanDisplayedDictionaryKeys;
+  private _startDisplayedDictionariesTracking;
+  private _stopDisplayedDictionariesTracking;
   /**
    * EDITOR mode: listen for CLIENT_READY and respond with EDITOR_ACTIVATE.
    * Also pings the client immediately in case it loaded before the editor.

package/dist/types/core/EditorStateManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorStateManager.d.ts","names":[],"sources":["../../../src/core/EditorStateManager.ts"],"mappings":";;;;;;;;KAuBY,iBAAA,GAAoB,MAAA,CAAO,iBAAA,EAAmB,UAAA;AAAA,KAE9C,WAAA;EACV,aAAA;EACA,iBAAA,GAAoB,iBAAA;EACpB,OAAA,GAAU,OAAO;AAAA;AAAA,KAGP,wBAAA;EARoB,2FAU9B,IAAA,uBAVoC;EAYpC,SAAA,EAAW,eAAA,EAZ0B;EAcrC,aAAA,GAAgB,cAAc;AAAA;AAdoC;AAEpE;;;;;;;AAFoE,cAyBvD,kBAAA;EAAA,SACF,SAAA,EAAW,mBAAA;EAAA,SACX,aAAA,EAAe,sBAAA;EAAA,SACf,cAAA,EAAgB,sBAAA,CAAuB,WAAA;EAAA,SACvC,kBAAA,EAAoB,sBAAA,CAAuB,iBAAA;EAAA,SAC3C,aAAA,EAAe,sBAAA,CAAuB,iBAAA;EAAA,SACtC,aAAA,EAAe,sBAAA,CAAuB,cAAA;EAAA,SACtC,aAAA,EAAe,sBAAA,CAAuB,MAAA;EAAA,iBAE9B,WAAA;EAAA,iBACA,kBAAA;EAAA,iBACA,KAAA;EAAA,iBACA,cAAA;EAAA,QAGT,iBAAA;EAAA,QACA,cAAA;EAAA,QAEA,iBAAA;cAEI,MAAA,EAAQ,wBAAA;EAoDpB,KAAA,CAAA;EAyBA,IAAA,CAAA;EAhGoB;;;;EAyHpB,UAAA,CAAA;EAQA,wBAAA,CAAyB,OAAA,EAAS,OAAA;EAalC,mBAAA,CAAoB,UAAA,EAAY,UAAA;EAYhC,mBAAA,CAAoB,OAAA,EAAS,UAAA;EAa7B,gBAAA,CACE,iBAAA,EAAmB,iBAAA,EACnB,QAAA,EAAU,UAAA;EAaZ,UAAA,CACE,iBAAA,EAAmB,iBAAA,EACnB,QAAA,EAAU,WAAA,EACV,OAAA,GAAS,OAAA,IACT,SAAA;EAgDF,aAAA,CACE,iBAAA,EAAmB,iBAAA,EACnB,MAAA,EAAQ,OAAA,SACR,OAAA,GAAS,OAAA;EAmBX,aAAA,CACE,iBAAA,EAAmB,iBAAA,EACnB,OAAA,EAAS,OAAA;EAwBX,cAAA,CAAe,iBAAA,EAAmB,iBAAA;EASlC,YAAA,CAAa,iBAAA,EAAmB,iBAAA;EAShC,eAAA,CAAA;EAIA,eAAA,CACE,sBAAA,EAAwB,iBAAA,WACxB,OAAA,EAAS,OAAA,KACR,WAAA;EA3IkB;;;;EAAA,QAmMb,qBAAA;EAAA,QAcA,yBAAA;EAAA,QAsBA,cAAA;EAAA,QA2BM,iBAAA;AAAA"}
+{"version":3,"file":"EditorStateManager.d.ts","names":[],"sources":["../../../src/core/EditorStateManager.ts"],"mappings":";;;;;;;;KAiCY,iBAAA,GAAoB,MAAA,CAAO,iBAAA,EAAmB,UAAA;AAAA,KAE9C,WAAA;EACV,aAAA;EACA,iBAAA,GAAoB,iBAAA;EACpB,OAAA,GAAU,OAAO;AAAA;AAAA,KAGP,wBAAA;EARoB,2FAU9B,IAAA,uBAVoC;EAYpC,SAAA,EAAW,eAAA,EAZ0B;EAcrC,aAAA,GAAgB,cAAc;AAAA;AAdoC;AAEpE;;;;;;;AAFoE,cAyBvD,kBAAA;EAAA,SACF,SAAA,EAAW,mBAAA;EAAA,SACX,aAAA,EAAe,sBAAA;EAAA,SACf,cAAA,EAAgB,sBAAA,CAAuB,WAAA;EAAA,SACvC,kBAAA,EAAoB,sBAAA,CAAuB,iBAAA;EAAA,SAC3C,aAAA,EAAe,sBAAA,CAAuB,iBAAA;EAAA,SACtC,aAAA,EAAe,sBAAA,CAAuB,cAAA;EAAA,SACtC,aAAA,EAAe,sBAAA,CAAuB,MAAA;EAAA,SACtC,uBAAA,EAAyB,sBAAA;EAAA,iBAEjB,WAAA;EAAA,iBACA,kBAAA;EAAA,iBACA,KAAA;EAAA,iBACA,cAAA;EAAA,QAGT,iBAAA;EAAA,QACA,cAAA;EAAA,QAEA,iBAAA;EAAA,QAGA,sBAAA;EAAA,QACA,mBAAA;EAAA,QACA,uBAAA;EAAA,QAGA,qBAAA;EAAA,QACA,yBAAA;EAAA,QACA,wBAAA;EAAA,QAGA,sBAAA;EAAA,QACA,0BAAA;EAAA,QACA,yBAAA;cAEI,MAAA,EAAQ,wBAAA;EA+DpB,KAAA,CAAA;EA6BA,IAAA,CAAA;EAzH+C;;;;EAsJ/C,UAAA,CAAA;EAQA,wBAAA,CAAyB,OAAA,EAAS,OAAA;EAalC,mBAAA,CAAoB,UAAA,EAAY,UAAA;EAYhC,mBAAA,CAAoB,OAAA,EAAS,UAAA;EAa7B,gBAAA,CACE,iBAAA,EAAmB,iBAAA,EACnB,QAAA,EAAU,UAAA;EAaZ,UAAA,CACE,iBAAA,EAAmB,iBAAA,EACnB,QAAA,EAAU,WAAA,EACV,OAAA,GAAS,OAAA,IACT,SAAA;EAgDF,aAAA,CACE,iBAAA,EAAmB,iBAAA,EACnB,MAAA,EAAQ,OAAA,SACR,OAAA,GAAS,OAAA;EAmBX,aAAA,CACE,iBAAA,EAAmB,iBAAA,EACnB,OAAA,EAAS,OAAA;EAwBX,cAAA,CAAe,iBAAA,EAAmB,iBAAA;EASlC,YAAA,CAAa,iBAAA,EAAmB,iBAAA;EAShC,eAAA,CAAA;EAIA,eAAA,CACE,sBAAA,EAAwB,iBAAA,WACxB,OAAA,EAAS,OAAA,KACR,WAAA;EAAA,QAsDK,0BAAA;EAAA,QA+BA,yBAAA;EAAA,QAcA,2BAAA;EAAA,QA4BA,0BAAA;EAAA,QAcA,4BAAA;EAAA,QAeA,mCAAA;EAAA,QA8BA,kCAAA;EA1LM;;;;EAAA,QA6MN,qBAAA;EAAA,QAcA,yBAAA;EAAA,QAsBA,cAAA;EAAA,QA2BM,iBAAA;AAAA"}

package/dist/types/core/editedContentBus.d.ts

@@ -0,0 +1,9 @@
+import { DictionaryContent } from "./EditorStateManager.js";
+
+//#region src/core/editedContentBus.d.ts
+declare const getGlobalEditedContent: () => DictionaryContent;
+declare const setGlobalEditedContent: (content: DictionaryContent, sourceId?: string) => void;
+declare const subscribeToGlobalEditedContent: (cb: (content: DictionaryContent, sourceId?: string) => void) => (() => void);
+//#endregion
+export { getGlobalEditedContent, setGlobalEditedContent, subscribeToGlobalEditedContent };
+//# sourceMappingURL=editedContentBus.d.ts.map

package/dist/types/core/editedContentBus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editedContentBus.d.ts","names":[],"sources":["../../../src/core/editedContentBus.ts"],"mappings":";;;cAmBa,sBAAA,QAA6B,iBAGzC;AAAA,cAEY,sBAAA,GACX,OAAA,EAAS,iBAAiB,EAC1B,QAAA;AAAA,cAUW,8BAAA,GACX,EAAA,GAAK,OAAA,EAAS,iBAAiB,EAAE,QAAA"}

package/dist/types/core/focusedContentBus.d.ts

@@ -0,0 +1,9 @@
+import { FileContent } from "./EditorStateManager.js";
+
+//#region src/core/focusedContentBus.d.ts
+declare const getGlobalFocusedContent: () => FileContent | null | undefined;
+declare const setGlobalFocusedContent: (content: FileContent | null, sourceId?: string) => void;
+declare const subscribeToGlobalFocusedContent: (cb: (content: FileContent | null, sourceId?: string) => void) => (() => void);
+//#endregion
+export { getGlobalFocusedContent, setGlobalFocusedContent, subscribeToGlobalFocusedContent };
+//# sourceMappingURL=focusedContentBus.d.ts.map

package/dist/types/core/focusedContentBus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusedContentBus.d.ts","names":[],"sources":["../../../src/core/focusedContentBus.ts"],"mappings":";;;cAoBa,uBAAA,QAA8B,WAAW;AAAA,cAOzC,uBAAA,GACX,OAAA,EAAS,WAAW,SACpB,QAAA;AAAA,cAYW,+BAAA,GACX,EAAA,GAAK,OAAA,EAAS,WAAW,SAAS,QAAA"}

package/dist/types/core/index.d.ts

@@ -3,6 +3,8 @@ import { CrossFrameStateManager, CrossFrameStateOptions } from "./CrossFrameStat
 import { DictionaryContent, EditorStateManager, EditorStateManagerConfig, FileContent } from "./EditorStateManager.js";
 import { IframeClickInterceptor } from "./IframeClickInterceptor.js";
 import { UrlStateManager } from "./UrlStateManager.js";
+import { getGlobalEditedContent, setGlobalEditedContent, subscribeToGlobalEditedContent } from "./editedContentBus.js";
+import { getGlobalFocusedContent, setGlobalFocusedContent, subscribeToGlobalFocusedContent } from "./focusedContentBus.js";
 import { getGlobalEditorManager, onGlobalEditorManagerChange, setGlobalEditorManager } from "./globalManager.js";
 import { buildClientMessengerConfig, initEditorClient, stopEditorClient } from "./initEditorClient.js";
-export { CrossFrameMessenger, CrossFrameStateManager, CrossFrameStateOptions, DictionaryContent, EditorStateManager, EditorStateManagerConfig, FileContent, IframeClickInterceptor, MessagePayload, MessengerConfig, UrlStateManager, buildClientMessengerConfig, getGlobalEditorManager, initEditorClient, onGlobalEditorManagerChange, setGlobalEditorManager, stopEditorClient };
+export { CrossFrameMessenger, CrossFrameStateManager, CrossFrameStateOptions, DictionaryContent, EditorStateManager, EditorStateManagerConfig, FileContent, IframeClickInterceptor, MessagePayload, MessengerConfig, UrlStateManager, buildClientMessengerConfig, getGlobalEditedContent, getGlobalEditorManager, getGlobalFocusedContent, initEditorClient, onGlobalEditorManagerChange, setGlobalEditedContent, setGlobalEditorManager, setGlobalFocusedContent, stopEditorClient, subscribeToGlobalEditedContent, subscribeToGlobalFocusedContent };

package/dist/types/index.d.ts

@@ -8,8 +8,10 @@ import { CrossFrameStateManager, CrossFrameStateOptions } from "./core/CrossFram
 import { DictionaryContent, EditorStateManager, EditorStateManagerConfig, FileContent } from "./core/EditorStateManager.js";
 import { IframeClickInterceptor } from "./core/IframeClickInterceptor.js";
 import { UrlStateManager } from "./core/UrlStateManager.js";
+import { getGlobalEditedContent, setGlobalEditedContent, subscribeToGlobalEditedContent } from "./core/editedContentBus.js";
+import { getGlobalFocusedContent, setGlobalFocusedContent, subscribeToGlobalFocusedContent } from "./core/focusedContentBus.js";
 import { getGlobalEditorManager, onGlobalEditorManagerChange, setGlobalEditorManager } from "./core/globalManager.js";
 import { buildClientMessengerConfig, initEditorClient, stopEditorClient } from "./core/initEditorClient.js";
 import { mergeIframeClick } from "./mergeIframeClick.js";
 import { MessageKey } from "./messageKey.js";
-export { CrossFrameMessenger, CrossFrameStateManager, CrossFrameStateOptions, DictionaryContent, EditorStateManager, EditorStateManagerConfig, FileContent, IframeClickInterceptor, IntlayerContentSelectorElement, IntlayerContentSelectorWrapperElement, IntlayerEditedContentElement, IntlayerEditorElement, MessageKey, MessagePayload, MessengerConfig, UrlStateManager, buildClientMessengerConfig, compareUrls, defineIntlayerContentSelectorWrapper, defineIntlayerEditedContent, defineIntlayerEditorElement, defineIntlayerElements, getGlobalEditorManager, initEditorClient, mergeIframeClick, onGlobalEditorManagerChange, setGlobalEditorManager, stopEditorClient };
+export { CrossFrameMessenger, CrossFrameStateManager, CrossFrameStateOptions, DictionaryContent, EditorStateManager, EditorStateManagerConfig, FileContent, IframeClickInterceptor, IntlayerContentSelectorElement, IntlayerContentSelectorWrapperElement, IntlayerEditedContentElement, IntlayerEditorElement, MessageKey, MessagePayload, MessengerConfig, UrlStateManager, buildClientMessengerConfig, compareUrls, defineIntlayerContentSelectorWrapper, defineIntlayerEditedContent, defineIntlayerEditorElement, defineIntlayerElements, getGlobalEditedContent, getGlobalEditorManager, getGlobalFocusedContent, initEditorClient, mergeIframeClick, onGlobalEditorManagerChange, setGlobalEditedContent, setGlobalEditorManager, setGlobalFocusedContent, stopEditorClient, subscribeToGlobalEditedContent, subscribeToGlobalFocusedContent };

package/dist/types/messageKey.d.ts

@@ -20,7 +20,9 @@ declare enum MessageKey {
   INTLAYER_FOCUSED_CONTENT_CHANGED = "INTLAYER_FOCUSED_CONTENT_CHANGED",
   INTLAYER_EDITED_CONTENT_CHANGED = "INTLAYER_EDITED_CONTENT_CHANGED",
   /** Client → editor: Helper to sync iframe client reactivity on click client */
-  INTLAYER_IFRAME_CLICKED = "INTLAYER_IFRAME_CLICKED"
+  INTLAYER_IFRAME_CLICKED = "INTLAYER_IFRAME_CLICKED",
+  /** Client → editor: list of dictionary keys currently rendered in the iframe */
+  INTLAYER_DISPLAYED_DICTIONARY_KEYS = "INTLAYER_DISPLAYED_DICTIONARY_KEYS"
 }
 //#endregion
 export { MessageKey };

package/dist/types/messageKey.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messageKey.d.ts","names":[],"sources":["../../src/messageKey.ts"],"mappings":";aAAY,UAAA;EAAA;EAEV,qBAAA;;EAEA,sBAAA;EAFA;EAIA,wBAAA;EAAA;EAEA,uBAAA;EAGA;EAAA,sBAAA;EACA,uBAAA;EACA,mBAAA;EAIA;EADA,oCAAA;EACA,qCAAA;EAKA;EAFA,gCAAA;EACA,gCAAA;EACA,+BAAA;;EAGA,uBAAA;AAAA"}
+{"version":3,"file":"messageKey.d.ts","names":[],"sources":["../../src/messageKey.ts"],"mappings":";aAAY,UAAA;EAAA;EAEV,qBAAA;;EAEA,sBAAA;EAFA;EAIA,wBAAA;EAAA;EAEA,uBAAA;EAGA;EAAA,sBAAA;EACA,uBAAA;EACA,mBAAA;EAIA;EADA,oCAAA;EACA,qCAAA;EAKA;EAFA,gCAAA;EACA,gCAAA;EACA,+BAAA;EAMkC;EAHlC,uBAAA;;EAGA,kCAAA;AAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlayer/editor",
-  "version": "8.9.8",
+  "version": "8.10.0-canary.1",
   "private": false,
   "description": "Provides the utilities to interface the application with the Intlayer editor and manipulate dictionaries",
   "keywords": [
@@ -75,13 +75,13 @@
     "typecheck": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/config": "8.9.8",
-    "@intlayer/core": "8.9.8",
-    "@intlayer/types": "8.9.8",
-    "@intlayer/unmerged-dictionaries-entry": "8.9.8"
+    "@intlayer/config": "8.10.0-canary.1",
+    "@intlayer/core": "8.10.0-canary.1",
+    "@intlayer/types": "8.10.0-canary.1",
+    "@intlayer/unmerged-dictionaries-entry": "8.10.0-canary.1"
   },
   "devDependencies": {
-    "@types/node": "25.8.0",
+    "@types/node": "25.9.1",
     "@utils/ts-config": "1.0.4",
     "@utils/ts-config-types": "1.0.4",
     "@utils/tsdown-config": "1.0.4",