@intlayer/editor 8.9.7 → 8.10.0-canary.0

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/IframeClickInterceptor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"IframeClickInterceptor.cjs","names":["mergeIframeClick"],"sources":["../../../src/core/IframeClickInterceptor.ts"],"sourcesContent":["import { mergeIframeClick } from '../mergeIframeClick';\nimport { MessageKey } from '../messageKey';\nimport type { CrossFrameMessenger } from './CrossFrameMessenger';\n\n/**\n * IframeClickInterceptor handles click events across iframe boundaries.\n *\n * - startInterceptor(): called in the client (iframe) — broadcasts mousedown to parent\n * - startMerger(): called in the editor (parent) — merges received clicks into DOM events\n *\n * Replaces useIframeClickInterceptor / useIframeClickMerger across all frameworks.\n */\nexport class IframeClickInterceptor {\n  private readonly _messenger: CrossFrameMessenger;\n  private _mousedownHandler: EventListener | null = null;\n  private _unsubscribeMerge: (() => void) | null = null;\n\n  constructor(messenger: CrossFrameMessenger) {\n    this._messenger = messenger;\n  }\n\n  /** Called on the client side (inside iframe). Broadcasts click events to parent. */\n  startInterceptor(): void {\n    if (typeof window === 'undefined') return;\n    this._mousedownHandler = () => {\n      this._messenger.send(MessageKey.INTLAYER_IFRAME_CLICKED);\n    };\n    window.addEventListener('mousedown', this._mousedownHandler);\n  }\n\n  /** Called on the editor side (parent frame). Merges incoming iframe clicks into DOM. */\n  startMerger(): void {\n    this._unsubscribeMerge = this._messenger.subscribe(\n      MessageKey.INTLAYER_IFRAME_CLICKED,\n      mergeIframeClick as (data: unknown) => void\n    );\n  }\n\n  stopInterceptor(): void {\n    if (this._mousedownHandler) {\n      window.removeEventListener('mousedown', this._mousedownHandler);\n      this._mousedownHandler = null;\n    }\n  }\n\n  stopMerger(): void {\n    this._unsubscribeMerge?.();\n    this._unsubscribeMerge = null;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,IAAa,yBAAb,MAAoC;CAClC,AAAiB;CACjB,AAAQ,oBAA0C;CAClD,AAAQ,oBAAyC;CAEjD,YAAY,WAAgC;EAC1C,KAAK,aAAa;;;CAIpB,mBAAyB;EACvB,IAAI,OAAO,WAAW,aAAa;EACnC,KAAK,0BAA0B;GAC7B,KAAK,WAAW,+BAAwC;;EAE1D,OAAO,iBAAiB,aAAa,KAAK,kBAAkB;;;CAI9D,cAAoB;EAClB,KAAK,oBAAoB,KAAK,WAAW,qCAEvCA,0CACD;;CAGH,kBAAwB;EACtB,IAAI,KAAK,mBAAmB;GAC1B,OAAO,oBAAoB,aAAa,KAAK,kBAAkB;GAC/D,KAAK,oBAAoB;;;CAI7B,aAAmB;EACjB,KAAK,qBAAqB;EAC1B,KAAK,oBAAoB"}
+{"version":3,"file":"IframeClickInterceptor.cjs","names":["mergeIframeClick"],"sources":["../../../src/core/IframeClickInterceptor.ts"],"sourcesContent":["import { mergeIframeClick } from '../mergeIframeClick';\nimport { MessageKey } from '../messageKey';\nimport type { CrossFrameMessenger } from './CrossFrameMessenger';\n\n/**\n * IframeClickInterceptor handles click events across iframe boundaries.\n *\n * - startInterceptor(): called in the client (iframe) — broadcasts mousedown to parent\n * - startMerger(): called in the editor (parent) — merges received clicks into DOM events\n *\n * Replaces useIframeClickInterceptor / useIframeClickMerger across all frameworks.\n */\nexport class IframeClickInterceptor {\n  private readonly _messenger: CrossFrameMessenger;\n  private _mousedownHandler: EventListener | null = null;\n  private _unsubscribeMerge: (() => void) | null = null;\n\n  constructor(messenger: CrossFrameMessenger) {\n    this._messenger = messenger;\n  }\n\n  /** Called on the client side (inside iframe). Broadcasts click events to parent. */\n  startInterceptor(): void {\n    if (typeof window === 'undefined') return;\n    this._mousedownHandler = () => {\n      this._messenger.send(MessageKey.INTLAYER_IFRAME_CLICKED);\n    };\n    window.addEventListener('mousedown', this._mousedownHandler);\n  }\n\n  /** Called on the editor side (parent frame). Merges incoming iframe clicks into DOM. */\n  startMerger(): void {\n    this._unsubscribeMerge = this._messenger.subscribe(\n      MessageKey.INTLAYER_IFRAME_CLICKED,\n      mergeIframeClick as (data: unknown) => void\n    );\n  }\n\n  stopInterceptor(): void {\n    if (this._mousedownHandler) {\n      window.removeEventListener('mousedown', this._mousedownHandler);\n      this._mousedownHandler = null;\n    }\n  }\n\n  stopMerger(): void {\n    this._unsubscribeMerge?.();\n    this._unsubscribeMerge = null;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,IAAa,yBAAb,MAAoC;CAClC,AAAiB;CACjB,AAAQ,oBAA0C;CAClD,AAAQ,oBAAyC;CAEjD,YAAY,WAAgC;EAC1C,KAAK,aAAa;CACpB;;CAGA,mBAAyB;EACvB,IAAI,OAAO,WAAW,aAAa;EACnC,KAAK,0BAA0B;GAC7B,KAAK,WAAW,8BAAuC;EACzD;EACA,OAAO,iBAAiB,aAAa,KAAK,iBAAiB;CAC7D;;CAGA,cAAoB;EAClB,KAAK,oBAAoB,KAAK,WAAW,qCAEvCA,yCACF;CACF;CAEA,kBAAwB;EACtB,IAAI,KAAK,mBAAmB;GAC1B,OAAO,oBAAoB,aAAa,KAAK,iBAAiB;GAC9D,KAAK,oBAAoB;EAC3B;CACF;CAEA,aAAmB;EACjB,KAAK,oBAAoB;EACzB,KAAK,oBAAoB;CAC3B;AACF"}

package/dist/cjs/core/UrlStateManager.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UrlStateManager.cjs","names":[],"sources":["../../../src/core/UrlStateManager.ts"],"sourcesContent":["import { MessageKey } from '../messageKey';\nimport type { CrossFrameMessenger } from './CrossFrameMessenger';\n\n/**\n * UrlStateManager patches window.history and broadcasts URL path changes\n * across frames via postMessage.\n *\n * Replaces useCrossURLPathSetter / useCrossURLPathState across all frameworks.\n */\nexport class UrlStateManager {\n  private readonly _messenger: CrossFrameMessenger;\n  private _originalPushState: typeof history.pushState | null = null;\n  private _originalReplaceState: typeof history.replaceState | null = null;\n  private _listeners: Array<[string, EventListener]> = [];\n\n  constructor(messenger: CrossFrameMessenger) {\n    this._messenger = messenger;\n  }\n\n  start(): void {\n    if (typeof window === 'undefined') return;\n\n    const updateURLState = () => {\n      this._messenger.send(\n        `${MessageKey.INTLAYER_URL_CHANGE}/post`,\n        window.location.pathname\n      );\n    };\n\n    this._originalPushState = history.pushState;\n    this._originalReplaceState = history.replaceState;\n\n    const injectLocationChange = (method: typeof history.pushState) =>\n      function (\n        this: typeof history,\n        ...args: Parameters<typeof history.pushState>\n      ) {\n        method.apply(this, args);\n        window.dispatchEvent(new Event('locationchange'));\n      };\n\n    history.pushState = injectLocationChange(\n      this._originalPushState\n    ) as typeof history.pushState;\n    history.replaceState = injectLocationChange(\n      this._originalReplaceState\n    ) as typeof history.replaceState;\n\n    for (const eventName of [\n      'locationchange',\n      'popstate',\n      'hashchange',\n      'load',\n    ] as const) {\n      const listener = updateURLState as EventListener;\n      window.addEventListener(eventName, listener);\n      this._listeners.push([eventName, listener]);\n    }\n\n    updateURLState();\n  }\n\n  stop(): void {\n    if (typeof window === 'undefined') return;\n\n    for (const [eventName, listener] of this._listeners) {\n      window.removeEventListener(eventName, listener);\n    }\n    this._listeners = [];\n\n    if (this._originalPushState) {\n      history.pushState = this._originalPushState;\n      this._originalPushState = null;\n    }\n    if (this._originalReplaceState) {\n      history.replaceState = this._originalReplaceState;\n      this._originalReplaceState = null;\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;AASA,IAAa,kBAAb,MAA6B;CAC3B,AAAiB;CACjB,AAAQ,qBAAsD;CAC9D,AAAQ,wBAA4D;CACpE,AAAQ,aAA6C,EAAE;CAEvD,YAAY,WAAgC;EAC1C,KAAK,aAAa;;CAGpB,QAAc;EACZ,IAAI,OAAO,WAAW,aAAa;EAEnC,MAAM,uBAAuB;GAC3B,KAAK,WAAW,KACd,yBAAkC,QAClC,OAAO,SAAS,SACjB;;EAGH,KAAK,qBAAqB,QAAQ;EAClC,KAAK,wBAAwB,QAAQ;EAErC,MAAM,wBAAwB,WAC5B,SAEE,GAAG,MACH;GACA,OAAO,MAAM,MAAM,KAAK;GACxB,OAAO,cAAc,IAAI,MAAM,iBAAiB,CAAC;;EAGrD,QAAQ,YAAY,qBAClB,KAAK,mBACN;EACD,QAAQ,eAAe,qBACrB,KAAK,sBACN;EAED,KAAK,MAAM,aAAa;GACtB;GACA;GACA;GACA;GACD,EAAW;GACV,MAAM,WAAW;GACjB,OAAO,iBAAiB,WAAW,SAAS;GAC5C,KAAK,WAAW,KAAK,CAAC,WAAW,SAAS,CAAC;;EAG7C,gBAAgB;;CAGlB,OAAa;EACX,IAAI,OAAO,WAAW,aAAa;EAEnC,KAAK,MAAM,CAAC,WAAW,aAAa,KAAK,YACvC,OAAO,oBAAoB,WAAW,SAAS;EAEjD,KAAK,aAAa,EAAE;EAEpB,IAAI,KAAK,oBAAoB;GAC3B,QAAQ,YAAY,KAAK;GACzB,KAAK,qBAAqB;;EAE5B,IAAI,KAAK,uBAAuB;GAC9B,QAAQ,eAAe,KAAK;GAC5B,KAAK,wBAAwB"}
+{"version":3,"file":"UrlStateManager.cjs","names":[],"sources":["../../../src/core/UrlStateManager.ts"],"sourcesContent":["import { MessageKey } from '../messageKey';\nimport type { CrossFrameMessenger } from './CrossFrameMessenger';\n\n/**\n * UrlStateManager patches window.history and broadcasts URL path changes\n * across frames via postMessage.\n *\n * Replaces useCrossURLPathSetter / useCrossURLPathState across all frameworks.\n */\nexport class UrlStateManager {\n  private readonly _messenger: CrossFrameMessenger;\n  private _originalPushState: typeof history.pushState | null = null;\n  private _originalReplaceState: typeof history.replaceState | null = null;\n  private _listeners: Array<[string, EventListener]> = [];\n\n  constructor(messenger: CrossFrameMessenger) {\n    this._messenger = messenger;\n  }\n\n  start(): void {\n    if (typeof window === 'undefined') return;\n\n    const updateURLState = () => {\n      this._messenger.send(\n        `${MessageKey.INTLAYER_URL_CHANGE}/post`,\n        window.location.pathname\n      );\n    };\n\n    this._originalPushState = history.pushState;\n    this._originalReplaceState = history.replaceState;\n\n    const injectLocationChange = (method: typeof history.pushState) =>\n      function (\n        this: typeof history,\n        ...args: Parameters<typeof history.pushState>\n      ) {\n        method.apply(this, args);\n        window.dispatchEvent(new Event('locationchange'));\n      };\n\n    history.pushState = injectLocationChange(\n      this._originalPushState\n    ) as typeof history.pushState;\n    history.replaceState = injectLocationChange(\n      this._originalReplaceState\n    ) as typeof history.replaceState;\n\n    for (const eventName of [\n      'locationchange',\n      'popstate',\n      'hashchange',\n      'load',\n    ] as const) {\n      const listener = updateURLState as EventListener;\n      window.addEventListener(eventName, listener);\n      this._listeners.push([eventName, listener]);\n    }\n\n    updateURLState();\n  }\n\n  stop(): void {\n    if (typeof window === 'undefined') return;\n\n    for (const [eventName, listener] of this._listeners) {\n      window.removeEventListener(eventName, listener);\n    }\n    this._listeners = [];\n\n    if (this._originalPushState) {\n      history.pushState = this._originalPushState;\n      this._originalPushState = null;\n    }\n    if (this._originalReplaceState) {\n      history.replaceState = this._originalReplaceState;\n      this._originalReplaceState = null;\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;AASA,IAAa,kBAAb,MAA6B;CAC3B,AAAiB;CACjB,AAAQ,qBAAsD;CAC9D,AAAQ,wBAA4D;CACpE,AAAQ,aAA6C,CAAC;CAEtD,YAAY,WAAgC;EAC1C,KAAK,aAAa;CACpB;CAEA,QAAc;EACZ,IAAI,OAAO,WAAW,aAAa;EAEnC,MAAM,uBAAuB;GAC3B,KAAK,WAAW,KACd,yBAAkC,QAClC,OAAO,SAAS,QAClB;EACF;EAEA,KAAK,qBAAqB,QAAQ;EAClC,KAAK,wBAAwB,QAAQ;EAErC,MAAM,wBAAwB,WAC5B,SAEE,GAAG,MACH;GACA,OAAO,MAAM,MAAM,IAAI;GACvB,OAAO,cAAc,IAAI,MAAM,gBAAgB,CAAC;EAClD;EAEF,QAAQ,YAAY,qBAClB,KAAK,kBACP;EACA,QAAQ,eAAe,qBACrB,KAAK,qBACP;EAEA,KAAK,MAAM,aAAa;GACtB;GACA;GACA;GACA;EACF,GAAY;GACV,MAAM,WAAW;GACjB,OAAO,iBAAiB,WAAW,QAAQ;GAC3C,KAAK,WAAW,KAAK,CAAC,WAAW,QAAQ,CAAC;EAC5C;EAEA,eAAe;CACjB;CAEA,OAAa;EACX,IAAI,OAAO,WAAW,aAAa;EAEnC,KAAK,MAAM,CAAC,WAAW,aAAa,KAAK,YACvC,OAAO,oBAAoB,WAAW,QAAQ;EAEhD,KAAK,aAAa,CAAC;EAEnB,IAAI,KAAK,oBAAoB;GAC3B,QAAQ,YAAY,KAAK;GACzB,KAAK,qBAAqB;EAC5B;EACA,IAAI,KAAK,uBAAuB;GAC9B,QAAQ,eAAe,KAAK;GAC5B,KAAK,wBAAwB;EAC/B;CACF;AACF"}

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/globalManager.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"globalManager.cjs","names":["windowGlobals","customEvent"],"sources":["../../../src/core/globalManager.ts"],"sourcesContent":["import type { EditorStateManager } from './EditorStateManager';\n\n/**\n * Type for storing custom properties on the global window object.\n * Used to safely attach singleton instances across multiple module instances.\n */\ntype WindowWithEditorGlobals = typeof window & {\n  [MANAGER_KEY]?: EditorStateManager | null;\n  [EVENTS_KEY]?: EventTarget;\n  [key: string]: unknown;\n};\n\n/**\n * Keys on window used to share the singleton across multiple module instances.\n * When bundlers include @intlayer/editor more than once (e.g. framework package +\n * app), each copy has its own module-level variables. Using window ensures they\n * all read/write the same manager and event-target.\n */\nconst MANAGER_KEY = '__intlayer_editor_manager__';\nconst EVENTS_KEY = '__intlayer_editor_manager_events__';\n\n/**\n * Retrieves or creates a shared EventTarget for global editor manager events.\n * In browser environments, stores the EventTarget on window to ensure sharing\n * across multiple module instances. In SSR environments, creates a fresh\n * EventTarget (no sharing needed on server-side).\n *\n * @returns The shared EventTarget instance for dispatching manager change events\n * @private\n */\nconst getEventTarget = (): EventTarget => {\n  if (typeof window === 'undefined') {\n    // SSR fallback — create a fresh one (no sharing needed server-side)\n    return new EventTarget();\n  }\n\n  const windowGlobals = window as WindowWithEditorGlobals;\n  if (!windowGlobals[EVENTS_KEY]) {\n    windowGlobals[EVENTS_KEY] = new EventTarget();\n  }\n\n  return windowGlobals[EVENTS_KEY] as EventTarget;\n};\n\n/**\n * Retrieves the global editor state manager instance.\n * Returns null if no manager has been set or in SSR environments where\n * window is undefined.\n *\n * @returns The global EditorStateManager instance or null if not set\n */\nexport const getGlobalEditorManager = (): EditorStateManager | null => {\n  if (typeof window === 'undefined') {\n    return null;\n  }\n\n  const windowGlobals = window as WindowWithEditorGlobals;\n  const manager = windowGlobals[MANAGER_KEY];\n\n  return manager ?? null;\n};\n\n/**\n * Sets the global editor state manager instance and notifies all listeners\n * of the change through a CustomEvent.\n *\n * @param manager - The EditorStateManager instance to set globally, or null to clear it\n */\nexport const setGlobalEditorManager = (\n  manager: EditorStateManager | null\n): void => {\n  if (typeof window !== 'undefined') {\n    const windowGlobals = window as WindowWithEditorGlobals;\n    windowGlobals[MANAGER_KEY] = manager;\n  }\n\n  const eventTarget = getEventTarget();\n\n  eventTarget.dispatchEvent(\n    new CustomEvent<EditorStateManager | null>('change', { detail: manager })\n  );\n};\n\n/**\n * Registers a callback function to be invoked whenever the global editor\n * manager changes. Useful for reactive updates across the application.\n *\n * @param changeCallback - Function to invoke with the new manager state whenever it changes\n * @returns An unsubscribe function that removes the listener when called\n *\n * @example\n * ```typescript\n * const unsubscribe = onGlobalEditorManagerChange((manager) => {\n *   console.log('Manager updated:', manager);\n * });\n *\n * // Later, clean up the listener\n * unsubscribe();\n * ```\n */\nexport const onGlobalEditorManagerChange = (\n  changeCallback: (manager: EditorStateManager | null) => void\n): (() => void) => {\n  const eventTarget = getEventTarget();\n\n  const eventHandler = (event: Event) => {\n    const customEvent = event as CustomEvent<EditorStateManager | null>;\n    changeCallback(customEvent.detail);\n  };\n\n  eventTarget.addEventListener('change', eventHandler);\n\n  return () => {\n    eventTarget.removeEventListener('change', eventHandler);\n  };\n};\n"],"mappings":";;;;;;;;;AAkBA,MAAM,cAAc;AACpB,MAAM,aAAa;;;;;;;;;;AAWnB,MAAM,uBAAoC;CACxC,IAAI,OAAO,WAAW,aAEpB,OAAO,IAAI,aAAa;CAG1B,MAAM,gBAAgB;CACtB,IAAI,CAAC,cAAc,aACjB,cAAc,cAAc,IAAI,aAAa;CAG/C,OAAO,cAAc;;;;;;;;;AAUvB,MAAa,+BAA0D;CACrE,IAAI,OAAO,WAAW,aACpB,OAAO;CAMT,OAFgBA,OAAc,gBAEZ;;;;;;;;AASpB,MAAa,0BACX,YACS;CACT,IAAI,OAAO,WAAW,aAAa;EACjC,MAAM,gBAAgB;EACtB,cAAc,eAAe;;CAK/B,AAFoB,gBAET,CAAC,cACV,IAAI,YAAuC,UAAU,EAAE,QAAQ,SAAS,CAAC,CAC1E;;;;;;;;;;;;;;;;;;;AAoBH,MAAa,+BACX,mBACiB;CACjB,MAAM,cAAc,gBAAgB;CAEpC,MAAM,gBAAgB,UAAiB;EAErC,eAAeC,MAAY,OAAO;;CAGpC,YAAY,iBAAiB,UAAU,aAAa;CAEpD,aAAa;EACX,YAAY,oBAAoB,UAAU,aAAa"}
+{"version":3,"file":"globalManager.cjs","names":["windowGlobals","customEvent"],"sources":["../../../src/core/globalManager.ts"],"sourcesContent":["import type { EditorStateManager } from './EditorStateManager';\n\n/**\n * Type for storing custom properties on the global window object.\n * Used to safely attach singleton instances across multiple module instances.\n */\ntype WindowWithEditorGlobals = typeof window & {\n  [MANAGER_KEY]?: EditorStateManager | null;\n  [EVENTS_KEY]?: EventTarget;\n  [key: string]: unknown;\n};\n\n/**\n * Keys on window used to share the singleton across multiple module instances.\n * When bundlers include @intlayer/editor more than once (e.g. framework package +\n * app), each copy has its own module-level variables. Using window ensures they\n * all read/write the same manager and event-target.\n */\nconst MANAGER_KEY = '__intlayer_editor_manager__';\nconst EVENTS_KEY = '__intlayer_editor_manager_events__';\n\n/**\n * Retrieves or creates a shared EventTarget for global editor manager events.\n * In browser environments, stores the EventTarget on window to ensure sharing\n * across multiple module instances. In SSR environments, creates a fresh\n * EventTarget (no sharing needed on server-side).\n *\n * @returns The shared EventTarget instance for dispatching manager change events\n * @private\n */\nconst getEventTarget = (): EventTarget => {\n  if (typeof window === 'undefined') {\n    // SSR fallback — create a fresh one (no sharing needed server-side)\n    return new EventTarget();\n  }\n\n  const windowGlobals = window as WindowWithEditorGlobals;\n  if (!windowGlobals[EVENTS_KEY]) {\n    windowGlobals[EVENTS_KEY] = new EventTarget();\n  }\n\n  return windowGlobals[EVENTS_KEY] as EventTarget;\n};\n\n/**\n * Retrieves the global editor state manager instance.\n * Returns null if no manager has been set or in SSR environments where\n * window is undefined.\n *\n * @returns The global EditorStateManager instance or null if not set\n */\nexport const getGlobalEditorManager = (): EditorStateManager | null => {\n  if (typeof window === 'undefined') {\n    return null;\n  }\n\n  const windowGlobals = window as WindowWithEditorGlobals;\n  const manager = windowGlobals[MANAGER_KEY];\n\n  return manager ?? null;\n};\n\n/**\n * Sets the global editor state manager instance and notifies all listeners\n * of the change through a CustomEvent.\n *\n * @param manager - The EditorStateManager instance to set globally, or null to clear it\n */\nexport const setGlobalEditorManager = (\n  manager: EditorStateManager | null\n): void => {\n  if (typeof window !== 'undefined') {\n    const windowGlobals = window as WindowWithEditorGlobals;\n    windowGlobals[MANAGER_KEY] = manager;\n  }\n\n  const eventTarget = getEventTarget();\n\n  eventTarget.dispatchEvent(\n    new CustomEvent<EditorStateManager | null>('change', { detail: manager })\n  );\n};\n\n/**\n * Registers a callback function to be invoked whenever the global editor\n * manager changes. Useful for reactive updates across the application.\n *\n * @param changeCallback - Function to invoke with the new manager state whenever it changes\n * @returns An unsubscribe function that removes the listener when called\n *\n * @example\n * ```typescript\n * const unsubscribe = onGlobalEditorManagerChange((manager) => {\n *   console.log('Manager updated:', manager);\n * });\n *\n * // Later, clean up the listener\n * unsubscribe();\n * ```\n */\nexport const onGlobalEditorManagerChange = (\n  changeCallback: (manager: EditorStateManager | null) => void\n): (() => void) => {\n  const eventTarget = getEventTarget();\n\n  const eventHandler = (event: Event) => {\n    const customEvent = event as CustomEvent<EditorStateManager | null>;\n    changeCallback(customEvent.detail);\n  };\n\n  eventTarget.addEventListener('change', eventHandler);\n\n  return () => {\n    eventTarget.removeEventListener('change', eventHandler);\n  };\n};\n"],"mappings":";;;;;;;;;AAkBA,MAAM,cAAc;AACpB,MAAM,aAAa;;;;;;;;;;AAWnB,MAAM,uBAAoC;CACxC,IAAI,OAAO,WAAW,aAEpB,OAAO,IAAI,YAAY;CAGzB,MAAM,gBAAgB;CACtB,IAAI,CAAC,cAAc,aACjB,cAAc,cAAc,IAAI,YAAY;CAG9C,OAAO,cAAc;AACvB;;;;;;;;AASA,MAAa,+BAA0D;CACrE,IAAI,OAAO,WAAW,aACpB,OAAO;CAMT,OAFgBA,OAAc,gBAEZ;AACpB;;;;;;;AAQA,MAAa,0BACX,YACS;CACT,IAAI,OAAO,WAAW,aAAa;EACjC,MAAM,gBAAgB;EACtB,cAAc,eAAe;CAC/B;CAIA,AAFoB,eAEV,EAAE,cACV,IAAI,YAAuC,UAAU,EAAE,QAAQ,QAAQ,CAAC,CAC1E;AACF;;;;;;;;;;;;;;;;;;AAmBA,MAAa,+BACX,mBACiB;CACjB,MAAM,cAAc,eAAe;CAEnC,MAAM,gBAAgB,UAAiB;EAErC,eAAeC,MAAY,MAAM;CACnC;CAEA,YAAY,iBAAiB,UAAU,YAAY;CAEnD,aAAa;EACX,YAAY,oBAAoB,UAAU,YAAY;CACxD;AACF"}

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/core/initEditorClient.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"initEditorClient.cjs","names":["editor","getGlobalEditorManager","EditorStateManager"],"sources":["../../../src/core/initEditorClient.ts"],"sourcesContent":["import { default as configuration, editor } from '@intlayer/config/built';\nimport { defineIntlayerElements } from '../components';\nimport type { MessengerConfig } from './CrossFrameMessenger';\nimport { EditorStateManager } from './EditorStateManager';\nimport {\n  getGlobalEditorManager,\n  setGlobalEditorManager,\n} from './globalManager';\n\nexport const buildClientMessengerConfig = (): MessengerConfig => {\n  return {\n    allowedOrigins: [editor?.editorURL, editor?.cmsURL].filter(\n      Boolean\n    ) as string[],\n    postMessageFn: (payload: unknown, origin: string) => {\n      if (typeof window === 'undefined') return;\n\n      const isInIframe = window.self !== window.top;\n\n      if (!isInIframe) return;\n      window.parent?.postMessage(payload, origin);\n    },\n  };\n};\n\n/** Reference count — tracks how many providers have called initEditorClient. */\nlet _clientRefCount = 0;\n\n/**\n * Initialize the Intlayer editor client singleton.\n * Safe to call multiple times — returns the existing manager if already initialized.\n * Increments a reference counter so nested providers don't destroy the manager\n * prematurely when the inner provider unmounts.\n */\nexport const initEditorClient = (): EditorStateManager => {\n  _clientRefCount++;\n\n  const existing = getGlobalEditorManager();\n  if (existing) return existing;\n\n  const manager = new EditorStateManager({\n    mode: 'client',\n    messenger: buildClientMessengerConfig(),\n    configuration,\n  });\n\n  setGlobalEditorManager(manager);\n  defineIntlayerElements();\n  manager.start();\n\n  return manager;\n};\n\n/**\n * Decrement the reference count and stop the global editor client singleton\n * only when the last provider unmounts.\n */\nexport const stopEditorClient = (): void => {\n  _clientRefCount = Math.max(0, _clientRefCount - 1);\n\n  if (_clientRefCount > 0) return;\n\n  const manager = getGlobalEditorManager();\n  manager?.stop();\n  setGlobalEditorManager(null);\n};\n"],"mappings":";;;;;;;;;AASA,MAAa,mCAAoD;CAC/D,OAAO;EACL,gBAAgB,CAACA,+BAAQ,WAAWA,+BAAQ,OAAO,CAAC,OAClD,QACD;EACD,gBAAgB,SAAkB,WAAmB;GACnD,IAAI,OAAO,WAAW,aAAa;GAInC,IAAI,EAFe,OAAO,SAAS,OAAO,MAEzB;GACjB,OAAO,QAAQ,YAAY,SAAS,OAAO;;EAE9C;;;AAIH,IAAI,kBAAkB;;;;;;;AAQtB,MAAa,yBAA6C;CACxD;CAEA,MAAM,WAAWC,mDAAwB;CACzC,IAAI,UAAU,OAAO;CAErB,MAAM,UAAU,IAAIC,mDAAmB;EACrC,MAAM;EACN,WAAW,4BAA4B;EACvC;EACD,CAAC;CAEF,kDAAuB,QAAQ;CAC/B,2DAAwB;CACxB,QAAQ,OAAO;CAEf,OAAO;;;;;;AAOT,MAAa,yBAA+B;CAC1C,kBAAkB,KAAK,IAAI,GAAG,kBAAkB,EAAE;CAElD,IAAI,kBAAkB,GAAG;CAGzB,AADgBD,mDACT,EAAE,MAAM;CACf,kDAAuB,KAAK"}
+{"version":3,"file":"initEditorClient.cjs","names":["editor","getGlobalEditorManager","EditorStateManager"],"sources":["../../../src/core/initEditorClient.ts"],"sourcesContent":["import { default as configuration, editor } from '@intlayer/config/built';\nimport { defineIntlayerElements } from '../components';\nimport type { MessengerConfig } from './CrossFrameMessenger';\nimport { EditorStateManager } from './EditorStateManager';\nimport {\n  getGlobalEditorManager,\n  setGlobalEditorManager,\n} from './globalManager';\n\nexport const buildClientMessengerConfig = (): MessengerConfig => {\n  return {\n    allowedOrigins: [editor?.editorURL, editor?.cmsURL].filter(\n      Boolean\n    ) as string[],\n    postMessageFn: (payload: unknown, origin: string) => {\n      if (typeof window === 'undefined') return;\n\n      const isInIframe = window.self !== window.top;\n\n      if (!isInIframe) return;\n      window.parent?.postMessage(payload, origin);\n    },\n  };\n};\n\n/** Reference count — tracks how many providers have called initEditorClient. */\nlet _clientRefCount = 0;\n\n/**\n * Initialize the Intlayer editor client singleton.\n * Safe to call multiple times — returns the existing manager if already initialized.\n * Increments a reference counter so nested providers don't destroy the manager\n * prematurely when the inner provider unmounts.\n */\nexport const initEditorClient = (): EditorStateManager => {\n  _clientRefCount++;\n\n  const existing = getGlobalEditorManager();\n  if (existing) return existing;\n\n  const manager = new EditorStateManager({\n    mode: 'client',\n    messenger: buildClientMessengerConfig(),\n    configuration,\n  });\n\n  setGlobalEditorManager(manager);\n  defineIntlayerElements();\n  manager.start();\n\n  return manager;\n};\n\n/**\n * Decrement the reference count and stop the global editor client singleton\n * only when the last provider unmounts.\n */\nexport const stopEditorClient = (): void => {\n  _clientRefCount = Math.max(0, _clientRefCount - 1);\n\n  if (_clientRefCount > 0) return;\n\n  const manager = getGlobalEditorManager();\n  manager?.stop();\n  setGlobalEditorManager(null);\n};\n"],"mappings":";;;;;;;;;AASA,MAAa,mCAAoD;CAC/D,OAAO;EACL,gBAAgB,CAACA,+BAAQ,WAAWA,+BAAQ,MAAM,EAAE,OAClD,OACF;EACA,gBAAgB,SAAkB,WAAmB;GACnD,IAAI,OAAO,WAAW,aAAa;GAInC,IAAI,EAFe,OAAO,SAAS,OAAO,MAEzB;GACjB,OAAO,QAAQ,YAAY,SAAS,MAAM;EAC5C;CACF;AACF;;AAGA,IAAI,kBAAkB;;;;;;;AAQtB,MAAa,yBAA6C;CACxD;CAEA,MAAM,WAAWC,kDAAuB;CACxC,IAAI,UAAU,OAAO;CAErB,MAAM,UAAU,IAAIC,mDAAmB;EACrC,MAAM;EACN,WAAW,2BAA2B;EACtC;CACF,CAAC;CAED,kDAAuB,OAAO;CAC9B,0DAAuB;CACvB,QAAQ,MAAM;CAEd,OAAO;AACT;;;;;AAMA,MAAa,yBAA+B;CAC1C,kBAAkB,KAAK,IAAI,GAAG,kBAAkB,CAAC;CAEjD,IAAI,kBAAkB,GAAG;CAGzB,AADgBD,kDACV,GAAG,KAAK;CACd,kDAAuB,IAAI;AAC7B"}

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/mergeIframeClick.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"mergeIframeClick.cjs","names":[],"sources":["../../src/mergeIframeClick.ts"],"sourcesContent":["// Listener for messages from the iframe\nexport const mergeIframeClick = (event: MessageEvent) => {\n  // Simulate or merge the iframe message with a click event\n  const simulatedMouseDownEvent = new MouseEvent('mousedown', {\n    bubbles: true,\n    cancelable: true,\n    view: window,\n  });\n  const simulatedClickEvent = new MouseEvent('click', {\n    bubbles: true,\n    cancelable: true,\n    view: window,\n  });\n\n  // Optionally attach additional properties from the iframe message\n  Object.assign(simulatedClickEvent, { iframeData: event });\n  Object.assign(simulatedMouseDownEvent, { iframeData: event });\n\n  // Dispatch the simulated click event on the window or a specific element\n  window.dispatchEvent(simulatedClickEvent);\n  window.dispatchEvent(simulatedMouseDownEvent);\n};\n"],"mappings":";;;AACA,MAAa,oBAAoB,UAAwB;CAEvD,MAAM,0BAA0B,IAAI,WAAW,aAAa;EAC1D,SAAS;EACT,YAAY;EACZ,MAAM;EACP,CAAC;CACF,MAAM,sBAAsB,IAAI,WAAW,SAAS;EAClD,SAAS;EACT,YAAY;EACZ,MAAM;EACP,CAAC;CAGF,OAAO,OAAO,qBAAqB,EAAE,YAAY,OAAO,CAAC;CACzD,OAAO,OAAO,yBAAyB,EAAE,YAAY,OAAO,CAAC;CAG7D,OAAO,cAAc,oBAAoB;CACzC,OAAO,cAAc,wBAAwB"}
+{"version":3,"file":"mergeIframeClick.cjs","names":[],"sources":["../../src/mergeIframeClick.ts"],"sourcesContent":["// Listener for messages from the iframe\nexport const mergeIframeClick = (event: MessageEvent) => {\n  // Simulate or merge the iframe message with a click event\n  const simulatedMouseDownEvent = new MouseEvent('mousedown', {\n    bubbles: true,\n    cancelable: true,\n    view: window,\n  });\n  const simulatedClickEvent = new MouseEvent('click', {\n    bubbles: true,\n    cancelable: true,\n    view: window,\n  });\n\n  // Optionally attach additional properties from the iframe message\n  Object.assign(simulatedClickEvent, { iframeData: event });\n  Object.assign(simulatedMouseDownEvent, { iframeData: event });\n\n  // Dispatch the simulated click event on the window or a specific element\n  window.dispatchEvent(simulatedClickEvent);\n  window.dispatchEvent(simulatedMouseDownEvent);\n};\n"],"mappings":";;;AACA,MAAa,oBAAoB,UAAwB;CAEvD,MAAM,0BAA0B,IAAI,WAAW,aAAa;EAC1D,SAAS;EACT,YAAY;EACZ,MAAM;CACR,CAAC;CACD,MAAM,sBAAsB,IAAI,WAAW,SAAS;EAClD,SAAS;EACT,YAAY;EACZ,MAAM;CACR,CAAC;CAGD,OAAO,OAAO,qBAAqB,EAAE,YAAY,MAAM,CAAC;CACxD,OAAO,OAAO,yBAAyB,EAAE,YAAY,MAAM,CAAC;CAG5D,OAAO,cAAc,mBAAmB;CACxC,OAAO,cAAc,uBAAuB;AAC9C"}

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;;KACD"}
+{"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/compareUrls.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"compareUrls.mjs","names":[],"sources":["../../src/compareUrls.ts"],"sourcesContent":["/**\n * Compare two URLs for equality.\n * This function is used to determine if a message originates from the same origin.\n *\n * ```js\n * // Example usage\n * console.log(compareUrls(\"http://localhost:5173/\", \"http://localhost:5173\")); // true\n * console.log(compareUrls(\"http://localhost:5173\", \"http://localhost:5173?myParam=true\")); // true\n * console.log(compareUrls(\"http://localhost:5173/subpath\", \"http://localhost:5173\")); // true\n * console.log(compareUrls(\"http://localhost:5172\", \"http://localhost:5173\")); // false\n * ```\n *\n * @param url1 - The first URL to compare.\n * @param url2 - The second URL to compare.\n * @returns Whether the two URLs are equal.\n */\nexport const compareUrls = (url1: string, url2: string): boolean => {\n  try {\n    const parsedUrl1 = new URL(url1);\n    const parsedUrl2 = new URL(url2);\n\n    // Compare protocol, hostname, and port\n    if (\n      parsedUrl1.protocol !== parsedUrl2.protocol ||\n      parsedUrl1.hostname !== parsedUrl2.hostname ||\n      parsedUrl1.port !== parsedUrl2.port\n    ) {\n      return false;\n    }\n\n    // One URL should not have a subpath while the other does\n    const path1 = parsedUrl1.pathname.replace(/\\/$/, ''); // Remove trailing slash\n    const path2 = parsedUrl2.pathname.replace(/\\/$/, '');\n\n    if (path1 !== '' && path2 !== '' && path1 !== path2) {\n      return false;\n    }\n\n    return true;\n  } catch (error) {\n    console.error('Invalid URL(s)', error, { url1, url2 });\n    return false;\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAgBA,MAAa,eAAe,MAAc,SAA0B;CAClE,IAAI;EACF,MAAM,aAAa,IAAI,IAAI,KAAK;EAChC,MAAM,aAAa,IAAI,IAAI,KAAK;EAGhC,IACE,WAAW,aAAa,WAAW,YACnC,WAAW,aAAa,WAAW,YACnC,WAAW,SAAS,WAAW,MAE/B,OAAO;EAIT,MAAM,QAAQ,WAAW,SAAS,QAAQ,OAAO,GAAG;EACpD,MAAM,QAAQ,WAAW,SAAS,QAAQ,OAAO,GAAG;EAEpD,IAAI,UAAU,MAAM,UAAU,MAAM,UAAU,OAC5C,OAAO;EAGT,OAAO;UACA,OAAO;EACd,QAAQ,MAAM,kBAAkB,OAAO;GAAE;GAAM;GAAM,CAAC;EACtD,OAAO"}
+{"version":3,"file":"compareUrls.mjs","names":[],"sources":["../../src/compareUrls.ts"],"sourcesContent":["/**\n * Compare two URLs for equality.\n * This function is used to determine if a message originates from the same origin.\n *\n * ```js\n * // Example usage\n * console.log(compareUrls(\"http://localhost:5173/\", \"http://localhost:5173\")); // true\n * console.log(compareUrls(\"http://localhost:5173\", \"http://localhost:5173?myParam=true\")); // true\n * console.log(compareUrls(\"http://localhost:5173/subpath\", \"http://localhost:5173\")); // true\n * console.log(compareUrls(\"http://localhost:5172\", \"http://localhost:5173\")); // false\n * ```\n *\n * @param url1 - The first URL to compare.\n * @param url2 - The second URL to compare.\n * @returns Whether the two URLs are equal.\n */\nexport const compareUrls = (url1: string, url2: string): boolean => {\n  try {\n    const parsedUrl1 = new URL(url1);\n    const parsedUrl2 = new URL(url2);\n\n    // Compare protocol, hostname, and port\n    if (\n      parsedUrl1.protocol !== parsedUrl2.protocol ||\n      parsedUrl1.hostname !== parsedUrl2.hostname ||\n      parsedUrl1.port !== parsedUrl2.port\n    ) {\n      return false;\n    }\n\n    // One URL should not have a subpath while the other does\n    const path1 = parsedUrl1.pathname.replace(/\\/$/, ''); // Remove trailing slash\n    const path2 = parsedUrl2.pathname.replace(/\\/$/, '');\n\n    if (path1 !== '' && path2 !== '' && path1 !== path2) {\n      return false;\n    }\n\n    return true;\n  } catch (error) {\n    console.error('Invalid URL(s)', error, { url1, url2 });\n    return false;\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAgBA,MAAa,eAAe,MAAc,SAA0B;CAClE,IAAI;EACF,MAAM,aAAa,IAAI,IAAI,IAAI;EAC/B,MAAM,aAAa,IAAI,IAAI,IAAI;EAG/B,IACE,WAAW,aAAa,WAAW,YACnC,WAAW,aAAa,WAAW,YACnC,WAAW,SAAS,WAAW,MAE/B,OAAO;EAIT,MAAM,QAAQ,WAAW,SAAS,QAAQ,OAAO,EAAE;EACnD,MAAM,QAAQ,WAAW,SAAS,QAAQ,OAAO,EAAE;EAEnD,IAAI,UAAU,MAAM,UAAU,MAAM,UAAU,OAC5C,OAAO;EAGT,OAAO;CACT,SAAS,OAAO;EACd,QAAQ,MAAM,kBAAkB,OAAO;GAAE;GAAM;EAAK,CAAC;EACrD,OAAO;CACT;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"ContentSelector.mjs","names":[],"sources":["../../../src/components/ContentSelector.ts"],"sourcesContent":["import { defineIntlayerContentSelectorWrapper } from './ContentSelectorWrapper';\nimport { defineIntlayerEditedContent } from './EditedContent';\nimport { defineIntlayerEditorElement } from './IntlayerEditor';\n\nconst DEFAULT_PRESS_DURATION = 250;\n\nconst STYLES = `\n  :host {\n    display: contents;\n  }\n\n  .wrapper {\n    display: inline-block;\n    cursor: pointer;\n    user-select: none;\n    border-radius: 0.375rem;\n    outline-width: 2px;\n    outline-offset: 4px;\n    outline-style: solid;\n    outline-color: transparent;\n    transition: all 100ms 50ms ease-in-out;\n  }\n\n  .wrapper[data-active] {\n    outline-color: inherit;\n  }\n`;\n\nconst _HTMLElement =\n  typeof HTMLElement !== 'undefined'\n    ? HTMLElement\n    : (class {} as unknown as typeof HTMLElement);\n\n/**\n * <intlayer-content-selector>\n *\n * A framework-agnostic web component that wraps content with Intlayer editor\n * selection UI (hover outline, long-press to select, click-outside to deselect).\n *\n * @fires intlayer:press     - Fired after a long press (pressDuration ms). Bubbles.\n * @fires intlayer:hover     - Fired on mouseenter. Bubbles.\n * @fires intlayer:unhover   - Fired on mouseleave / mouseup. Bubbles.\n * @fires intlayer:click-outside - Fired when a click occurs outside the element. Bubbles.\n *\n * @prop {boolean} isSelecting   - Whether this element is currently selected (external state)\n * @prop {number}  pressDuration - Long-press threshold in ms. Default: 250\n */\nexport class IntlayerContentSelectorElement extends _HTMLElement {\n  private _isSelecting = false;\n  private _pressDuration = DEFAULT_PRESS_DURATION;\n  private _isHovered = false;\n  private _isSelectingState = false;\n  private _wrapper: HTMLSpanElement;\n  private _pressTimer: ReturnType<typeof setTimeout> | null = null;\n  private _clickOutsideHandler: ((e: MouseEvent) => void) | null = null;\n\n  static get observedAttributes(): string[] {\n    return ['is-selecting', 'press-duration'];\n  }\n\n  get isSelecting(): boolean {\n    return this._isSelecting;\n  }\n  set isSelecting(v: boolean) {\n    this._isSelecting = v;\n    this._updateActiveState();\n  }\n\n  get pressDuration(): number {\n    return this._pressDuration;\n  }\n  set pressDuration(v: number) {\n    this._pressDuration = v;\n  }\n\n  constructor() {\n    super();\n    const shadow = this.attachShadow({ mode: 'open' });\n\n    const style = document.createElement('style');\n    style.textContent = STYLES;\n    shadow.appendChild(style);\n\n    const wrapper = document.createElement('span');\n    wrapper.className = 'wrapper';\n    wrapper.setAttribute('role', 'button');\n    wrapper.setAttribute('tabindex', '0');\n    wrapper.appendChild(document.createElement('slot'));\n    shadow.appendChild(wrapper);\n    this._wrapper = wrapper;\n\n    wrapper.addEventListener('mousedown', () => this._handleMouseDown());\n    wrapper.addEventListener('mouseup', () => this._handleMouseUpOrLeave());\n    wrapper.addEventListener('mouseleave', () => this._handleMouseUpOrLeave());\n    wrapper.addEventListener('mouseenter', () => this._handleMouseEnter());\n    wrapper.addEventListener('click', (e) => this._handleClick(e));\n    wrapper.addEventListener('touchstart', () => this._handleMouseDown());\n    wrapper.addEventListener('touchend', () => this._handleMouseUpOrLeave());\n    wrapper.addEventListener('touchcancel', () => this._handleMouseUpOrLeave());\n    wrapper.addEventListener('blur', () => this._handleBlur());\n  }\n\n  attributeChangedCallback(\n    name: string,\n    _oldVal: string | null,\n    newVal: string | null\n  ): void {\n    if (name === 'is-selecting') {\n      this._isSelecting = newVal !== null;\n      this._updateActiveState();\n    } else if (name === 'press-duration') {\n      this._pressDuration =\n        newVal !== null ? parseInt(newVal, 10) : DEFAULT_PRESS_DURATION;\n    }\n  }\n\n  connectedCallback(): void {\n    this._clickOutsideHandler = (e: MouseEvent) => {\n      // composedPath() pierces shadow boundaries\n      if (!e.composedPath().includes(this)) {\n        this._isSelectingState = false;\n        this._dispatch('intlayer:click-outside');\n        this._updateActiveState();\n      }\n    };\n    document.addEventListener('mousedown', this._clickOutsideHandler);\n  }\n\n  disconnectedCallback(): void {\n    if (this._clickOutsideHandler) {\n      document.removeEventListener('mousedown', this._clickOutsideHandler);\n      this._clickOutsideHandler = null;\n    }\n    this._clearPressTimer();\n  }\n\n  private _updateActiveState(): void {\n    const isActive =\n      this._isSelecting || this._isSelectingState || this._isHovered;\n    if (isActive) {\n      this._wrapper.setAttribute('data-active', '');\n    } else {\n      this._wrapper.removeAttribute('data-active');\n    }\n  }\n\n  private _clearPressTimer(): void {\n    if (this._pressTimer !== null) {\n      clearTimeout(this._pressTimer);\n      this._pressTimer = null;\n    }\n  }\n\n  private _dispatch(eventName: string): void {\n    this.dispatchEvent(\n      new CustomEvent(eventName, { bubbles: true, composed: true })\n    );\n  }\n\n  private _handleMouseDown(): void {\n    this._clearPressTimer();\n    this._pressTimer = setTimeout(() => {\n      this._isSelectingState = true;\n      this._updateActiveState();\n      this._dispatch('intlayer:press');\n    }, this._pressDuration);\n  }\n\n  private _handleMouseEnter(): void {\n    this._isHovered = true;\n    this._updateActiveState();\n    this._dispatch('intlayer:hover');\n  }\n\n  private _handleMouseUpOrLeave(): void {\n    if (this._isHovered) {\n      this._isHovered = false;\n      this._dispatch('intlayer:unhover');\n    }\n    this._clearPressTimer();\n    this._updateActiveState();\n  }\n\n  private _handleClick(e: MouseEvent): void {\n    if (this._isSelecting || this._isSelectingState) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  }\n\n  private _handleBlur(): void {\n    this._isSelectingState = false;\n    this._updateActiveState();\n  }\n}\n\n/**\n * Register all Intlayer custom elements.\n * Call this once at application startup (inside IntlayerEditorProvider or similar).\n * Safe to call multiple times — only registers elements that are not yet defined.\n */\nexport const defineIntlayerElements = (): void => {\n  if (typeof customElements === 'undefined') return;\n  if (!customElements.get('intlayer-content-selector')) {\n    customElements.define(\n      'intlayer-content-selector',\n      IntlayerContentSelectorElement\n    );\n  }\n  defineIntlayerContentSelectorWrapper();\n  defineIntlayerEditedContent();\n  defineIntlayerEditorElement();\n};\n"],"mappings":"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"}
+{"version":3,"file":"ContentSelector.mjs","names":[],"sources":["../../../src/components/ContentSelector.ts"],"sourcesContent":["import { defineIntlayerContentSelectorWrapper } from './ContentSelectorWrapper';\nimport { defineIntlayerEditedContent } from './EditedContent';\nimport { defineIntlayerEditorElement } from './IntlayerEditor';\n\nconst DEFAULT_PRESS_DURATION = 250;\n\nconst STYLES = `\n  :host {\n    display: contents;\n  }\n\n  .wrapper {\n    display: inline-block;\n    cursor: pointer;\n    user-select: none;\n    border-radius: 0.375rem;\n    outline-width: 2px;\n    outline-offset: 4px;\n    outline-style: solid;\n    outline-color: transparent;\n    transition: all 100ms 50ms ease-in-out;\n  }\n\n  .wrapper[data-active] {\n    outline-color: inherit;\n  }\n`;\n\nconst _HTMLElement =\n  typeof HTMLElement !== 'undefined'\n    ? HTMLElement\n    : (class {} as unknown as typeof HTMLElement);\n\n/**\n * <intlayer-content-selector>\n *\n * A framework-agnostic web component that wraps content with Intlayer editor\n * selection UI (hover outline, long-press to select, click-outside to deselect).\n *\n * @fires intlayer:press     - Fired after a long press (pressDuration ms). Bubbles.\n * @fires intlayer:hover     - Fired on mouseenter. Bubbles.\n * @fires intlayer:unhover   - Fired on mouseleave / mouseup. Bubbles.\n * @fires intlayer:click-outside - Fired when a click occurs outside the element. Bubbles.\n *\n * @prop {boolean} isSelecting   - Whether this element is currently selected (external state)\n * @prop {number}  pressDuration - Long-press threshold in ms. Default: 250\n */\nexport class IntlayerContentSelectorElement extends _HTMLElement {\n  private _isSelecting = false;\n  private _pressDuration = DEFAULT_PRESS_DURATION;\n  private _isHovered = false;\n  private _isSelectingState = false;\n  private _wrapper: HTMLSpanElement;\n  private _pressTimer: ReturnType<typeof setTimeout> | null = null;\n  private _clickOutsideHandler: ((e: MouseEvent) => void) | null = null;\n\n  static get observedAttributes(): string[] {\n    return ['is-selecting', 'press-duration'];\n  }\n\n  get isSelecting(): boolean {\n    return this._isSelecting;\n  }\n  set isSelecting(v: boolean) {\n    this._isSelecting = v;\n    this._updateActiveState();\n  }\n\n  get pressDuration(): number {\n    return this._pressDuration;\n  }\n  set pressDuration(v: number) {\n    this._pressDuration = v;\n  }\n\n  constructor() {\n    super();\n    const shadow = this.attachShadow({ mode: 'open' });\n\n    const style = document.createElement('style');\n    style.textContent = STYLES;\n    shadow.appendChild(style);\n\n    const wrapper = document.createElement('span');\n    wrapper.className = 'wrapper';\n    wrapper.setAttribute('role', 'button');\n    wrapper.setAttribute('tabindex', '0');\n    wrapper.appendChild(document.createElement('slot'));\n    shadow.appendChild(wrapper);\n    this._wrapper = wrapper;\n\n    wrapper.addEventListener('mousedown', () => this._handleMouseDown());\n    wrapper.addEventListener('mouseup', () => this._handleMouseUpOrLeave());\n    wrapper.addEventListener('mouseleave', () => this._handleMouseUpOrLeave());\n    wrapper.addEventListener('mouseenter', () => this._handleMouseEnter());\n    wrapper.addEventListener('click', (e) => this._handleClick(e));\n    wrapper.addEventListener('touchstart', () => this._handleMouseDown());\n    wrapper.addEventListener('touchend', () => this._handleMouseUpOrLeave());\n    wrapper.addEventListener('touchcancel', () => this._handleMouseUpOrLeave());\n    wrapper.addEventListener('blur', () => this._handleBlur());\n  }\n\n  attributeChangedCallback(\n    name: string,\n    _oldVal: string | null,\n    newVal: string | null\n  ): void {\n    if (name === 'is-selecting') {\n      this._isSelecting = newVal !== null;\n      this._updateActiveState();\n    } else if (name === 'press-duration') {\n      this._pressDuration =\n        newVal !== null ? parseInt(newVal, 10) : DEFAULT_PRESS_DURATION;\n    }\n  }\n\n  connectedCallback(): void {\n    this._clickOutsideHandler = (e: MouseEvent) => {\n      // composedPath() pierces shadow boundaries\n      if (!e.composedPath().includes(this)) {\n        this._isSelectingState = false;\n        this._dispatch('intlayer:click-outside');\n        this._updateActiveState();\n      }\n    };\n    document.addEventListener('mousedown', this._clickOutsideHandler);\n  }\n\n  disconnectedCallback(): void {\n    if (this._clickOutsideHandler) {\n      document.removeEventListener('mousedown', this._clickOutsideHandler);\n      this._clickOutsideHandler = null;\n    }\n    this._clearPressTimer();\n  }\n\n  private _updateActiveState(): void {\n    const isActive =\n      this._isSelecting || this._isSelectingState || this._isHovered;\n    if (isActive) {\n      this._wrapper.setAttribute('data-active', '');\n    } else {\n      this._wrapper.removeAttribute('data-active');\n    }\n  }\n\n  private _clearPressTimer(): void {\n    if (this._pressTimer !== null) {\n      clearTimeout(this._pressTimer);\n      this._pressTimer = null;\n    }\n  }\n\n  private _dispatch(eventName: string): void {\n    this.dispatchEvent(\n      new CustomEvent(eventName, { bubbles: true, composed: true })\n    );\n  }\n\n  private _handleMouseDown(): void {\n    this._clearPressTimer();\n    this._pressTimer = setTimeout(() => {\n      this._isSelectingState = true;\n      this._updateActiveState();\n      this._dispatch('intlayer:press');\n    }, this._pressDuration);\n  }\n\n  private _handleMouseEnter(): void {\n    this._isHovered = true;\n    this._updateActiveState();\n    this._dispatch('intlayer:hover');\n  }\n\n  private _handleMouseUpOrLeave(): void {\n    if (this._isHovered) {\n      this._isHovered = false;\n      this._dispatch('intlayer:unhover');\n    }\n    this._clearPressTimer();\n    this._updateActiveState();\n  }\n\n  private _handleClick(e: MouseEvent): void {\n    if (this._isSelecting || this._isSelectingState) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  }\n\n  private _handleBlur(): void {\n    this._isSelectingState = false;\n    this._updateActiveState();\n  }\n}\n\n/**\n * Register all Intlayer custom elements.\n * Call this once at application startup (inside IntlayerEditorProvider or similar).\n * Safe to call multiple times — only registers elements that are not yet defined.\n */\nexport const defineIntlayerElements = (): void => {\n  if (typeof customElements === 'undefined') return;\n  if (!customElements.get('intlayer-content-selector')) {\n    customElements.define(\n      'intlayer-content-selector',\n      IntlayerContentSelectorElement\n    );\n  }\n  defineIntlayerContentSelectorWrapper();\n  defineIntlayerEditedContent();\n  defineIntlayerEditorElement();\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ContentSelectorWrapper.mjs","names":["node"],"sources":["../../../src/components/ContentSelectorWrapper.ts"],"sourcesContent":["import { isSameKeyPath } from '@intlayer/core/utils';\n\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport type { TypedNodeModel } from '@intlayer/types/nodeType';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport type {\n  EditorStateManager,\n  FileContent,\n} from '../core/EditorStateManager';\nimport {\n  getGlobalEditorManager,\n  onGlobalEditorManagerChange,\n} from '../core/globalManager';\nimport { MessageKey } from '../messageKey';\n\ntype RenderState = 'simple' | 'wrapped-slot' | 'wrapped-text';\n\nconst _HTMLElement =\n  typeof HTMLElement !== 'undefined'\n    ? HTMLElement\n    : (class {} as unknown as typeof HTMLElement);\n\n/**\n * <intlayer-content-selector-wrapper>\n *\n * Framework-agnostic web component that wraps content with the Intlayer editor\n * selection UI. It replaces the per-framework ContentSelectorWrapper components\n * (Vue, Svelte, Solid, Preact).\n *\n * It reads from the global EditorStateManager singleton (set by initEditorClient)\n * and conditionally renders <intlayer-content-selector> around its slot content\n * when the editor is active and the app is running inside an iframe.\n *\n * @attr {string} key-path        - JSON-serialized KeyPath[] for this content node\n * @attr {string} dictionary-key  - The dictionary key owning this content node\n */\nexport class IntlayerContentSelectorWrapperElement extends _HTMLElement {\n  private _keyPathJson = '[]';\n  private _dictionaryKey = '';\n  private _editorEnabled = false;\n  private _isInIframe = false;\n  private _isSelected = false;\n  private _editedValue: ContentNode | undefined = undefined;\n\n  private _renderState: RenderState | null = null;\n  private _selector: HTMLElement | null = null;\n\n  private _unsubManager: (() => void) | null = null;\n  private _unsubEnabled: (() => void) | null = null;\n  private _unsubFocused: (() => void) | null = null;\n  private _unsubEditedContent: (() => void) | null = null;\n\n  static get observedAttributes(): string[] {\n    return ['key-path', 'dictionary-key'];\n  }\n\n  get keyPathJson(): string {\n    return this._keyPathJson;\n  }\n  set keyPathJson(v: string) {\n    this._keyPathJson = v;\n    const manager = getGlobalEditorManager();\n    if (manager) this._updateEditedValue(manager);\n  }\n\n  get dictionaryKey(): string {\n    return this._dictionaryKey;\n  }\n  set dictionaryKey(v: string) {\n    this._dictionaryKey = v;\n    const manager = getGlobalEditorManager();\n    if (manager) this._updateEditedValue(manager);\n  }\n\n  constructor() {\n    super();\n    const shadow = this.attachShadow({ mode: 'open' });\n    const style = document.createElement('style');\n    style.textContent = ':host { display: contents; }';\n    shadow.appendChild(style);\n  }\n\n  attributeChangedCallback(\n    name: string,\n    _oldVal: string | null,\n    newVal: string | null\n  ): void {\n    if (name === 'key-path') {\n      this._keyPathJson = newVal ?? '[]';\n      const manager = getGlobalEditorManager();\n      if (manager) this._updateEditedValue(manager);\n    } else if (name === 'dictionary-key') {\n      this._dictionaryKey = newVal ?? '';\n      const manager = getGlobalEditorManager();\n      if (manager) this._updateEditedValue(manager);\n    }\n  }\n\n  connectedCallback(): void {\n    if (typeof window !== 'undefined') {\n      this._isInIframe = window.self !== window.top;\n    }\n    this._subscribeToManager();\n    this._render();\n  }\n\n  disconnectedCallback(): void {\n    this._teardown();\n  }\n\n  private _teardown(): void {\n    this._unsubManager?.();\n    this._unsubEnabled?.();\n    this._unsubFocused?.();\n    this._unsubEditedContent?.();\n    this._unsubManager = null;\n    this._unsubEnabled = null;\n    this._unsubFocused = null;\n    this._unsubEditedContent = null;\n  }\n\n  private _getRawKeyPath(): KeyPath[] {\n    try {\n      return JSON.parse(this._keyPathJson) as KeyPath[];\n    } catch {\n      return [];\n    }\n  }\n\n  private _getFilteredKeyPath(): KeyPath[] {\n    return this._getRawKeyPath().filter(\n      (keyPath) => keyPath.type !== NodeTypes.TRANSLATION\n    );\n  }\n\n  private _updateEditedValue(manager: EditorStateManager): void {\n    const filteredKeyPath = this._getFilteredKeyPath();\n    if (!this._dictionaryKey || filteredKeyPath.length === 0) {\n      this._editedValue = undefined;\n      this._render();\n      return;\n    }\n\n    // Node types whose display requires framework-level rendering (markdown,\n    // HTML, insertion, file): do not override the slot — the framework handles\n    // those. Only plain / translated strings can be substituted here.\n    const rawKeyPath = this._getRawKeyPath();\n    const lastStepType = rawKeyPath[rawKeyPath.length - 1]?.type;\n    if (\n      lastStepType === NodeTypes.MARKDOWN ||\n      lastStepType === NodeTypes.HTML ||\n      lastStepType === NodeTypes.INSERTION ||\n      lastStepType === NodeTypes.FILE\n    ) {\n      this._editedValue = undefined;\n      this._render();\n      return;\n    }\n\n    let value = manager.getContentValue(this._dictionaryKey, filteredKeyPath);\n\n    // getContentNodeByKeyPath resolves translation nodes only at intermediate\n    // steps, not the final leaf. Resolve manually when the returned value is\n    // still a translation object (happens when Translation steps are filtered\n    // out and the leaf IS the translation object).\n    if (\n      value !== null &&\n      value !== undefined &&\n      typeof value === 'object' &&\n      (value as { nodeType?: unknown }).nodeType === NodeTypes.TRANSLATION\n    ) {\n      const locale = manager.currentLocale.value as string | undefined;\n      // TypedNodeModel<Translation, …> structurally satisfies TypedNode<BaseNode>\n      // (both have nodeType), so this narrowing cast is sound.\n      const node = value as TypedNodeModel<\n        typeof NodeTypes.TRANSLATION,\n        Record<string, ContentNode>\n      >;\n      value = locale ? node[NodeTypes.TRANSLATION][locale] : undefined;\n    }\n\n    this._editedValue = value;\n    this._render();\n  }\n\n  private _updateIsSelected(\n    focusedContent: FileContent | null | undefined\n  ): void {\n    if (!focusedContent) {\n      this._isSelected = false;\n      this._updateSelectorAttr();\n      return;\n    }\n    const keyPath = this._getFilteredKeyPath();\n    this._isSelected =\n      focusedContent.dictionaryKey === this._dictionaryKey &&\n      (focusedContent.keyPath?.length ?? 0) > 0 &&\n      isSameKeyPath(focusedContent.keyPath ?? [], keyPath);\n    this._updateSelectorAttr();\n  }\n\n  private _updateSelectorAttr(): void {\n    if (!this._selector) return;\n    if (this._isSelected) {\n      this._selector.setAttribute('is-selecting', '');\n    } else {\n      this._selector.removeAttribute('is-selecting');\n    }\n  }\n\n  private _subscribeToManager(): void {\n    const manager = getGlobalEditorManager();\n    if (manager) {\n      this._setupManagerSubscriptions(manager);\n    }\n    // Keep listening for manager changes (handles stop + re-init cycles)\n    this._unsubManager = onGlobalEditorManagerChange((m) => {\n      this._unsubEnabled?.();\n      this._unsubFocused?.();\n      this._unsubEditedContent?.();\n      this._unsubEnabled = null;\n      this._unsubFocused = null;\n      this._unsubEditedContent = null;\n      if (m) {\n        this._setupManagerSubscriptions(m);\n      } else {\n        this._editorEnabled = false;\n        this._isSelected = false;\n        this._editedValue = undefined;\n        this._render();\n      }\n    });\n  }\n\n  private _setupManagerSubscriptions(manager: EditorStateManager): void {\n    this._editorEnabled = manager.editorEnabled.value ?? false;\n    this._updateIsSelected(manager.focusedContent.value);\n    this._updateEditedValue(manager);\n\n    const handleEnabledChange = (e: Event) => {\n      this._editorEnabled = (e as CustomEvent<boolean>).detail;\n      this._render();\n    };\n    const handleFocusedChange = (e: Event) => {\n      this._updateIsSelected((e as CustomEvent<FileContent | null>).detail);\n    };\n    const handleEditedContentChange = () => {\n      this._updateEditedValue(manager);\n    };\n\n    manager.editorEnabled.addEventListener('change', handleEnabledChange);\n    manager.focusedContent.addEventListener('change', handleFocusedChange);\n    manager.editedContent.addEventListener('change', handleEditedContentChange);\n\n    this._unsubEnabled = () =>\n      manager.editorEnabled.removeEventListener('change', handleEnabledChange);\n    this._unsubFocused = () =>\n      manager.focusedContent.removeEventListener('change', handleFocusedChange);\n    this._unsubEditedContent = () =>\n      manager.editedContent.removeEventListener(\n        'change',\n        handleEditedContentChange\n      );\n  }\n\n  private _handlePress(e: Event): void {\n    // Stop propagation so nested wrappers don't also fire (composed + bubbles)\n    e.stopPropagation();\n    const manager = getGlobalEditorManager();\n    if (!manager) return;\n    manager.focusedContent.set({\n      dictionaryKey: this._dictionaryKey,\n      keyPath: this._getFilteredKeyPath(),\n    });\n  }\n\n  private _handleHover(e: Event): void {\n    e.stopPropagation();\n    getGlobalEditorManager()?.messenger.send(\n      `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n      {\n        dictionaryKey: this._dictionaryKey,\n        keyPath: this._getFilteredKeyPath(),\n      }\n    );\n  }\n\n  private _handleUnhover(e: Event): void {\n    e.stopPropagation();\n    getGlobalEditorManager()?.messenger.send(\n      `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n      null\n    );\n  }\n\n  private _render(): void {\n    const useWrapper = this._isInIframe && this._editorEnabled;\n    const editedValue = this._editedValue;\n    const isSimpleValue =\n      typeof editedValue === 'string' ||\n      typeof editedValue === 'number' ||\n      typeof editedValue === 'boolean';\n\n    const newState: RenderState = !useWrapper\n      ? 'simple'\n      : isSimpleValue\n        ? 'wrapped-text'\n        : 'wrapped-slot';\n\n    if (this._renderState !== newState) {\n      this._rebuildContent(newState);\n      return;\n    }\n\n    // Structure unchanged — update only dynamic parts\n    if (newState !== 'simple' && this._selector) {\n      this._updateSelectorAttr();\n      if (\n        newState === 'wrapped-text' &&\n        this._selector.firstChild?.nodeType === Node.TEXT_NODE\n      ) {\n        (this._selector.firstChild as Text).data = String(editedValue);\n      }\n    }\n  }\n\n  private _rebuildContent(state: RenderState): void {\n    const shadow = this.shadowRoot!;\n    // Remove all nodes except the style element (first child)\n    while (shadow.childNodes.length > 1) {\n      shadow.removeChild(shadow.lastChild!);\n    }\n    this._selector = null;\n\n    if (state === 'simple') {\n      shadow.appendChild(document.createElement('slot'));\n    } else {\n      const selector = document.createElement('intlayer-content-selector');\n      this._selector = selector;\n      if (this._isSelected) selector.setAttribute('is-selecting', '');\n      selector.addEventListener('intlayer:press', (e) => this._handlePress(e));\n      selector.addEventListener('intlayer:hover', (e) => this._handleHover(e));\n      selector.addEventListener('intlayer:unhover', (e) =>\n        this._handleUnhover(e)\n      );\n\n      if (state === 'wrapped-text') {\n        selector.appendChild(\n          document.createTextNode(String(this._editedValue))\n        );\n      } else {\n        selector.appendChild(document.createElement('slot'));\n      }\n      shadow.appendChild(selector);\n    }\n\n    this._renderState = state;\n  }\n}\n\nexport const defineIntlayerContentSelectorWrapper = (): void => {\n  if (typeof customElements === 'undefined') return;\n\n  if (!customElements.get('intlayer-content-selector-wrapper')) {\n    customElements.define(\n      'intlayer-content-selector-wrapper',\n      IntlayerContentSelectorWrapperElement\n    );\n  }\n};\n"],"mappings":"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"}
+{"version":3,"file":"ContentSelectorWrapper.mjs","names":["node"],"sources":["../../../src/components/ContentSelectorWrapper.ts"],"sourcesContent":["import { isSameKeyPath } from '@intlayer/core/utils';\n\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport type { TypedNodeModel } from '@intlayer/types/nodeType';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport type {\n  EditorStateManager,\n  FileContent,\n} from '../core/EditorStateManager';\nimport {\n  getGlobalEditorManager,\n  onGlobalEditorManagerChange,\n} from '../core/globalManager';\nimport { MessageKey } from '../messageKey';\n\ntype RenderState = 'simple' | 'wrapped-slot' | 'wrapped-text';\n\nconst _HTMLElement =\n  typeof HTMLElement !== 'undefined'\n    ? HTMLElement\n    : (class {} as unknown as typeof HTMLElement);\n\n/**\n * <intlayer-content-selector-wrapper>\n *\n * Framework-agnostic web component that wraps content with the Intlayer editor\n * selection UI. It replaces the per-framework ContentSelectorWrapper components\n * (Vue, Svelte, Solid, Preact).\n *\n * It reads from the global EditorStateManager singleton (set by initEditorClient)\n * and conditionally renders <intlayer-content-selector> around its slot content\n * when the editor is active and the app is running inside an iframe.\n *\n * @attr {string} key-path        - JSON-serialized KeyPath[] for this content node\n * @attr {string} dictionary-key  - The dictionary key owning this content node\n */\nexport class IntlayerContentSelectorWrapperElement extends _HTMLElement {\n  private _keyPathJson = '[]';\n  private _dictionaryKey = '';\n  private _editorEnabled = false;\n  private _isInIframe = false;\n  private _isSelected = false;\n  private _editedValue: ContentNode | undefined = undefined;\n\n  private _renderState: RenderState | null = null;\n  private _selector: HTMLElement | null = null;\n\n  private _unsubManager: (() => void) | null = null;\n  private _unsubEnabled: (() => void) | null = null;\n  private _unsubFocused: (() => void) | null = null;\n  private _unsubEditedContent: (() => void) | null = null;\n\n  static get observedAttributes(): string[] {\n    return ['key-path', 'dictionary-key'];\n  }\n\n  get keyPathJson(): string {\n    return this._keyPathJson;\n  }\n  set keyPathJson(v: string) {\n    this._keyPathJson = v;\n    const manager = getGlobalEditorManager();\n    if (manager) this._updateEditedValue(manager);\n  }\n\n  get dictionaryKey(): string {\n    return this._dictionaryKey;\n  }\n  set dictionaryKey(v: string) {\n    this._dictionaryKey = v;\n    const manager = getGlobalEditorManager();\n    if (manager) this._updateEditedValue(manager);\n  }\n\n  constructor() {\n    super();\n    const shadow = this.attachShadow({ mode: 'open' });\n    const style = document.createElement('style');\n    style.textContent = ':host { display: contents; }';\n    shadow.appendChild(style);\n  }\n\n  attributeChangedCallback(\n    name: string,\n    _oldVal: string | null,\n    newVal: string | null\n  ): void {\n    if (name === 'key-path') {\n      this._keyPathJson = newVal ?? '[]';\n      const manager = getGlobalEditorManager();\n      if (manager) this._updateEditedValue(manager);\n    } else if (name === 'dictionary-key') {\n      this._dictionaryKey = newVal ?? '';\n      const manager = getGlobalEditorManager();\n      if (manager) this._updateEditedValue(manager);\n    }\n  }\n\n  connectedCallback(): void {\n    if (typeof window !== 'undefined') {\n      this._isInIframe = window.self !== window.top;\n    }\n    this._subscribeToManager();\n    this._render();\n  }\n\n  disconnectedCallback(): void {\n    this._teardown();\n  }\n\n  private _teardown(): void {\n    this._unsubManager?.();\n    this._unsubEnabled?.();\n    this._unsubFocused?.();\n    this._unsubEditedContent?.();\n    this._unsubManager = null;\n    this._unsubEnabled = null;\n    this._unsubFocused = null;\n    this._unsubEditedContent = null;\n  }\n\n  private _getRawKeyPath(): KeyPath[] {\n    try {\n      return JSON.parse(this._keyPathJson) as KeyPath[];\n    } catch {\n      return [];\n    }\n  }\n\n  private _getFilteredKeyPath(): KeyPath[] {\n    return this._getRawKeyPath().filter(\n      (keyPath) => keyPath.type !== NodeTypes.TRANSLATION\n    );\n  }\n\n  private _updateEditedValue(manager: EditorStateManager): void {\n    const filteredKeyPath = this._getFilteredKeyPath();\n    if (!this._dictionaryKey || filteredKeyPath.length === 0) {\n      this._editedValue = undefined;\n      this._render();\n      return;\n    }\n\n    // Node types whose display requires framework-level rendering (markdown,\n    // HTML, insertion, file): do not override the slot — the framework handles\n    // those. Only plain / translated strings can be substituted here.\n    const rawKeyPath = this._getRawKeyPath();\n    const lastStepType = rawKeyPath[rawKeyPath.length - 1]?.type;\n    if (\n      lastStepType === NodeTypes.MARKDOWN ||\n      lastStepType === NodeTypes.HTML ||\n      lastStepType === NodeTypes.INSERTION ||\n      lastStepType === NodeTypes.FILE\n    ) {\n      this._editedValue = undefined;\n      this._render();\n      return;\n    }\n\n    let value = manager.getContentValue(this._dictionaryKey, filteredKeyPath);\n\n    // getContentNodeByKeyPath resolves translation nodes only at intermediate\n    // steps, not the final leaf. Resolve manually when the returned value is\n    // still a translation object (happens when Translation steps are filtered\n    // out and the leaf IS the translation object).\n    if (\n      value !== null &&\n      value !== undefined &&\n      typeof value === 'object' &&\n      (value as { nodeType?: unknown }).nodeType === NodeTypes.TRANSLATION\n    ) {\n      const locale = manager.currentLocale.value as string | undefined;\n      // TypedNodeModel<Translation, …> structurally satisfies TypedNode<BaseNode>\n      // (both have nodeType), so this narrowing cast is sound.\n      const node = value as TypedNodeModel<\n        typeof NodeTypes.TRANSLATION,\n        Record<string, ContentNode>\n      >;\n      value = locale ? node[NodeTypes.TRANSLATION][locale] : undefined;\n    }\n\n    this._editedValue = value;\n    this._render();\n  }\n\n  private _updateIsSelected(\n    focusedContent: FileContent | null | undefined\n  ): void {\n    if (!focusedContent) {\n      this._isSelected = false;\n      this._updateSelectorAttr();\n      return;\n    }\n    const keyPath = this._getFilteredKeyPath();\n    this._isSelected =\n      focusedContent.dictionaryKey === this._dictionaryKey &&\n      (focusedContent.keyPath?.length ?? 0) > 0 &&\n      isSameKeyPath(focusedContent.keyPath ?? [], keyPath);\n    this._updateSelectorAttr();\n  }\n\n  private _updateSelectorAttr(): void {\n    if (!this._selector) return;\n    if (this._isSelected) {\n      this._selector.setAttribute('is-selecting', '');\n    } else {\n      this._selector.removeAttribute('is-selecting');\n    }\n  }\n\n  private _subscribeToManager(): void {\n    const manager = getGlobalEditorManager();\n    if (manager) {\n      this._setupManagerSubscriptions(manager);\n    }\n    // Keep listening for manager changes (handles stop + re-init cycles)\n    this._unsubManager = onGlobalEditorManagerChange((m) => {\n      this._unsubEnabled?.();\n      this._unsubFocused?.();\n      this._unsubEditedContent?.();\n      this._unsubEnabled = null;\n      this._unsubFocused = null;\n      this._unsubEditedContent = null;\n      if (m) {\n        this._setupManagerSubscriptions(m);\n      } else {\n        this._editorEnabled = false;\n        this._isSelected = false;\n        this._editedValue = undefined;\n        this._render();\n      }\n    });\n  }\n\n  private _setupManagerSubscriptions(manager: EditorStateManager): void {\n    this._editorEnabled = manager.editorEnabled.value ?? false;\n    this._updateIsSelected(manager.focusedContent.value);\n    this._updateEditedValue(manager);\n\n    const handleEnabledChange = (e: Event) => {\n      this._editorEnabled = (e as CustomEvent<boolean>).detail;\n      this._render();\n    };\n    const handleFocusedChange = (e: Event) => {\n      this._updateIsSelected((e as CustomEvent<FileContent | null>).detail);\n    };\n    const handleEditedContentChange = () => {\n      this._updateEditedValue(manager);\n    };\n\n    manager.editorEnabled.addEventListener('change', handleEnabledChange);\n    manager.focusedContent.addEventListener('change', handleFocusedChange);\n    manager.editedContent.addEventListener('change', handleEditedContentChange);\n\n    this._unsubEnabled = () =>\n      manager.editorEnabled.removeEventListener('change', handleEnabledChange);\n    this._unsubFocused = () =>\n      manager.focusedContent.removeEventListener('change', handleFocusedChange);\n    this._unsubEditedContent = () =>\n      manager.editedContent.removeEventListener(\n        'change',\n        handleEditedContentChange\n      );\n  }\n\n  private _handlePress(e: Event): void {\n    // Stop propagation so nested wrappers don't also fire (composed + bubbles)\n    e.stopPropagation();\n    const manager = getGlobalEditorManager();\n    if (!manager) return;\n    manager.focusedContent.set({\n      dictionaryKey: this._dictionaryKey,\n      keyPath: this._getFilteredKeyPath(),\n    });\n  }\n\n  private _handleHover(e: Event): void {\n    e.stopPropagation();\n    getGlobalEditorManager()?.messenger.send(\n      `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n      {\n        dictionaryKey: this._dictionaryKey,\n        keyPath: this._getFilteredKeyPath(),\n      }\n    );\n  }\n\n  private _handleUnhover(e: Event): void {\n    e.stopPropagation();\n    getGlobalEditorManager()?.messenger.send(\n      `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n      null\n    );\n  }\n\n  private _render(): void {\n    const useWrapper = this._isInIframe && this._editorEnabled;\n    const editedValue = this._editedValue;\n    const isSimpleValue =\n      typeof editedValue === 'string' ||\n      typeof editedValue === 'number' ||\n      typeof editedValue === 'boolean';\n\n    const newState: RenderState = !useWrapper\n      ? 'simple'\n      : isSimpleValue\n        ? 'wrapped-text'\n        : 'wrapped-slot';\n\n    if (this._renderState !== newState) {\n      this._rebuildContent(newState);\n      return;\n    }\n\n    // Structure unchanged — update only dynamic parts\n    if (newState !== 'simple' && this._selector) {\n      this._updateSelectorAttr();\n      if (\n        newState === 'wrapped-text' &&\n        this._selector.firstChild?.nodeType === Node.TEXT_NODE\n      ) {\n        (this._selector.firstChild as Text).data = String(editedValue);\n      }\n    }\n  }\n\n  private _rebuildContent(state: RenderState): void {\n    const shadow = this.shadowRoot!;\n    // Remove all nodes except the style element (first child)\n    while (shadow.childNodes.length > 1) {\n      shadow.removeChild(shadow.lastChild!);\n    }\n    this._selector = null;\n\n    if (state === 'simple') {\n      shadow.appendChild(document.createElement('slot'));\n    } else {\n      const selector = document.createElement('intlayer-content-selector');\n      this._selector = selector;\n      if (this._isSelected) selector.setAttribute('is-selecting', '');\n      selector.addEventListener('intlayer:press', (e) => this._handlePress(e));\n      selector.addEventListener('intlayer:hover', (e) => this._handleHover(e));\n      selector.addEventListener('intlayer:unhover', (e) =>\n        this._handleUnhover(e)\n      );\n\n      if (state === 'wrapped-text') {\n        selector.appendChild(\n          document.createTextNode(String(this._editedValue))\n        );\n      } else {\n        selector.appendChild(document.createElement('slot'));\n      }\n      shadow.appendChild(selector);\n    }\n\n    this._renderState = state;\n  }\n}\n\nexport const defineIntlayerContentSelectorWrapper = (): void => {\n  if (typeof customElements === 'undefined') return;\n\n  if (!customElements.get('intlayer-content-selector-wrapper')) {\n    customElements.define(\n      'intlayer-content-selector-wrapper',\n      IntlayerContentSelectorWrapperElement\n    );\n  }\n};\n"],"mappings":"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"}